﻿body{ margin:0; padding:0;background-color:#cccccc;text-align:center;overflow:auto; }
h1,h2,h3,p, span, #footer , li,a, ul {font-family:Tahoma;text-align:left;}
h1 {color:#d64600;font-size:16px; letter-spacing: 1px; padding-bottom:5px;border-bottom:2px rgb(188,128,0) dotted;}
h2 {font-size:13px; text-align:center; letter-spacing: 1px; }
h3{font-size:13px;margin-left:10px;}
a:link, a:visited{color:rgb(188,128,0);}
#topmenu br {line-height :20px;}

p {font-size: 12px; 
 line-height:130%;padding:5px 10px; margin:0px; text-align:justify;}
 
img{border:0;} 
#header {background-color:#FFFFFF; height:90px; width:100%;}


#topmenu{ margin: 0 auto; width:1000px;  height:90px; /*border:1px black solid;*/}
#topmenu img{margin:0;border:0; float:left; width:241px;}
#topmenu img.uvod{position:relative;left:-8px;width:241px;}
#topmenu ul {list-style-type:none;display:block; float:left; margin:0;padding:0; padding-top:47px;}
#topmenu ul li {display:inline; }
#topmenu ul li a:link, ul li a:visited {
	display:block;
	float:left;
	font-family:Tahoma;
	font-size:15px;
	text-decoration: none;
	color:#444444;
	margin:0px;padding:0px;
	text-align:center; width:165px;
	
}
ul li a.zarovky{width:90px!important;}
ul li a.kdojsme{width:100px!important;}
#topmenu ul li a:hover, #topmenu ul li.active a{color:#000; font-weight:bold;}

#header-right {float:left;text-align:center; margin-top:26px; margin-left:50px;  height:64px;}
.poradit {font-size:13px;letter-spacing:2.3px;line-height:16px;}
.telefon {color:#d64600;font-family: Verdana; font-size:15px; font-weight:bold;}


#center-bg {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	width:100%;
	height: 100%;
	clear:both;
	
}
#center{
	width:1000px; 
	margin:0px auto;
	background-color:#ffffff;
	min-height:385px;
	padding:0;
}
#center-vdpp{
	width:1000px; 
	margin:0px auto;
	background-color:#ffffff;
	 height: 100%;
    overflow: auto;

	
	padding-bottom:5px;
}

.slideshow img {border:0;}
#fotocol {margin: 0px 5px 0px 10px; float:left; width:480px;}
#textcol {margin: 0px 5px 0px 5px;float:left; width:290px;}
#rightcol {margin: 0px 10px 0px 5px;float:left; width:190px; }

#spodni {position:relative; left:0px; top:334px;}
#leftmenu {
	margin: 0px 5px 0px 10px; 
	float:left; 
	width:215px;  
	width:235px\9;
	padding:20px 10px 15px 10px;
	
}
#leftmenu img.center{cursor:pointer;}
#leftmenu ul {list-style-type:none;display:block; float:left; margin-top:5px;padding:0;margin-left:0px;margin-bottom:0px;}
#leftmenu ul li {margin-bottom:11px;margin-top:11px;font-size:12px;}
#leftmenu ul li a:link, #leftmenu ul li a:visited {
	display:block;
	
	font-family:Tahoma;
	font-size:12px;
	text-decoration: none;
	color:#444444;
	margin:0px;padding:0px;
	width:200px;
	text-align:left;
}
#leftmenu ul li a:hover{color:#000;}
#leftmenu ul li.active a{font-weight:bold;}
#leftmenu span {text-align:left;}
#leftmenu  p {padding-left:0;}
#content  {
	margin: 0px 5px 0px 5px;
	float:left;
	width:505px;
	color:#000;
	height:371px;
	overflow:auto;
	background-color:rgb(200,190,183); 
	padding:20px 15px 15px 15px;
	text-align: justify;
	}
#content h2 { text-align:left; }
#content li {font-size:12px; list-style-type:square; }

#content_barva{
margin: 0px 5px 0px 5px;
	float:left;
	width:535px; 
	
	color:#FFF;
	height:336px;
	height:370px\9;
	background-color:rgb(195,140,25); 
	padding:20px 0px 15px 0px;
	text-align: center;
}	
#content_barva p, #content_barva span  {font-size:13px; }
#content_barva p.male{font-size:11px;margin-top:55px;}
#content_barva a:visited,#content_barva a:link {color:black;text-decoration:none;}
#content_barva .grey {color:#444444;}
#content_barva .katalog_logo{ margin-left:250px;}
hr {border-bottom: dotted 2px white; border-top:0;}

table.oteviraci {color:#FFF;margin:0 auto; padding:0;text-align: center;font-family:Tahoma;font-size:13.5px;}
.left{text-align:left;}
#instrukce{	clear:both;
	width: 545px;
	width:1000px\9;
	text-align:left;
	margin: 0 auto;
	display: block;
	background-color:#fff;
	padding-left:255px;
	padding-right:200px;
	}
#instrukce p{color:#0000FF;padding:10px 10px 10px 0px;font-size:13.5px;}
#zarovky{background: url(../img/pruh-zarovek-72-dpi.gif) no-repeat ;
	clear:both;
	width: 1000px;
	margin: 0 auto;
	display: block;
	background-color:#fff;
	height:205px;}


#content p {font-size: 13px; padding-left:0px;}

.ramrohy{background: url(../img/roh_ostry_1.png) top left no-repeat;
		 background-color: #e6e6e6; 
		 border-radius: 0px 15px 15px 0px; 
		 -moz-border-radius: 0px 15px 15px 0px; 
		 -webkit-border-radius: 0px 15px 15px 0px;
		 margin: 0px 0px 5px 0px; 
		 padding-top:5px;
		 padding-bottom:0px;
		 
		 
		 
}
.ramrohy p {padding:5px 10px 0px 10px; margin-top:10px;}
.nobottommargin {margin-bottom:0px!important;}		 
.ram {
	background-color:#f9f9f9;
	margin: 0px 0px 5px 0px; 
	height:156px;
	height:161px\9;
	 border-radius: 0px 15px 0px 0px; 
	 -moz-border-radius: 0px 15px 0px 0px; 
	 -webkit-border-radius: 0px 15px 0px 0px;
	 padding:10px 0px 0px 0px;
}

#aktuality {background-color:#f9f9f9;
	margin: 0px 0px 5px 0px; 
	height:202px;
	
	height:202px\9;
	width:190px;
	 padding-bottom:5px;
	overflow:auto;
	 border-radius: 15px 0px 0px 15px; 
	 -moz-border-radius: 15px 0px 0px 15px; 
	 -webkit-border-radius: 15px 0px 0px 15px;
}
#aktuality h2{margin: 11px 0px 8px 0px;}
#aktuality p{padding-top:0px;}

.novinky {
	background: url(../img/roh_ostry_2.png) bottom right no-repeat;
	background-color:#e6e6e6;
	margin: 0px 0px 5px 0px; 
	
	height:164px;
	
	 border-radius: 15px 0px 0px 0px; 
	 -moz-border-radius: 15px 0px 0px 0px; 
	 -webkit-border-radius: 15px 0px 0px 0px;
}
.novinky h2 {padding-top:7px;margin-top:0;}

/* oble rohy */
.novinky div{height:25px; background: url(../img/roh_obly_1.png) top left no-repeat;}
.ramrohy div{height:25px; background: url(../img/roh_obly_2.png) bottom right no-repeat;}

/*.medova {color:rgb(188,128,0);} tak melo byt */
.medova{color:#d08100;} /* skutecna barva podle loga */
.cerven{color:#d64600;}
p.medova{margin-top:10px;}
.siroka{letter-spacing:1px;}
.martop{padding-top:8px;}
/* mapa webu*/
#mapawrap {margin:0 auto; width:650px;background-color:#ffffff;padding:0;padding-top:10px;}
#mapaleft {width:250px; float:left;text-align:left;}
#mapacenter {width:250px; float:left;}
#mapacenter img{cursor:pointer;}
#maparight {clear:right;width:150px; float:left;text-align:left;}
.mapaheading {text-transform:uppercase;font-size:18px;padding:0;margin:0px 0px 10px 85px;}
.mapaitemheading {background-color:#e6e6e6;font-size:15px; display:inline; padding:2px;}
.dole {margin-bottom:30px!important;}
.center{margin:0 auto; text-align:center;}
#mapawrap ul {
	
	list-style-type: none;
	padding-left: 10px;
	margin:10px 0px 30px 0px;
	
	
}
#mapaleft li,#maparight li {text-align:left; display:block; padding:2px;margin:0px;   background:url(../img/plus.png) left center no-repeat;}
#mapaleft li a:link, #mapaleft li a:visited, #maparight li a:link, #maparight li a:visited  {width:280px; display:block;
text-decoration:none; 
font-size:12px;
color:#000;
text-align:left;
 padding:2px 0px 2px 15px;
}
#mapaleft li a:hover,#maparight li a:hover {color:rgb(188,128,0);}


#content-vdpp  {
	margin: 0px 10px 0px 5px;
	float:left;
	width:700px; 
	width:730px\9;
	color:#000;
	background-color:rgb(200,190,183); 
	padding:20px 15px 15px 15px;
	text-align: justify;
	}
#content-vdpp h2 {text-align:left;font-size:12px;}
#content-vdpp p{font-size:11px;padding:10px 0px;}
/* paticka*/
#footer-bg {background-color:#cccccc;height:70px; clear:both; /*margin-top:-20px;*/}
#footer {width:1000px; margin:0 auto; padding-top:20px;}
#footer a{text-decoration: none;
	color:#333333;
	} 
#footer a:hover,#footer a.active 	{color:#000;font-weight:bold;}
#error{ margin:0px auto; width:700px; background-color:#FFF;padding:20px; }
#error ul li {font-size:13px;}
#error a:link,#error a:visited{color:red;}
#error h2 {text-align:left;font-size:18px;}


#footer div {font-size:13px; float:left; color:#333333;line-height:24px; height:24px;}
#footer_left {width:420px;}
#footer_info{width:75px;}
#footer_middle {width:300px;text-align:center;}
#footer_right {width:205px;text-align:center;}

#tooltip {
	position: absolute;
	z-index: 3000;
	/*width:300px;*/
	border: 2px solid #d08100;
	padding: 5px 5px 5px 5px;
	opacity: 0.85;
        background-color: #eeeeee;
        color: rgb(51,51,51);font-family:Tahoma;font-size:12px;
}
#tooltip h6, #tooltip div { margin: 0; font-size:11px;}
