/*
   --- (c) j3nda <smid {-at-} fv {-dot-} cz>
   file: _default.css
     by: ester, v.0.6, build: 20070326-073255 (generate: 08.02.2012, 09:27:35)

*/
* {
margin: 0;
padding: 0;
}

body {
background: url('http://www.technicke-sluzby.cz/template/cs_CZ/img/pozadi.jpg') 0 0 repeat-x #222222;
font-size: 82%;
font-family: trebuchet ms, tahoma, verdana, sans-serif;
text-align: center;
padding-top: 10px;
padding-bottom: 20px;
}

#hlavicka {
text-align: left;
margin: 0 auto;
width: 880px;
height: 390px;
background: url('http://www.technicke-sluzby.cz/template/cs_CZ/img/hlavicka.jpg') 0 0 no-repeat #35d219;
position: relative;
margin-bottom: 20px;
}

#hlavicka a img {
border: 0;
position: absolute;
left: 80px;
top: 120px;
}

#hlavicka ul {
position: absolute;
top: 350px;
left: 60px;
list-style: none;
}

#hlavicka ul li {
float: left;
padding-right: 50px;
}

#hlavicka ul li a {
color: black;
font-weight: bold;
float: left;
text-decoration: none;
background: url('http://www.technicke-sluzby.cz/template/cs_CZ/img/sipka.gif') 0 5px no-repeat;
padding-left: 15px;
}

#hlavicka ul li a:hover, #hlavicka ul li a.aktivni {
color: #137b00;
}

#telo {
text-align: left;
overflow: auto;
padding-top: 20px;
margin: 0 auto;
width: 860px;
background: url('http://www.technicke-sluzby.cz/template/cs_CZ/img/telo.gif') 0 0 no-repeat white;
}

#paticka {
margin: 0 auto;
width: 860px;
height: 50px;
background: url('http://www.technicke-sluzby.cz/template/cs_CZ/img/paticka.gif') 0 0 no-repeat #35d219;
position: relative;
}

#paticka p {
position: absolute;
right: 40px;
top: 10px;
color: #137b00;
}

#paticka p a {
color: black;
}

#paticka p a:hover {
color: white;
}

#leva {
float: left;
width: 300px;
padding-bottom: 50px;
margin-left: 10px;
display: inline;
border-right: 1px silver dotted;
}

#prava {
float: right;
width: 520px;
padding-bottom: 50px;
margin-right: 10px;
display: inline;
}

.cleaner {
font-size: 1px;
clear: both;
}


.novinky {
background: url('http://www.technicke-sluzby.cz/template/cs_CZ/img/novinky.jpg') 0 0 no-repeat #ecedec;
width: 290px;
margin-bottom: 20px;
}

.novinky-in {
background: url('http://www.technicke-sluzby.cz/template/cs_CZ/img/novinky-in.jpg') left bottom no-repeat;
padding: 20px;
}

.novinky-in p {
border-bottom: 1px dotted gray;
margin-bottom: 20px;
padding-bottom: 5px;
}


.certifikaty {
overflow: hidden;
margin: -8px 0 20px 7px;
}

.certifikaty img {
float: left;
margin: 0 5px 5px 0;
filter:alpha (opacity=70);
opacity: 0.7;
}

.certifikaty a:hover img {
filter:alpha (opacity=100);
opacity: 1;
}


.dotaz {
margin-left: 20px;
background: url('http://www.technicke-sluzby.cz/template/cs_CZ/img/dotaz.jpg') 0 0 no-repeat #ecedec;
width: 500px;
}

.dotaz-in {
background: url('http://www.technicke-sluzby.cz/template/cs_CZ/img/dotaz-in.jpg') left bottom no-repeat;
padding: 20px;
}

.dotaz-in dd input {
border: 1px solid silver;
width: 250px;
height: 22px;
font-family: trebuchet ms, tahoma, verdana, sans-serif;
} 

.dotaz-in dd textarea {
border: 1px solid silver;
width: 250px;
height: 100px;
font-family: trebuchet ms, tahoma, verdana, sans-serif;
}

.dotaz-in dd {
margin-bottom: 10px;
}

#telo p a {
color: #c84500;
}

#telo p a:hover {
color: gray;
}


h1, h2 {
color: white;
position: absolute;
}

h1 {
font-size: 152%;
font-weight: lighter;
left: 50px;
top: 260px;
}

h2 {
font-size: 132%;
font-weight: lighter;
left: 90px;
top: 285px;
}

h3 {
font-size: 152%;
padding-left: 20px;
background: url('http://www.technicke-sluzby.cz/template/cs_CZ/img/sipka2.gif') 0 8px no-repeat;
font-weight: lighter;
margin-bottom: 20px;
}

h4 {
font-size: 132%;
margin-left: 20px;
margin-bottom: 10px;
border-bottom: 1px solid silver;
font-weight: lighter;
color: gray;
}

#leva h3 {
margin-left: 20px;
}

#prava p {
padding-left: 20px;
margin-bottom: 10px;
}

#prava ul {
list-style: none;
margin-bottom: 20px;
margin-left: 20px;
}

#prava ul li {
background: url('http://www.technicke-sluzby.cz/template/cs_CZ/img/sipka3.gif') 0 7px no-repeat;
padding-left: 15px;
}

#prava table {
border-collapse: collapse;
margin-left: 20px;
margin-bottom: 10px;
}

#prava table td, #prava table th {
vertical-align: top;
padding-right: 20px;
padding-bottom: 20px;
}

#prava table td a {
color: #f06c19;
}

#prava table td a:hover {
color: black;
}

.spacer {
height: 50px;
}

table th em {
font-weight: lighter;
}

.obrazky {
padding-left: 20px;
padding-bottom: 20px;
}

.obrazky img {
float: left;
margin-right: 19px;
border: 10px solid #ededed;
}

#prava .obrazky img.bezokraje {
margin-right: 0;
}

.mapa {
float: right;
padding-right: 10px;
}


.mapa a img {
border: 1px solid silver;
}