@charset "utf-8";
/* CSS Document */

body{
min-width:960px;
margin:0;
padding:0;
}

#header{
height:580px;
background:url(img/texture1_3.jpg) no-repeat center center;
background-size:cover;
}

/* Хедар для админики */
#adminHeader{
height:136px;
background:url(img/texture1_3.jpg) no-repeat center center;
background-size:cover;
}

#header2{
height:98px;
background:#FFFFFF;
opacity:0.89;
z-index:104;
}

#header3{
margin-top:-98px;
height:98px;
z-index:103;
}

#logo1{
margin-top:3px;
width:43%;
max-width:580px;
position:relative;
background:url(img/new_logo12.png) no-repeat;
background-position: right;
height:91px;
float:left;
}

#header4{
position:relative;
float:right;
width:25%;
z-index:65;
}

#header5{
/*width:44%;*/
height:98px;
position:relative;
margin-top:-98px;
margin-left:150px;
float:right;
z-index:55;
}



#enter-reg{
width:215px;
margin-top:5px;
margin-left:10px;
margin-top:11px;
font-family: playfair-display, serif;
color:#000000;
font-size:16px;
font-weight:400;
}

#enter-reg a{
text-decoration:none;
color:#000000;
}

#unlogin{
width:215px;
margin-top:5px;
margin-left:10px;
margin-top:11px;
font-family: playfair-display, serif;
color:#000000;
font-size:16px;
font-weight:400;
}

#unlogin a{
text-decoration:none;
color:#000000;
}

.enter-reg{
border:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:inherit;
font-size:14px;
font-style:inherit;
}

#searchBlock{
width:215px;
margin-left:10px;
margin-top:10px;
font-family: playfair-display, serif;
border:none;
z-index:105;
}

#phone{

/*padding-left:210px;*/
font-size:23px;
line-height:25px;
color:#13132B;
position:relative;
font-family: playfair-display, serif;
font-weight:400;
margin-top:10px;
height:98px;
z-index:105;
}


#korzina{
font-family: playfair-display, serif;
font-size:16px;
margin-top:8px;
width:160px;
text-align:right;
line-height:19px;
}

#korzina a{
text-decoration:none;
color:#000000;
}

#topMenu{
top:-10px;
width:100%;
position:relative;
background:#000000;
z-index:200;
}

.tableMenu{
height:38px;
color:#FFFFFF;
font-family:Georgia;
font-size:22px;
height:1.8em;
}

.tableMenu td{
padding-left:15px;
padding-right:15px;
text-align:center;
}

.tableMenu a{
text-decoration:none;
color:#FFFFFF;
}

.tableMenu td:hover{
background:rgba(196,196,196,196);
}

#wrap{
background:url(img/texture3.jpg) repeat center top;
overflow:hidden;
}

#obertka{
margin:5px auto;
width:960px;
overflow:hidden;
}

#leftColumn{
width:265px;
float:left;
padding-bottom:10000px;
margin-bottom:-10000px;
}

#centerCoumn{
width:695px;
margin-left:265px;
padding-bottom:10000px;
margin-bottom:-10000px;
}

#leftColumnNameBlock{
margin:0 auto;
font-family: playfair-display, serif;
font-size:22px;
text-align:center;
font-weight:400;
padding-bottom:10px;
}

/*---Дальше для менюшки идет*/

#accordion {
	margin:0 auto;
	padding:2px;
	width:245px;
	display:block;
}

#accordion li{
	font-family: playfair-display, serif;
	font-size:16px;
	color:#000000;
	font-weight:400;
	line-height:14px;
	min-height:14px;
	list-style-image:none;
	list-style-type:none;
	padding: 8px 0px;
	background-color: rgba(207, 207, 207, 0.5);
}

#accordion li a{
text-decoration:none;
color:#000000;
}

#accordion li:hover{
	background:rgba(255,255,255,0.3);
	cursor:pointer;	
}

#accordion li a{
	text-decoration:none;
}


#accordion li.active{
	color:#D15600;
}

#accordion li ul{
	padding:10px;
	margin:10px 0 0 0;
}

#accordion .second {
	background:none;
}

#accordion li.active li{
	text-indent:0;
}

#accordion li li{
	font-weight: normal;
	border:0;
}

/*---Дальше для менюшки идет*/


/*---Дальше делаем вот что, див для товаров и поп категорий--*/

#prod{
width:159px;
height:159px;
border:1px solid #DEDEDE;
}

#prod:hover{
border: 1px solid #999999;
cursor:pointer;
}

#NameKat{
font-family: playfair-display, serif;
font-size:16px;
line-height:22px;
font-weight:400;
background:rgba(255,255,255,0.8);
}

#footer{
height:260px;
background:#000000;
font-family:marmelad, sans-serif;
color:#FFFFFF;
}

#footerWrap{
width:960px;
margin:0 auto;
}

#leftFooter{
position:relative;
width:50%;
height:260px;
float:left;
}

#rightFooter{
margin-left:50%;
width:50%;
height:260px;
}

#linkMod{
font-family: playfair-display, serif;
font-size:20px;
line-height:22px;
font-weight:400;
text-align:right;
}

#linkMod a{
text-decoration:none;
color:#000000;
}

#linkMod a:active{
color:#FF0000;
font-size:25px;
}


.zakaz{
margin:0;
font-family:Georgia;
font-size:16px;
font-style:italic;
text-indent:10px;
font-weight:bold;
}

/* Тут новый код слайдера */
#slides{
position: absolute;
left: 50%;
margin-left: -460px;
z-index: 100;
}

#example{
width: 920px;
height: 480px;
position: relative;
margin: -10px auto;
}

.slides_container{
width: 920px;
height: 430px;
position: relative;
margin: 0 auto;
}

.slides_container div{
margin-left:90px;
}

#slides .next, #slides .prev {
position: absolute;
top: 150px;
left: -9px;
width: 24px;
height: 43px;
display: block;
z-index: 101;
color: #FFF;
font-size: 50px;
text-decoration:none;
font-family: Georgia;
}

#slides .next {
left: 890px;
}

.pagination{
display:none;
}

.tableView{
margin:5px;
border:1px solid #CCCCCC;
border-radius:5px;
}

.tableView th{
border-bottom:2px solid #000000;
text-align:center;
}

.tableView td{
border-bottom:1px dashed #CCCCCC;
}

.tableView tr{
margin-bottom:5px;
margin-top:5px;
}

.button{
color: rgb(0, 0, 0);
font-size: 14px;
padding: 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: rgb(140, 140, 140);
background: -moz-linear-gradient(90deg, rgb(140, 140, 140) 15%, rgb(237, 237, 237) 59%);
background: -webkit-linear-gradient(90deg, rgb(140, 140, 140) 15%, rgb(237, 237, 237) 59%);
background: -o-linear-gradient(90deg, rgb(140, 140, 140) 15%, rgb(237, 237, 237) 59%);
background: -ms-linear-gradient(90deg, rgb(140, 140, 140) 15%, rgb(237, 237, 237) 59%);
background: linear-gradient(0deg, rgb(140, 140, 140) 15%, rgb(237, 237, 237) 59%);
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
text-decoration:none;
}

.button:hover{
color: rgb(255, 76, 88);
font-size: 14px;
padding: 5px;
text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: rgb(140, 140, 140);
background: -moz-linear-gradient(90deg, rgb(140, 140, 140) 16%, rgb(237, 237, 237) 69%);
background: -webkit-linear-gradient(90deg, rgb(140, 140, 140) 16%, rgb(237, 237, 237) 69%);
background: -o-linear-gradient(90deg, rgb(140, 140, 140) 16%, rgb(237, 237, 237) 69%);
background: -ms-linear-gradient(90deg, rgb(140, 140, 140) 16%, rgb(237, 237, 237) 69%);
background: linear-gradient(0deg, rgb(140, 140, 140) 16%, rgb(237, 237, 237) 69%);
-webkit-box-shadow: 0px 2px 8px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 8px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 8px rgba(50, 50, 50, 0.75);
}

.button2{
color: rgb(0, 0, 0);
font-size: 14px;
padding: 5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: rgb(124, 182, 193);
background: -moz-linear-gradient(91deg, rgb(124, 182, 193) 35%, rgb(230, 236, 237) 61%);
background: -webkit-linear-gradient(91deg, rgb(124, 182, 193) 35%, rgb(230, 236, 237) 61%);
background: -o-linear-gradient(91deg, rgb(124, 182, 193) 35%, rgb(230, 236, 237) 61%);
background: -ms-linear-gradient(91deg, rgb(124, 182, 193) 35%, rgb(230, 236, 237) 61%);
background: linear-gradient(1deg, rgb(124, 182, 193) 35%, rgb(230, 236, 237) 61%);
-webkit-box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 3px 3px rgba(50, 50, 50, 0.75);
box-shadow:         0px 3px 3px rgba(50, 50, 50, 0.75);
text-decoration:none;
}

.button2:hover{
color: rgb(61, 3, 178);
font-size: 14px;
padding: 5px;
text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: rgb(124, 182, 193);
background: -moz-linear-gradient(90deg, rgb(124, 182, 193) 0%, rgb(230, 236, 237) 64%);
background: -webkit-linear-gradient(90deg, rgb(124, 182, 193) 0%, rgb(230, 236, 237) 64%);
background: -o-linear-gradient(90deg, rgb(124, 182, 193) 0%, rgb(230, 236, 237) 64%);
background: -ms-linear-gradient(90deg, rgb(124, 182, 193) 0%, rgb(230, 236, 237) 64%);
background: linear-gradient(0deg, rgb(124, 182, 193) 0%, rgb(230, 236, 237) 64%);
-webkit-box-shadow: 1px -3px 4px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px -3px 4px rgba(50, 50, 50, 0.75);
box-shadow:         1px -3px 4px rgba(50, 50, 50, 0.75);
}

.button3{
color: rgb(0, 0, 0);
font-size: 14px;
padding: 3px;
text-shadow: 0px -1px 0px rgba(30, 30, 30, 0);
background: rgb(214, 214, 214);
background: -moz-linear-gradient(90deg, rgb(214, 214, 214) 30%, rgb(214, 214, 214) 70%);
background: -webkit-linear-gradient(90deg, rgb(214, 214, 214) 30%, rgb(214, 214, 214) 70%);
background: -o-linear-gradient(90deg, rgb(214, 214, 214) 30%, rgb(214, 214, 214) 70%);
background: -ms-linear-gradient(90deg, rgb(214, 214, 214) 30%, rgb(214, 214, 214) 70%);
background: linear-gradient(0deg, rgb(214, 214, 214) 30%, rgb(214, 214, 214) 70%);
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
text-decoration:none;
}

.button4{
color: rgb(255, 255, 255);
font-size: 12px;
padding: 3px;
text-shadow: 1px 1px 0px rgba(30, 30, 30, 0);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background: rgb(147, 147, 147);
background: -moz-linear-gradient(90deg, rgb(147, 147, 147) 30%, rgb(145, 145, 145) 70%);
background: -webkit-linear-gradient(90deg, rgb(147, 147, 147) 30%, rgb(145, 145, 145) 70%);
background: -o-linear-gradient(90deg, rgb(147, 147, 147) 30%, rgb(145, 145, 145) 70%);
background: -ms-linear-gradient(90deg, rgb(147, 147, 147) 30%, rgb(145, 145, 145) 70%);
background: linear-gradient(0deg, rgb(147, 147, 147) 30%, rgb(145, 145, 145) 70%);
-webkit-box-shadow: 0px -1px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px -1px 1px rgba(50, 50, 50, 0.75);
box-shadow:         0px -1px 1px rgba(50, 50, 50, 0.75);
border:1px solid #999999;
text-decoration:none;
}

.button5{
color: rgb(0, 0, 0);
font-size: 14px;
padding: 1px;
text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
background: rgb(206, 206, 206);
background: -moz-linear-gradient(90deg, rgb(206, 206, 206) 30%, rgb(170, 170, 170) 70%);
background: -webkit-linear-gradient(90deg, rgb(206, 206, 206) 30%, rgb(170, 170, 170) 70%);
background: -o-linear-gradient(90deg, rgb(206, 206, 206) 30%, rgb(170, 170, 170) 70%);
background: -ms-linear-gradient(90deg, rgb(206, 206, 206) 30%, rgb(170, 170, 170) 70%);
background: linear-gradient(0deg, rgb(206, 206, 206) 30%, rgb(170, 170, 170) 70%);
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
text-decoration:none;
}

#news{
margin:0 auto;
width:99%;
border:1px solid #CCCCCC;
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75);
border-radius:0 0 5px 5px;
margin-bottom:20px;
}

#newsHeader{
text-align:center;
font-family:Georgia;
font-size:20px;
width:100%;
background: rgb(252,255,244);
background: -moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(40%,rgba(223,229,215,1)), color-stop(100%,rgba(179,190,173,1)));
background: -webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);
background: -o-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);
background: -ms-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);
background: linear-gradient(to bottom,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
border:1px solid #CCCCCC;
}

.newsText{
font-family:Georgia;
font-size:16px;
padding:5px;
text-indent:10px;
text-align:justify;
}

.pages_show{
padding:2px;
margin:3px;
font-family:Geneva;
font-size:16px;
font-weight:bold;
border-radius:2px;
background:#CCCCCC;
}

.pages_link{
font-family:Geneva;
text-decoration:none;
padding:2px;
border:1px solid #CCCCCC;
background:#333333;
color:#FFFFFF;
}

#otziv{
max-height:100px;
max-width: 670px;
margin-left:10px;
display:block;
overflow:hidden;
}