/* CSS Document */
* 
{
margin: 0;
padding: 0;
}
body 
{
font-family: Verdana, "Tahoma CE", Tahoma, Arial, lucida, sans-serif;
font-size: x-small;
background: #ffffff url(img/body.png) repeat-x left 10%; 
text-align : center; 
line-height: 1.4;
margin : 0px auto;
padding: 0 0 20px 0;
}
html>body 
{
font-size: small;
}	
#main 
{			
margin: 10px auto;			
width: 783px;  			 
text-align : left;
}
h2, h3, h4 
{
font: bold 100% "Verdana CE", Verdana;

}	
h2
{
background: url(img/or_prechod.png) repeat-x left center;
margin: 1px 5px 0 5px;
padding: 1px 0 2px 0;
text-align: center;
}
#stred_menu h2 a
{
color: #000000;
}
h3
{
margin: 0 100px 20px 0;
padding: 1px 10px 1px 55px;
background: url(img/ctverecky1.png) no-repeat left center;
}	
h4
{
margin: 20px 0 20px 0;
padding: 0 0 0 44px;
background: url(img/dva_ctverecky.png) no-repeat left center;
}	
h5, dt
{
color: #ff0000;
font-size: 100%;
font-weight: bold;
margin: 0 0 5px 0;
}
h5.bonus
{
color: #acb0b3;
font-size: 120%;
font-weight: bold;
border-bottom: 1px solid #800000;
}
dd
{
margin-bottom: 12px;
}
img
{
border: none;
}
p
{
padding-bottom: 15px;
}
ul
{
padding: 10px 0 10px 30px;
}																							 /* Horní menu */

#topmenu
{
width: 570px;
height: 39px;    
}
#topmenu ul 
{
	width: 570px;
	height: 39px;
	padding: 5px 0 0 8px;
}
#topmenu li
{
	height: 39px;
	overflow: hidden;
	list-style-type: none;
	position: relative;
	left: 0;
	top: 0;
	z-index: 0;
	font-weight: bold;
	float: left;
	color: #f0d5c2;         
}
#topmenu li#sort
{
width: 94px;
}
#topmenu li#sluzby
{
width: 68px;
}
#topmenu li#objednavky
{
width: 100px;
}
#topmenu li#bonus
{
width: 136px;
}
#topmenu li#kontakty
{
width: 84px;
}
#topmenu li#ofirme
{
width: 78px;
}

#topmenu a
{
display: block;
	height: 39px;
	position: relative;
	left: 0;
	top: 0;
	z-index: 1;

}

#topmenu a span {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	display: block;

	height: 39px;
	cursor: hand;
}		
#topmenu li#sort a span {
	background: url("img/sort.gif") no-repeat left top;
	width: 94px;
}
#topmenu li#sort a:hover span {
	background: url("img/sort.gif") no-repeat left bottom;
}					
#topmenu li#sluzby a span {
	background: url("img/sluzby.gif") no-repeat left top;
	width: 68px;
}
#topmenu li#sluzby a:hover span {
	background: url("img/sluzby.gif") no-repeat left bottom;
}
#topmenu li#objednavky a span {
	background: url("img/objednavky.gif") no-repeat left top;
	width: 100px;
}
#topmenu li#objednavky a:hover span {
	background: url("img/objednavky.gif") no-repeat left bottom;
}
#topmenu li#bonus a span {
	background: url("img/bonus.gif") no-repeat left top;
	width: 136px;
}
#topmenu li#bonus a:hover span {
	background: url("img/bonus.gif") no-repeat left bottom;
}
#topmenu li#kontakty a span {
	background: url("img/kontakty.gif") no-repeat left top;
	width: 84px;
}
#topmenu li#kontakty a:hover span {
	background: url("img/kontakty.gif") no-repeat left bottom;
}
#topmenu li#ofirme a span {
	background: url("img/ofirme.gif") no-repeat left top;
	width: 78px;
}
#topmenu li#ofirme a:hover span {
	background: url("img/ofirme.gif") no-repeat left bottom;
}
#topmenu a:link, #topmenu a:visited {
	color: #ff9900;
	text-decoration: none;
}
#topmenu a:hover {
	color: #ff9900;
	text-decoration: underline;
}
																 
			                                         /* Hlavička */
#top
{
width: 783px;
height: 50px;
background: #ffffff url(img/top.png) no-repeat left top;
}			                                         
#head, #headrc 
{
height: 206px;
width: 783px;
background: url("img/head2_.jpg") no-repeat right top;	      
}	
#headrc
{
background: url("img/head2_rc.jpg") no-repeat right top;
}		
h1, h1 span, h1 span.rc  
{
width: 370px;
height: 206px;
overflow: hidden;
font-size: 110%;
position: relative;
left: 0;
top: 0;
z-index: 0;
}
h1 span, h1 span.rc 
{
position: absolute;
background: url("img/head1.jpg") no-repeat;
cursor: pointer;
cursor: hand;
z-index: 1;
}
h1 span.rc
{
background: url("img/head1_rc.jpg") no-repeat;
}
																						/* Konec Hlavička */
																						/* Střed */
#top2
{
width: 783px;
height: 32px;
background: #535d66 url("img/top2_.jpg") no-repeat left top;
}	
#top2rc
{
width: 783px;
height: 97px;
background: url("img/top2rc.jpg") no-repeat left top;
}	
#top2rc a
{
font-weight: bold;
color: #ffffff;
}																				
#stred, #stredrc
{
min-height: 350px;
_height: 350px;
padding: 25px 0 5px 0;
background: #535d66 url("img/stred.png") repeat-y left top;
}
#stredrc
{
background: url("img/stredrc.gif") repeat-y left top;
}
#stredrc table
{
margin: 30px 5px 30px 90px;
border-collapse: collapse;
font-size: 100%;
}
#stredrc table td
{
padding: 2px 5px;
border: 1px #646464 solid;
}
#left
{
width: 212px;
float: left;
}
#menul
{
margin: 0 5px 30px 10px;
}
#obsah
{
margin: 0 20px 0 240px;
padding: 0;
}
#obsah img
{
margin: 5px;
}
#obsah img.vlevo
{
margin-right: 10px;
}
#stred_menu
{
margin: 0 24px 0 23px;
background: url(img/menu_home_dole.png) no-repeat left bottom;
padding-bottom: 41px;
}
#stred_menu_vnitrni
{
_height: 250px;
background: url(img/trojmrizka.png) repeat-y left bottom;
}
#stred_menu div.sloupec
{
float: left;
width: 218px;
}
#stred_menu ul
{
padding: 10px 10px 10px 30px;        
}
#stred_menu li
{
list-style-image: url(img/tecky_li.gif);         
}
#left ul
{
padding: 30px 0 30px 27px; 
background-color: #5b636e;   
border: 2px #79828b solid; 
margin-left: 2px;   
}
#left li
{
list-style-type: none; 
color: #ffffff;
font-weight: normal;
text-indent: -14px;        
}
#left img
{
margin: 40px 0 0 0;
border: 3px #79828b solid; 
}
.limg
{
margin: 80px 0 0 11px;
}
#cenik
{
background-color: #f3f5f8;
padding: 10px 5px 15px 5px;
border: 3px double #b9bcc1;
}
/*  
#cenik ul
{
background-color: #f4f5f8;
}       */
#cenik li
{
list-style-image: url(img/xls.gif);
line-height: 1.5;
}
#cenik li.pdf
{
list-style-image: url(img/pdf_.gif);
line-height: 1.5;
}
#obsah li
{
list-style-type: disc;
}
#stred_menu li a, #left a
{
color: #ffffff;
font-weight: normal;
}
#obsah a, div.nahoru a
{
color: #cc0000;
margin-left: 5px;
}
a:hover 
{
text-decoration: none;
}
#stred_menu img 
{
margin-left: 5px;
}
#stred_menu p 
{
padding: 10px 10px 5px 12px;
color: #ffffff;
}
#stred_menurc
{
margin: 0 5px 0 7px;
padding: 3px 25px 3px 44px;
text-align: right;
background: url(img/rcstred_menu1.jpg) no-repeat left center;
}
#sekce
{
float: left;
font-weight: bold;
color: white;
text-transform: uppercase;
}
																						/* Konec Střed */
																						/* Pata */
#pata
{
width: 783px;
padding: 10px 0 18px 0;
background: #ffffff url("img/pata.png") no-repeat left top;
text-align: center;
clear: both;
}	
div.nahoru
{
text-align: right;
margin: 10px 15px 0 0;
}	
#autor
{
width: 783px;
padding: 1px 0 10px 0;
text-align: right;
font-size: 85%;
color: #82838c;
}	
#autor a
{
font-style: italic;
font-family: Georgia;
margin-right: 5px;
color: #82838c;
}																			
#autor a:hover
{
text-decoration: none;
}

																							/* Ostatní */
.end, .predel
{
min-height: 5px;
_height: 0;
width: 20px;
display: block;
}
.vlevo20
{
margin-left: 41px;
}
.end
{
height: 1px;
clear: both;
}
.oranz
{
background-color: #ffb966;
}
.red, b
{
color: red;
}
fieldset
{
border: 3px double #b9bcc1;
margin: 40px 0;
padding: 10px;
background: #f9fafb url(img/rcobj.gif) no-repeat right top;
}
input.obsah, textarea
{
width: 250px;
border: 1px solid #646464;
margin: 0 0 5px 0;
}
textarea
{
width: 450px;
}
input.obsah
{
height: 20px;
}
input.tl
{
background-color: #ff8b00;
border: 1px solid #d4d4d4;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
font-weight: bold;
font-family: Verdana;
font-size: 95%;
color: white;
padding: 0 2px;
margin-left: 40px;
}
#prouzekh
{
margin: 0 3px 0 5px;
height: 50px;
background: url(img/prouzek_horizontal.gif) repeat-x left bottom;
}
#stredrc li span, .sedy
{
color: #828282;
font-size: 75%;
}
.vlevo
{
float: left;
}
.vpravo
{
float: right;
}
span.orbonus
{
color: #ff9900;
font-weight: bold;
}
a.eshop
{
display: block;
width: 102px;
height: 26px;
margin: 10px 0 0 25px;
background: #efa144 url(img/eshop.png) no-repeat left top;
text-decoration: none;
}
a.eshop span
{
position: relative;
z-index: -10;
}
a.eshop:hover
{
background: url(img/eshop_hover.png) no-repeat left top;
}