/* CSS TEAK CERNY default */

/***************** BASIC ELEMENTS ************************/

body {
	background: #ffffff url("../images/bg_body.gif") repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	margin:0;
	padding:0 0 25px 0;
	line-height: 10.5pt;
	color: #555555;
	text-align: center;
}

div#bg_page {
	background: url("../images/bg_page.gif") repeat-x 0 107px;
}

div#bg_page_top {
	background: url("../images/bg_page_top.gif") no-repeat center 107px;
}


div#frameholder {
	width: 872px;
	background: #ffffff;
	margin: 0 auto 0 auto;
	text-align: left;
	padding: 0 15px 0 2px;
}

div#header {
	height: 106px;
	background:  url("../images/bg_header.gif") repeat-x;
	margin: 0 0 0 0;
	padding: 0 20px 0 55px;
	text-align: left;	
}

div#content_holder{ 
	margin: 0 0 0 0;
	background: #ffffff;
	padding: 0 0 15px 0;
}

div#left{
	width: 575px;
	margin: 0;
	float: left;
	padding: 10px 0 0 0;
}

div#right{
	margin: 0;
	width: 270px;
	float: right;
	background: #ffffff;
	line-height: 12pt;
	padding: 20px 15px 0 0;
}

div#content{
padding: 5px 10px 0 25px;¨
line-height: 12.75pt;
}		

div#footer {
	width: 884px;
	padding: 35px 0 5px 5px;
	margin: 0 auto;
	font-size: 8.25pt;
	text-align: left;
	color: #749900;
	background: #ffffff url("../images/bg_footer.gif") repeat-x;
}
div#footer2 {
	width: 884px;
	padding: 5px 0 5px 5px;
	margin: 0 auto;
	font-size: 8.25pt;
	text-align: left;
	color: #749900;
	background: #ffffff;
}



/***************** SPECIFIC ELEMENTS ************************/

div#logo{
	float: left;
	padding: 35px 0 0 0;
}

div#topmenu{
	float: right;
	width: 500px;
	background: url("../images/bg_topmenu.gif") no-repeat right 1px;
	font-size: 8.25pt;
	text-align: right;
	padding: 30px 20px 0 0;
}

div#topmenu a{
	background: url("../images/common/bg_list_item.gif") no-repeat 0 3px;
	padding: 0 0 0 8px;
	margin: 0 0 0 12px;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}
div#topmenu a:hover{
	text-decoration: underline;
}


div#lang{
margin: 0 0 0 0;
width: 200px;
position: absolute;
top: 60px;
}


div#search{
margin: 30px 0 0 0;
}



div#search input.keyword{
width: 125px;
padding: 2px 4px;
color: #555555;
border: 1px solid #ABACAE;
vertical-align: middle;
margin: 0;
}

div#search input.go{
width: 82px;
margin: 0 0 0 5px;
background: #F0F0F0;
border: 1px solid #ABACAE;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
font-size: 7.5pt;
padding: 1px 0 0 0;
}


div#path{
	text-align: right;
	color:#333333;
	margin: -5px 0 0 0;
	font-weight: bold;
	font-size: 8.25pt;
	padding: 0 5px 0 0;
}

div#path a{
	color:#666666;
	text-decoration: underline;
	font-weight: normal;
}

/***************** title ************************/
div#title{
height: 223px;
background: url("../images/bg_title.gif") no-repeat;
padding: 0 0 0 25px;
}

div#title_left{
float: left;
height: 223px;
width: 550px;
}

div#title_right{
float: right;
width: 293px;
height: 223px;
position: relative;
}

#title_right .shop {
	display: block;
	width: 100px;
	height: 57px;
	position: absolute;
	left: 166px;
	top: 20px;
	/* text-indent: -2000em; */
	overflow: hidden;
}

#title_right .cat {
	display: block;
	width: 116px;
	height: 53px;
	position: absolute;
	left: 155px;
	top: 114px;
	/* text-indent: -2000em; */
	overflow: hidden;
}

#title_right .catpdf {
	display: block;
	width: 116px;
	height: 33px;
	position: absolute;
	left: 155px;
	top: 177px;
	/* text-indent: -2000em; */
	overflow: hidden;
}

div.title_right_cz{background: url("../images/bg_title_right4.jpg") no-repeat;}
div.title_right_en{background: url("../images/bg_title_right_en.jpg") no-repeat;}

div#title_right div.inputholder{
padding: 52px 18px 0 32px;
}

div#title_right div.inputholder div.inout{
padding: 0 0 7px;
font-weight: bold;
color: #ffffff;
}
div#title_right div.inputholder div.inout input{
margin: 0 2px 0 0;
vertical-align: middle;
}

div#title_right div.inputholder select{
width: 190px;
margin: 0 0 7px 0;
font-size: 8.25pt;
color: #666666;
}
div#title_right div.inputholder select.model{
width: 160px;
vertical-align: middle;
}
div#title_right div.inputholder input.count{
width: 19px;
padding: 1px 2px 1px 2px;
margin: -1px 0 7px 0;
font-size: 8.25pt;
color: #666666;
font-family: arial;
vertical-align: middle;
text-align: center;
}
div#title_right div.inputholder input.email{
width: 176px;
padding: 0px 5px 0 5px;
margin: 0 0 7px 0;
font-size: 8.25pt;
color: #666666;
font-family: arial;
}
div#title_right textarea{
width: 251px;
padding: 2px 5px;
margin: 3px 0 0 32px;
font-size: 8.25pt;
color: #999999;
font-size: 7.5pt;
font-family: arial;
border: 1px solid #8E8E8E;
overflow: auto;
height: 27px;
}





div#title_left div#flash{
border-top: 4px solid #96B500;
height: 180px;
padding: 1px 0 0 0;
}




div#hormenu {
	background: #749900 url("../images/bg_hormenu.gif") repeat-x;
	height: 36px;
	margin: 2px 0 0 0;
}

	div#hormenu ul.menu {
		margin: 0;
		padding: 0 0 0 0;
	}
	div#hormenu ul.menu  li{
		margin:0 0;
		float: left;
		list-style-type: none;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		border-right: 2px solid #ffffff;
	}
	div#hormenu ul.menu  li.item01 {background: url("../images/bg_hormenu_list_item01.gif") no-repeat left 4px;}
	div#hormenu ul.menu  li.item02 {background: url("../images/bg_hormenu_list_item02.gif") no-repeat left 4px;}
	div#hormenu ul.menu  li.item03 {background: url("../images/bg_hormenu_list_item03.gif") no-repeat left 4px;}
	div#hormenu ul.menu  li.item04 {background: url("../images/bg_hormenu_list_item04.gif") no-repeat left 4px;}
	div#hormenu ul.menu  li.item05 {background: url("../images/bg_hormenu_list_item05.gif") no-repeat left 4px;}
	div#hormenu ul.menu  li.last {border: 0;}
	
	div#hormenu ul.menu li  a{
		color: #ffffff;
		font-family: Tahoma;
		text-decoration: none;
		font-size: 9.75pt;
		font-weight: bold;
		/*padding: 10px 27px 6px 30px;*/
		padding: 10px 0 6px;
		text-align: center; width: 108px;
		display: block;
		text-transform: uppercase;
	}

	div#hormenu ul.menu_en li  a{
		color: #ffffff;
		font-family: Tahoma;
		text-decoration: none;
		font-size: 9.75pt;
		font-weight: bold;
		/*padding: 10px 20px 6px 22px;*/
		padding: 10px 0 6px;
		width: 108px; text-align: center;/**/
		display: block;
		text-transform: uppercase;
	}


/***************** roller ************************/

div#roller{
		width: 293px;
		margin: 5px 0 0 0;
	}

div#roller table td{
		padding: 0;
		vertical-align: middle;
		line-height:0.75pt;
	}
div#roller table td img{
		margin: 0;
	}
	
div#roller table td.left{
		width: 20px;
		text-align: left;
	}	
div#roller table td.right{
		width: 20px;
		text-align: right;
	}
div#roller table td.items{
		border: 1px solid  #DEDEDE;
		background: #EFEFEF;
		text-align: center;
	}	
div#roller table td.items img{
		margin: 0 4px;
	}

/***************** catalog menu ************************/

div#catalog_menu{
		margin: 0 -8px 15px 0;
		border: 1px solid  #DEDEDE;
		background: #EFEFEF;
		padding: 8px 0 5px 0;
		text-align: center;
	}
	
div#catalog_menu img{
		margin: 0 8px;
	}
	
div#catalog_menu2{
		margin: 0 -8px 15px 0;
		border: 1px solid  #DEDEDE;
		background: #EFEFEF;
		padding: 8px 0 5px 0;
		text-align: center;
	}
	
div#catalog_menu2 img{
		margin: 0 3px;
	}

/***************** homepage ************************/



/***************** homepage ************************/

p.home_text{ 
padding: 0 0 12px 7px;
}

a.home_continue{ 
margin: 5px 0 0 40px;
position: absolute;
}

div#homebox{
background: url("../images/common/bg_hr_dotted.gif") repeat-x;
padding: 0 0 10px 0; 
}

div#homebox div#realizace{
width: 212px;
padding: 10px 17px 0 0;
margin: 5px 0 0 0;
background: url("../images/common/bg_vr_dotted.gif") repeat-y right;
float: left;
}

div#homebox div#realizace img{
margin: 0 0 7px 0; 
}

a.morebig{
color: #A6A6A6;
background: url("../images/bg_more_big.gif") no-repeat right 6px;
font-size: 9.75pt;
padding: 0 18px 0 0;
display: block;
text-align: right;
font-weight: normal;
}

div#homebox div#whychoose{
width: 275px;
padding: 50px 10px 0 25px;
margin: 5px 0 0 0;
float: right;
}

div#homebox div.whychoose_cz{background: url("../images/bg_whychoose.gif") no-repeat;}
div#homebox div.whychoose_en{background: url("../images/bg_whychoose_en.gif") no-repeat;}



div#homebox div#whychoose ul{
background: url("../images/bg_whychoose_list.gif") no-repeat left bottom;
margin: 0;
padding: 0 0 2px 0;
}
div#homebox div#whychoose ul li{
background: url("../images/bg_whychoose_list_item.gif") no-repeat;
padding: 3px 0;
}
div#homebox div#whychoose ul li a{
color: #777777;
text-decoration: underline;
font-size: 9pt;
text-decoration: none;
}

div#homebox div#whychoose ul li span{
padding: 0 15px 0 0;
color: #8EB521;
font-weight: bold;
}

/***************** news ************************/

	div#news{
		margin: 0 0 23px 0;
		background: url("../images/bg_discover.jpg") no-repeat left 27px;
		padding: 0 0 0 0;
	}

	div#news div.head{
		background: url("../images/bg_news_head.gif") no-repeat;
		padding: 4px 0 5px 30px;
		font-size: 12.75pt;
		font-weight: bold;
		color: #917251;
	}

	div#news div.item{
		padding: 7px;
	}
	div#news div.item a{
		font-weight: normal;
		text-decoration: underline;
	}
	div#news div.archiv{
		padding: 0 0 0 7px;
	}
	
	div#news div.item div.date{
		background: #F0F0F0 url("../images/bg_news_item_date.gif") no-repeat;
		font-size: 8.25pt;
		padding: 2px 0;
		font-weight: bold;
		color: #ffffff;
		width: 70px;
		text-align: center;
	}
	div#news div.item div.image{
		padding: 3px 0 0 0;
	}
	div#news div.item h3{
		font-size: 9.75pt;
		color: #749900;
		font-weight: bold;
		padding: 0 0 3px 0;
		margin: 0 0 3px 0;
		background: url("../images/bg_news_item_headline.gif") repeat-x bottom;
	}

/***************** discover ************************/

	div#discover{
		margin: 0 0 23px 0;
		background: url("../images/bg_discover.jpg") no-repeat left 27px;
		padding: 0 0 0 0;
	}

	div#discover div.head{
		background: url("../images/bg_discover_head.gif") no-repeat;
		padding: 4px 0 5px 30px;
		font-size: 12.75pt;
		font-weight: bold;
		color: #917251;
	}
	div#discover div.head span{
		font-size: 12pt;
		font-weight: normal;
	}
	
	div#discover div.text{
		font-size: 7.5pt;
		color: #917251;
		padding: 0 0 0 0;
		margin: 10px 0 0 10px;
	}

	div#discover div.text img{
		margin: 5px 5px 0 0;
		float: left;
	}
	div#discover div.text p{
		padding: 5px 0 0 0;
		margin: 0;
	}	
	div#discover div.text a{
		font-size: 8.25pt;
		color: #917251;
		text-decoration: underline;
	}

/***************** flash 02 ************************/

div#flashzoom{
		padding: 5px 0 0 0;
		background: url("../images/common/bg_hr_dotted.gif") repeat-x;
}




/***************** vertical menu ************************/

div#vermenu{

}
	div#vermenu ul {
		background: #FFD886;
		padding: 0;
		margin: 0;
		border-top: 1px solid #E8C57A;
		border-right: 1px solid #D7B160;
	}
	div#vermenu ul  li{
		margin: 0;
		list-style-type: none;
		padding: 0;
		background: #FFD886;
		border-bottom: 1px solid #E8C57A;
	}
	div#vermenu ul li  a{
		color: #292929;
		text-decoration: none;
		font-size: 9pt;
		font-weight: bold;
		display: block;
		padding: 3px 7px 3px 15px;
		line-height: 12.75pt;
		border-right: 6px solid #EEC46D; 
	}
	div#vermenu ul li  a:hover {
	background: #F3AA1E;
	color: #ffffff;
	border-right: 6px solid #EFB647; 
	}
	div#vermenu ul li a.active {
	background: #C99633;
	color: #ffffff;
	border-right: 6px solid #B68A33; 
	}
	div#vermenu ul li ul{
		margin: 2px 0 -5px 0;
		padding: 0;
	}	
	div#vermenu ul li ul li{
		margin: 0 0 0 0;
		list-style-type: none;
		padding: 3px 0 2px 40px;
		border-bottom: 0;
	}
	div#vermenu ul li ul li  a{
		text-transform: none;
		font-weight: bold;
		padding: 0 7px 0 0;
		margin: 0;
	}

/***************** quick contact ************************/

	div#quick_contact{
		padding: 0;
		font-size: 8.25pt;
		text-align: center;
		margin: 10px 0 0 0; 
	}

	div#quick_contact p{
	padding: 10px 0 0 0;
	margin: 0;
	}




div.hpform {
	width: 293px;
	height: 223px;
	background: url("../images/bg_title_right3.jpg") no-repeat -21px 0;
}

div.hpform div.inputholder{
padding: 52px 18px 0 11px;
}

div.hpform div.inputholder div.inout{
padding: 0 0 7px;
font-weight: bold;
color: #ffffff;
}
div.hpform div.inputholder div.inout input{
margin: 0 2px 0 0;
vertical-align: middle;
}

div.hpform div.inputholder select{
width: 190px;
margin: 0 0 7px 0;
font-size: 8.25pt;
color: #666666;
}
div.hpform div.inputholder select.model{
width: 160px;
vertical-align: middle;
}
div.hpform div.inputholder input.count{
width: 19px;
padding: 1px 2px 1px 2px;
margin: -1px 0 7px 0;
font-size: 8.25pt;
color: #666666;
font-family: arial;
vertical-align: middle;
text-align: center;
}
div.hpform div.inputholder input.email{
width: 176px;
padding: 0px 5px 0 5px;
margin: 0 0 7px 0;
font-size: 8.25pt;
color: #666666;
font-family: arial;
}


.hpleft {
	width: 265px;
	float: left;
}

.hpright {
	width: 265px;
	float: right;
}

.hpleft2 {
	float: left;
	width: 132px;
}

.hplist li {
	background: url(../images/bg_hlist2.gif) repeat-x left bottom;
}


.hplist li a {
	background: url(../images/bg_hlist.gif) no-repeat left center;
	padding: 5px 0 0 11px;
	color: #666666;
	font-weight: normal;
	display: block;
	height: 24px;
}

.hplist li a:hover {
	color: black;
}

ul.teak {
	margin: 10px 0;
}

ul.wick {
	margin: 10px 0 10px 10px;
}

.teak li a, .wick li a {
	width: 100px;
}

.teak li:first-child a {
	background: url(../images/bg_teak.gif) no-repeat left center;
	text-indent: -2000em;
	overflow: hidden;
}

.wick li:first-child a {
	background: url(../images/bg_wick.gif) no-repeat left center;
	text-indent: -2000em;
	overflow: hidden;
}

.int li:first-child a {
	background: url(../images/bg_int.gif) no-repeat left center;
	text-indent: -2000em;
	overflow: hidden;
}

.En .teak li:first-child a {
	background: url(../images/teak_en.gif) no-repeat left center;
	text-indent: -2000em;
	overflow: hidden;
}

.En .wick li:first-child a {
	background: url(../images/wick_en.gif) no-repeat left center;
	text-indent: -2000em;
	overflow: hidden;
}

.En .int li:first-child a {
	background: url(../images/int_en.gif) no-repeat left center;
	text-indent: -2000em;
	overflow: hidden;
}

.bl {
	display: block;
	position: relative;
}

.sp1 {
	font-size: 28px;
	text-shadow: 1px 1px 0 #000000;
	color: white;
	position: absolute;
	top: 10px;
}

.sp2 {
	position: absolute;
	color: white;
	top: 40px;
	left: 20px;
}

.sp3 {
	color: #52534E;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 15px;
	white-space: nowrap;
	position: absolute;
	top: 2px;
}

.sp4 {
	color: #52534E;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	white-space: nowrap;
	position: absolute;
	top: 19px;
	left: 2px;
}


.sp5 {
	position: absolute;
	color: white;
	top: 36px;
	left: 23px;
}

.sp6 {
	color: #52534E;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	white-space: nowrap;
	position: absolute;
	top: 1px;
	left: 4px;
}

.sp7 {
	position: absolute;
	color: white;
	top: 17px;
	left: 23px;
}


#FaceBook {margin-top: 10px;}

#abc {background: url(../images/back_galerie.gif) 0 0 no-repeat; /*float: right;*/ width: 310px; margin-bottom: 20px; /*margin-right: -12px; margin-top: 19px;*/ position: relative;}
#abc table {margin: 0 !important;}
#abc table td {&padding-top: 0 !important; padding-top: 0px\9 !important;}
#abc a img {display: block;}
#content h3 {&clear: both;}
#entry {background: url(../images/gal_entry.png) 0 0 no-repeat; position: absolute; top: -20px; left: 22px; width: 273px; height: 38px; display: none;}

table.ProductDetail {border: 0; border-collapse: collapse;}
table.ProductDetail td {vertical-align: top;}


#HomePage2011 {margin-left: -6px;}
#HomePage2011 .HpRoundPanel {background: transparent url('../images/hp_roundpanel.gif') no-repeat; width: 557px; height: 206px; position: relative;}
#HomePage2011 .Clear {clear: both;}
#HomePage2011 h2 {color: #778089; font: bold 12px 'Arial'; border-bottom: 1px solid #d0d2d4; padding: 0 0 5px 0; margin: 14px 12px 0; float: left; width: 532px;}
#HomePage2011 .Logo1 {width: 214px; margin: 13px auto; display: block;}

#HomePage2011 .SmallBox {position: absolute; bottom: 5px; width: 182px; height: 98px; background: transparent url('../images/smallbox_bg.jpg') left bottom no-repeat;}
#HomePage2011 .SmallBox.Sb1 {left: 5px;}
#HomePage2011 .SmallBox.Sb2 {left: 188px;}
#HomePage2011 .SmallBox.Sb3 {left: 372px; width: 180px; overflow-x: hidden;}
#HomePage2011 .HpRoundPanel .TextLink {text-align: center; color: #888; font: 15px 'Myriad Pro','Arial'; display: block; width: 100%; padding-top: 5px;}

#HomePage2011 .BigBox {position: absolute; bottom: 5px; width: 273px; height: 183px; background: transparent url('../images/bigbox_bg.jpg') left bottom no-repeat;}
#HomePage2011 .BigBox .LogoLink {margin-bottom: 23px; display: block; text-align: center;}

#HomePage2011 .BigBox.Bb1 {left: 5px;}
#HomePage2011 .BigBox.Bb2 {left: 279px; overflow-x: hidden;}