@charset "utf-8";
/* аЄбƒаНаКб†аИаОаНаАаЛбŒаНб‹аЕ аБаЛаОаКаИ  */

/*------------------------------------------------------------------------------------------------------------------------*/
/* FORM form-block */
div.form-block{ /* width:450px; !!!!! */ position:relative; z-index:1000; }
div.form-block div.form-layout{ padding:40px 70px 60px 70px; /* !!!!! */ position:relative;  background-color:#FFF; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
div.form-block h2{ margin:10px 0 25px 0; text-align:center; font-size:28px;}
div.form-block dl dd div input,
div.form-block dl dd div select,
div.form-block dl dd div textarea{ font-family:Arial, Helvetica, sans-serif; border:none; background:none; margin:2px 10px 2px 10px; color:#999999; font-size:16px; width:97%; }
div.form-block div.form-layout label{ margin:10px 0 3px 5px; display:block; font-size:14px;}
div.form-block div.form-layout label b{ color:#f00; font-weight:bold; margin:0 3px 0 -10px}
div.form-block .button{ background:#00a5b8; font:500 18px 'Roboto';  text-transform:uppercase;}
div.form-block dl dd div,
div.form-block .button { color:#fff; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; }
div.form-block .button { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); padding:10px 25px;  margin:15px 0 0 0; width:100%; border:none; cursor:pointer; }
div.form-block .button:hover{ background:#08af00;}
div.form-block dl dd div {background:#fbf9e7; color:#626679; padding:5px; font-size:14px; border:#999999 1px solid; border-bottom:#DDDDDD 1px solid; border-right:#DDDDDD 1px solid;}
div.form-block b.error{ color:#F00; font-size:11px;}
div.form-block a{ cursor:pointer;}
div.form-block dl dd div.error,
div.form-block dl dd div.error_bg {/*background:#ffd0d0;*/ border:1px solid #F00;}
div.form-block dl dd div.error input,
div.form-block dl dd div.error select,
div.form-block dl dd div.error textarea{color:#f00;}



/* FORM Horizontal */
div.form-block.horizontal dl dt{ float:left; width:30%; margin:0 0 10px 0 }
div.form-block.horizontal dl dd{ margin:0 0 10px 35%;}
div.form-block.horizontal div.form-layout label{ margin:7px 0 3px 5px; display:block; font-size:14px;}


/* FORM Short */
div.form-block.short dl dt{ position:absolute; }
div.form-block.short dl dd{ margin:0 0 10px 0;}
div.form-block.short div.form-layout label{ margin:7px 0 3px 20px; display:block; font-size:14px; cursor: text; color:#A0A0A4;}
div.form-block.short div.form-layout p{ margin:0 0 10px 0; text-align:center;}


/* popup-new */
div.popup-new{ display:none; position:absolute;  margin: auto; margin-top:10px;  /*top:50%; left:50%; margin:-255px 0 0 -245px;*/ z-index:10001; top: 0; left: 0; bottom: 0; right: 0;}
div.popup-new a.close{ position:absolute; right:20px; top:20px; background:url(images/template/popup/close.gif) center center no-repeat; width:32px; height:32px; cursor:pointer;}


div.hide-layout{ display:none; background-image: url(images/template/popup/bg_dark_transparent.png); width:100%; height:100%; position:fixed; top:0; left:0; z-index:10000;}

div.popup.opened{ display:block; top:50px;}
div.hide-layout.opened{display:block}





/*------------------------------------------------------------------------------------------------------------------------*/
/* аЂаЕаЛаЕб„аОаН */
div.phone-address{ width:365px; z-index:10}
div.phone{ /*background:#fff;*/  border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); position:relative; z-index:30;  float:right; margin:0;}
div.phone p.phoneActive a,
div.phone p.phoneActive a b{color:#59606c; font:100 28px 'Roboto'; cursor:pointer;}
div.phone p.phoneActive a b{font-weight:500; border-bottom:1px dashed #83cbed;}
div.phone p.phoneActive a small{ display:none;}
div.phone div.ico{ background:url(images/template/phone/phone.png) no-repeat left center; width:38px; height:32px; position:absolute; left:-30px; top:11px; border-right:1px solid #eee;}

div.phone{ /* width:365px */}
div.phone p.phoneActive{ /* margin:7px 15px 10px 60px; */ text-align:center; background: url(images/template/phone/arrow-down.gif) right center no-repeat }

div.phone .all{ position: relative; padding:0;  width:100%; border-bottom:1px #eee solid;  display:none;}
div.phone .all li a span{ color:#ff6600; border:none;}

div.phone .all a:hover{ background:#0095da; color:#fff;}
div.phone .all a:hover small,
div.phone .all a:hover span{color:#fff;}

div.phone  a b.icq{ background: url(images/template/ico-icq.png) no-repeat;}
div.phone  a b.skype{ background: url(images/template/ico-skype.png) no-repeat;}
div.phone  a b.icq,
div.phone  a b.skype{ padding:0 0 0 30px; background-position:6px 6px}

div.phone .all ul{ list-style:none; background:#fff;}

div.phone .all a{ font:100 28px 'Roboto'; display:block; text-align:center; color:#7d7d7d; text-decoration:none;  /*padding:7px 0 7px 60px;*/ padding:7px 0 7px 20px; box-shadow: 0 1px 2px;}
div.phone .all li a b{ font-size:28px; font-weight:500;}
div.phone .all li a.active{ display:none;}
div.phone-address address{ background:url(images/template/phone/icon-contacts-small.png) no-repeat; padding-left:25px; font-size:12px; float:left; line-height:25px; margin:10px 0 0 30px;}
div.phone-address address.hide{ display:none;}
div.phone p.phoneActive a span{ border:none;}



/*------------------------------------------------------------------------------------------------------------------------*/
/* а›аОаГаО HOTKOT */
div.hotkot{float:left; width:15%;}
div.hotkot a{ text-align:left; padding:7px 0 0 75px; background:url(images/template/hotkot/hotkot_logo_baige.png) no-repeat; width:70px; height:47px; text-decoration:none; color: #704e34; font-size:9px;}



/*------------------------------------------------------------------------------------------------------------------------*/
/* аЁаОб† аИаКаОаНаКаИ */
div.social_links{ }
div.social_links h2{ font-weight:normal;   color:#FFF; font-size:14px; float:left; margin:25px 10% 0 0; letter-spacing:normal;}
div.social_links a{ width:32px; height:32px; margin:0 2% 0 0;}
div.social_links a#vkontacte:hover{ background-position:0 0;}
div.social_links a#facebook:hover { background-position:-32px 0;}
div.social_links a#twitter:hover { background-position:-64px 0;}
div.social_links a#google:hover { background-position:-96px 0;}
div.social_links a#youtube:hover { background-position:-128px 0;}


div.social_links a#vkontacte{background:url(images/template/social/social_icons_baige.png) 0 -34px no-repeat;}
div.social_links a#facebook{background:url(images/template/social/social_icons_baige.png) -32px -34px no-repeat;}
div.social_links a#twitter{background:url(images/template/social/social_icons_baige.png) -64px -34px no-repeat;}
div.social_links a#google{background:url(images/template/social/social_icons_baige.png) -96px -34px no-repeat;}
div.social_links a#youtube{background:url(images/template/social/social_icons_baige.png) -128px -34px no-repeat;}


/*------------------------------------------------------------------------------------------------------------------------*/
/* аКаАб€бƒбаЕаЛбŒ */
#content-scroll {position:relative;}
#content-scroll .jcarousel-skin-tango .jcarousel-prev-horizontal,
#content-scroll .jcarousel-skin-tango .jcarousel-next-horizontal{top:50%; margin-top:-32px; width:24px; height:65px;}
#content-scroll .jcarousel-skin-tango .jcarousel-prev-horizontal{background: url(images/template/slider/blue/toL.png) left no-repeat; left:-40px;}
#content-scroll .jcarousel-skin-tango .jcarousel-next-horizontal{background: url(images/template/slider/blue/toR.png) right no-repeat; right:-40px;}
#content-scroll .jcarousel-skin-tango .jcarousel-container-horizontal { margin:0 65px 0 65px;}

#content-scroll{ float:left; /*margin-top:30px;*/}
#content-scroll ul#mycarousel{ /* height:280px; */ overflow:hidden;  }


/*------------------------------------------------------------------------------------------------------------------------*/
/* !!! аЁаОаОаБб‰аЕаНаИб аОаБ аОбˆаИаБаКаАб… */
div.success{ background:#f7fde1; font-size:18px; padding:15px; color:#4b8a01; margin:10px 0 10px 0; border-bottom:1px dashed #dfe7c2; }
div.success p{ font-size:12px; margin:0;}
div.warning{ background:#ffd3d3 url(images/template/error.gif) no-repeat 10px 10px; font-size:14px; padding:15px; padding-left:45px; margin:-5px 0 15px 0; color: #C00;}
span.error{ font-size:12px;}


/*------------------------------------------------------------------------------------------------------------------------*/
/* !!! а’баПаЛб‹аВаАбŽб‰аИаЕ баОаОаБб‰аЕаНаИб аОаБ аОб‰аИаБаКаАб… */
div.mesABS{position:absolute; z-index:1001; top:20%; left:50%; width:550px; margin-left:-275px;}

div.mesBlock{ border:10px solid #fff; padding:35px 25px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);}
div.mesBlock div{ width:32px; height:32px; float:left; margin:0 10px 0 0;}
div.mesBlock p{ margin:5px 35px 0 35px; font-size:16px; text-align:center;}
div.mesBlock p a{font-weight:bold; text-decoration:none; border-bottom:1px dashed;}
div.mesBlock p a:hover{border:none;}
div.mesBlock a.close{ position:absolute; cursor: pointer; z-index:21; right:20px; top:20px; background:url(images/template/popup/close.gif) no-repeat; width:16px; height:16px;}
div.mesBlock a.tryAgain{ cursor:pointer;}

div.errorBlock{background:#ffeded;}
div.errorBlock div{background:url(images/template/error_icon.gif) no-repeat;}
div.errorBlock p{ color:#f60000;}
div.errorBlock p a{ color:#f60000;}

div.successBlock{background:#effdd2 url(images/template/popup/bg-message.gif);}
div.successBlock div{/*background:url(images/template/success_icon.gif) no-repeat;*/}
div.successBlock p{ color:#608e00;}
div.successBlock p a{ color:#608e00;}
/* --------------------------------------------*/


/* SHOW-HIDE BLOCK */
.shown{ }
.hidden{ display:none;}

div.toggle-links{ text-align:center; margin:0 0 50px 0;}
div.toggle-links a{ font-size:18px;}
div.toggle-links a:hover span{ border:none;}
div.toggle-links a.show{}
div.toggle-links a.hide{ display:none;}
div.toggle-links a span{ border-bottom-style:dashed; padding:0 0 2px 0}




/*-----------------------Popups-------------------------------------*/

div.hide_layout{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(255,255,255,0.70); z-index:10000;}

div.popup {  width:350px; display:none; position:absolute; z-index:10001; left:0; right:0; margin:0 auto; top:0;}
div.popup a.close { position:absolute; top:30px; right:20px; width:25px; height:25px; cursor:pointer; background: url(images/design/cross.png) center center no-repeat; z-index:2;}

div.popup_layout {padding:35px; position:relative; z-index:1; background:#fff; border-top:5px solid #bc91d5; /*border-bottom:2px solid black;*/}

div.form-block.short label {color: #a0a0a4; cursor: text; display: block; font-size: 16px; margin: 12px 0 3px 20px;}
div.form-block.short label b {color: #f00; font-weight: bold; margin: 0 3px 0 -10px;}


div.popup_layout form dl { width:100%; margin:0 0 13px 0px;}
div.popup_layout form dt { font:14px Arial; color:#626679; line-height:150%; margin:0 0 2px 0;}
div.popup_layout form dt span { color:red;}
div.popup_layout form dl div { width:95%; background:#fff; border-top:1px solid #b6c1c4; border-left:1px solid #b6c1c4; border-right:1px solid #eaebda; border-bottom:1px solid #eaebda; padding:10px 8px;}

div.popup_layout form dl div.error_bg { /*background:#ffb2b2;*/}
div.popup_layout form dl div.error { border:1px solid #f00;}

div.popup_layout form dl dd b.error{ font-size:11px; color:#ff0000;}
div.popup_layout form dl div input { background:none; border:none; width:97%; font:16px Arial; color:#787878;}
div.popup_layout form dl div input.hasDatepicker{ font-size:20px;}
div.popup_layout form dl div select,
div.popup_layout form dl div textarea{ background:none; border:none; width:97%; font:16px Arial; color:#787878}
div.popup_layout form dl.fL.w45 { float:left; width:50%;}
div.popup_layout form dl.fL.w45 dd div { width:80%;}