/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    margin: 0;
    padding: 0;
}

html {width:100%;height:100%;}
body {
    font: normal 12px/18px Arial, Tahoma;
    width:100%; height:100%;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
}
ol, ul {
    list-style: none;
}
blockquote {
    quotes: none;
}
blockquote:before, blockquote:after {
    content: '';
    content: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a img {
    border: none;
}

a{
    color: #2e220d;
    outline: none;
}
.clear { clear:both; float:none; height:0px; font-size:0;   }
.top-menu { text-decoration:none; color:#FFFFFF; cursor:pointer;}

.div-top-search { width:282px; height:73px; background:url(/images/search.png) no-repeat; cursor:pointer; position:relative;}
.div-top-order { width:282px; height:73px; background:url(/images/order.png) no-repeat; cursor:pointer; position:relative; }
.div-top-order:hover { background:url(/images/order-hover.png) no-repeat;}

.div-top-order-de { width:282px; height:73px; background:url(/images/order-de.png) no-repeat; cursor:pointer; position:relative; }
.div-top-order-de:hover { background:url(/images/order-hover-de.png) no-repeat;}
.div-top-search-de { width:282px; height:73px; background:url(/images/search-de.png) no-repeat; cursor:pointer; position:relative;}
.div-top-search-de:hover { background:url(/images/search-hover-de.png) no-repeat;}




.div-menu-home { float: right; width:66px; height:51px; margin-right:3px; background:url(/images/button-home.png) no-repeat; cursor:pointer;  }
.div-menu-home:hover { background:url(/images/button-home-hover.png) no-repeat; }
.div-menu-home-activ { float: right; width:66px; height:51px; margin-right:3px; cursor:pointer; background:url(/images/button-home-hover.png) no-repeat; }


.div-menu { float: right; width:144px; height:51px; margin-right:0px; background:url(/images/button.png) no-repeat;  }
.a-div-menu { display:block; width:144px; height:36px; text-decoration:none; font-size:15px; font-weight:bold; font-family:Verdana; padding-top:15px; text-align:center; color:#777777; }
.a-div-menu:hover { background:url(/images/button-on.png) no-repeat; }
.a-div-menu-activ { display:block; width:144px; height:36px; text-decoration:none; font-size:15px; font-weight:bold; font-family:Verdana; padding-top:15px; text-align:center; color:#777777;  background:url(/images/button-on.png) no-repeat; }


.div-menu-user { float: right; width:144px; height:25px; margin-right:0px; }
.a-menu-user { display:block; width:144px; height:22px; text-decoration:none; font-size:15px; font-weight:bold; font-family:Verdana; padding-top:3px; text-align:center; color:#777777; }
.a-menu-user:hover { display:block; width:140px; padding-top:1px; border:2px #CCCCCC solid; border-bottom:3px #FFF solid; background:#FFFFFF; }
.a-menu-user-activ { display:block; width:140px; height:22px; text-decoration:none; font-size:15px; font-weight:bold; font-family:Verdana; text-align:center; padding-top:1px; border:2px #CCCCCC solid; border-bottom:3px #FFF solid; background:#FFFFFF; color:#777777; }

.div-menu-all { float: left; width:200px; height:25px; }
.a-menu-all { display:block; width:200px; height:22px; text-decoration:none; font-size:15px; font-weight:bold; font-family:Verdana; padding-top:3px; text-align:center; color:#777777; }
.a-menu-all:hover { display:block; width:196px; padding-top:1px; border:2px #CCCCCC solid; border-bottom:3px #FFF solid; background:#FFFFFF; }
.a-menu-all-activ { display:block; width:196px; height:22px; text-decoration:none; font-size:15px; font-weight:bold; font-family:Verdana; text-align:center; padding-top:1px; border:2px #CCCCCC solid; border-bottom:3px #FFF solid; background:#FFFFFF; color:#777777; }

/*    Styles for site
---------------------------------------------------------------*/

/*Модальное Окно входа в кабинет*/
#regin_menu {
    position: absolute;
    width: 242px;
    height: 137px;
    background:url(../images/enter.png) no-repeat ;
    display: none;
    z-index: 1001;
}

#regin_menu a {
    color:#0066CC;
}
#regin_menu a:hover{
	text-decoration: none;
    color:#0066CC;
}


#signin_menu {
    position: absolute;
    top: 15px;
	left:0px;
    width: 242px;
    height: 137px;
    background:url(../images/enter.png) no-repeat ;
    display: none;
    z-index: 1001;
}

#signin_menu a {
    color:#0066CC;
}
#signin_menu a:hover{
	text-decoration: none;
    color:#0066CC;
}

#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #FF6600;
	background:#FF9900;
    color:#fff;
    padding:5px 10px;
	font-size:12px;
	cursor:pointer;
}

.diventer {
	text-align:left;
	left:20px;
    position: absolute;
    top: 85px;
    width:200px;
	height:14px;
}
.divremem {
	text-align:left;
	left:20px;
    position: absolute;
    top: 75px;
    width:200px;
	height:14px;
}
.input-login {
	left:20px;
    position: absolute;
    top: 15px;
	background:url(../images/input-login.png) no-repeat;
    width:200px;
	height:27px;
}
.input-login input{
    width: 165px;
	display: block;
	margin-top:5px;
	margin-left:27px;
	border: none;
}
.input-pass {
	left:20px;
    position: absolute;
    top: 50px;
	background:url(../images/input-pass.png) no-repeat;
    width:200px;
	height:27px;
}
.input-pass input{
    width: 165px;
	display: block;
	margin-top:5px;
	margin-left:27px;
	border: none;
}

.input-email {
	left:20px;
    position: absolute;
    top: 40px;
	background:url(../images/input-email.png) no-repeat;
    width:200px;
	height:27px;
}
.input-email input{
    width: 165px;
	display: block;
	margin-top:5px;
	margin-left:27px;
	border: none;
}

input.go {
	display:block; width:67px; height:27px; border:none; cursor:pointer; background:url(../images/bottom-enter.png) no-repeat;
	right:20px;
	bottom:10px;
    position: absolute;
}
input.go-de {
	display:block; width:67px; height:27px; border:none; cursor:pointer; background:url(../images/bottom-enter-en.png) no-repeat;
	right:20px;
	bottom:10px;
    position: absolute;
}

input.gorem {
	width:82px; height:27px; border:none; background:url(../images/button_rem.png) no-repeat; cursor:pointer; color:#FFFFFF; font-size:12px;
	right:20px;
	bottom:10px;
    position: absolute;
}

a.parol {
	left:20px;
	bottom:10px;
    position: absolute;
    color: #0783bf;
    text-decoration:underline;
}

a.parol:hover {text-decoration: none;}
/*Конец - Модальное Окно входа в кабинет*/

.log { float:left; margin-top:5px; }
.log img { float:left; margin-right:5px; }
.log a { float:left; margin-right:10px; margin-top:5px; color:#FFFFFF; }

.out_dor { float:left; margin-top:5px; margin-right:8px; }

#reg_er  {  color:#FF0000; margin:30px 0 0 20px; }
#reg_ok  {  color:#009900; margin:30px 0 0 20px; }

#pages_list
{ text-align:center;  font-size:14px; margin:20px auto; color: #CCC;}
#pages_list div
{ width:30px; height:30px; padding-top:5px; margin:2px; padding-left:-1px; text-align:center;  display: inline-table;}
#pages_list a
{  color: #333333; text-decoration:none; }


.h1-title {  font-size:30px; font-weight:bold; color:#777777; line-height:normal; margin-bottom:10px;}

.input-text { width:204px; padding:5px; border:1px #CCCCCC solid; }
.input-text:focus { border:1px #FF9900 solid; }

.select-text { width:215px; padding:5px; border:1px #CCCCCC solid; }
.select-text:focus { border:1px #FF9900 solid; }

.select-add { border:none; color:#777; background:none; width:145px; margin-top:7px; }

.input-add { width:140px; padding:5px; border:1px #CCCCCC solid; font-size:12px; }
.input-add:focus { border:1px #FF9900 solid; }


.button-fon { width:82px; height:27px; border:none; background:url(../images/button_rem.png) no-repeat; cursor:pointer; color:#FFFFFF; font-size:12px; }

.block-mini { width:200px; float:left; margin-right:65px; margin-top:40px; }

.big-block { width:1000px; margin:0 auto; padding:10px 0; }


.file-input-box,.file-input-box input{ overflow:hidden; }
.file-input-box{ position:relative; width:151px; padding-left:8px; height:34px; background:url(/images/button_foto.png) no-repeat right center; cursor:pointer; }
.file-input-text{ float:left; width:115px; height:34px; padding:0px; margin:0px; border:none; background:none; color:#666666; }
.file-input{ position:absolute;right:0px;top:0px; width:160px; height:28px; font-size:99px; opacity:0;filter:alpha(opacity=0);cursor:pointer;}
* html .file-input{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}



.min-preview { float:left; margin-right:25px; margin-bottom:20px; width:145px; height:100px;  position:relative; }
.min-preview img { width:145px; height:100px; }
.photo-deleter { position:absolute; top:2px; right:2px; width:25px; height:25px; }

.admin-tables { margin:10px auto; border:1px #CCCCCC dotted;   }
.admin-tables td { border:1px #CCCCCC dotted; padding:3px 0;  }
.admin-submit { padding:3px; }
.admin-input { border:1px #CCCCCC solid; padding:3px;  }

.admin-user { margin:10px auto;    }
.admin-user td { border-bottom:1px #CCCCCC dotted; padding:10px 5px;  }


/*Слайдер для просмотра фото*/
ul{list-style-type:none;}
a:focus{outline:none;}
#slide1{width:490px; float:left; display:inline; position:relative;}

.img_cont{ width:490px; height:350px; float:left; display:inline; position:relative; }/*should be the same size as your large image */
.main_images{ width:490px; height:350px; float:left; display:inline;}/*should be the same size as your large image */
.main_images li{ width:490px; position:absolute; left:0px; top:0px;  display:inline; height:350px; display:none; z-index:11;  }/*should be the same size as your large image */
.slideshow{position:relative;}
.thumb_holder{position:relative; float:left; width:420px; overflow:hidden; height:60px; margin:15px 0 0 0; }
.thumbs{position:absolute; left:0; }
.section{width:420px; float:left; display:inline;overflow:hidden;}
.section li{float:left; display:inline; margin-left:6px; margin-right:3px; width:75px; height:75px; background-color:#000;}/*should be the same size as your thumbnails */
.sub_section{float:left; display:inline;}
.prev_btn{ float:left; display:inline; margin:13px 0 0 0; }
.next_btn{ float:right; display:inline; margin:13px 0 0 0; }
.prev_btn { width:29px; height:64px; background:url(/images/previous_no.png) no-repeat; margin-right:4px; }
.next_btn { width:29px; height:64px; background:url(/images/next_no.png) no-repeat; }
.prev_btn img {width:29px; height:64px; }
.next_btn img {width:29px; height:64px; }
/**/
.a-footer { color:#FFFFFF; text-decoration:none; }
.a-footer:hover { color:#FFFFFF; text-decoration:underline; }

.divcat { border:1px #CCCCCC solid; width:200px; height:25px;  margin-bottom:7px; }
.divcat:hover { border:1px #000000 solid; }
.divcat a { display:block; width:197px; height:20px; padding-top:5px; padding-right:3px; text-decoration:none; font-size:14px; color:#000000; }
.divcat a:hover { color: #0066CC;}


.admin-select { border:1px #CCCCCC solid; padding:5px; font-size:12px; width:200px; }




















