@media screen
	{

	body  {
	background-color: #f1f2ed;
	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;
	}

#img_01
{  
    float:right;
	background-image : url(img/01.jpg);
	background-repeat : no-repeat;
	width : 352px;
	height : 22px;
	
}

   
.zarovnaj_vpravo{
	float:right;
	}	
	
.deutch{
	margin-right:1px;
}
	
.english{
	margin-right:15px;
}	



#uvod{
	margin-top:22px;
	height: 440px;
	width: 704px;
	background-color : transparent;
}


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;
}


#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;
}	

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;
}

#obal_cennik_02{
    float:left;
	padding:0; border:none;
	width:176px;
	height:71px;
  }

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;
}

#img_cennik {
    float:left;
	background-image : url(img/cennik.jpg);
	background-repeat : no-repeat;
	width : 176px;
	height:71px;
}

#m2_01{
    float:left;
	background-image : url(img/m2_01.jpg);
	background-repeat : no-repeat;
	width: 176px;
	height: 142px;
		}	

#m2_02{
	float:left;
	background-image : url(img/m2_02.jpg);
	background-repeat : no-repeat;
	width: 176px;
	height: 142px;
}	

#m2_03{
	float:left;
	background-image : url(img/m2_03.jpg);
	background-repeat : no-repeat;
	width: 176px;
	height: 142px;
}	

#m2_04{
	float:left;
	background-image : url(img/m2_04.jpg);
	background-repeat : no-repeat;
 	width: 176px;
	height: 142px;
}	

a.m2{
	font-weight: bold;
	text-decoration: none;
	text-align:left;
	display:block;
	padding-left:26px;
	padding-top: 12px;
	padding-bottom: 11px;
	height:13px;
	width: auto;
	color: #B22222;
}

a:hover.m2{
    text-decoration: none;
	display: block;
	color:white;
	background : #B22222;
}

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;
}

#obal_kontakt{
    float:left;
	padding:0; border:none;
	width:176px;
	height:71px;
	
  }


#end{
   float:left;
	background-image : url(img/end.jpg);
	background-repeat : no-repeat;
	width : 704px;
	height:153px;
}

#end_eng{
   float:left;
	background-image : url(img/end_eng.jpg);
	background-repeat : no-repeat;
	width : 704px;
	height:153px;
}

#end_deu{
   float:left;
	background-image : url(img/end_deu.jpg);
	background-repeat : no-repeat;
	width : 704px;
	height:153px;
}

#foot{
	font-size:10px;
	font-weight: bold;
	color: Gray;
	padding-left:10px;
	text-align : left;
}
.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:220px;
	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;
	
}	
.author{
	margin-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;
}	
}
