@media screen
	{

	body  {
	background: #f1f2ed none;
	margin: 0px;
	padding: 0px;
	font-family: verdana, tahoma, Arial, sans-serif;
	font-size: 10px;
	color: white;
	text-align:center;
    	}

				
#page{
	width: 704px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	background-color: transparent;
	text-align: left;
}

#logo{
	margin-top: 25px;
	margin-bottom:-20px;
	background-color : transparent;
	background-image : url(img/logo_m.gif);
	background-repeat : no-repeat;
	width : 160px;
	height : 61px;
	}

.zarovnaj_vpravo{
	float:right;
	}	
	
.deutch{
	margin-right:1px;
}
	
.english{
	margin-right:15px;
}	

#img_01
{  
    float:right;
	background-image : url(img/01.jpg);
	background-repeat : no-repeat;
	width : 352px;
	height : 22px;
	
}


#uvod{
	margin-top:22px;
	height: 540px;
	width: 704px;
	background-color : transparent;
}


a.mail {
    font-weight:bold;
	color: #B22222;
	float: none;
	padding-left:0px;
}

a.linka{
	font-weight: bold;
	text-decoration: none;
	text-align:left;
	display:block;
	padding-bottom: 18px;
	padding-top: 22px;
	padding-left: 26px;
	height:13px;
	width: auto;
	color:white;
}

a:hover.linka{
	text-decoration: none;
	display: block;
	color:white;
	background : #B22222;
}

a.m2{
	font-weight: bold;
	text-decoration: none;
	text-align:left;
	display:block;
	padding-left:26px;
	padding-top: 12px;
	padding-bottom: 12px;
	height:13px;
	width: auto;
	color: #B22222;
}

a:hover.m2{
    text-decoration: none;
	display: block;
	color:white;
	background : #B22222;
}

a:hover.mail{
	font-weight: bold;
   color:#B22222;
}


a.cennik{
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-left:26px;
	padding-top: 26px;
	padding-bottom: 33px;
	height:12px;
	width:auto;
	color: white;
	text-align : left;
}

a:hover.cennik{
	text-decoration: none;
	display: block;
	color:white;
	background : #B22222;
}


#img_cennik_02{
	float:left;
	background-image : url(img/cennik_02.jpg);
	background-repeat : no-repeat;
	width : 704px;
	height:71px;
}

#obal_cennik_02{
    float:left;
	padding:0; border:none;
	width:176px;
	height:71px;
  }

#img_cennik {
    float:left;
	background-image : url(img/cennik.jpg);
	background-repeat : no-repeat;
	width : 176px;
	height:71px;
}


#obal_cennik{
    float:left;
	padding:0; border:none;
	width:176px;
	height:71px;
	background-color :#B22222 ;
  }

  
#cennik_aktiv{
	float:left;
	background-color :#B22222 ;
	background-repeat : no-repeat;
	width:auto;
	height:auto;
	color:white;
	font-weight : bold;
	padding-top: 26px;
	padding-left: 26px;
}

#m1_01_mimo{
	float:left;
	background-image : url(img/m1_01.jpg);
	background-repeat : no-repeat;
	width: 176px;
	height: 53px;
}
	
#m1_01{
    float:left;
	background-image : url(img/m1_01.gif);
	background-repeat : no-repeat;
	width: 176px;
	height: 53px;
		}	

#m1_02{
	float:left;
	background-image : url(img/m1_02.jpg);
	background-repeat : no-repeat;
	width: 176px;
	height: 53px;
}	

#m1_03{
	float:left;
	background-image : url(img/m1_03.jpg);
	background-repeat : no-repeat;
	width: 176px;
	height: 53px;
}	

#m1_04{
	float:left;
	background-image : url(img/m1_04.jpg);
	background-repeat : no-repeat;
	width: 176px;
	height: 53px;
}	

#m1_aktiv{
    float:left;
	background-color : #B22222;
	display:block;
	width:176px;
	height:53px;
	font-weight : bold;
    color:white;
}

.aktiv{
    display:block;
	margin-top:22px;
	padding-left: 25px;
}


.no_aktiv{
    display:block;
	margin-top:0px;
	padding-left: 0px;
	font-weight: bold;
}


 #obal_m2{
    float:left;
	padding:0; border:none;
	width:176px;
	height:37px;
	background-color :#B22222 ;
  } 

#m2_aktiv{
    float:left;
	background-color : #B22222;
	width: auto;
	height: auto;
	color:white;
    font-weight : bold;
	display:block;
	padding-top:12px;
	padding-left:26px;
}



#kon_2{
	float:left;
	background-image : url(img/kon_2.jpg);
	background-repeat : no-repeat;
	width : 176px;
	height:71px;
}

#form_2{
	float:left;
	background-image : url(img/form_2.jpg);
	background-repeat : no-repeat;
	width : 176px;
	height:71px;
}




#form_aktiv{
	float:left;
	background-color :#B22222 ;
	background-repeat : no-repeat;
	width:auto;
	height:auto;
	color:white;
	font-weight : bold;
	}

#obal_form{
    float:left;
	padding:0; border:none;
	width:176px;
	height:71px;
	background-color :#B22222 ;
  }

#form_1{
	float:left;
	background-image : url(img/form_1.jpg);
	background-repeat : no-repeat;
	width : 176px;
	height:71px;
}


#img_03{
	float:left;
	background-image : url(img/03.jpg);
	background-repeat : no-repeat;
	width : 352px;
	height:71px;
}

#img_02{
	float:left;
	background-image : url(img/02.jpg);
	background-repeat : no-repeat;
	width : 176px;
	height:71px;
}



#m2_01{
    float:left;
	background-image : url(img/men2_01.jpg);
	background-repeat : no-repeat;
	width: 176px;
	height: 37px;
		}	

#m2_02{
	float:left;
	background-image : url(img/men2_02.jpg);
	background-repeat : no-repeat;
	width: 176px;
	height: 37px;
}	

#m2_03{
	float:left;
	background-image : url(img/men2_03.jpg);
	background-repeat : no-repeat;
	width: 176px;
	height: 37px;
}	

#m2_04{
	float:left;
	background-image : url(img/men2_04.jpg);
	background-repeat : no-repeat;
 	width: 176px;
	height: 37px;
}	

#img_1{
    float:left;
	background: url(img/img_01.jpg) no-repeat;
	width : 176px;
	height:105px;
	
}

#img_2{
    float:left;
    background: url(img/img_02.jpg) no-repeat;
	width : 176px;
	height:105px;
	
}

#img_3{
    float:left;
    background: url(img/img_03.jpg) no-repeat;
	width : 176px;
	height:105px;
	
}

#img_4{
    float:left;
    background: url(img/img_04.jpg) no-repeat;
	width : 176px;
	height:105px;
	
}

#img_cest{
    float:left;
    background: url(img/img_cest.jpg) no-repeat;
	width : 176px;
	height:105px;
	
}
.img_cest_01{
	float:left;
   	margin-top:40px;
	padding-left:65px;
}

#img_let{
    float:left;
    background: url(img/img_let.jpg) no-repeat;
	width : 176px;
	height:105px;
	
}

#img_usk{
    float:left;
    background: url(img/img_usk.jpg) no-repeat;
	width : 176px;
	height:105px;
	
}

#img_kont{
    float:left;
    background: url(img/img_kont.jpg) no-repeat;
	width : 176px;
	height:105px;
	
}


.img_title{
	margin: 0 0 5px 0;
	color:gray;
	font-size:12px;
}	

b{
	color:#B22222;

}

#kontakt_aktiv{
	float:left;
	background-image : url(img/kon_aktiv.gif);
	background-repeat : no-repeat;
	width : 176px;
	height:124px;
		
}
p.kont_aktiv{
	margin-top:30px;
	padding-left: 26px;
	color:white;
    font-weight : bold;
}


a.kontakt{
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-left:26px;
	padding-top: 31px;
	padding-bottom: 28px;
	height:12px;
	width:auto;
	color: white;
	text-align : left;
}
a:hover.kontakt{
	text-decoration: none;
	display: block;
	color:white;
	background : #B22222;
}



#kontakt{
	float:left;
	background-image : url(img/kon.jpg);
	background-repeat : no-repeat;
	width : 176px;
	height:124px;
}

#podklad{
	width: 704px;
	background-color : White;
	margin:auto;
}


#lave{
	float: left;
	width: 176px;
	margin: 0;
	padding: 0;
	background-color : transparent;
}

#text{
	margin-left:176px;
	background-color : White;
}

#text_obsah{
	padding-left: 15px;
		}

#text_obsah_cennik{
	padding-left: 5px;
		}

hr.cleaner {
clear: both;
display: none;
}	

#pata{
	margin: 0px;
	background: url(img/end.gif) white bottom  no-repeat;
	width : 704px;
	height: 29px;
	clear: both;
	}

#pata_eng{
	margin: 0px;
	background: url(img/end_eng.gif) white bottom  no-repeat;
	width : 704px;
	height: 29px;
	clear: both;
	}

#pata_deu{
	margin: 0px;
	background: url(img/end_deu.gif) white bottom  no-repeat;
	width : 704px;
	height: 29px;
	clear: both;
	}
	
	
h2{
	color: Gray;
	font-size : 11px;
	padding-top:15px;
	
}

h2.cent{
	color: Gray;
	font-size : 11px;
	padding-top:15px;
	text-align:center;
}
	
h3, h1, {
	color: Gray;
	font-size : 10px;
}

table {
	width:500px;
	color: #555555;
	font-size : 10px;
	text-align : center;
}

table.cennik {
	width:694px;
	color: #555555;
	font-size : 10px;
	text-align : center;
}


p{
	color: #555555;
	font-size : 10px;
	text-align : left;
}
		
td {
	padding: 2px;
	border-bottom: 1px  gray  solid;
}

td.form{
		border : none;
		text-align: left;
}

.formf {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width:300px;
}

.formz {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	width:307px;
}

.forms{
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}		

td.message {
	vertical-align:top;
	border : none;
	text-align: left;
	}	

tr.farba{
	color: white;
	background-color: #B22222;
	height: 15px;
}

tr.format{
    height: 30px;
	
}


#pic_cerveny{
    float:left;
	background: url(img/pic_cerv.gif)  no-repeat;
	width:9px;
	height: 18px;
	margin: 0 0 0 2px;
	
}

#pic_cierny{
	float:left;
 	background : url(img/pic_cier.gif) no-repeat;
	width:9px;
	height: 18px;
	margin: 0 0 0 2px;
	}


td.left{
   padding-left: 40px;
	text-align: left;
}
td.left_cennik{
	padding-left:20px;
	}

#znak{
   float:left;
   	background : url(img/f2.gif) no-repeat  top  left ;
	width: 7px;
	height: 17px;
}
p.odsadenie{
	padding-left:15px
	
}

td.zarov{
	text-align: left;
}

#odd{
	margin-top:30px;
	}

ul, li {
color: #555555;
	font-size : 10px;
	text-align : left;

}

.farba{
	background-color : #D3D3D3;
}

.farba_2{
	background-color : #B0C4DE;
}

.farba_3{
	background-color : #F0F0F0;
}

.stvorec{
   float:left;
	width:15px;
	height:15px;
}

.nahlad   {
	float: left;
	width: 110px;
	margin: 20px 15px 15px 0;
	padding: 10px 0;
	text-align: center;
	background: white;
}

.nahlad_posledny{
	float: none;
	width: 110px;
	margin: 20px 15px 15px 0;
	padding: 10px 0;
	text-align: center;
	background: white;
}

.foto{
    margin:0 auto; padding:0;
	border: none;
   }

.text_foto{
	margin: 5px 0 10px 0;  padding:0;
	text-align: left;
	font-size: 100%;
}

.border{
	border:none;
}

#foot{
    padding-left:10px;
	text-align: left;
	font-size:10px;
	font-weight: bold;
	color: Gray;
	
	}
.email{
	background-color: transparent;
	color: #B22222;
	padding-left:10px;
}

#objednavka{
	display:block;
	margin-left:40px;
	background-image : url(img/objednavka.gif);
	background-position : left top;
	background-repeat : no-repeat;
	width:350px;
	height: 35px;
	}

a.objed{
	padding-left:45px;
	margin-top:30px;
	font-family: verdana, tahoma, Arial, sans-serif;
	font-size: 10px;
	color:Red;
	text-decoration:none;
	font-weight : bold;
	}
a:hover.objed {
	text-decoration:none;
	color: #990000;
}	

p.ob{
	padding-top:15px;
	color: Red;
}

a.post{
	font-family: verdana, tahoma, Arial, sans-serif;
	font-size: 10px;
	color: #555555;
	text-decoration:none;
	font-weight : normal;
	}
a:hover.post {
	text-decoration:none;
	color: #990000;
	font-weight : bold;
}	

a.post_reverz{
	font-family: verdana, tahoma, Arial, sans-serif;
	font-size: 10px;
	color: #990000;
	text-decoration:none;
	font-weight : bold;
	}
a:hover.post_reverz {
	text-decoration:none;
	color: #555555;
	font-weight : normal;
	
}	

p.form{
	color: #A52A2A;
	font-weight : bold;
	font-family: verdana, tahoma, Arial, sans-serif;
	font-size: 10px;
}

p.form_odoslany{
	color: #A52A2A;
	font-weight : bold;
	font-family: verdana, tahoma, Arial, sans-serif;
	font-size: 10px;
	margin: 25px 0 0 45px;
}

p.error{
	color: #A52A2A;
	font-weight : bold;
	font-family: verdana, tahoma, Arial, sans-serif;
	font-size: 11px;
	padding-top:10px;
	font-style : normal;
}

.author{
	padding-left:25px;
	font-family: verdana, tahoma, Arial, sans-serif;
	font-size: 9px;
	color: #D3D3D3;
	text-decoration:none;
	font-weight : normal;
}
	
a.author{
    font-family: verdana, tahoma, Arial, sans-serif;
	font-size: 9px;
	color: #D3D3D3;
	text-decoration:none;
}	

a:hover.author{
	color: Gray;
}	

}