*
{
border: none;
margin: 0;
padding: 0;
}

html      
{
background: #EAF5FC url(../img/pozadi.png) repeat-x left top;
}

body      
{
position: relative;
min-width: 960px;
margin: 0 auto;
font-family: arial;
background: url(../img/celek.jpg) no-repeat center top;
}

#container      
{
position: relative;
width: 960px;
margin: 0 auto;
overflow: hidden;
}

h1 
{
padding: 0;
position: relative;
float: left;
overflow: hidden;
color: #ADD1EB;
}

h1 a 
{
color: #ADD1EB;
font-size: 0px;
text-decoration: none;
}

h1, h1 span 
{
width: 111px; 
height: 90px;
}

h1 span 
{
background: url(../img/logo-oc4.png) no-repeat 0 0;
display: block;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
} 


#zahlavi
{
position: relative;
margin: 0 auto;
padding: 8px 0;
width: 910px;
height: 90px;
}

#zahlavi .logo
{
position: relative;
width: 111px;
height: 90px;
}

#zahlavi .stavbyrekonstrukce
{
position: relative;
width: 277px;
height: 90px;
margin-left: 400px;
}

#zahlavi .pinkisgreen
{
position: relative;
width: 91px;
height: 90px;
margin-left: 20px;
}



#divize
{
position: relative;
overflow: hidden;
padding-top: 28px;
left: 310px;
z-index: 35;
width: 631px;
} 

#tooltip
{
position: relative;
height: 111px;
list-style-type: none;
width: 631px;
height: 159px;
} 

#tooltip h2, #tooltip h2 a
{
position: relative;
font-family: "myriad pro", arial;
color: #3A3A3A;
text-align: right;
text-decoration: none;
} 

#tooltip .nadpis
{
position: relative;
float: left;
width: 170px;
} 

#tooltip .popis
{
position: relative;
float: right;
width: 370px;
text-align: left;
} 

#tooltip .popis p
{
font-size: 12px;
line-height: 18px;
padding: 2px 0 10px 0;
} 

#tooltip .popis p strong
{
font-weight: normal;
} 

#tooltip {
background: url(../img/tooltip.png) no-repeat 0 0;
width: 581px;
height: 109px;
padding: 25px;
}

#tooltip li
{
position: relative;
display: block;
float: left;
text-align: center;       
width: 581px;
height: 133px;
}

#kamentip .sipka
{
position: absolute;
bottom: 0px;
left: 80px;
width: 51px;
height: 13px;
}

#vatatip .sipka
{
position: absolute;
bottom: 0px;
left: 280px;
width: 51px;
height: 13px;
}

#sindeltip .sipka
{
position: absolute;
bottom: 0px;
left: 490px;
width: 51px;
height: 13px;
}

h3 
{
padding: 0;
position: relative;
float: left;
overflow: hidden;
color: #fff;
margin: 0 5px 0 0;
}

h3 a 
{
color: #fff;
font-size: 0px;
text-decoration: none;
}    

h3 span 
{
display: block;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
} 

h3.vice, h3.vice span 
{
width: 66px; 
height: 28px;
}

h3.vice span 
{
background: url(../img/btn-vice.png) no-repeat 0 -28px;
} 

h3.vice a:hover span 
{
background: url(../img/btn-vice.png) no-repeat 0 0;
} 

h3.inspirace, h3.inspirace span 
{
width: 114px; 
height: 28px;
}

h3.inspirace span 
{
background: url(../img/btn-inspirace.png) no-repeat 0 -28px;
} 

h3.inspirace a:hover span 
{
background: url(../img/btn-inspirace.png) no-repeat 0 0;
} 

h3.kdekoupit, h3.kdekoupit span 
{
width: 105px; 
height: 28px;
}

h3.kdekoupit span 
{
background: url(../img/btn-kdekoupit.png) no-repeat 0 -28px;
} 

h3.kdekoupit a:hover span 
{
background: url(../img/btn-kdekoupit.png) no-repeat 0 0;
} 



/* Hlavni menu */


#kategorie
{
position: relative;
clear: left;
height: 278px;
list-style-type: none;
overflow: hideen;
} 

#kategorie li
{
position: relative;
display: block;
float: left;
text-align: center;    
height: 278px;          
overflow: hideen;
}

.kamen 
{
padding: 0;
position: relative;
overflow: hidden;
color: #3B3F04;         
height: 278px;       
}

.kamen a 
{
color: #3B3F04;
font-size: 8px;
text-align: center;
text-decoration: none;
line-height: 300px;
}

.kamen, .kamen span 
{
width: 209px; 
height: 278px;
}

.kamen a span 
{
background: url(../img/dekorativni-kamen.png) no-repeat 0 0;
display: block;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
} 

.kamen a:hover span, .kamen a span.active 
{
background: url(../img/dekorativni-kamen.png) no-repeat left -277px;
display: block;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
} 



.vata 
{
padding: 0;
position: relative;
overflow: hidden;
color: #3B3F04;    
height: 278px;       
}

.vata a 
{
color: #3B3F04;
font-size: 8px;
text-align: center;
text-decoration: none;               
line-height: 300px;
}

.vata, .vata span 
{
width: 206px; 
height: 278px;
}

.vata a span 
{
background: url(../img/izolacni-vata.png) no-repeat 0 0;
display: block;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
} 

.vata a:hover span, .vata a span.active 
{
background: url(../img/izolacni-vata.png) no-repeat left -277px;
display: block;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
} 



.sindel 
{
padding: 0;
position: relative;
overflow: hidden;
color: #3B3F04;   
height: 278px;       
}

.sindel a 
{
color: #3B3F04;
font-size: 8px;
text-align: center;
text-decoration: none;         
line-height: 300px;
}

.sindel, .sindel span 
{
width: 216px; 
height: 278px;
}


.sindel a span 
{
background: url(../img/asfaltove-sindele.png) no-repeat left top;
display: block;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
} 

.sindel a:hover span, .sindel a span.active  
{
background: url(../img/asfaltove-sindele.png) no-repeat left -277px;
display: block;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
} 




#dumSlider
{
position: absolute;
height: 273px;
width: 288px;
z-index: 30;
left: 63px;
top: 261px;
}



#zapati
{
position: relative;
clear: both;
width: 940px;   
margin: 50px auto 30px auto;    
font-size: 11px;
}

#zapati p
{                     
background: url(../img/logo-oc.png) no-repeat right 5px;
text-align: right;
color: #90C1E2;
line-height: 16px;
font-size: 11px;
padding: 0 60px 0 0;
}

#zapati p a
{                     
color: #90C1E2;
text-decoration: none;
}

.svetluska
{                     
position: absolute;
left: 30px;
}