@CHARSET "windows-1250";
/*
 * @TOPMENU - ABSOLUTNI TOP
 */
 #topmenu img{
	float:left;
	border:0px;
	/*padding:5px 30px 0px 15px;*/
 }
#topmenu a{
	float:left;
	color:gray;
	height:60px;
	line-height:60px;
	font-size:16px;
	font-weight:bold;
	
	vertical-align:bottom;

	text-transform:uppercase;
	text-decoration:none;
	
	letter-spacing:2px;
	padding:0px 10px 0px 10px;
	/*border-left:1px solid black;*/
	background:url('../img/top_menu_border.png') top right no-repeat;
}
#topmenu a:hover{
	color:white;
}
#topmenu a#picture{
	border:hidden;
	padding:0px;
}
/*
 * HEADER - POD TOPMENU
 */
#header h1{

}
#header div#hlang{
	left:10px;
	position:absolute;
	bottom:10px;
	z-index:1;
	height:10px;
}
#header div#hlang a{
	float:left;
	height:10px;
	padding-right:10px;
	width:15px;
}
#header div#hlang a#cz{
	background:url(../img/flag/cz_gray.png) no-repeat left top;
}
#header div#hlang a#cz:hover{
	background:url(../img/flag/cz_color.png) no-repeat left top;
}

#header div#hlang a#en{
	background:url(../img/flag/en_gray.png) no-repeat left top;
}
#header div#hlang a#en:hover{
	background:url(../img/flag/en_color.png) no-repeat left top;
}
#header div#hlang a#de{
	background:url(../img/flag/de_gray.png) no-repeat left top;
}
#header div#hlang a#de:hover{
	background:url(../img/flag/de_color.png) no-repeat left top;
}
#header div#hlang a#ru{
	background:url(../img/flag/ru_gray.png) no-repeat left top;
}
#header div#hlang a#ru:hover{
	background: url(../img/flag/ru_color.png) no-repeat left top;
}
#header div#hlang a#pl{
	background:url(../img/flag/pl_gray.png) no-repeat left top;
}
#header div#hlang a#pl:hover{
	background: url(../img/flag/pl_color.png) no-repeat left top;
}
#header div#hlang a#eu{
	background:url(../img/flag/eu_gray.png) no-repeat left top;
}
#header div#hlang a#eu:hover{
	background: url(../img/flag/eu_color.png) no-repeat left top;
}

#header div#htitle{
	left:150px;
	position:absolute;
	top:25px;
	z-index:1;
}
#header div#hleft{
	position:relative;
	float:left;
	width:364px;
	height:120px;
	
	background:url("../img/header_bg_left.png") no-repeat right bottom;
	
}
#header div#hright{
	position:relative;
	float:right;
	
	width:237px;
	height:100px;
	text-align:right;
	/*background:url("../img/top_img.gif") no-repeat right top;*/
}
#header div#hright img{
	padding:3px;
	height:115px;
}
/*
 * @HP - HOMEPAGE LEFT,RIGHT
 */
#hp-right,#hp-right h2{
	text-align:right;
}
#hp-right .content{
	padding:10px;
}
#hp-right .link{
	background-color:#B7B6B7;
	width:100px;
	height:110px;
	margin:4px;
	float:right;
	text-align:center;
	
	border-top:1px solid gray;	
	border-left:1px solid gray;	
	border-right:2px solid #2c2c2c;		
	border-bottom:2px solid #2c2c2c;
}

#hp-right .link-potraviny{
	background-color:#B7B6B7;
	width:100px;
	height:120px;
	margin:4px;
	float:right;
	text-align:center;
	
	border-top:1px solid gray;	
	border-left:1px solid gray;	
	border-right:2px solid #2c2c2c;		
	border-bottom:2px solid #2c2c2c;
}

#hp-right .link-vrata{
	background-color:#B7B6B7;
	width:100px;
	height:90px;
	margin:4px;
	float:right;
	text-align:center;
	
	border-top:1px solid gray;	
	border-left:1px solid gray;	
	border-right:2px solid #2c2c2c;		
	border-bottom:2px solid #2c2c2c;
}

#hp-right img{
	padding:5px 5px 0px 5px;
}
#hp-right a{
	font-size:12px;
	text-align:center;
}
#hp-left .welcome{
	padding:20px 10px 10px 10px;
}
#hp-left .welcome h2{
	font-size:16px;
	letter-spacing:2px;
	text-transform:uppercase;
}
#hp-left .welcome span{
	font-size:14px;
	letter-spacing:2px;
	text-transform:uppercase;
	color:gray;
}
#hp-left .welcome p{
	font-size:12px;
	text-align: justify;
	color: #444444;

}
#hp-left div#news{
	position:relative;
	bottom:0px;
	width:300px;
	margin-left:10px;
	
	background:#2c2c2c url("../img/news_background.png") left top repeat-y;
	border-top:4px solid #797979;
	border-bottom:8px solid #5791d9;
}
#news .cont{
	padding:0px 20px 0px 20px;
	
}
#news .cont a.a2{
	display:block;
	
}
#news h4{
	font-size:12px;
	letter-spacing:4px;
}
#nes span{
	color:gray;
}
#news p span{
	letter-spacing:1px;
	color:gray;
	font-size:10px;
}
#news p{
	font-size:12px;
	letter-spacing:0px;
	text-transform:none;
}
/*
 * @LEFT MENU
 */
/*
#left a{
	display:block;
	padding:6px 0px 0px 20px;
	background:url(../img/link.gif) no-repeat left center;
	font-size:12px;
	color:#f2f2f2;
	
}
#left a:hover{
	color:#f1c706;
}
*/
#left a{
	text-align:left;
}
#left a.A1{
 	display:block;
 	font-size:12px;
 	font-weight:bold;
 	padding-bottom:4px;
 	text-decoration:none;
	text-transform:uppercase;
}
#left a.A1:hover{
 	display:block;
 	color:#416192;
 	font-size:12px;
 	font-weight:bold;
 	padding-bottom:4px;
 	text-decoration:none;
 }
#left a.A2{
 	display:block;
 	font-size:12px;
 	font-weight:bold;
 	padding-bottom:4px;
 	padding-left:8px;
 	text-decoration:none;
	text-transform:uppercase;
	color:#EEEEEE;
	background:url(../img/menu_hacek.gif) no-repeat left bottom;
	border-left:1px solid #EEEEEE;
}
#left a.A2:hover{
 	display:block;
 	/*color:#03558c;*/
 	color:#416192;
 	font-size:12px;
 	font-weight:bold;
 	padding-bottom:4px;
 	text-decoration:underline;
	background:url(../img/menu_hacek.gif) no-repeat left bottom;
	border-left:1px solid #EEEEEE;
}
#left a.A3{
 	display:block;
 	font-size:10px;
 	font-weight:bold;
 	padding-bottom:4px;
 	padding-left:14px;
 	text-decoration:none;
	background:url(../img/menu_hacek2.gif) repeat-y 5px bottom;
}
#left a.A3:hover{
 	display:block;
 	/*color:#03558c;*/ 	
 	color:#416192;
 	font-size:10px;
 	font-weight:bold;
 	padding-bottom:4px;
 	text-decoration:underline;
	background:url(../img/menu_hacek2.gif) repeat-y 5px bottom;
}
#left a.A4{
 	display:block;
 	font-size:10px;
 	font-weight:bold;
 	padding-bottom:4px;
 	padding-left:18px;
 	text-decoration:none;
	background:url(../img/menu_hacek2.gif) repeat-y 10px top;
}
#left a.A4:hover{
 	display:block;
 	/*color:#03558c;*/ 	
 	font-size:10px;
 	font-weight:bold;
 	padding-bottom:4px;
 	text-decoration:underline;
	background:url(../img/menu_hacek2.gif) repeat-y 10px top;
}
#left a.active{
	text-decoration:underline;
}
/*
 * @RIGHT - JAKOBY CONTENT
 * 
 */
#right .cont{
	padding:10px;
}
#right img{
	/*
		display:block;
		border:2px solid gray;
	*/
	background-color:transparent;
	
}
#right img:hover{
	background-color:white;
}
#right p{
	text-align:justify;
}
#right a{
	text-decoration:underline;
	font-size:12px;

}
#right table{
	text-align:center;
	font-size:10px;
	border-collapse: collapse;
	/*border:1px solid #444444;*/
	margin:5px auto;
	width:90%;
	background: #ffffff; /*#969696, #444444;*/
	border:1px solid #444444;
	
}
#right table caption{
	color:#444444;
	caption-side:top;
	margin:5px auto;
	width:90%;
	padding:2px;
}
#right table caption h3{
	margin:0;
}
#right table thead{
	background:white;
	color: #444444;
	background:#416192 url('../img/table_header.png') top left repeat-x;
}
#right table thead td{
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	text-transform:uppercase;
	padding:4px;
	color:white;
}
#right table tbody td{
	text-align:center;
	vertical-align:middle;
	color:#000000;
	font-weight:bold;

	padding:4px;
	
	border-bottom:1px solid gray;
	border-right:1px solid #444444;
	border-left:1px solid gray;
	
}
#right span{
	color:#416192;
}
#right .alignleft{
	float:left;
	width:49%;
	margin-top:4px;
}
#right .alignright{
	float:right;
	width:49%;
	margin-top:4px;
}
#right .clear{
	clear:both;
	margin-bottom:10px;
}
#right #imageboard{
	width:95%;
	position:relative;
	margin:10px auto;
}
#right #imageboard img{
	display:block;
	margin:0px auto;
}
#right #imageboard p{

	float:left;
	display:block;
	min-width:110px;
	max-width:170px;
	_width:130px;
	margin:2px;
	color:black;
	/*font-size:10px;*/
	text-align:center;
}
#right #rozcestnik{
	width:98%;
	margin:10px auto;
	background:#969696;
	
}
#right #rozcestnik img{
	float:left;
	margin:15px 8px 8px 8px;
}
#right #rozcestnik img:hover{
	background:none;
}
#right #rozcestnik div{
	float:left;
	width:500px;
	padding-left:10px;
}

#right #rozcestnik h2, p, a{
	text-align:left;
	padding:4px;
	margin:0px;
}
#right #rozcestnik a{
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
#right .products{
	background:#A5A5A5;
	padding:2px;
	margin-bottom:8px;
}
#right .products h2{
	color:#1e1e1e;
}
#right .products h3{
	color:#444444;
}
/*
 * @ITEM - POLOZKA VYROBEK
 * @ITEM-DETAIL - POLOZKA VYROBEK DETAIL
 */
 
#item,#item-detail h3{
	padding:0px 0px 4px 0px;
	margin:0px;
}
#item .img{
	float:left;
	text-align:center;
	background-color:#444444;
	border-top:1px solid gray;	
	border-left:1px solid gray;	
	border-right:2px solid #2c2c2c;		
	border-bottom:2px solid #2c2c2c;
	width:100px;		
}
#item,#item-detail img{
	padding:5px;
}

#item,#item-detail .description{
	float:left;
	padding:0px 4px 0px 4px;
	font-size:10px;
	width:390px;

}
#item .money{
	float:right;
	padding:0px 0px 0px 4px;
	width:130px;
	text-allign:right;
}
#item,#item-detail .money p{
	color:#f1c706;
	font-size:14px;
	text-align:right;
}
#item,#item-detail .money input{
	width:120px;
	text-align:right;
	padding-left:18px;
	height:20px;
	
	color:white;
	background:#444444 url(../img/kosik.gif) left center no-repeat;

	border-top:1px solid gray;	
	border-left:1px solid gray;	
	border-right:1px solid #2c2c2c;	
	border-bottom:1px solid #2c2c2c;	
}
#item,#item-detail .pdf{
	display:block;
	background:url(../img/pdf.gif) left center no-repeat;
	padding:2px 2px 2px 16px;
	
}
/*
 * @ITEM-DETAIL
 */
#item-detail{
	border:0px;
}
#item-detail .money{
	float:left;
	padding:0px 0px 0px 4px;
	width:130px;
	text-allign:left;
}
#item-detail .galerie{
	float:right;
	width:100px;
}
#item-detail .img{
	
	text-align:center;
	background-color:#444444;
	border-top:1px solid gray;	
	border-left:1px solid gray;	
	border-right:2px solid #2c2c2c;		
	border-bottom:2px solid #2c2c2c;
	width:100px;
	margin-bottom:2px;		
}

#item-detail div#tech{
	padding:2px;
	margin-top:6px;
	background-color:#444444;
	color:white;
}
#item-detail div#tech h5{
	font-weight:normal;
	padding:0px 0px 4px 0px;
	margin:0px;
}
#item-detail div#tech p{
	font-weight:normal;
}
/*
 * FORM - POPTAVKOVE FORMULARE
 */
/* CONTENT FORMULAR POPTAVKA */
#formular {
	width:100%;
	background:#969696;
	/*border:1px solid #444444;*/
}
#formular em
{
	color:red;
	font-style: normal;
}
#formular h1, #formular h2{text-align:center;}
#formular p{
	display:block;
}
#formular ul{
	display:block;
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#formular input,select,textarea{
	background:white url('../img/inputbg.png') left top repeat-x;
	border:1px solid gray;
	margin:2px;

	/*color:#999ea4;*/
	color:#2295b4;
	padding:2px;
	/*width:60%;*/
	
}
#formular input:focus,textarea:focus{
	border:1px solid #03558c;
	color:#03558c;
}
#formular input#button{
	width:100px;
	color:#444444;
}
#formular label
{
	display:block;
	float:left;
	text-align:right;
	padding-right:10px;
	width: 25%;
}
#formular input.radio{
	display:inline;
	background:white url('../img/inputbg.png') left top repeat-x;
	width:12px;
	height:12px;
}
#formular br
{
	clear: both;
}
/*
 * @FOOTER - PATICKA
 */
#footer a{
	color:white;
	text-decoration:none;
	
}
#footer a:hover{
	color:#f1c706;
}
#footer table td{
	font-size:9px;
}
#footer .kontakt{
	padding-left:10px;
	/*width:140px;*/
	height:26px;
	text-align:left;
	font-size:10px;
	float:left;
	margin-top:5px;
}

#footer .copy{
	float:right;
	padding-right:15px;
	margin-top:10px;
}

/*ESHOP*/
#product{
	font-size:10px;
	float:left;
	width:30%;
	overflow:hidden;
	text-align:center;
	margin:5px;
	color:white;
}

#product p{
	margin:1px;
	font-size:12px;
}
#product table{
	color:#9B9B9B;
}
#product h3{
	color:#444444;
}
#product img{
	display:block;
	margin:0px auto;
}
#product a{
	line-height:20px;
}
#product a.info{
	/*background:url('../img/ico_info.png') left top no-repeat;
	padding-left:24px;
	font-size:12px;*/
	content: url("../img/ico_info.png");
}
#product #info{
	width:80%;
	height:25px;
	margin:0px auto;
}
#product #info .bezdph{
	color:red;
	float:left;
	font-weight:bold;
	line-height:25px;
	width: 75%;
}
#product #info a{
	float:left;
	width: 25%;
}
#product .kosik{
	width:25px;
	height:25px;
	background:url('../img/kosik.gif') left top no-repeat;
	display:block;
}

#left a.menu-back {
	font-size: 12px;
}

#left a:hover.menu-back{
	color: #F7F7F7;
	text-decoration: underline;
}

#left a {
	font-size: 12px;
}

#left a:hover {
	color: #F7F7F7;
	text-decoration: underline;
}