@charset "utf-8";
/* CSS Document */
body{
	margin:0 auto;
	padding: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	color:#87888a;

	background: url(../img/bgr.gif) repeat-x #fff;
	background-position: top center

}
body#index{
	background: url(../img/bgr-index.gif) repeat-x #fff;
}
#main {
width:955px;
margin:auto;
}

a { color:#dc0019; text-decoration:underline;}
a:hover {
	text-decoration:none;
}
a img{
	border:0px;
}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}


hr {
	width: 100%;
	display: block;
	height: 1px;
	margin-bottom:5px;
	margin-top:5px;
	border-top-width: 1px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #a2925b;
}
.pseudo_hr{
	background-image: url(../img/bgr-produkt.png);
	background-repeat: repeat-x;
	background-position: center;
	height: 15px;
	width: 100%;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding: 0px;
	color: #dc0019;
}

h1 {
	font-size: 30px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0 0 20px 0;
}
h2 {font-size: 14px; padding: 0px;	margin:0; color:#000000 }
#sub-drobek h2 {font-size: 24px; padding: 0px;	margin:0; letter-spacing:-1px }

h3 {font-size: 18px; font-weight:lighter } h3 a{ text-decoration: none;}h3 a:hover{ text-decoration: underline;}
h4 {font-size: 13px; color: #608ba6; margin-bottom:3px; margin-top:5px; } 
h5 {font-size: 11px; color:#444444; margin-top:5px; margin-bottom:5px; font-weight:200 }
p { margin: 0 ; padding:0;  }

#logo{
	position: absolute;
	height: 120px;
	width: 220px;
	top: 40px;
	left: 19px;
}
#logo a {
	display: block;
	height: 120px;
	width: 220px;
}
#head{
	height:253px;
	width:955px;
	background:url(../img/top-3.jpg) no-repeat;
	position: relative;

}

.logo{
margin-top:5px;
float:left
}


/* menu  */

#menu {
	margin:0px;
	height:33px;
	position:relative;
	top: 2px;
	left: -10px;
}
.menu { }

.menu a{
	display:block;
	float:left;
	text-decoration:none;
	height: 26px;
	/*width:90px;*/
	text-align:center;
	color:#b1b3b4;
	margin: 4px;
	font-size:12px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 11px;
	line-height: 150%;
	text-transform: uppercase;
}
.menu img{
	float:left;
	margin-top: 4px;
}
.menu a:hover  { background:url(../img/active.png) no-repeat; color:#fff;  background-position: center bottom}
.menu .active { background:url(../img/active.png) no-repeat; color:#fff;  background-position: center bottom; 	}

/* menu konec */

#submenu, #submenu2{
	width:230px;
	border:0px solid red;
	float:left;
	margin-right:15px;
}
#submenu p{ margin:0; padding:0}
#submenu a {
	width:210px;
	border-bottom:1px solid #d8d9d9;
	display:block;
	float:left;
	background-position:12px center;
	text-decoration:none;
	background-image: url(../img/submenu-arrow.png);
	background-repeat: no-repeat;
	padding-right: 0;
	padding-left: 35px;
	height: 35px;
	line-height: 270%;
}
#submenu a:hover, #submenu a.active {
font-weight:bold
}

.popisek-submenu{
	padding-top:20px;
	padding-left: 15px;
}

#obsah{ width:640px; border:0px solid red; float:right}
.strankovani{
	text-align: right;
	padding-bottom: 5px;
}
.strankovani a{
	padding: 2px;
}
.strankovani span{
	padding: 2px;
}
.strankovani a:hover{}
#produkty #obsah{ width:665px;}

#obsah h1{ font-size:16px}
.sip{
	background-image: url(../img/sipka.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 50px;
}
.produkt-foto{
	float:left;
	width:320px;
	padding-right: 10px;
}
img.border{padding:2px;  margin:2px;background: #c9cacb;}

.zoom, .image_download{
	width:120px;
	text-align:right;
	margin-right:15px;
	height:20px;
	background-position:left;
	background-repeat: no-repeat;
	float:right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
	margin-bottom: 3px;
	
}
.zoom {
	background-image: url(../img/zoom.png);
}
.image_download {
	background-image: url(../img/download.png);
	clear: both;
}
.zoom a, .image_download a{ text-decoration:none; color:#87888a }


.linka{ background:url(../img/bgr-produkt.png); background-position:top; background-repeat:repeat-x; margin:5px 0 5px 0 ; padding:3px}



.produkt-text{ float:left; width:330px; }
.bgr-dotted{ background:url(../img/bgr-produkt.png); background-position:top; background-repeat:repeat-x; padding-top:15px}



#drobecek {	 height:42px; font-size:21px; color:#fff; padding-top:15px; background:url(../img/bgr-drobecek.jpg) no-repeat}
#drobecek a{ color:#fff; text-decoration:none; margin:3px; padding:3px;}
#drobecek a:hover{ color:#fff; text-decoration: underline }
.arrow { background-image:url(../img/drobecek-arrow.png); width:17px; height:17px }
#drobecek-index {
	width:955px;
	height:75px;
	font-size:12px;
	color:#fff;
	padding-top:10px;
	background:url(../img/welcome.jpg) no-repeat;
}
#drobecek-index p { width:680px; float:left; margin:0; padding:0 0 0 240px; line-height:140%}
#drobecek-index .orange {color:#f9b200}

.form_pole{
	border: 0px solid #9c0d15;
	background-color: #FFFFFF;
	position:relative;
	top:38px;
	width:140px;
	left:780px

}
#flags{
	border: 0px solid #9c0d15;
	position:relative;
	top:34px;
	width:215px;
	left:700px;
	text-align: right;
	height: 29px;
	background-image: url(/img/flag_bgr.jpg);

}
#flags img {
	padding-top: 5px;
	padding-right: 5px;
}
.red{color: #dc0019;}
.black{color: #000;}
#content {
	border-left:1px solid #e3e4e5;
	border-right:1px solid #e3e4e5;
	width:896px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
#content-ostatni {  padding:10px 20px 0 10px; }
.radius { height:8px; margin-top:8px; width:928px}


/*Clanky pluto*/

.clanek_th, #novinka{
padding:3px;
margin-bottom:3px;
}
#index .clanek_th{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.clanek_th img, #novinka img{
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;

}
.datum{font-size:12px; background:url(../img/bgr-datum.png) no-repeat; width:159px; height:22px; color:#FFFFFF; padding-top:4px; padding-left:5px}
.datum-veliky{font-size:12px; background:url(../img/bgr-datum-veliky.png) no-repeat; width:435px; height:23px; color:#FFFFFF; padding-top:4px; padding-left:5px; margin-top:5px}
.foto{border:4px solid #d9dadb;}

.newsletter {
	background:url(../img/news-letter.png) no-repeat;
	width:580px;
	height:95px;
	float:left;
	color:#FFFFFF;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-top: 15px;
}
.certificate {
	background: url(../img/certificate.png) no-repeat;
	width:315px;
	height:109px;
	float:left;
	margin-top: 15px;
}
.form_pole-2{
	border: 2px solid #d6d8d7;
	background-color: #FFFFFF;
	width:180px;
	position:relative;
}

#footer{
width:900px;
margin-bottom:20px
}
#footer p{
 margin:5px 0 0 0px; padding:0 0 0 0px; line-height:16px
}

#footer img{
margin:6px
}

.sipka{
font-size:35px; margin-left:20px; color:#ff0000;}
