/* основной файл CSS */
@import "arrows.css";
@import "fonts/fonts.css";
* {
    color: #47475b;
    font: 400 16px/1.20833 'Inglobal';
    margin:0;
    padding:0;
    
}
.good_fotos{float:left; margin:3px;}
em {font-style:italic;}
body {overflow-y:scroll;width:100%}
h1,h2,h3,h4 {text-align:left;font: 400 14px/1.20833 'Nautilus Pompilius';}
div.shadow{font: 400 53px/1.20833 'Nautilus Pompilius';color:#ddd;margin-bottom:-50px;}
h1 {font-size:50px;}
h2 {
    font-size: 40px;
    line-height: 1.3;
    margin: 10px 0;
    }
p  {margin:10px 0;}
#slider {margin:0px; }
#slider,.superslide {width:100%;}
#slider-loader{
    display:block;
    position:absolute;
    top:50%;margin-top:-20px;
    left:50%;margin-left:-20px;
    width:30px;
    height:30px;
}

.numericControls {display:none}

.nextBtn,
.prevBtn {
  display: block;
  position: absolute;
  top:50%;
  margin-top:-30px;
  font-size:0px;
  cursor: pointer;
  z-index: 10;
  
  width: 30px;
  height: 60px;
}
.nextBtn {right:40px;}
.prevBtn {left:40px;}
.nextBtn:before, .nextBtn:after, .nextBtn_inner:before, .nextBtn_inner:after,
.prevBtn:before,
.prevBtn:after,
.prevBtn_inner:before,
.prevBtn_inner:after {
  position: absolute;
  content: '';
  width: 1px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: 1px solid transparent;
  top: 50%;
}
.nextBtn:before, .nextBtn:after,
.prevBtn:before,
.prevBtn:after {
  height: 50%;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
  background: #FFFFFF;
}


.prevBtn:before, .prevBtn:after, .prevBtn_inner:before, .prevBtn_inner:after {
  left: 0%;
}
.prevBtn:before, .prevBtn_inner:before {
  -moz-transform: translateX(-50%) rotate(-137deg);
  -ms-transform: translateX(-50%) rotate(-137deg);
  -o-transform: translateX(-50%) rotate(-137deg);
  -webkit-transform: translateX(-50%) rotate(-137deg);
  transform: translateX(-50%) rotate(-137deg);
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.prevBtn:after, .prevBtn_inner:after {
  -moz-transform: translateX(-50%) rotate(-43deg);
  -ms-transform: translateX(-50%) rotate(-43deg);
  -o-transform: translateX(-50%) rotate(-43deg);
  -webkit-transform: translateX(-50%) rotate(-43deg);
  transform: translateX(-50%) rotate(-43deg);
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.prevBtn:hover:before {
  -moz-transform: translateX(-50%) rotate(-125deg);
  -ms-transform: translateX(-50%) rotate(-125deg);
  -o-transform: translateX(-50%) rotate(-125deg);
  -webkit-transform: translateX(-50%) rotate(-125deg);
  transform: translateX(-50%) rotate(-125deg);
}
.prevBtn:hover:after {
  -moz-transform: translateX(-50%) rotate(-55deg);
  -ms-transform: translateX(-50%) rotate(-55deg);
  -o-transform: translateX(-50%) rotate(-55deg);
  -webkit-transform: translateX(-50%) rotate(-55deg);
  transform: translateX(-50%) rotate(-55deg);
}
.prevBtn:hover .prevBtn_inner:before {
  height: 50%;
  -moz-transform: translateX(-50%) rotate(-125deg);
  -ms-transform: translateX(-50%) rotate(-125deg);
  -o-transform: translateX(-50%) rotate(-125deg);
  -webkit-transform: translateX(-50%) rotate(-125deg);
  transform: translateX(-50%) rotate(-125deg);
}
.prevBtn:hover .prevBtn_inner:after {
  height: 50%;
  -moz-transform: translateX(-50%) rotate(-55deg);
  -ms-transform: translateX(-50%) rotate(-55deg);
  -o-transform: translateX(-50%) rotate(-55deg);
  -webkit-transform: translateX(-50%) rotate(-55deg);
  transform: translateX(-50%) rotate(-55deg);
}

.nextBtn:before, .nextBtn:after, .nextBtn_inner:before, .nextBtn_inner:after {
  right: 0%;
}
.nextBtn:before, .nextBtn_inner:before {
  -moz-transform: translateX(-50%) rotate(137deg);
  -ms-transform: translateX(-50%) rotate(137deg);
  -o-transform: translateX(-50%) rotate(137deg);
  -webkit-transform: translateX(-50%) rotate(137deg);
  transform: translateX(-50%) rotate(137deg);
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.nextBtn:after, .nextBtn_inner:after {
  -moz-transform: translateX(-50%) rotate(43deg);
  -ms-transform: translateX(-50%) rotate(43deg);
  -o-transform: translateX(-50%) rotate(43deg);
  -webkit-transform: translateX(-50%) rotate(43deg);
  transform: translateX(-50%) rotate(43deg);
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.nextBtn:hover:before {
  -moz-transform: translateX(-50%) rotate(125deg);
  -ms-transform: translateX(-50%) rotate(125deg);
  -o-transform: translateX(-50%) rotate(125deg);
  -webkit-transform: translateX(-50%) rotate(125deg);
  transform: translateX(-50%) rotate(125deg);
}
.nextBtn:hover:after {
  -moz-transform: translateX(-50%) rotate(55deg);
  -ms-transform: translateX(-50%) rotate(55deg);
  -o-transform: translateX(-50%) rotate(55deg);
  -webkit-transform: translateX(-50%) rotate(55deg);
  transform: translateX(-50%) rotate(55deg);
}
.nextBtn:hover .nextBtn_inner:before {
  height: 50%;
  -moz-transform: translateX(-50%) rotate(125deg);
  -ms-transform: translateX(-50%) rotate(125deg);
  -o-transform: translateX(-50%) rotate(125deg);
  -webkit-transform: translateX(-50%) rotate(125deg);
  transform: translateX(-50%) rotate(125deg);
}
.nextBtn:hover .nextBtn_inner:after {
  height: 50%;
  -moz-transform: translateX(-50%) rotate(55deg);
  -ms-transform: translateX(-50%) rotate(55deg);
  -o-transform: translateX(-50%) rotate(55deg);
  -webkit-transform: translateX(-50%) rotate(55deg);
  transform: translateX(-50%) rotate(55deg);
}
/*== БЛОКИ  =================================================================================*/
.block {
    display:block; 
    position:relative; 
    width:1200px;left:50%; 
    margin-left:-600px;
    padding-bottom:50px;
    overflow:hidden;
    
}
.block > div {margin:10px;overflow:hidden;z-index:10}
.block > div.topmargin {margin:0;}
#block1 {
    position:absolute;
    top:0;
    z-index:999997;
    color:white;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 1.);
    border-bottom:0;
}
#block1 a,#block1 *{color:white;}

.icon-bottom {

    color: #47475b;
    font-size: 45px;
    line-height: 45px;
    display: inline-block;
    font: inherit;
    color: inherit;
    text-decoration: none;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.icon-wrap {
    text-align: center;
    display: block;
    position:absolute;
    bottom:20px;
    width:100%;
}
.icon-bottom:before {
    content: "e010";
    font-family: "arrows";
    font-size: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 55px;
    }
.icon-bottom:hover {
    -moz-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
#totop {
    font-size: 45px;
    line-height: 45px;
    color: #90909b;
    position: fixed;
    right: 50px;
    bottom: 50px;
    display: none;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    z-index: 20;
}
#totop:hover{
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
#totop:before {
    content: "\e012";
    font-family: "arrows";
    font-size: inherit;
    font-weight: 400;
    font-style: normal;
}
#button-wrap {
    position:absolute;
    left:50%;
    width:610px;
    margin:10px -300px;
    bottom:100px;
}
a.button{
    display:block;
    width:180px;
    text-decoration:none;
    margin:10px ;
    padding:10px 0;
    border:1px solid white;
    border-radius:5px;
    text-align:center;
    transition: 1.0s;
    background-color:rgba(0,0,0,0.2);
}
a.button:hover {
    background-color:#888;
    opacity:0.5;
    transition: 1.0s;
}
/*верхнее меню*/
.left0 , .right0 {list-style-type:none;margin:10px;}
.left0 {float:left; }
.right0{float:right; }
.selector {display:none;}
.blackmargin {display:block; position:absolute;top:0; z-index:999998;width:100%;height:80px;background-color:black; opacity: .4}
.menumargin  {display:block; position:absolute;top:0; z-index:999999;width:100%;height:80px; opacity:1;padding:0;} 
.menumargin > div {display:block;     position:relative;     width:1200px;left:50%;     margin-left:-600px;}
.menumargin a div{color:white;font-size:20px;}

/* каталог - города*/
#block2 {background-color:#eaeaea;}
.item {
    display:block;
    position:relative;
    float:left;
    width:142px;
    height:142px;
    margin:0; border:0;
    margin:70px 5px 5px;
    
    visibility: visible;
    animation-duration: 1s;
    animation-delay: 0.3s;
    animation-name: fadeInLeft;
    font-size:12px;
    color:#333;
}
.item-inner{
    width:140px;
    height:140px;
    transform: scale(1.0);
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    border:1px solid #faa400;
}
.scale100{
    transform: scale(1.0);
    -moz-transition: 2s all ease;
    -o-transition: 2s all ease;
    -webkit-transition: 2s all ease;
    transition: 2s all ease;
}
/*
.item-inner:hover{
    transform: scale(1.15);
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
}
*/
.item .filial, .item .datetime,.item .txt ,.item .site {
    display:block;
    position:absolute;
    width:140px;
    top:50px;  
    text-align:center;
    color:#333;
}
.item .filial {font-weight:bold;top:60px;}
.item .datetime{top:80px;}
.item .txt {top:150px;}
.item .txt *{margin:5px 20px;color:white;}
.item .site{top:295px;}
.item img {position:absolute;z-index:100; margin-top:-50px;margin-left:20px;}

.ui-datepicker {background-color:#fb6;}

/* Блок 3 календарь */
.calend {width:200px;height:220px;float:left;background:url(/img/calend-line.png) repeat-x 0 83px;margin:10px 30px;}
.calend-inner {width:170px;height:180px;margin:20px 20px;background-color:white; }
.calend-inner img {margin-bottom:-5px;}
.calend .name {font-weight:bold;height:25px;font: 400 14px/1.20833 'Airborne';}
.calend .txt {height:55px;}
.calend .dat {font-weight:bold;text-transform: uppercase;font: 400 14px/1.20833 'Airborne';}
#alarm ,.alarm {color:red;margin:2px -200px;text-align:center;}
.alarm b{color:red;font-weight:bold}
.ov {position:absolute;z-index:0;}
#ov1{top:-230px;left:0}
#ov2{top:-230px;right:0}
#ov3{bottom:-230px;right:0}
#ov4{bottom:-230px;left:0}

/* Блок 4 форма заявки */
#dregform {width:800px;}
#dregform input,#dregform select {
    width:300px;
    display:block;
    margin: 10px 0;
    padding:5px;
    float:left;
}
#dregform th {font-weight:bold;text-align:left;width:200px;padding-right:20px;}
#dregform {display:block; position:relative;}
#dregform .button{
    color:black;
    margin:20px 50px;
    border:1px solid black;
    border-radius: 5px;
    text-align:center;
    padding:10px 0;
    cursor:pointer;
    text-transform:uppercase;
    font-weight:bold;
    transition: 1.0s;
    width:200px;
}
#dregform .button:hover{
    background-color:#8f8;
    opacity:0.7;
    transition: 1.0s;
    text-shadow:1px 1px 3px rgba(0,0,0,1);
    width:250px;
}
#dregform #mestotext {
    margin: 10px;
    padding:5px;
    float:left;
    font-weight:bold;
}

#mailform h1 {
    font-family: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
    font-size: 20px;
    font-weight:bold;
    background-color:white;
    border:0;
    margin:20px;
    text-align:center;
}
#mailform {width:298px;border-radius:0 0 10px 10px;background-color:#F2F9FF;}
#mailform input,#mailform textarea {width:250px;padding:5px;margin:5px;border-radius: 5px;background-color:white;}
#mailform textarea {height:150px;}
#mailform div {border:0;margin:0 5px;}
#mail td > div > span{font-family: Arial,Helvetica,Geneva,sans-serif!important;font-size:12px!important;}
#mail td {text-align:center;margin:0;padding:0;}
#send{
    color:black;
    margin:20px 50px;
    border:1px solid black;
    border-radius: 5px;
    text-align:center;
    padding:10px 0;
    cursor:pointer;
    text-transform:uppercase;
    font-weight:bold;
    transition: 1.0s;
    width:250px;
    margin-bottom:20px;
}
#send:hover{
    background-color:#5BA0D0;
    opacity:0.7;
    transition: 1.0s;
    text-shadow:1px 1px 3px rgba(0,0,0,1);
    width:250px;
    
}
/* Блок 5 сайты */
#block5 {display:block; min-height:100px; background-color:#444; padding:0; }
#block5 div,#block5 a {color:white; }
.siteselector,.sitename {float:left; margin:5px;color:white;}
.sitename a {color:white;text-decoration:none;}
.sitename a:hover {text-decoration:underline;color:#daa;}


@media only screen and (min-width:940px) and (max-width:1199px){
    .block,.menumargin > div {width:940px; margin-left:-470px;}
    #sli,#sli_wrapper,.sli {width:410px}
}
@media only screen and (max-width:939px){
    .block,.menumargin > div {width:740px; margin-left:-370px;}
     #sli,#sli_wrapper,.sli {width:310px}
}

thead tr:first-child {
  background: #eaeaea;
  color: #000;
  border: none;
}

th:first-child,
td:first-child {
  padding: 10px 15px 0 20px;
}

th {
  font-weight: 500;
}

thead tr:last-child th {
  border-bottom: 3px solid #ddd;
}

tbody tr:hover {
  background-color: #f2f2f2;
  cursor: default;
}

tbody tr:last-child td {
  border: none;
}

tbody td {
  border-bottom: 1px solid #ddd;
}

td:last-child {
  text-align: right;
  padding-right: 10px;
}