* {
    padding: 0;
    margin: 0;
} 

body {
/*background: #77C4EE;*/
background: #e8ffe8;
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
font-family: Georgia, Serif; 
/*font-family: Cambria, Georgia, Palatino;*/
font-size: 11px;
line-height: 18px;
color: #666666;
}

img { border: none; }

/*================== HLAVNI RAMEC ==================*/

#ramec {
width: 700px;
margin: 0px auto;
}

/*================== HLAVICKA ==================*/

#hlavicka {
height: 125px;
background: url(../img/hlavicka.gif) no-repeat;
}

#hlavicka h1 {
padding: 20px 0 0 40px;
font-size: 20px;
letter-spacing: -2px;
}

#hlavicka h1 a {
color: #33BFEB;
text-decoration: none;
}

#hlavicka h1 a:hover {
text-decoration: none;
color: #000000;
}

#hlavicka h1 a:hover {
text-decoration: none;
color: #000000;
}

#hlavicka h2 {
padding-left: 40px;
font-size: 14px;
color: #666666;
font-weight: 100;
}

#hlavicka .logo {
position: absolute;
top: 2px;
margin-left: 585px;
}

#foto {
position: absolute;
top: 11px;
margin-left: 28px;
}

/*================== HORIZONTALNI MENU horni obrazek==================*/

#menu_nahore {
background: url(../img/menu_nahore.gif) no-repeat;
padding: 5px 0;
}

/*================== HORIZONTALNI MENU ==================*/

#menu {
height: 50px;
line-height: 50px;
background: url(../img/menu.gif) no-repeat;
font-size: 13px;
}

#menu ul {
padding-left: 20px;
list-style-type: none;
}

#menu ul li {
display: block;
float: left;
}

#menu ul li a {
/*color: #006699;*/
color: #004499;
padding: 0 17px;
text-decoration: none;
font-weight: bold;
}

#menu ul li a:hover {
color: #ff3333;
text-decoration: underline;
}

/*================== OBSAH (LEVY A PRAVY) ==================*/

#obsah {
padding: 0px 10px;
background: url(../img/obsah.gif) repeat-y;
}

/*================== PRAVY RAMEC ==================*/

.pravy {
background: #ffffcc;
float: right;
width: 488px;
padding: 0 15px 0 15px;
margin-right: 1px;
}

.pravy p {
text-align: justify;

}

.pravy a { color: #0044cc; text-decoration: none; }
.pravy a:hover { text-decoration: underline; color: #ff0000; }

.pravy h2 {
color: #006699;
font-size: 20px;
text-decoration: underline;
letter-spacing: -1px;
font-weight: 100;
margin-top: 5px;
padding : 10px 0 15px 40px;
background: url(../img/ryba.gif) no-repeat;
}

.pravy h3 {
color: #FF3333;
font-size: 15px;
font-weight: 100;
padding : 3px 0 5px 28px;
margin-bottom: 5px;
background: transparent url(../img/h3.gif) no-repeat;
}

.pravy h4 {
color: #006699;
font-weight: bold;
font-size: 11px;
padding : 15px 0 5px 10px;
}


.odsadit {
text-indent: 10px
}

.pravy ul {
padding-left: 20px;
list-style-type: disc;
}

.lh {
position: relative;
left: -15px;
top: 0px;
float: left;
width: 10px;
height: 10px;
}


.ld {
position: relative;
left: -15px;
bottom: 0px;
float: left;
width: 10px;
height: 10px;
}


.floatleft { 
float: left; 
margin: 0 20px 0 0; 
}


.floatright { 
float: right; 
margin: 0 0 0 15px; 
}

.tisk {
background: url(../img/tisk.gif)  no-repeat 0 0;
padding: 0 0 0 20px;
float: right;
position: relative;
top: -40px;
}

/*================== LEVY RAMEC ==================*/

.levy {
float: left;
width: 138px;
padding: 10px;
/*border: 1px solid #ff0000;*/
}

.levy h2 {
font-size: 13px;
color: #ffff00;
padding: 5px 0 2px 5px;
}

.levy ul {
list-style-type: none;
padding: 5px 0 10px 1px;
}

.levy ul li {
padding: 2px 1px;
}

.levy ul li a {
display: block;
/*color: #0066ab;*/
}

/*.levy ul li a:hover {
color: #ffffff;
}*/

.podmenu a{
/*background-color: #29d8ea;*/
text-decoration: none;
/*color: #ccffff;*/
color: #004499;
margin-left: 0px;
margin-right: 0px;
}

.podmenu a:hover {
color: #ffffff;
}

.podmenuactiv a{
/*background-color: #29d8ea;*/
text-decoration: underline;
color: #ffffcc;
margin-left: 0px;
margin-right: 0px;
}

.essox {
top: 2px;
margin-left: 9px;
padding-bottom: 15px;
}

.partneri, .posledni {
font-size: 10px;
border-top: 1px dashed #99ffff;
}

.partneri a, .posledni a{
/*background-color: #29d8ea;*/
text-decoration: none;
color: #004499;
margin-left: 0px;
margin-right: 0px;
}

.partneri a:hover, .posledni a:hover {
color: #ffffff;
}

.posledni {
border-bottom: 1px dashed #99ffff;
}

.textlevy {
text-align: center;
color: #ffffff;
}

.textlevy a, .favorite a { color: #ff0000; text-decoration: none; }
.textlevy a:hover, .favorite a:hover { text-decoration: underline; color: #ffffff; }

.favorite {
position: relative;
top: -1px;

}

.fav {
position: relative;
top: 3px;
margin-right: 3px;
}

/*================== UZAVRENI HLAVNIHO RAMU DOLE ==================*/

.clear {
clear: both;
height: 0px;
/*===nasleduje doladeni problemu s IE6===*/
background: #29D8EA;
font-size: 1px;
margin-left: 4px;
margin-right: 1px;
/*===konci doladeni problemu s IE6===*/
}


/*================== PATICKA ==================*/

#paticka {
background: url(../img/dole.gif) no-repeat;
text-align: center;
color: #666666;
font-size: 11px;
position: relative;
height: 113px;
padding-top: 8px;
}

#paticka  a { color: #ff6699; }

.lista {
width: 660px;
color: #666666;
text-align: center;
margin-left: 20px;
border-bottom: 1px solid #ffffcc;
}

.lista a {color: #0066ff !important;}


/*================== KULATE ROHY ==================*/

#m_rnd_container, #o_rnd_container, #rnd_container, #v_rnd_container {
/*background: #29d8ea;*/
margin: 0px;
}
    
.rnd_top, .rnd_bottom {display:block; background:transparent; font-size:1px;}
.rnd_b1, .rnd_b2, .rnd_b3, .rnd_b4 {display:block; overflow:hidden;}
.rnd_b1, .rnd_b2, .rnd_b3 {height:1px;}
.rnd_b2, .rnd_b3, .rnd_b4 {background:transparent; border-left:1px solid #ffff00; border-right:1px solid #ffff00;}
.rnd_b1 {margin:0 5px; background:#ffff00;}
.rnd_b2 {margin:0 3px; border-width:0 2px;}
.rnd_b3 {margin:0 2px;}
.rnd_b4 {height:2px; margin:0 1px;}
    
.rnd_content {
display:block;
border:0 solid #ffff00;
border-width:0 1px;
padding: 2px;  
}

/*================== INDEX ==================*/

.abas_logo { 
float: left; 
margin: 0 20px 0 30px; 
}

.abas {
margin: 32px 0 0 0;
padding-bottom: 20px;
}

/*================== ESSOX ==================*/

.adresa {
padding-left: 60px;
}


/*================== BAZENY ==================*/

.space_bazeny_skimmer {
height: 0px;
}

.space_zastreseni {
height: 45px;
}

.tvary {
height: 230px;
/*border: 1px solid green;*/
}

.nahled {
float: left;
padding: 0 19px;
}

.nahled_stred {
float: left;
width: 326px;
padding: 10px 0 0 159px;
}

.popis {
float: left;
text-align: center;
width: 158px;
color: #006699;
font-weight: bold;
font-size: 11px;
}

.popis_b {
float: left;
text-align: center;
width: 250px;
color: #006699;
font-weight: bold;
font-size: 11px;
position: relative;
left: -50px;
}

.nahled_barvy {
float: left;
padding: 0 3px;
}

.popis_barvy {
float: left;
text-align: center;
width: 96px;
color: #006699;
font-weight: bold;
font-size: 11px;
}

.odstup {
padding-left: 14px;
}

/*================== VYSAVACE ==================*/

.foto {
margin-left: 15px;
}

.znacky {
margin-left: 120px;
}

.space_vysavace {
height: 0px;
}

/*================== E-SHOP ==================*/

#table_eshop, td, tr {
width: 100%;
border-collapse: collapse;
padding: 2px;
}

.skupina, .skupina a {
color: #ff3333;
width: 25%;
}

.kategorie a {
color: #3333ff;
}

.lichy {
background: #ccffff;
}

.sudy {
background: #ccffcc;
border-top: 1px dotted #333333;
border-bottom: 1px dotted #333333;
}

/*================== KONTAKTY ==================*/

.email {
background: url(../img/obalka.png)  no-repeat 0 0;
padding-left: 20px;
position: relative;
top: 10px;
left: 145px;
}