*{
margin:0px;
padding:0px;
}
a{
color:#000080;
text-decoration:none;
}
html,body{
height:100%;
}
body{
color:#000080;
background-image:url(img/PozBody.jpg);
background-repeat:repeat-x;
background-color:#fff;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:9pt;
text-align:center;
min-width:720px;
}
img{
border:none;
}
h1,h2,h3{
font-family:Verdana,Arial,Helvetica,sans-serif;
}
h1{
font-size:27px;
}
.Skryty{
display:none;
}
.Vysicti{
clear:both;
}
/* hlavni bloky */
body>#Stranka{
height:auto;
}
#Stranka{
width:720px;
margin:0 auto;
text-align:left;
position:relative;
min-height:100%;
height:100%;
}
#TopB,
#TopM,
#HblokInd,
#Pata{
width:720px;
background-repeat:no-repeat;
position:relative;
}
/* top banner */
#TopB{
background-color:#6495ed;
font-size:27px;
height:159px;
}
#TopB span,
#TopB a{
position:absolute;
left:0px;
top:0px;
}
#TopB span{
width:100%;
background-image:url(img/TopPozBanCiste.jpg);
height:100%;
}
#TopB a{
width:720px;
display:block;
height:160px;
}
#HblokInd,
#Pata{
background-image:url(img/PozHlaBlokInd.jpg);
background-position:25px 0px;
}
#HblokInd{
width:675px;
padding:10px 0px 0px 45px;
}
/* top logo */
/* top menu obsah */
#TopM{
background-image:url(img/TopPozMenu.jpg);
background-color:#000080;
height:58px;
}
#TopM a{
float:left;
width:100px;
padding:20px 0px 0px 0px;
border-right:2px solid #fff;
display:block;
white-space:nowrap;
color:#fff;
text-align:center;
height:32px;
}
#TopM a.MePra{
border:none;
}
#TopM a:hover,
#TopM a.MeLe:hover,
#TopM a.MePra:hover{
background-image:url(img/UpStredy.jpg);
background-repeat:no-repeat;
font-weight:bold;
}
#TopM a.MeLe:hover{
background-image:url(img/UpLevy.jpg);
}
#TopM a.MePra:hover{
background-image:url(img/UpPravy.jpg);
background-position:-22px 0px;
}
/* pata obsah */
#Pata{
margin-top:-5px;
background-image:url(img/Paticka.gif);
padding-bottom: 2em;
}
#Pata p{
padding:1.5em 3em 0px 0px;
color:#000080;
font-size:11px;
text-align:right;
}
#Pata p a,
#Pata p a.dcs{
color:#000080;
text-decoration:none;
}
#Pata p a.dcs{
color:#6495ed;
font-size:10px;
}
#Pata p a:hover{
color:#b22222;
text-decoration:underline;
}
#Pata .Ema{
unicode-bidi:bidi-override;
direction:rtl;
}
/* INED - bloky */
.IndBl{
width:195px;
margin-right:22px;
float:left;
}
.IndBl p{
padding:0px 0px 0px 1.5em;
width:175px;
font-size:8pt;
}
.IndBl p strong{
font-size:11px;
}
a.HrefTop,
a.HrefVoda,
a.HrefPlyn{
width:196px;
display:block;
background-color:#b22222;
background-repeat:no-repeat;
background-image:url(img/HrefTopeni.jpg);
height:57px;
}
a.HrefVoda{
background-image:url(img/HrefVoda.jpg);
background-color:#6495ed;
}
a.HrefPlyn{
background-image:url(img/HrefPlyn.jpg);
background-color:#ffd700;
}
a.HrefTop:hover,
a.HrefVoda:hover,
a.HrefPlyn:hover{
background-position:-196px 0px;
}
.IndBl ul{
margin:20px 0px 20px 30px;
}
.IndBl ul li a{
color:#000080;
font-size:8pt;
text-transform:uppercase;
}
.IndBl ul li a:hover{
color:#b22222;
text-decoration:underline;
}
.IndBl img{
margin:0px 0px 0px 17px;
}
/* nadpisy */
#HbloVoda,
#HbloTopeni,
#HbloPlyn{
width:660px;
margin:0px 0px 0px 0px;
padding:25px 0px 0px 60px;
background-position:25px 0px;
background-repeat:repeat-y;
min-height:400px;
_height:400px;
}
#HbloVoda .Ema,
#HbloTopeni .Ema,
#HbloPlyn .Ema{
unicode-bidi:bidi-override;
direction:rtl;
}
#HbloVoda a:hover,
#HbloTopeni a:hover,
#HbloPlyn a:hover{
color:#b22222;
text-decoration:underline;
}
#HbloVoda{
background-image:url(img/PozVodaBlok.jpg);
}
#HbloTopeni{
background-image:url(img/PozTopeniBlok.jpg);
}
#HbloPlyn{
background-image:url(img/PozPlynBlok.jpg);
}
#HbloTopeni p,
#HbloVoda p,
#HbloPlyn p{
width:600px;
padding-bottom:1em;
color:#000;
}
#HbloTopeni p a,
#HbloVoda p a,
#HbloPlyn p a{
text-decoration:underline;
}
#HbloTopeni p strong,
#HbloVoda p strong,
#HbloPlyn p strong{
color:#000080;
font-size:10px;
}
#HbloTopeni span,
#HbloVoda span,
#HbloPlyn span{
color:#b22222;
font-size:15px;
font-weight: bold;
}
#HbloVoda span{
color:#000080;
}
#HbloVoda p.Kontakt span{
 font-size: 12px;
}
#HbloPlyn span{
color:#a48c00;
}
img.ObrDop{
float:right;
margin:1em 0 0 1em;
}
.H1Voda,
.H1Topeni,
.H1Plyn{
width:590px;
padding-bottom:.25em;
margin-bottom:20px;
display:block;
}
#HbloVoda .Ema{
unicode-bidi:bidi-override;
direction:rtl;
}
.H1Voda{
border-bottom:1px solid #000080;
color:#000080;
}
.H1Topeni{
border-bottom:1px solid #b22222;
color:#b22222;
}
.H1Plyn{
border-bottom:1px solid #a48c00;
color:#a48c00;
}
/* form */
form{
margin-top:-185px;
position:absolute;
left:0px;
right:0px;
padding-left: 270px;
background-image: url(img/KontaktImg-01.gif);
background-repeat: no-repeat;
background-position: 215px 20px
}
#HbloVoda form p{
width:370px;
padding:0 0 3px 0;
height:25px;
}
form p.Area{
width:370px;
margin-left:-2px;
}
form p.Odes{
width:370px;
text-align:right;
}
label,input{
float:left;
}
label{
width:130px;
padding-right:10px;
padding-top:2px;
color:#000080;
text-align:right;
}
input{
width:220px;
border:1px solid #000080;
color:#000080;
background-color:#edf5fc;
font-family:"Courier New",Courier,monospace;
font-size:13px;
height:20px;
}
.Inp120px{
width:120px;
}
.KOD{
width:80px;
border:1px solid #fff;
color:#b22222;
background-color:#000080;
font-size:19px;
font-family:Georgia," Times New Roman",Times,serif;
letter-spacing:3px;
height:25px;
}
textarea{
width:226px;
float:right;
border:1px solid #000080;
margin-top:5px;
padding:0;
color:#000080;
background-color:#edf5fc;
height:70px;
overflow:auto;
}
input.Odeslat{
padding-bottom:2px;
width:70px;
border:none;
background-color:#000080;
color:#fff;
position:absolute;
top:305px;
left:567px;
}
p.Obr{
text-align: center;
}
p.Obr img{
margin:0 15px 0 5px;
}