/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, menu, ul, ol, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
blockquote, p, pre {
margin:1em 0;
}
dt {
margin:1em 0 0 0;
}
dd {
padding:0 0 0 2.5em;
}
abbr, acronym, pre, code, kbd, samp, tt, del, ins, q {
font-style:normal;
font-weight:normal;
}
blockquote, cite, q, dfn, em, var, address {
font-style:italic;
font-weight:normal;
}
strong, b {
font-style:normal;
font-weight:bold;
}
body {
line-height:1;
}
menu, ul, ol {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
content:none;
}
abbr, acronym {
text-decoration:none;
font-variant:normal;
cursor:help;
border-bottom:1px dashed;
}
ins {
text-decoration:underline;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
border-color:#666;
}
label {
cursor:pointer;
}

/* Odchytit defaultní písmo a definovat ho */
pre, code, kbd, samp, tt {
font-family:"Lucida Console", "Monaco CE", fixed, monospace;
}

/* Opravuje chybu ve vykreslovani */
img, td img {
vertical-align:middle;
}


/* ODKAZY */
a:link {
color:#333;
text-decoration:underline;
}
a:visited {
color:#666;
text-decoration:underline;
}
a:hover, a:focus, a:active {
text-decoration:none;
}

/* LAYOUT */
body {
text-align:center;
font-family:Verdana, "Geneva CE", lucida, Tahoma, "Lucida Grande CE", lucida, sans-serif;
font-size:62.5%;
line-height:200%;
min-width:760px;
color:#333;
background:#fff url("grafika/ornamenty.png") repeat-y center top;
}
#site {
text-align:left;
font-size:120%;
width:760px;
margin:0 auto;
padding:40px 0 0 0;
position:relative;
background:url("grafika/line.png") no-repeat center top;
}
#header {
width:760px;
}
#buttons {
width:530px;
height:95px;
position:relative;
top:60px;
left:-24px;
}
#menu {
width:660px;
height:53px;
margin:0 0 0 100px;
overflow:hidden;
position:relative;
top:-80px;
right:-25px;
}
#menucopywriting, #menukorektury {
width:100%;
height:100%;
padding:0 30px 0 30px;
background:url("grafika/menu.png") no-repeat;
}
menu {
}
menu li {
text-transform:uppercase;
float:left;
padding:10px;
}
menu li a {
text-decoration:none !important;
float:left;
cursor:pointer;
color:#333 !important;
}
#menucopywriting menu li a:hover {
text-decoration:none !important;
color:#ec720f !important;
}
#menukorektury menu li a:hover {
text-decoration:none !important;
color:#b5b815 !important;
}

#menucopywriting menu li.active a, #menukorektury menu li.active a  {
text-decoration:none !important;
color:#fff !important;
}
#menucopywriting menu li.active a .lileft {
background:url("grafika/orange.png") no-repeat left center;
}
#menucopywriting menu li.active a .licenter {
background:#f29400;
}
#menucopywriting menu li.active a .liright {
background:url("grafika/orange.png") no-repeat right center;
}
#menukorektury menu li.active a .lileft {
background:url("grafika/green.png") no-repeat left center;
}
#menukorektury menu li.active a .licenter {
background:#d7da2e;
}
#menukorektury menu li.active a .liright {
background:url("grafika/green.png") no-repeat right center;
}

.lileft {
width:10px;
height:20px;
float:left;
}
.licenter {
float:left;
}
.liright {
width:10px;
height:20px;
float:left;
}


#content {
width:760px;
}
#inside {
padding:1em 60px 0 60px;
}
#footer {
font-size:80%;
width:760px;
}
#footerin {
padding:40px;
}


/* NADPISY */
h1, h2, h3, h4, h5, h6 {
font-family:Georgia, "New York CE", utopia, serif;
/* font-family:Verdana, "Geneva CE", lucida, Tahoma, "Lucida Grande CE", lucida, sans-serif; */
font-weight:bold;
font-variant:small-caps;
line-height:100%;
display:block;
clear:both;
margin:1em 0 0 0;
}
h1 {
font-size:200%;
width:550px;
height:51px;
margin:0 auto 0 60px;
position:relative;
overflow:hidden;
}
h1 a span {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
cursor:pointer;
background:url("grafika/logo.png") no-repeat;
}
#buttons h2#copywriting, #buttons div#copywriting {
font-size:200%;
width:270px;
height:95px;
margin:0;
float:left;
clear:none;
position:relative;
overflow:hidden;
}
#buttons h2#copywriting a, #buttons div#copywriting a {
padding:0 0 0 84px;
}
#buttons h2#copywriting a span, #buttons div#copywriting a span {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
cursor:pointer;
}
#buttons h2#copywriting a span {
background:url("grafika/buttoncopywriting.png") no-repeat center bottom;
}
#buttons div#copywriting a span {
background:url("grafika/buttoncopywriting.png") no-repeat center top;
}
#buttons div#copywriting a:hover span {
background:url("grafika/buttoncopywriting.png") no-repeat center center;
}

#buttons h2#korektury, #buttons div#korektury {
font-size:200%;
width:260px;
height:95px;
margin:0;
float:left;
clear:none;
position:relative;
overflow:hidden;
}
#buttons h2#korektury a span, #buttons div#korektury a span {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
cursor:pointer;
}
#buttons h2#korektury a span {
background:url("grafika/buttonkorektury.png") no-repeat center bottom;
}
#buttons div#korektury a span {
background:url("grafika/buttonkorektury.png") no-repeat center top;
}
#buttons div#korektury a:hover span {
background:url("grafika/buttonkorektury.png") no-repeat center center;
}
h3 {
font-size:180%;
color:#0ca3c3;
}
h4 {
font-size:160%;
color:#0ca3c3;
}
h5 {
font-size:140%;
color:#0ca3c3;
}
h6 {
font-size:120%;
color:#0ca3c3;
}

/* OSTATNI */
p:first-letter {
text-transform:uppercase;
}
.separator {
display:none;
clear:both;
}
.displaynone {
display:none;
}
.noscreen {
position:absolute;
left:0;
top:-1000px;
}
.center  {
text-align:center;
}
.right {
text-align:right;
}
.clearer {
clear:both;
}

.orange, .green {
width:100%;
display:block;
overflow:hidden;
position:relative;
left:-10px;
color:#fff;
}
.orange a, .green a {
color:#fff;
}
.orangeleft {
width:10px;
height:20px;
float:left;
background:url("grafika/orange.png") no-repeat left center;
}
.orangecenter {
float:left;
background:#f29400;
}
.orangeright {
width:10px;
height:20px;
float:left;
background:url("grafika/orange.png") no-repeat right center;
}
.greenleft {
width:10px;
height:20px;
float:left;
background:url("grafika/green.png") no-repeat left center;
}
.greencenter {
float:left;
background:#d7da2e;
}
.greenright {
width:10px;
height:20px;
float:left;
background:url("grafika/green.png") no-repeat right center;
}

.objednat {
font-size:200%;
width:245px;
height:70px;
overflow:hidden;
position:relative;
left:-24px;
}
.objednat a {
padding:0 0 0 84px;
}
.objednat a span {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
cursor:pointer;
background:url("grafika/objednat.png") no-repeat;
}

.paper {
width:760px;
margin:1em 0 1em 0;
display:block;
overflow:hidden;
position:relative;
right:-23px;
}
.papertop {
background:#f0f0f0 url("grafika/papertop.png") no-repeat left top;
}
.paperbottom {
padding:16px 60px 31px 60px;
background:url("grafika/paperbottom.png") no-repeat right bottom;
}

a.rounded-block {
text-decoration:none !important;
position:relative;
display:block;
width:620px;
margin:10px 0;
padding:5px 10px;
overflow:hidden;
color:#000 !important;
background:#f0f0f0 !important;
}
.paper-copywriting a.rounded-block:hover {
color:#fff !important;
background:#f29400 !important;
}
.paper-korektury a.rounded-block:hover {
color:#fff !important;
background:#d7da2e !important;
}
a.rounded-block:hover .tl, a.rounded-block:hover .tr, a.rounded-block:hover .bl, a.rounded-block:hover .br {
position:absolute;
display:block;
width:10px;
height:10px;
font-size:0;
line-height:0;
}
.paper-copywriting a.rounded-block:hover .tl, .paper-copywriting a.rounded-block:hover .tr, .paper-copywriting a.rounded-block:hover .bl, .paper-copywriting a.rounded-block:hover .br {
background:#f0f0f0 url('grafika/orange.png') no-repeat;
}
.paper-korektury a.rounded-block:hover .tl, .paper-korektury a.rounded-block:hover .tr, .paper-korektury a.rounded-block:hover .bl, .paper-korektury a.rounded-block:hover .br {
background:#f0f0f0 url('grafika/green.png') no-repeat;
}
a.rounded-block:hover .tl {
top:0 !important;
left:0 !important;
background-position:left top !important;
}
a.rounded-block:hover .tr {
top:0 !important;
right:0 !important;
background-position:right top !important;
}
a.rounded-block:hover .bl {
bottom:0 !important;
left:0 !important;
background-position:left bottom !important;
}
a.rounded-block:hover .br {
bottom:0 !important;
right:0 !important;
background-position:right bottom !important;
}

#vodicka {
width:116px;
height:20px;
margin:20px 0 0 0;
float:right;
position:relative;
overflow:hidden;
}
#vodicka span {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
cursor:pointer;
}
#vodicka span {
background:url("grafika/vodicka.png") no-repeat center top;
}
#vodicka span:hover, #vodicka span.hover {
background:url("grafika/vodicka.png") no-repeat center bottom;
}

#insidecenik table {
width:100%;
margin:0 auto 1em auto;
cursor:default;
}
#insidecenik table caption {
text-align:left;
margin:1em 0 0 0;
color:#999;
}
#insidecenik table tr td {
vertical-align:middle;

}
#insidecenik table tr td em {
font-style:normal;
color:#666;
}

#zakladni-sazba {
font-weight:bold !important;
}

.cotojatka, .cotojatka-anchor {
font-size:95%;
line-height:160%;
padding:3px 5px;
border:2px solid #e7501e;
background:#fff;
}