/* ---------- Google Font ---------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,800);

/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
div { position:relative } 
a{ color: #9f5115; text-decoration:none;}
a:hover{text-decoration:underline;}
a:active,a:focus{outline: none;}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

html{-webkit-font-smoothing:antialiased;}

html, body {
	height: 100%;
	overflow-x: hidden;
}

body {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
line-height:1;
	font-family: verdana;
	color: #000000;
	font-size: 10pt;
	width: 100%;
	height: 100%;
	background: #ffffff;
     background: url(pics/fon.jpg) no-repeat center center fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}

.img { border: 1px solid #989898;
	behavior: url("js/border-radius.htc");
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
}

label.error {
	color: red;
	font-style: italic;
}
input.error {
	border: 1px solid #f00;
}

#easyTooltip{
	background:#ffffff;
	border:1px solid #666666;
	color:#333333;
	font-weight:menu;
	margin:0px;
	padding:3px 5px;
	position:absolute;
	z-index: 10;
	visibility:hidden
	opacity: 0.75;
behavior: url("js/border-radius.htc");
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	}

h1, h2, h3, h4, h5, h6 { FONT-FAMILY: verdana; color: #0069bb; text-decoration: none; FONT-SIZE: 10pt; font-weight: bold; }
strong { FONT-FAMILY: verdana; color: #0069bb; text-decoration: none; FONT-SIZE: 10pt; font-weight: bold; }
b { FONT-FAMILY: verdana; color: #0069bb; text-decoration: none; FONT-SIZE: 10pt; font-weight: bold; }
p { padding: 0px 0px 10px 0px; }
.small { FONT-FAMILY: verdana; color: #000000; text-decoration: none; FONT-SIZE: 9pt;}

A.menu3:link { font-family: verdana; color: #9f5115; text-decoration: none;	font-size: 9pt; font-weight: bold; }
A.menu3:visited { font-family: verdana; color: #9f5115; text-decoration: none; font-size: 9pt; font-weight: bold; }
A.menu3:hover { font-family: verdana; color: #9f5115; text-decoration: none; font-size: 9pt; font-weight: bold; }
A.menu4:link { font-family: verdana; color: #9f5115; text-decoration: none;	font-size: 9pt; font-weight: bold; }
A.menu4:visited { font-family: verdana; color: #9f5115; text-decoration: none; font-size: 9pt; font-weight: bold; }
A.menu4:hover { font-family: verdana; color: #9f5115; text-decoration: none; font-size: 9pt; font-weight: bold; }

#gallery1 {width:100%; overflow:hidden;position:relative; float:left;} 
#gallery1 span { display:block; background-image:url(pics/zoom.gif); background-repeat:no-repeat; width:30px; height:29px; position:absolute; right:10px; bottom:10px;} 
#gallery1 img { border: 1px solid #9f5115;
behavior: url("js/border-radius.htc");
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin: 0px 15px 5px 0px;
}

#gallery2 {width:100%; overflow:hidden;position:relative; float:left;} 
#gallery2 span.nn { display:block; background-image:url(pics/new.png); background-repeat:no-repeat; width:40px; height:40px; position:absolute; right:2px; top:0px;} 
#gallery2 span.nnn { display:block; background-image:url(pics/sale.png); background-repeat:no-repeat; width:40px; height:40px; position:absolute; left:2px; top:0px;} 
#gallery2 span.nnnn { display:block; background-image:url(pics/hit.png); background-repeat:no-repeat; width:69px; height:69px; position:absolute; left:0px; top:0px;} 

#gallery3 {width:100%; overflow:hidden;position:relative; float:left;} 
#gallery3 span.nn { display:block; background-image:url(pics/new.gif); background-repeat:no-repeat; width:50px; height:38px; position:absolute; right:10px; top:10px;} 
#gallery3 span.nnn { display:block; background-image:url(pics/sale.gif); background-repeat:no-repeat; width:50px; height:38px; position:absolute; left:10px; top:10px;}
#gallery3 span.nnnn { display:block; background-image:url(pics/hit.gif); background-repeat:no-repeat; width:50px; height:38px; position:absolute; left:10px; bottom:10px;}  
#gallery3 img { border: 0px solid #989898;
behavior: url("js/border-radius.htc");
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;}

#shopss {
	width: 160px;
	margin:3px;
	padding: 5px 5px 5px 5px;
	min-height: 240px;
	font-family: verdana;
	background:#ffffff;
	border: 1px solid #9f5115;
	border-radius: 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-o-border-radius: 6px;
	-khtml-border-radius: 6px;
	behavior: url("js/border-radius.htc");
	font-family: verdana;
	color: #000000;
	font-size: 9pt;
}
#shopss strong { FONT-FAMILY: verdana; color: #0069bb; text-decoration: none; FONT-SIZE: 9pt; font-weight: bold; }
#containere {   
    height:100%;
    width:100%;
    position: relative;   
}
#divblock {
	position: relative;
	margin: 0px auto;
	width:350px;
	height:230px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #FF6600;
	font-family: Open Sans, sans-serif;
	text-align:center;
	color: #000000;
	font-size: 9pt;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius: 10px;
	-khtml-border-radius: 10px;
	behavior: url("js/border-radius.htc");
	background: #E4F1FB;
}
#error {   
	position: relative;
	margin: 0 auto;
	width:300px;
	height:50px;
	font: 10pt Verdana; 
	color: #ff0000;
	text-align: center;
	border: 0px solid #FF6600; 
}
button {
    padding: 6px 20px;
    height: 30px;
    border-top: 1px solid #98CCE7;
    border-bottom: 1px solid #7DB0CC;
    border-left: 1px solid #8CBFD9;
    border-right: 1px solid #8CBFD9;
    border-radius: 10px;
    color: #FFF;
    font: bold 13px Arial, Tahoma, sans-serif;
    box-shadow: inset 0 1px #D4EBF7, 0 1px 3px #B8BEBE;
    background: -moz-linear-gradient(top,  #badff3 0%, #7acbed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#badff3), color-stop(100%,#7acbed));
    background: -webkit-linear-gradient(top,  #badff3 0%,#7acbed 100%);
    background: -o-linear-gradient(top,  #badff3 0%,#7acbed 100%);
    background: -ms-linear-gradient(top,  #badff3 0%,#7acbed 100%);
    background: linear-gradient(top,  #badff3 0%,#7acbed 100%);
    background-color: #9FD7F0;
    cursor: pointer;
    text-shadow: 0 -1px rgba(0,0,0,0.15);
    outline: none;
}
button::-moz-focus-inner{border:0}

/* форма поиска 2
-------------------------------------- */
.searchform2 {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: 1px solid #989898;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius: 10px;
	-khtml-border-radius: 10px;
	behavior: url("js/border-radius.htc");
	width: 180px;
	height: 20px;
	background:#ffffff;
}
.searchform2 input {
	font: normal 10px/100% verdana, Helvetica, sans-serif;
}
.searchform2 .searchfield {
	background: #fff;
	padding: 0px 0px 0px 6px;
	width: 135px;
	border: solid 0px #404040;
	outline: none;
}
.searchform2 .searchbutton {
	color: #fff;
	border: 0px solid #989898;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius: 10px;
	-khtml-border-radius: 10px;
	font-size: 10px;
	height: 20px;
	width: 30px;
	cursor:pointer; 
	background: url('pics/search.png') center no-repeat;
}
#iphoto img { border: 1px solid #989898;
behavior: url("js/border-radius.htc");
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	margin: 5px;
}
/* Menu start */
nav{display:block;
background:#945118;
text-align:center;
	behavior: url("js/border-radius.htc");
	border-radius: 15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-o-border-radius: 15px;
	-khtml-border-radius: 15px;
	background: url('../pics/mfon.png') center top no-repeat;
}

.menu{display:block;}

.menu li{display: inline-block;
position: relative;
z-index:1000;}

.menu li:first-child{margin-left:0;}

.menu li a {font-weight:600;
text-decoration:none;
padding:14px;
display:block;
color:#ffffff;
text-shadow: 1px 1px 1px #000; color: #f9f5ed;
-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}

.menu li a:hover, .menu li:hover > a{color:#ffffff;
background:#f6bb42;}

.menu ul {display: none;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
top: 42px;
left: 0px;
background: #ffffff;
}

.menu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.menu ul li a {font-size:12px;
font-weight:normal;
display:block;
color:#626262;
border-left:3px solid #ffffff;
background:#f1d99f;
text-shadow: 0px 0px 0px #000;
}

.menu ul li a:hover, .menu ul li:hover > a{
background:#f0f0f0;
border-left:3px solid #f6bb42;
color:#797979;
}

.menu li:hover > ul{ display: block;}
.menu ul ul {left: 149px;
	top: 0px;
}

.menu span{display:inline-block;text-indent:0px;vertical-align:middle;padding:0px 12px 0px 12px;}
.menu span.active:hover{color: #ff9c51;}
.menu span.active{color: #ff9c51;}

.mobile-menu{display:none;
width:100%;
padding:11px;
background:#945118;
color:#ffffff;
text-transform:uppercase;
font-weight:600;
}
.mobile-menu:hover{background:#945118;
color:#ffffff;
text-decoration:none;
}


@media (max-width: 480px) {

}


@media (max-width: 320px) {
}

/* Menu end */

.text{cursor:pointer;}
.ul .li span{width:200px;display:block;text-indent:0px;vertical-align:middle;padding:2px 3px 3px 3px;}
.li span.active:hover{color: #ffffff;background:#9f5115;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.li span.active{color: #ffffff;background:#9f5115;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.li span:hover{color: #ffffff;background:#f45411;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.li {
	list-style: none;
	padding: 5px 0 4px 0px;
	#border-top: 1px solid #cac7c7; /* синяя линия */
	border-bottom: 1px solid #e3c4ac; /* белая линия */
	margin: -1px 0 -2px; /* "нахлестываем" на предыдущий и следующий пункт */
	height: 1%; /* для устранения бага в IE6 и IE7 */
}
.p3 {
	line-height: 110%;
	padding: 5px 0 0px 0px;
	margin: -1px 0 -2px; /* "нахлестываем" на предыдущий и следующий пункт */
	height: 1%; /* для устранения бага в IE6 и IE7 */
}
.p4 {
	line-height: 110%;
	padding: 5px 0 0px 0px;
	margin: -1px 0 -2px; /* "нахлестываем" на предыдущий и следующий пункт */
	height: 1%; /* для устранения бага в IE6 и IE7 */
}
.li a {color: #9f5115; text-decoration: none;}
.li a:hover {color: #9f5115; text-decoration: none; border-bottom: 0px dashed red;}
.p3 a {color: #9f5115; text-decoration: none;}
.p3 a:hover {color: #9f5115; text-decoration: none; border-bottom: 0px dashed red;}
.p4 a {color: #ffffff; text-decoration: none;}
.p4 a:hover {color: #ffffff; text-decoration: none; border-bottom: 0px dashed red;}

.grey { font-family: verdana; color: #8a8a8a; text-decoration: none; font-size: 11pt; font-weight: bold; padding: 2px 0 4px 17px; }
a.open { color: #ffffff; font-size: 1.1em;}

#wrapper {
	position:relative;
	width: 1000px;
	margin: 0px auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	behavior: url("js/border-radius.htc");
	border: 0px solid #989898;
	background: none;
}
.ie8 #wrapper {
	background: #transparent;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
	margin: 0px 0px 0px 0px;
	position:relative;
	width: 1000px;
	height: 150px;
	background: url('../files/logo/logo.png') 0px 0px no-repeat;
	border: 0px solid #989898;
}
#div-basket {
	position:relative;
	float: right;
	right: 10px;
	top: 40px;
	width: 210px;
	height: 90px;
	border: 0px solid #969696;
}
#men {
	margin: 0px 0px 0px 0px;
	position:relative;
	width: 100%;
	height: 36px;
	border: 0px solid #969696;
	background: #none;
}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	margin: 20px 0px 10px 0px;
	padding: 0 0 100px;
	height: 1%;
	position: relative;
	background-color: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #9f5115;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius: 10px;
	-khtml-border-radius: 10px;
	behavior: url("js/border-radius.htc");
	behavior: url("js/PIE.htc");
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
	background: url('../pics/left-fon.png') 30px bottom no-repeat;
}
#content {
	margin: 0px 10px 10px 210px;
	padding: 5px 10px 5px 10px;
	min-height: 500px;
	font-family: verdana;
	color: #000000;
	font-size: 11pt;
	border: 0px solid #cc0000;
}
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
	float: left;
	width: 200px;
	margin-top: 20px;
	margin-left: -100%;
	position: relative;
	text-align: center;
	border: 0px solid #eeeeee;
}
/* Footer
-----------------------------------------------------------------------------*/
#footerr {
	width: 1000px;
	height: 0px;
	position: relative;
	display:none;
}
#footer {
	width: 980px;
	height: 36px;
	margin: -60px auto 0;
	padding: 1px 15px 1px 15px;
	position: relative;
	font-family: verdana;
	color: #000000;
	font-size: 9pt;
	text-shadow: -1px -1px #666, 1px 1px #FFF; color: #ddcca3;
	border: 0px solid #84acc3;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius: 10px;
	-khtml-border-radius: 10px;
	behavior: url("js/border-radius.htc");
	background: #e1b66c;
	background: url('../pics/dfon.jpg') center top no-repeat;
}
#footcopy {
	float: left;
	margin: 1px 15px 1px 5px;
	padding: 8px 15px 1px 15px;
	width: 450px;
	height: 27px;
	position: relative;
	border: 0px solid #989898;
}
#footcopytwo {
	float: left;
	margin: 1px 5px 1px 5px;
	padding: 1px 10px 10px 10px;
	width: 450px;
	height: 25px;
	position: relative;
	border: 0px solid #989898;
}
#tooltip {
	background-color: rgb(255, 255, 255);
	border:1px solid #666666;
	color:#333333;
	font-weight:menu;
	margin:0px;
	padding:3px 5px;
	position:absolute;
	z-index: 100;
	visibility:hidden
	opacity: 0.75;
behavior: url("js/border-radius.htc");
behavior: url("js/PIE.htc");
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
}


.formas {
	position:relative;
	float: left;
	width: 700px;
	margin:0px;
	padding: 2px 0px 2px 0px;
font: 12px Calibri, Arial, sans-serif;
color:#0f4b6d !important;

-webkit-border-radius:10px;
-moz-border-radius:10px; 
border-radius: 10px; 
behavior: url("js/border-radius.htc");
	border: 1px solid #9f5115;
	background: #f2e9e2;
}
.formas1 {
	position:relative;
	float: left;
	width: 300px;
	margin:5px;
	padding: 2px 10px 2px 14px;
	font-family: verdana;
	border: 0px solid #999;
	color: #000000;
	font-size: 10pt;

}
.formas2 {
	position:relative;
	float: left;
	width: 300px;
	margin:5px;
	padding: 2px 8px 2px 10px;
	font-family: verdana;
	border: 0px solid #999;
	color: #000000;
	font-size: 10pt;
}
.formas textarea {
	padding: 0;
	font-size: 14px;
	color: #000000;
	width: 300px;
	outline: none;
	overflow: auto;
	background: #ffffff;
	resize: none;
	-moz-appearance: none;
	border: 1px solid #999; /* указание этого свойства также удалит обводку в FireFox */
}
.formas input {
height: 24px; /* высота с учетом бордюр, внутренних отступов */
width: 290px; /* ширина с учетом бордюр, внутренних отступов */
border: 1px solid #999;
background: #ffffff;
font-size: 14px;
padding: 3px 0 3px 2px; /* обязательно наличие как верхнего так и нижнего отступа */
font-family: verdana, Helvetica, sans-serif;
line-height: 16px; /* должно быть равно height, пригодится как минимум для ie6  */
}
.formas .inputs {
height: 24px; /* высота с учетом бордюр, внутренних отступов */
width: 100px; /* ширина с учетом бордюр, внутренних отступов */
border: 1px solid #999;
background: #ffffff;
font-size: 14px;
padding: 0px 5px 3px 3px; /* обязательно наличие как верхнего так и нижнего отступа */
font-family: verdana, Helvetica, sans-serif;
line-height: 16px; /* должно быть равно height, пригодится как минимум для ie6  */
}
.formas textarea:hover {
     border: 1px solid #ff198c;
     
}
.formas input:hover {
     border: 1px solid #ff198c;
}

.formas input[type="checkbox"] {
	 width: 10px;
     height:12px;
     margin:5px 5px 0 0;
     padding:0 0 0 5px;
     border:0;

}
.input-text {
height: 22px; /* высота с учетом бордюр, внутренних отступов */
width: 20px; /* ширина с учетом бордюр, внутренних отступов */
border: 1px solid #999;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
background: #ffffff;
font-size: 11px;
	margin: 5px 0px 0px 5px;
padding: 0px 5px 3px 3px; /* обязательно наличие как верхнего так и нижнего отступа */
font-family: verdana, Helvetica, sans-serif;
line-height: 16px; /* должно быть равно height, пригодится как минимум для ie6  */
}
.inputb {
    width: 50px;
    height: 22px;
    line-height: 22px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius: 10px;
	-khtml-border-radius: 10px;
	border: 1px solid #e2deec;
    color: #000000;
    font: 11px verdana;
    background: #ffffff;
    cursor: pointer;
    outline: none;
}
.inputb:hover{
color:#ff0000 !important;
 }
.inputb:active{
color:#ff0000 !important;
 }
.inputbb {
	margin: 13px 0px 0px 5px;
	padding: 0px 5px 3px 3px;
    width: 80px;
    height: 22px;
    line-height: 22px;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius: 10px;
	-khtml-border-radius: 10px;
	border: 1px solid #e2deec;
    color: #000000;
    font: 11px verdana;
    background: #ffffff;
    cursor: pointer;
    outline: none;
}
.inputbb:hover{
color:#ff0000 !important;
 }
.inputbb:active{
color:#ff0000 !important;
 }