/* CSS Dokument */



/* Obecne direktivy */

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
font-size: 62.5%
}

body {
height: 100%;
background-color: #FFFFFF;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
}

a:link, a:visited {
color: #C10000;
text-decoration: underline;
font-weight: bold;
}

a:hover {
text-decoration: none;
}

p {
line-height: 140%;
margin-bottom: 8px;
}

p.vysvetlivka {
margin-bottom: 6px;
}

p.odpoved {
line-height: 140%;
margin-bottom: 25px;
}

p.odsazeny {
text-indent: 20px;
}

p.odsazeny2 {
text-indent: 20px;
margin-bottom: 25px;
}

p.odpoved2 {
line-height: 140%;
}

p.odpoved3 {
line-height: 140%;
margin-bottom: 23px;
}

p.konecne-ceny {
margin-bottom: 7px;
width: 90%;
text-align: center;
}

p.posun {
margin-left: 20px;
}

p.note {
font-size: 0.9em;
margin-left: 35px;
}

p.slabsi-odkazy a {
font-weight: normal;
padding: 1px 2px 1px 2px;
}

p.slabsi-odkazy a:hover {
background-color: #C10000;
color: #FFFFFF;
}

p.je {
font-size: 0.95em;
color: #3A3A3A;
margin-bottom: 3px;
}

p.faktura {
line-height: 150%;
}

p.na-kalkulaci {
margin-top: 40px;
font-size: 1.1em;
line-height: 130%;
}

dt {
font-size: 0.85em;
letter-spacing: 1px;
font-weight: bolder;
margin-bottom: 2px;
}

dd {
font-size: 0.85em;
letter-spacing: 1px;
line-height: 150%;
margin-bottom: 8px;
}


/* Obal celych stranek */

#obal {
width: 740px;
margin: 23px auto 0 auto;
text-align: left;
}


/* Rozcestnik - policko s odkazem na stranky Mantis-a */

#rozcestnik {
position: fixed;
top: 100px;
right: 0;
}

#rozcestnik li {
list-style-type: none;
}

#rozcestnik li a, #rozcestnik li a:visited {
list-style-type: none;
color: #FFFFFF;
font-size: 0.95em;
font-weight: normal;
text-align: center;
text-decoration: none;
background-color: #C10000;
padding: 4px 12px;
display: block;
}

#rozcestnik li a:hover {
background-color: #2E6600;
}

.listek-posun {
margin-bottom: 12px;
}

.cistic {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
}


/* Hlavicka */

#hlavicka {
width: 740px;
height: 220px;
position: relative;
}

h1 {
position: absolute;
overflow: hidden;
top: 45px;
right: 75px;
font-size: 150%;
text-align: center;
}

h1, h1 span {
width: 369px;
height: 96px;
}

h1 span {
display: block;
position: absolute;
top: 0;
left: 0;
background: url('../img/nazev.gif') no-repeat 0 0;
cursor: pointer;
}

#linka-hlavicka {
position: relative;
margin: 0 auto;
width: 700px;
height: 3px;
top: 0;
background: url('../img/hlavicka.gif') no-repeat 0 0;
}

#pero {
position: absolute;
width: 223px;
height: 160px;
top: 35px;
left: 23px;
background: url('../img/pero.gif') no-repeat 0 0;
}


/* Tuzticka */

#tuzticka {
display: block;
position: absolute;
top: 193px;
right: 0;
background: url('../img/tuzticka.gif') no-repeat 0 0;
width: 45px;
height: 32px;
}


/* Delici cara */

hr {
display: none;
}


/* Menu */

#menu {
width: 740px;
height: 32px;
background: #C10000 url('../img/menu.gif') no-repeat 0 0;
}

#menu li {
float: left;
display: inline;
list-style-type: none;
text-align: center;
}

#menu li a, #menu li a:hover, #menu li a:visited {
color: #FFFFFF;
}

#uvod a {
width: 86px;
height: 21px;
padding-top: 11px;
background: url('../img/1.gif') no-repeat 0 0;
display: block;
color: #FFFFFF;
font-size: 1.1em;
position: relative;
}

#uvod a:hover {
background-position: -86px;
}

#uvod a.aktivni-polozka {
background-position: -86px;
}

#reference a {
width: 122px;
height: 21px;
padding-top: 11px;
background: url('../img/2.gif') no-repeat 0 0;
display: block;
color: #FFFFFF;
font-size: 1.1em;
}

#reference a:hover {
background-position: -122px;
}

#reference a.aktivni-polozka {
background-position: -122px;
}

#jaktoprobiha a {
width: 151px;
height: 21px;
padding-top: 11px;
background: url('../img/3.gif') no-repeat 0 0;
display: block;
color: #FFFFFF;
font-size: 1.1em;
}

#jaktoprobiha a:hover {
background-position: -151px;
}

#jaktoprobiha a.aktivni-polozka {
background-position: -151px;
}

#cenik a {
width: 89px;
height: 21px;
padding-top: 11px;
background: url('../img/4.gif') no-repeat 0 0;
display: block;
color: #FFFFFF;
font-size: 1.1em;
}

#cenik a:hover {
background-position: -89px;
}

#cenik a.aktivni-polozka {
background-position: -89px;
}

#kontakt a {
width: 105px;
height: 21px;
padding-top: 11px;
background: url('../img/5.gif') no-repeat 0 0;
display: block;
color: #FFFFFF;
font-size: 1.1em;
}

#kontakt a:hover {
background-position: -105px;
}

#kontakt a.aktivni-polozka {
background-position: -105px;
}


/* Vysvetleni pojmu na zacatku uvodni stranky */

#vysvetlivky {
margin: 1.1em auto 0 auto;
width: 98%;
background-color: #FFF0F0;
border: 1px dashed #C10000;
font-size: 0.95em;
}

#vysvetlivky-obsah {
margin: 0.8em;
}


/* Obsah */

#obsah {
width: 98%;
margin: 2.5em 0 0 1.7em;
}

#obsah2 {
width: 98%;
margin: 0.5em 0 0 1.7em;
}

#obsah-vice {
width: 98%;
margin: 2.5em 0 0 1.7em;
}

#obsah-vice p {
line-height: 150%;
}

.levy-sloupec {
width: 60%;
float: left;
margin: 1em 0 1em 0;
}

.pravy-sloupec {
margin: 1em 0 1em 60%;
}

.levy-sloupec-k {
width: 50%;
float: left;
margin: 1.9em 0 0.7em 0;
}

.pravy-sloupec-k {
margin: 1.9em 0 0.7em 50%;
}

.levy-sloupec-vnitrek {
margin: 0 3em 0 0.5em;
font-size: 1.1em;
}

.levy-sloupec-vnitrek a {
padding: 1px 2px 1px 2px;
color: #C10000; 
}

.levy-sloupec-vnitrek a:hover {
background-color: #C10000;
color: #FFFFFF;
}

.pravy-sloupec-vnitrek {
margin: 0 0.5em 0 0.5em;
font-size: 1.1em;
}

.pravy-sloupec-vnitrek a {
padding: 1px 2px 1px 2px;
}

.pravy-sloupec-vnitrek a:hover {
background-color: #C10000;
color: #FFFFFF;
}

.levy-sloupec-vnitrek-k {
margin: 0 0 1em 1.7em;
font-size: 1.1em;
}

.levy-sloupec-vnitrek-k a {
padding: 1px 2px 1px 2px;
}

.levy-sloupec-vnitrek-k a:hover {
background-color: #C10000;
color: #FFFFFF;
}

.pravy-sloupec-vnitrek-k {
margin: 0 0 1em 0;
font-size: 1.1em;
}

.pravy-sloupec-vnitrek-k p {
margin-bottom: 4px;
}

.pravy-sloupec-vnitrek-k a {
padding: 1px 2px 1px 2px;
color: #C10000;
}

.pravy-sloupec-vnitrek-k a:hover {
background-color: #C10000;
color: #FFFFFF;
}

h2 {
font-size: 1.15em;
color: #C10000;
margin-bottom: 6px;
}

h2.jaktoprobiha {
margin-bottom: 3px;
font-size: 1.1em;
}

ul#nase-sluzby {
list-style-type: none;
margin-top: 12px;
}

ul#nase-sluzby li {
margin-bottom: 12px;
}

ul#nase-sluzby li strong {
padding: 1px 2px 1px 2px;
background-color: #FFFCA0;
}

ul#nase-sluzby li span {
color: #C10000;
font-weight: bold;
}

ul#nase-sluzby li.rozsah-sluzeb {
font-size: 0.9em;
color: #3A3A3A;
margin: -9px 0 0 18px;
line-height: 140%;
}

.podstatne {
font-style: italic;
letter-spacing: 1px;
}

.dalsi-kontakty {
font-size: 0.85em;
letter-spacing: 1px;
margin-top: 15px;
}


/* Paticka */

#paticka {
width: 740px;
margin: 40px auto 30px auto;
display: table;
background: url('../img/paticka.gif') no-repeat 0 0;
}

#paticka p {
margin-bottom: 3px;
font-size: 0.9em;
color: #3A3A3A;
}

#paticka-text-vlevo {
float: left;
text-align: left;
margin: 13px 0 0 10px;
display: inline; /* Opravuje chybu Dvojity vnejsi okraj (Double-Float margin bug) v prohlizeci IE 6 a nizsich */
}

#paticka-text-vpravo {
float: right;
text-align: right;
margin: 13px 0 0 0;
display: inline; /* Opravuje chybu Dvojity vnejsi okraj (Double-Float margin bug) v prohlizeci IE 6 a nizsich */
}


#paticka-text-vpravo a {
font-weight: normal;
padding: 1px 2px 1px 2px;
}

#paticka-text-vpravo a:hover {
background-color: #C10000;
color: #FFFFFF;
}

#tisk {
background: url('../img/tiskarnicka.gif') no-repeat left center;
padding-left: 18px;
margin-left: 3px;
}

a span.sam {
font-weight: normal;
padding: 1px 2px;
}

a:hover span.sam {
background: #C10000;
color: #FFFFFF;
}

#prohlaseni-o-pristupnosti a {
font-weight: normal;
padding: 1px 2px 1px 2px;
}

#prohlaseni-o-pristupnosti a:hover {
background-color: #C10000;
color: #FFFFFF;
}


/* Delici ornament na uvodni strance */

#delidlo {
background: url('../img/delidlo.gif') no-repeat center;
width: 442px;
height: 13px;
margin: 0 auto;
clear: left;
}


/* Tabulka ceniku */

table {
width: 90%;
border-collapse: collapse;
margin: 0 0 0.7em 0;
}

tr {
background: url('../img/dot.gif') repeat-x bottom;
}

td {
text-align: left;
padding: 0.7em 0 0.7em 1em;
}

.zvyraznene-pozadi {
background-color: #FFF0F0;
}

.cena-vpravo {
text-align: right;
padding: 0.5em 2em 0.5em 0;
color: #AC0000;
font-weight: bold;
}

.upresneni {
font-size: 0.9em;
color: #3A3A3A;
}

.svetlejsi {
color: #3A3A3A;
}


/* Info pred formularem */

#hlaska {
background-color: #FFF0F0;
padding: 12px 15px 4px 15px;
border-left: 3px solid #C10000;
margin: 12px 0 30px 0;
position: relative;
}

#hlaska-obal { /* Matrjoska hack by Petr Stanicek (Pixy); http://www.pixy.cz/ */
width: 457px;
}

#listecek {
background: url('../img/listecek.gif') no-repeat 0 0;
width: 43px;
height: 22px;
position: absolute;
bottom: 5px;
right: 8px;
}


/* Formular zadosti o cenovou kalkulaci */

form {
width: 450px;
}

fieldset {
margin: 0 0 22px 0;
border: none;
}

legend {
font-weight: bold;
font-size: 1.1em;
color: #C10000;
display: inline;
}

label {
float: left;
display: block;
width: 100px;
margin-top: 2px;
clear: left;
}

input {
width: 300px;
margin: 0 0 8px 0;
}

form br {
display: none;
}

textarea {
width: 400px;
margin: 12px 0 10px 0;
display: block;
}

input.chran {
width: 35px;
margin-left: 10px;
}

input.odeslat {
width: auto;
display: block;
margin-top: 20px;
}

label.vyber {
float: none;
width: auto;
margin: 0 0 6px 0;
}

label.spam-ochrana {
width: auto;
}

input.vyber2 {
width: auto;
margin: 0;
}

.formik {
width: 430px;
height: 1px;
border-bottom: 1px solid gray;
margin: 4px 0 18px 0;
}

h3 {
font-size: 1.1em;
color: #C10000; /* #833E00; */
margin: 23px 0 2px 20px;
}

.seznamek {
margin: -10px 0 22px 38px;
list-style-image: url('../img/odrazka.gif');
}

.seznamek li {
margin-bottom: 10px;
padding-left: 3px;
}

#acceskeys {
margin: 15px 0 20px 50px;
}

#acceskeys li {
list-style-image: url('../img/odrazka.gif');
margin-bottom: 10px;
padding-left: 3px;
}

#acceskeys a {
font-weight: normal;
}

.vyrazny {
padding: 1px 2px 1px 2px;
background-color: #FFFCA0;
}

.rozsah-sluzeb {
font-size: 1em;
color: #3A3A3A;
line-height: 160%;
margin-top: -8px;
list-style-type: none;
list-style-image: none;
}

p.chci-kalkulaci {
width: 314px; 
height: 30px; 
position: relative;
background-color: #C10000;
}

p.chci-kalkulaci a {
display: block; 
width: 314px; 
height: 30px; 
font-size: 1.2em; 
font-weight: bold; 
text-align: center;
line-height: 30px;
text-decoration: none;
position: relative;
background-color: #C10000;
color: #FFFFFF;
overflow: hidden;
} 

p.chci-kalkulaci a span {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url('../img/nezavazna-cenova-kalkulace-button.gif') no-repeat 0 0;
cursor: pointer;
}

/* p.chci-kalkulaci a:hover {
background-color: #2E6600;
}

p.chci-kalkulaci a:hover span {
background-position : 0 -30px;
} */

p.chci-kalkulaci2 { 
width: 225px; 
height: 30px; 
position: relative;
margin-top: 10px;
}

p.chci-kalkulaci2 a {
display: block; 
width: 225px; 
height: 30px; 
font-size: 1.2em; 
font-weight: bold; 
text-align: center;
line-height: 30px;
text-decoration: none;
position: relative;
background-color: #C10000;
color: #FFFFFF;
overflow: hidden;
} 

p.chci-kalkulaci2 a span {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url('../img/cenova-kalkulace-button.gif') no-repeat 0 0;
cursor: pointer;
}

/* p.chci-kalkulaci2 a:hover {
background-color: #2E6600;
}

p.chci-kalkulaci2 a:hover span {
background-position : 0 -30px;
} */

.schovane {
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}

#hlaska-odeslani {
margin: 30px auto;
width: 380px;
background-color: #FFFEBC;
border: 1px solid #E8D717 /* #D3B800 */;
}

#hlaska-odeslani2 {
margin: 30px auto;
width: 530px;
background-color: #FFFEBC;
border: 1px solid #E8D717 /* #D3B800 */;
}

#hlaska-odeslani-in {
margin: 10px 15px;
text-align: center;
}

#hlaska-odeslani p, #hlaska-odeslani2 p {
font-size: 1.2em;
}

#hlaska-odeslani2 p a, #hlaska-odeslani2 p a:visited {
color: #5D4A00;
padding: 1px 2px;
letter-spacing: 1px;
}

#hlaska-odeslani2 p a:hover {
background-color: #5D4A00;
color: #FFFEBC;
}


.noborder {
border: none;
}


.stop {
float: left;
display: block;
font-size: 1.2em;
background-color: #C10000;
color: white;
padding: 7px 14px;
margin-top: 5px;
letter-spacing: 1px;
}