@charset "UTF-8";
/* CSS Document */
//img,div{ behavior: url(/scripts/iepngfix.htc) }

/* === reset Markup-UA === */
a:hover{text-decoration:none;}
img{border:none;}
ul, ol{list-style:none;}
form, fieldset{border:none;}
ul, ol, form, fieldset{
	margin:0;
	padding:0;
}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, p{margin:0;}
table{width:100%; border-collapse:collapse;}
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
/* === end reset Markup-UA === */
body{
	font: 14px/16px verdana, serif;
	min-width: 1000px;
}
.main{
	width: 100%;
}
/*--header--*/
#header{
	height: 220px;
	width: 100%;
	background: url(/images/header.jpg) no-repeat;

}
/*--logo--*/
#wrapper{
width:460px;
float:left;
padding:50px 0 0 188px;
}
h1{
	background: url(/images/logo.png) no-repeat;
	width: 370px;
	padding-bottom:10px;
}
 h1 a{
	display: block;
	width: 370px;
	height: 57px;
	overflow: hidden;
	text-indent: -9999px;
}
#wrapper p{
font-size : 16px;
color: #22201f;
font-size : 15px;
padding:0 0 10px 10px;
}
/*--phone--*/
.phone{
float:right;
width: 320px;
text-align:right;
padding:10px 30px 0 0;
}
.phone div{
padding-bottom:5px;
}
.phone span.grau{
color:#999999;
font-weight:bold;
}
.phone .smol{
font-size:.75em;
color:#999;
line-height:13px;
padding-bottom:0;
}
.phone .lost{
padding-bottom:5px;
}
.phone strong{
color:#CC0000;
font-size:1.3em
}
.phone div.red{
color:#CC0000;
font-weight:bold;
}
/*--last_order--*/
.last_order{
	font-size: 15px;
	line-height: 20px;
	color: #d21406;
	position: absolute;
	right:12px;
	top:150px;
	/*width:231px;*/
}
/*--order--*/
 a.order{
	font-size: 20px;
	line-height: 25px;
	color: #d21406;
	position: absolute;
	right:5px;
	top:185px;
	width:auto;padding-right:25px;
	text-decoration:underline;border:0px;
}

div.main div#header a.order:hover {text-decoration:none}

/*--main-menu--*/
#main-menu {height: 34px;}
#main-menu td {text-align:center;}
#main-menu td.menu_fixed {width:20px; white-space:nowrap;padding:0px 30px 0px 30px;}
#main-menu td a {font-size:20px;color:#333;}

#main-menu td a:hover,
#main-menu td.ui-state-active a,
#main-menu td.active a{
	color: #c00;
}

#main-menu td.menu_fixed  a {white-space:nowrap;}
.main-menu{
	width:100%;
	overflow: hidden;
}
/*--content--*/
#content{
	width: 100%;
}
#tabs div{
	height: 442px;
	clear: both;
}
#tabs div a{
	display: block;
	margin: 0 auto;
	width:662px;
}
#tabs div a img{
	display: block;
}
.ui-tabs-hide{
	display: none;
}
/*--footer--*/
#footer{
	width:100%;
	padding: 25px 0 0 0;
}
#footer ul{
	width:100%;
	text-align: center;
	padding-bottom: 10px;
}
#footer ul li{
	display: inline;
	padding: 0 1%;
}
#footer ul li a{
	color:#666;
	font-size: 14px;
	line-height: 24px;
	padding-right: 10px;
}
#footer ul li a:hover,
#footer ul li.active a{
	color:#c00;
}
#footer p{
	padding-bottom: 10px;
	text-align: center;
	font-size: 12px;
	color:#ccc;
}
#footer p a{
	color:#ccc;
	text-decoration: none;
}
#footer p a:hover{
	text-decoration:underline;
}
.footer-box{
	height: 1%;
	padding:10px 0;
	margin: 0 24%;
	border-top: 1px solid #666;
	color:#666;
	font-size: 14px;
	line-height: 18px;
}
#footer .footer-box p{
	padding: 0 10px 5px 10px;
	text-align: left;
	color:#666;
}
.top-block{
	margin-left: 200px;
	height: 33px;
	color:#666;
	width:500px;
                padding: 5px 10px 0 0 ;
                overflow:hidden;
}
/*=== text page ===*/
.text-content{
	margin: 0 21%;
	min-height: 352px;
	padding: 45px 0;
	position: relative;
}
* html .text-content{
	height: 352px;
}
.order-phone{
	width: 100px;
	position: absolute;
	top: 43px;
	right:-150px;
}
.order-phone span{
	line-height: 24px;
}
.text-content h2{
	font-size: 16px;
	line-height: 18px;
	color: #c00;
	font-weight: normal;
}
.text-content p{
	color:#3b372c;
	padding-bottom: 15px;
}
/*===order-page===*/
.text-content table{
	border-collapse: collapse;
	width:100%;
	font-size: 16px;
	color:#333;
}
.text-content table tr td{
	padding: 10px 0;
}
.text-content table tr td.count span{
	border: 1px solid #999;
	padding: 0 4px;
}
.text-content table tr td.count{
	width:200px
}
.text-content table tr td.count input{
	border:1px solid #999999;
	width: 20px;
	text-align: center;
}
.count-menu{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	padding: 10px 0 35px;
}
.count-menu a{
	float: left;
	color:#c00;
}
.count-menu a.first{
	margin-right: 35%;
}
.total{
	width:93%;
	overflow: hidden;
	background: url(/images/border.gif) repeat-x 0 100%;
	font-size: 18px;
	line-height: 20px;
}
.total span{
	float: left;
	background: #fff;
	padding: 0 2px;
}
.total em{
	float: right;
	font-style: normal;
	background: #fff;
	padding: 0 2px;
}
/*===menu page===*/
.menu-content{
	width: 100%;
	overflow: hidden;
	padding: 38px 0 0 0;
}
.menu-content .wh{
width: 160px;
height:150px;
display:block;
text-decoration:none
}

.menu-content .over_ok {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.menu-content .over_ok img {filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.menu-content ul{
	width: 100%;
	overflow: hidden;
}
.menu-content ul li{
	float: left;
	width: 158px;
	padding: 0 5.78%;
}
.box-menu{
	width:100%;
	padding: 5px 0 27px 0;
}
.box-menu h4{
	font-size: 14px;
	color:#666;
	padding-bottom: 5px;
}
.box-menu p{
	color:#333;
	padding: 0 0 5px 0;
}
.input-wrapp{
	width:100%;
}
.input-wrapp:after {
	height: 0;
	clear: both;
	content: "";
	display: block;
}
.input-wrapp input{
	float: right;
}
.input-wrapp input.text-input-col,
.input-holder input.input-count{
	margin-top: 5px;
	float: left;
	border:1px solid #999;
	width: 20px;
	text-align: center;
	color:#c00;
}
.fancy-box{
	padding: 5px;
	overflow: hidden;
	position: relative;
}
.fancy-box img{
	float: left;
}
.fancy-content{
	margin-left: 322px;
	width:235px;
	height: 277px;
	position: relative;
}
.fancy-content h3{
	font-size: 16px;
	line-height: 18px;
	color:#666;
	padding-bottom: 20px;
}
.fancy-content p{
	font-size: 14px;
	padding-bottom: 10px;
}
/*--order-bott-box--*/
.order-bott-box{
	width:100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
/*--input-holder--*/
.input-holder{
	width:100%;
	overflow: hidden;
	padding-bottom: 30px;
}
.input-holder label{
	float: left;
}
.input-holder input.input-count{
	float: right;
	margin: 0;
}
.input-holder span{
	float: right;
	line-height: 20px;
	padding:0 5px;
}
#sub-wrapp{
	float: right;
	position: relative;
	width:97px;
	height: 34px;
}
.popup-box{
	display: none;
	position: absolute;
	top:-50px;
	left: -45px;
	font-size: 10px;
}
.input-wrapp div.hover .popup-box,
#sub-wrapp:hover .popup-box{
	display:block;
}
.table-holder{
	margin-top: 20px;
	width:312px;
	border: solid #cfcfcf;
	border-width: 1px 0 0 1px;
}
.table-holder table{
	width:100%;
}
.table-holder table th{
	text-align: left;
	color:#c66;
	font-size: 16px;
	font-weight: normal;
	padding: 5px 0 5px 10px;
	background: url(/images/table-bg.gif) repeat-x 0 100%;
	border: solid #cfcfcf;
	border-width: 0 1px 1px 0;
}
.table-holder table td{
	padding: 5px 0 5px 10px;
	background: url(/images/table-bg.gif) repeat-x 0 100%;
	border: solid #cfcfcf;
	border-width: 0 1px 1px 0;
	font-size: 12px;
}

  /* List catalog */
#list_catalog {margin:0px;padding:0px;height:100px;}  
#list_catalog td {width:25%;text-align:center;margin:0px;padding:0px;}
#list_catalog td table {width:160px;margin:0px auto;height:100%}
#list_catalog td form {height:100%;margin:0px;padding:0px;}
#list_catalog td form table td {text-align:left; vertical-align:top;}
#list_catalog td form table td.foto {height:150px;}
#list_catalog td form table td.price_count {height:30px; padding-bottom:20px;}

#list_catalog td table td h4{
	font-size: 14px;
	color:#666;
	padding:5px 0px 5px 0px;
}
#list_catalog td table td p{
	color:#333;
	padding: 0px 0px 5px 0px; display:block;
}
#list_catalog td table td input.text-input-col,
#list_catalog td table td input.input-count{
	margin:5px 40px 0px 0px;
	float: left;
	border:1px solid #999;
	width: 20px;
	text-align: center;
	color:#c00;
}


#new {width:100%}
#new td {text-align:center; vertical-align:top;}
#new td form {text-align:left;width:160px; padding:0 0 20px 0; margin:0}
#new td center h4 {text-align:left;width:160px;font-size: 14px;color:#666; font-weight:bold;	padding:5px 0px 5px 0px;}
	
#new td p{	color:#333;	padding: 0px 0px 5px 0px; display:block;}
#new td  input.text-input-col,#new td  input.input-count{	margin:5px 35px 0px 0px;float: left;border:1px solid #999;width: 20px;	text-align: center;	color:#c00;}

  /* End List Catalog */


p.sales {padding-top:20px;color:grey}
p.sales span{padding-top:5px;display:block}
a.link {padding-left:50px}