/* HLAVNÍ DEFINICE */

Body { Background: rgb(162,178,188) url('img/bg.gif') repeat-x top left; margin:0px; padding:0px;font-family: Arial,Verdana;	font-size: 9pt; }
	
.strana {
  position: relative; top:0px; left:0px; width: 900px; min-height: 650px; margin: 0 auto 0 auto;
  Background-color: white;}
  
.strana .rozekL {position: absolute; bottom:-1px; left:-21px; width:27px; height: 45px; background: url('img/roh-strana-L.gif') no-repeat bottom left}
.strana .rozekP {position: absolute; bottom:-1px; right:-21px; width:27px; height: 45px; background: url('img/roh-strana-P.gif') no-repeat bottom right}

.both {clear:both; float:none;}

h1 {color: rgb(101,155,26); font-size: 15pt;}
h2 {color: rgb(15,54,77); font-size: 16pt; font-weight:normal}

img {border: 0px}

a {text-decoration: underline; color: rgb(59,96,117)}
a:hover {text-decoration: none;}

.bila {color: white}

/* KONEC HLAVNÍ DEFINICE */


/* HLAVA */
  
.hlava {position: relative; top: 0px; left:0px; width: 100%; height: 130px; background: url('img/hlava-bg-s.gif') repeat-x top left;}
.hlava a {text-decoration: none}
.logo {position: relative; top: 0px; left: 10px;}
.baner1 {position: absolute; top:30px; right: 300px;}
.baner2 {position: absolute; top:0px; right: 10px;}

.zalozky {position: relative; bottom:0px; left:0px;margin-top: 13px; width:100%; height: 33px; background: url('img/hlava-bg.gif') repeat-x top left; @margin-top: 10px}

.zalozky ul {list-style-type: none; margin:0px 0px 0px 10px; padding:0px}
.zalozky ul li {position: relative; display: block; float:left; padding:9px 0px 9px 0px; border-left: 1px solid rgb(196,221,153);border-right: 1px solid rgb(196,221,153);margin-left: -1px}
.zalozky ul li a{padding:9px 15px 9px 15px; background: url('img/hlava-bg.gif') repeat-x top left; font-weight: bold; color:white;}
.zalozky ul li a:hover {background: url('img/hlava-bg-m.gif') repeat-x top left;}

.zalozky ul li .sip {position: absolute; bottom: -6px; left: 45%; width: 12px; height: 6px; background: none; z-index: 10}
.zalozky ul li:hover .sip {background: url('img/sipka-m.gif') no-repeat bottom left}

.zalozky .rohL {position: absolute; top:0px; left:0px; width:5px; height: 33px; background: url('img/roh-hlava-L.gif') no-repeat top left}
.zalozky .rohP {position: absolute; top:0px; right:0px; width:5px; height: 33px; background: url('img/roh-hlava-P.gif') no-repeat top right}

/* KONEC HLAVY */


/* TĚLO */

.telo {position: relative; top:0px; left:0px; float: left; width: 65%; margin: 10px 0 10px 10px; background-color: white; z-index: 1;}
.telo p {line-height: 150%}
.modryp {color: rgb(59,96,117); font-style: italic; font-weight: bold; font-size: 10pt;}

/* KONEC TĚLA */


/* PRAVY */

.pravy {position: relative; top:0px; left:0px; float: right; width: 30%; padding:0 15px 0px 10px;}
.pravy h1 {text-transform: uppercase; color: white; font-size: 14pt; padding: 10px 0 10px 15px; margin-bottom: 0px}

.pravy a {color: white}

.pravy .kontakt {position: relative; top:0px; left:0px; width: 275px; height: 158px; background: url('img/pravy-bg-z.gif') repeat-x top left; margin-top:10px;}
.pravy .kontakt .zena {position: absolute; top: -7px; right: 0px;}
.pravy .kontakt .text {padding: 5px 0 5px 5px; margin-left:10px; border-bottom: 1px solid rgb(150,195,89);}
.pravy .kontakt .acko{display: block; padding-left: 15px; margin-top:8px}
.pravy .kontakt .acko img {;margin-left:5px}

.pravy .kontakt .rohLH {position: absolute; top:0px; left:0px; width:5px; height: 5px; background: url('img/roh-z-HL.gif') no-repeat top left}
.pravy .kontakt .rohPH {position: absolute; top:0px; right:0px; width:5px; height: 5px; background: url('img/roh-z-HP.gif') no-repeat top right}
.pravy .kontakt .rohLS {position: absolute; bottom:0px; left:0px; width:5px; height: 5px; background: url('img/roh-z-SL.gif') no-repeat bottom left}
.pravy .kontakt .rohPS {position: absolute; bottom:0px; right:0px; width:5px; height: 5px; background: url('img/roh-z-SP.gif') no-repeat bottom right}

.pravy .popform {position: relative; top:0px; left:0px; width: 275px; height: 107px; background: url('img/modry-bg.gif') no-repeat top left; margin-top: 20px}
.pravy .popform .notes {position: absolute; bottom: -16px; right: 5px;}
.pravy .popform .bila {padding: 0 40px 0 15px; line-height: 150%}

.pravy .popform .rohLH {position: absolute; top:0px; left:0px; width:5px; height: 5px; background: url('img/roh-m-HL.gif') no-repeat top left}
.pravy .popform .rohPH {position: absolute; top:0px; right:0px; width:5px; height: 5px; background: url('img/roh-m-HP.gif') no-repeat top right}
.pravy .popform .rohLS {position: absolute; bottom:0px; left:0px; width:5px; height: 5px; background: url('img/roh-m-SL.gif') no-repeat bottom left}
.pravy .popform .rohPS {position: absolute; bottom:0px; right:0px; width:5px; height: 5px; background: url('img/roh-m-SP.gif') no-repeat bottom right}
 

/* KONEC PRAVY */


/* REFERENCE - PATICKA */

.ref {position: relative; bottom: 10px; left:0px; height: 197px; background: url('img/pata-bgm.gif') repeat-x top left; margin: 0 10px 0 10px}
.ref h2 {width: 200px; padding: 10px 0 0 10px; margin-bottom: 10px}

.ref .stranky {position: absolute; top: 10px; right: 10px; width: 500px;}
.ref .stranky ul,.ref ol {list-style-type: none; padding:0px; margin:0px}
.ref .stranky ul li {display: block; float: right; width: 30px; height: 30px;}
.ref .stranky ul li a {display: block; width:22px; height:19px; padding: 3px 0 0 7px; background: url('img/str-bg.gif') no-repeat top left; color:white; text-decoration: none; @height:22px }
.ref .stranky ul li a:hover {background: url('img/str-bg.gif') no-repeat bottom left;}

.ref ol {padding: 0px 10px 0 10px}
.ref ol li {display: block; float: left; padding: 0 4px 0 4px;width: 24%}
.ref ol li img {border: 2px solid white;}
.ref ol li img:hover {border: 2px solid rgb(23,76,99);}

.ref .rohLH {position: absolute; top:0px; left:0px; width:5px; height: 5px; background: url('img/roh-sm-HL.gif') no-repeat top left}
.ref .rohPH {position: absolute; top:0px; right:0px; width:5px; height: 5px; background: url('img/roh-sm-HP.gif') no-repeat top right}
.ref .rohLS {position: absolute; bottom:0px; left:0px; width:5px; height: 5px; background: url('img/roh-sm-SL.gif') no-repeat bottom left}
.ref .rohPS {position: absolute; bottom:0px; right:0px; width:5px; height: 5px; background: url('img/roh-sm-SP.gif') no-repeat bottom right}

/* KONEC REFERENCE-PATICKA */


/* PATA */

.pata {width: 900px; height: 50px; margin: 10px auto 2em auto; padding-left:10px; font-size: 8pt; color:rgb(59,58,58)}
.pata p {display: block; width: 300px; float: left}
.pata img {float: right; padding: 10px 10px 0 0} 


/* KONEC PATA */


/* OSTATNÍ DEFINICE */

/* KONEC OSTATNÍ DEFINICE */