/*--- popis zbozi v detailu ---*/
.obsah{
}
.texty {

}


.texty .lev{
width: 590px;
float: left;

}
.texty .prav{
width: 400px;
float: right;

}


.texty .block{
width: 250px;
float: left;
margin-right: 40px;
height: 150px;
}
.texty .block1{
width: 380px;
float: right;
padding-top: 10px;
margin-left: 0px;
margin-right: 20px;
background: #f8f8f8;
border-top: solid 1px #e2e0e0;
}
.texty .block2{
width: 380px;
float: left;
margin-left: 0px;
margin-right: 20px;

}
.texty p{
font: normal 14px Arial, Hevlica, sans-serif;
line-height: 24px;
color: #333333;
margin-left: 20px;
margin-right: 30px;
margin-bottom: 20px;
}
.texty p a{
font: normal 100% Arial, Hevlica, sans-serif; _font-size: 0.75em;
line-height: 1.5em;
color: #000000;
}
.texty .block1 p.text{
font: normal 14px Arial, Hevlica, sans-serif;
line-height: 20px;
color: #333333;
margin-left: 20px;
margin-right: 30px;
margin-bottom: 10px;
padding-bottom: 0px;
}
/*---
.obsah .texty a{
font: normal 75% Arial, Hevlica, sans-serif; _font-size: 0.75em;
line-height: 1.5em;
color: #666666;
}
---*/
/*---
odrazky
---*/
.texty ul{
margin-left: 40px;
margin-bottom: 20px;
clear: both;
margin-right: 30px;   
}

.texty ul li{
color:  #333333; 
font: normal 80% Trebuchet MS, Arial, sans-serif; _font-size: 0.8em;
line-height: 18px;
margin-bottom: 12px;
}

 .texty ol{
margin-left: 40px;
margin-right: 20px;
margin-bottom: 20px;
font: normal 100% Arial, Hevlica, sans-serif; _font-size: 1.0em;
line-height: 1.5em;
color: #000000;
}
 .texty ol li{
margin-left: 20px;
font: normal 100% Arial, Hevlica, sans-serif; _font-size: 1.0em;
color: #000000;
}

.texty h2{
color: #cc0000; 
font: normal 30px Arial, Hevlica, sans-serif;
line-height: 1.5em;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
}
.texty h2 a{
color: #cc0000; 
font: normal 24px Trebuchet MS, Hevlica, sans-serif;
line-height: 1.5em;
}
.texty h2 .big1{
color: #ececec; 
font: bold 240% Arial, Hevlica, sans-serif; _font-size: 2.4em;
}
.texty h3{
color: #000000; 
font: normal 130% Arial, Hevlica, sans-serif; _font-size: 1.3em;
line-height: 1.5em;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
}
.texty h4{
color: #cc0000; 
font: normal 110% Arial, Hevlica, sans-serif; _font-size: 1.1em;
line-height: 1.5em;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
}
.texty h5{
color: #cc0000; 
font: bold 90% Arial, Hevlica, sans-serif; _font-size: 0.9em;
line-height: 1.5em;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
}
.texty h6{
color: #cc0000; 
font: bold 80% Arial, Hevlica, sans-serif; _font-size: 0.8em;
line-height: 1.5em;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
}


.texty table.tabulka{
margin-left: 20px;
margin-right: 20px;
text-align: left;
margin-bottom: 20px;
}

 .texty table.tabulka th{
background: #f1f1f1;
border: solid 1px #cccccc;
padding: 5px;
font: bold 14px Arial, Helvetica, sans-serif;
color: #333333;
}
.texty table.tabulka td{
background: #ffffff;
border: solid 1px #cccccc;
padding: 5px;
font: normal 14px Arial, Helvetica, sans-serif;
color: #333333;
}
.texty table.tabulka td a{
font: normal 14px Arial, Helvetica, sans-serif;
color: #000000;
display: block;
width: 100%;
height: 100%;
}
.ods-obr { margin: 5px 10px; border-style: solid; border-width: 5px 10px 5px 10px; border-color: white; height: 80px; }
.ods-obr a{
display: block;
height: 80px;
}
.ods-barva { margin: 5px 10px; border-style: solid; border-width: 5px 10px 5px 10px; border-color: white; height: 50px; }
.ods-barva a{
display: block;
height: 40px;
}
.ods-barva a:hover{
height: 300px;
width: 300px;
position: absolute;
border: solid 2px #ffffff;
margin-top: -22px;
margin-left: -2px;
}

.ods-popis { font-size: 0.9em; vertical-align: top; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
.ods-table { width: 90%;  font: normal 12px Arial, Helvetica, sans-serif; margin-left: 20px;}



.texty .foto{
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
border: solid 5px #e0e0e3;
}

.produkt{
margin-left: 20px;
margin-right: 10px;
margin-bottom: 20px;
margin-top: 20px;
width: 320px;
height: 320px;
background: #f1f1f1;
border: solid 1px #e0e0e3;
float: left;
}
.produkt a.nahled{
float: left;
margin-left: 9px;
width: 300px;
height: 225px;
border: solid 1px #e0e0e3;
}
.produkt p.nazev{
text-align: center;
color: #000000; 
font: normal 17px Trebuchet MS, Hevlica, sans-serif;
margin-left: 1px;
margin-top: 1px;
float: left;
background: #e0e0e3;
height: 30px;
width: 308px;
margin-bottom: 0px;
padding: 5px;
}
.produkt p.nazev a{
color: #cc0000; 
font: normal 17px Trebuchet MS, Hevlica, sans-serif;
}
.produkt p.popis{
text-align: center;
color: #666666; 
font: normal 12px Trebuchet MS, Hevlica, sans-serif;
margin-left: 1px;
margin-top: 1px;
float: left;
height: 30px;
width: 308px;
padding: 5px;
}
.produkt p.cena{
text-align: center;
color: #cc0000; 
background: #f1f1f1;
border: solid 1px #e0e0e3;
font: normal 17px Trebuchet MS, Hevlica, sans-serif;
margin-left: 75px;
margin-top: -15px;
height: 30px;
line-height: 30px;
width: 150px;
padding: 5px;
float: left;
}
.texty ul.sitemap li{
margin-left: 20px;
}
.texty ul.sitemap li h2 a{
color: #000000; 
font: normal 18px Trebuchet MS, Arial, sans-serif;
}
.texty ul.sitemap li ul.sitemap li h3 a{
color: #333333; 
font: normal 16px Trebuchet MS, Arial, sans-serif;
}
.texty ul.sitemap li ul.sitemap li ul.sitemap li h4 a{
color:  #666666; 
font: normal 14px Trebuchet MS, Arial, sans-serif;
}
.texty ul.sitemap li ul.sitemap li ul.sitemap li ul.sitemap li h5 a{
color:  #666666; 
font: normal 12px Trebuchet MS, Arial, sans-serif;
}


.ramecek01{
margin-left: 20px;
margin-bottom: 20px;
padding-top: 20px;
width: 660px;
background: #f3f3f3;
border-bottom: solid 1px #ffffff;
}

.ramecek02{
margin-left: 20px;
margin-bottom: 20px;
padding-top: 20px;
width:660px;
background: #ffffff;
border-bottom: solid 1px #cccccc;
}

.aktualita-uvod h2{
color: #49413a; 
font: bold 12px Trebuchet MS, Arial, sans-serif;
margin-left: 10px;
margin-right: 10px;
height: 30px;
}
.aktualita-uvod h2 a{
color: #49413a; 
font: bold 12px Arial, sans-serif;
text-decoration: none;
}
.aktualita-uvod h2 a:hover{
color: #cc0000; 
}
.aktualita-uvod p{
color:  #636363; 
font: normal 12px Arial, sans-serif;
margin-top: 10px;
margin-right: 10px;
text-align: left;
line-height: 18px;
}


.aktualita-uvod p.datum{ 
color:  #cccccc; 
margin-left: 0px;
font: normal 70% Trebuchet MS, Tahoma, Arial; _font-size: 0.7em;
background: url(hodiny.png) no-repeat left;
padding-left: 18px;
line-height: 19px;
margin-bottom: 4px;
margin-top: 6px;
margin-left: 10px;
}

#levy .reference{
margin-left: 15px;
margin-right: 0px;
margin-bottom: 30px;
margin-top: 0px;
padding-bottom: 0px;
text-align: left;
width: 214px;
min-height: 149px;
_height: 149px;
background: #ffffff;
border: solid 1px #e0e0e0;
float: left;
}
#levy .reference-velka{
margin-left: 15px;
margin-right: 0px;
margin-bottom: 30px;
margin-top: 0px;
padding-bottom: 0px;
text-align: left;
width: 330px;
min-height: 149px;
_height: 149px;
background: #ffffff;
border: solid 1px #e0e0e0;
float: left;
}
#levy .reference h2, #levy .reference-velka h2{
color: #000000; 
font: normal 14px Trebuchet MS, Arial, sans-serif;
margin-left: 1px;
margin-right: 1px;
padding: 5px;
padding-top: 10px;
height: 40px;
background: #f8f8f8;
display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
#pravy .reference h2{
color: #000000; 
font: bold 12px Trebuchet MS, Arial, sans-serif;
margin-left: 5px;
margin-right: 5px;
padding: 5px;
padding-top: 10px;
height: 40px;
}
#levy .reference h2 a, #pravy .reference h2 a{
color: #000000; 
font: bold 12px Arial, sans-serif;
text-decoration: none;
}
#levy .reference-velka h2 a{
color: #000000; 
font: bold 12px Arial, sans-serif;
text-decoration: none;
}
#levy .reference h2 a strong, #pravy .reference h2 a strong{
color: #000000; 
font: bold 12px Arial, sans-serif;
text-decoration: none;
}
#levy .reference h2 a:hover, #pravy .reference h2 a:hover{
color: #cc0000; 
}
#levy .reference h2 a:hover strong, #pravy .reference h2 a:hover strong{
color: #cc0000; 
}
#levy .reference .fotka, #pravy .reference .fotka{
width: 80px;
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
float: left;
}

#levy .reference-velka .fotka{
width: 120px;
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
float: left;
}
#levy .reference p, #pravy .reference p, #levy .reference-velka p{
color:  #636363; 
font: normal 12px Arial, sans-serif;
margin-top: 8px;
text-align: left;
line-height: 14px;
}
#levy .reference p a, #pravy .reference p a{
color:  #636363; 
font: normal 12px Arial, sans-serif;
}
#levy .texty .reference-velka p{
height: 85px;
display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*--- 
cela bunka reference na uvodu
---*/

#pravy .reference{
margin-left: 0px;
margin-right: 0px;
margin-bottom: 20px;
padding-bottom: 0px;
text-align: left;
width: 235px;
min-height: 159px;
_height: 159px;
background: #ffffff;
border: solid 1px #e0e0e0;
clear: both;
}

#levy .reference-velka .fotka{
width: 100px;
height: 80px;
margin-left: 10px;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 10px;
float: left;
}


.ramecek-obr01{
margin-left: 20px;
margin-bottom: 20px;
width:660px;
height:310px;
background:url(ramecek-obr01.jpg);
clear:both;
margin-bottom:20px;
}
.ramecek-obr01 p{
margin-top: 50px;
float:left;
width:450px;
}
.keyword0 a{
color:  #636363; 
font: normal 80% Trebuchet MS, Arial, sans-serif; _font-size: 0.8em;
}
.keyword1 a{
color:  #636363; 
font: normal 100% Trebuchet MS, Arial, sans-serif; _font-size: 1.0em;
}
.keyword2 a{
color:  #636363; 
font: normal 110% Trebuchet MS, Arial, sans-serif; _font-size: 1.1em;
}
.keyword3 a{
color:  #636363; 
font: normal 120% Trebuchet MS, Arial, sans-serif; _font-size: 1.2em;
}
.keyword4 a{
color:  #636363; 
font: normal 130% Trebuchet MS, Arial, sans-serif; _font-size: 1.3em;
}
.keyword5 a{
color:  #636363; 
font: normal 140% Trebuchet MS, Arial, sans-serif; _font-size: 1.4em;
}
.keyword6 a{
color:  #636363; 
font: normal 150% Trebuchet MS, Arial, sans-serif; _font-size: 1.5em;
}
.keyword7 a{
color:  #636363; 
font: normal 60% Trebuchet MS, Arial, sans-serif; _font-size: 0.6em;
}
.keyword8 a{
color:  #636363; 
font: bold 70% Trebuchet MS, Arial, sans-serif; _font-size: 0.7em;
}
.keyword9 a{
color:  #636363; 
font: bold 100% Trebuchet MS, Arial, sans-serif; _font-size: 1.0em;
}

.obsah .texty h4.keyword0, .obsah .texty h4.keyword1, .obsah .texty h4.keyword2, .obsah .texty h4.keyword3, .obsah .texty h4.keyword4, .obsah .texty h4.keyword5, .obsah .texty h4.keyword6, .obsah .texty h4.keyword7, .obsah .texty h4.keyword8, .obsah .texty h4.keyword9{
float: left;
padding: 0px;
margin: 0px;
line-height: 1.4em;
margin-left: 5px;
margin-right: 0px;
margin-bottom: 0px;
}
.keyword0 a, .keyword1 a, .keyword2 a, .keyword3 a, .keyword4 a, .keyword5 a, .keyword6 a, .keyword7 a, .keyword8 a, .keyword9 a{
text-decoration: none;
}

div.flash{
  margin-left: 20px;
  margin-bottom: 15px;
}