body{
width: 980px;
height:auto;
text-align:center;
background-color:rgb(228,228,228);
margin: 0;
padding: 0;
 margin-left: auto;
 margin-right: auto;

font-size:14px;
font-family:Arial;
color:rgb(130,127,128);
}

.telo{

}

h1{
margin:0px;
font-size:16px;
color:black; 
text-align:left;
margin-left:40px;
color:rgb(93,93,93);
}

h2{
margin:0px;
font-size:14px;
color:black; 
text-align:left;
margin-left:40px;
color:rgb(93,93,93);
}



img{
border:0px;
}

.page{
min-height:500px;
}


p{
text-align:left;
margin:10px;
}

hr{
height:3px;
position:relative;
display: block;
width:auto;
background: url("img/cara.png");
}


.header_lista{
width:auto;
height:176px;
background: url("img/header_lista.png");
}

.logo{
position:absolute;
margin-top: 45px;
margin-left: 100px;
width: 386px;
height: 91px;
background: url("img/logo.png");
}


.email{
float:right;
margin-right:140px;
margin-top:55px;
width: 71px;
height: 44px;
background: url("img/email.png");
}

.fb{
float:right;
margin-right:-200px;
margin-top:51px;
width: 114px;
height: 48px;
background: url("img/fb.png");
}












.menu{
float:left;
width:138px;
height:auto;
margin-left:50px;
margin-top:10px;
}

.menu a{
font-size:16px;
font-weight:bold;
display: block;
margin-top:5px;
float:right;
text-align:right;
width: 183px;
height: 38px;
background: url("img/menu_obyc_button.png");
text-decoration:none;
}


.menu .menu_zobrazena_stranka{
font-size:16px;
font-weight:bold;
display: block;
margin-top:5px;
float:right;
text-align:right;
width: 183px;
height: 38px;
background: url("img/menu_zobrazena_stranka.png");
text-decoration:none;
}

napismenu{
color:rgb(95,95,95);
margin-right:10px;
line-height:38px;
vertical-align:center;
float:right;
}


.kontaktram{
width:183px;
height:186px;
background: url("img/ram_kontakt.png");

position:absolute;
margin-top:170px;
margin-left:-45px;
}

napiskontakt{
font-size:16px;
float:right;
margin:8px;
font-weight:bold;
color:rgb(95,95,95);
}

.kontaktram p{
line-height:25px;
text-align:left;
margin-left:5px;
color:rgb(95,95,95);
font-size:12px;
}











.obsah{
float:right;
width:780px;
height:500px;
vertical-align:center;
}



.footer{
margin-top:100Px;
vertical-align:bottom;
height:58px;
width:auto;
background: url("img/paticka.png");
}

.footer a{
line-height:58px;
text-decoration:none;
color:rgb(97,97,97);
font-size:16px;
font-weight:bold;
}

.prepinani{
width:700px;
text-align:center;
}

.zelenynapis{
float:left;
font-weight:bold;
font-size:16px;
margin:20px;
color:rgb(8,196,241);
}

.main_banner{
margin-top:15px;
width:767px;
height:222px;
background: url("img/main_banner.png");
}

.main_banner p{
margin-top:-10px;
margin-left:10px;
float:left;
text-align:left;
color:rgb(130,127,128)
}





.produkt{
margin-left:5px;
display:inline-block;
float:left;
text-align:left;
width:247px;
height:267px;
background: url("img/produkt_podmaz.png");
}



.produkt_button{
width:125px;
height:39px;
background: url("img/produkt_button.png");

float:right;
position:absolute;
margin-top:200px;
margin-left:100px;
}

.produkt_button p{
text-align:center;
font-size:14px;
font-weight:bold;
color:rgb(107,107,107);
cursor: hand; cursor: pointer;
}



.infobox{
text-align:left;
}




.ramecek_img_reference{
float:left;
width:323px;
height:136px;
background: url("img/ramecek_img_reference.png");
}

.ramecek_img_reference img{
margin-top:8px;
margin-left:10px;
width:304px;
height:118px;
background: url("img/ramecek_img_reference.png");
}