body{
color: #fff;
background: #900 url('./img/bg.gif');
margin: 0px;
padding: 0px;
font-size: 100%;
line-height: 1.2em;
font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
}

/* p, h1+ */

h1, h2{
font-size: 1.25em;
font-weight: bold;
color: #006;
margin: 1.2em 2em .7em;
padding: 0em 0em .3em;
border-bottom: 1px solid #eee;
}

h2, h2.kontakty{
margin: .5em 2.3em .7em;
font-size: 1.1em;
}

h2.kontakty{
font-size: 1em;
margin: .5em 4em;
border: 0px;
}

h2.noborder{
border: 0px;
}

h3{
font-size: .9em;
margin: .3em 0em .3em 3.5em;
}

p{
font-size: .8em;
color: #000;
margin: .4em 5em;
padding: 0em;
}

#hlavni p{
margin: 1em 3.2em;
line-height: 1.8em;
}

p.platci{
text-align: right;
font-size: .75em;
color: #666;
margin: .5em 9em 0em 2em !important;
}

#zapati p{
font-size: .75em;
font-weight: bold;
color: #fff;
text-align: center;
margin: 0em;
padding: 0em;
}

/* id, div */

#hlavni{
color: #000;
background: #fff;
margin: 0em auto;
padding: 0px;
width: 780px;
border: 0px;
border-left: 1px solid #000;
border-right: 1px solid #000;
}

#zahlavi{
width: auto;
height: 157px;
background: #fff url('./img/zahlavi.jpg') top left no-repeat;
margin: 0em;
padding: 0em;
position: relative;
border: 1px solid #000;
border-left: 0px;
border-right: 0px;
}

#webpage #zahlavi{
background: #fff url('./img/zahlavi-webdesign.jpg') top left no-repeat !important;
}

#cmspage #zahlavi{
background: #fff url('./img/zahlavi-cms.jpg') top left no-repeat !important;
}

#seopage #zahlavi{
background: #fff url('./img/zahlavi-seo.jpg') top left no-repeat !important;
}

#refpage #zahlavi{
background: #fff url('./img/zahlavi-reference.jpg') top left no-repeat !important;
}

#konpage #zahlavi{
background: #fff url('./img/zahlavi-kontakt.jpg') top left no-repeat !important;
}


#zahlaviimg{
background: #fff;
color: #336;
margin: 0px;
width: 243px;
height: 136px;
font-size: .8em;
text-align: left;
border: 0px;
position: absolute;
top: 0px;
left: 0px;
}

#zahlaviimg img, #zahlaviimg a, #zahlaviimg a img{
text-align: left;
border: 0px;
margin: 0px;
padding: 0px;
background: #fff;
color: #336;
font-weight: bold;
}

#zahlaviimg img{
font-size: 1.2em;
}

#menu{
font-family: Verdana, 'Arial CE', 'Times New Roman CE', sans-serif;
color: #fff;
width: auto;
margin: 0em;
padding: .4em;
height: 1.4em;
text-align: center;
background: #336;
border: 0px;
border-bottom: 1px solid #000;
}

#zapati{
width: auto;
background: #336;
color: #fff;
margin: 1em 0em 0em;
padding: .4em 0em;
border: 1px solid #000;
border-left: 0px;
border-right: 0px;
}

div.konec_obsahu{
width: 165px;
height: 30px;
margin: .4em auto;
background: #fff url('./img/konec.gif') no-repeat center center;
padding: 0em;
text-align: center;
}

#lista{
color: #ccc;
background: transparent;
margin: 10px auto 0px;
padding: 0px;
width: 780px;
border: 0px;
font-size: .85em;
}

#lista p, #lista a{
text-align: center;
color: #ccc;
background: transparent;
margin: 0px;
padding: 0px 1px;
}

/* odkazy */

a:link, a:visited, a:hover, a:active{
font-size: 1em;
font-weight: bold;
color: #006;
text-decoration: underline;
margin: 0em;
padding: 0em;
}

a:hover, a:active{
text-decoration: none;
}

#zapati a{
color: #fff;
}

#menu a, #menu a#aktivni{
text-decoration: none;
color: #fff;
font-size: .7em;
padding: .7em .6em .3em;
background: #336;
color: #fff;
border-bottom: 4px solid #336;
text-transform: uppercase;
}

#menu a:hover, #menu a#aktivni{
border-bottom: 4px solid #fff;
}

/* seznamy */

ul#ul_mapa, ul.ul_chyba{
text-align: left;
color: #336;
list-style: square;
margin: 1em 3.5em;
}

ul#ul_mapa li{
margin: .4em 0em;
padding: 0em;
font-size: .8em;
}

ul.ul_chyba li{
margin: .4em 0em;
padding: 0em;
font-size: .8em;
font-weight: bold;
}

ul#ul_mapa li a{
margin: 0em;
padding: 0em;
color: #336;
text-decoration: underline;
}

ul#ul_mapa li a:hover{
text-decoration: none;
}

ul#ul_mapa li span{
color: #000;
font-size: .9em;
}

/* ostatn?? */

dl{
text-align: left;
margin: 1em 2.5em;
}

dt{
text-align: left;
color: #666;
font-weight: bold;
font-size: .9em;
margin: .6em 0em .5em;
}

dd, dd.cena{
text-align: left;
font-size: .8em;
color: #000;
margin: 1em;
}

dd.cena{
text-align: right;
font-weight: bold;
color: #333;
margin: 1em 6em 1em 2em;
}

dd a img{
margin: 0em 3em 0em .5em;
border: 1px solid #666;
float: right;
background: #fff;
padding: .4em;
}

b, strong, .tucne{
font-weight: bold;
}

.kurziva{
font-style: italic;
}

address, div.kontakt{
font-style: normal;
font-size: .9em;
margin: 0em 0em .6em 6em;
}

div.kontakt p{
font-size: 1em;
text-indent: 0px;
}

label, label.nutne{
font-size: .9em;
font-weight: bold;
color: #fff;
}

div#poptavka{
border: 1px solid #336;
background: #900;
width: 70%;
margin: 1em auto;
text-align: center;
color: #fff;
}

div#poptavka form{
margin: 1em 0px 0px;
padding: .5em 1em;
font-size: .8em;
}

form{
padding: .5em 0em;
}

div#poptavka form div{
text-align: right;
margin: .6em 0em;
}

form div#submitdiv{
margin: .6em 0em 0em;
}

div#poptavka form div span{
color: #eee;
font-size: .9em;
}

p.chyba{
color: #f00;
font-weight: bold;
}

hr.both{
margin: 0px;
padding: 0px;
visibility: hidden;
clear: both;
width: 1px;
height: 1px;
line-height: 1px;
font-size: 1px;
}

.obtekani{
clear: both;
}

a img{
border: 1px solid #000;
}

.nastred{
text-align: center;
}

#hlavni p.vpravo{
margin: 0em 3em;
text-align: right;
font-size: .8em;
}

#hlavni p.vpravo a{
color: #900;
}