body { /*font-weight:350;*/
margin:0; font-family: Montserrat,Roboto,Helvetica,Open Sans,Tahoma,Arial,sans-serif; 
font-size:17px; line-height:26px; color:#111111; -webkit-font-smoothing: antialiased;
/*text-shadow: 0px 1px 0px #f5f5f5; filter: dropshadow(color=#f5f5f5,offX=0,offY=1); */
background-color: #ffffff;
/*background-image: -moz-linear-gradient(top, #f0f0f0, white 100px);
background-image: -webkit-gradient(linear, 0 0, 0 100px, from(#f0f0f0), to(#ffffff));
background-image: -webkit-linear-gradient(top, #f0f0f0, white 100px);
background-image: -o-linear-gradient(top, #f0f0f0, white 100px);
background-image: -khtml-linear-gradient(top, #f0f0f0, white 100px);
background-image: -ms-linear-gradient(top, #f0f0f0, white 100px);
background-image: linear-gradient(to bottom, #f0f0f0, white 100px);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff', GradientType=0);*/
background-image: url('bg.jpg'); background-repeat: repeat;
}
a { color:#00789F; text-shadow: none; font-weight:350; }
a.a2 { text-decoration:none; }
a.a3 { text-decoration:none; font-weight:bold; }
a.a3:hover { color:#F06939; }
a.a33 { color:#009900; text-decoration:none; font-size:26px; line-height:32px; }
a.a33:hover { color:#F06939; }
img { border:none; }
td { font-size:17px; line-height:26px; font-weight:350; }
td15 { width: 17px; white-space: nowrap; font-weight:350; }

.f0 { font-size:17px; color:#111111; font-weight:normal; line-height:26px; }
.f1,h2 { font-size:26px; color:#00789F; line-height:36px; }
h4,h2 { font-weight:normal; margin-bottom:0px; }
h4.menu,h2.menu,h1.menu { margin:0px; font-size:17px; line-height:26px; color:#111111; display:inline; }
.f10 { font-size:20px; color:#009900; font-weight:bold; line-height:31px; }
.f12 { font-size:26px; color:#009900; font-weight:bold; }
.f14,h1 { font-size:26px; color:#009900; line-height:31px; font-weight:normal; }
.f9 { font-size:22px; color:#009900; font-weight:bold; }
.f91 { font-size:22px; color:#009900; }
.f11 { font-size:26px; color:#00789F; }
.f2 { font-size:18px; font-weight:bold; }
.f2g { font-size:18px; color:#009900; font-weight:bold; }
.f3g { color:#009900; font-weight:bold; }
.f2b { font-size:18px; color:#00789F; font-weight:bold; }
.f2o { font-size:18px;  font-weight:bold; }
.f3b { font-size:18px; color:#00789F; }
.fr { font-size:17px; color:#ff0000; font-weight:bold; }
.fs { color:#00789F; font-weight:bold; }

.ava { margin:5px; border-radius: .3em .3em .3em .3em; -webkit-border-radius: .3em .3em .3em .3em; -moz-border-radius: .3em .3em .3em .3em;  }

.t { position:relative; width:20%; height:10%; background-color: ff0000; border:none; margin:0 auto; padding-top:20px; border-radius: 0 0 1em 1em; -webkit-border-radius: 0 0 1em 1em; -moz-border-radius: 0 0 1em 1em; text-align:center; color:ffffff; }

.tm { width:90%; height:9%; background-color: ffffff; margin:0 auto; padding-bottom:30px; margin-top:-80px; font-weight:350; }
.tb:hover { text-decoration:underline; background-color: cccccc; }

.m { width:950px; margin:10 auto; padding:20px; margin-top:-30px; box-shadow: 0 0 21px #777;
/*background-color: #ffffff; */
background-image: url('call.jpg'); background-repeat: repeat;
}

.b { border:1px solid #e0e0e0; padding:23px; font-weight:350;
border-radius: .3em .3em .3em .3em; -webkit-border-radius: .3em .3em .3em .3em; -moz-border-radius: .3em .3em .3em .3em; 
background-image: -moz-linear-gradient(top, #f5f5f5, white 100px);
background-image: -webkit-gradient(linear, 0 0, 0 100px, from(#f5f5f5), to(#ffffff));
background-image: -webkit-linear-gradient(top, #f5f5f5, white 100px);
background-image: -o-linear-gradient(top, #f5f5f5, white 100px);
background-image: -khtml-linear-gradient(top, #f5f5f5, white 100px);
background-image: -ms-linear-gradient(top, #f5f5f5, white 100px);
background-image: linear-gradient(to bottom, #f5f5f5, white 100px);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0);
box-shadow: 0 7px 6px -6px rgba(0, 0, 0, .3);
}
.bt { border:1px solid #e0e0e0; padding-left:20px; padding-right:20px; padding-top:13px; padding-bottom:13px; height:100%; text-align:center;
border-radius: .3em .3em .3em .3em; -webkit-border-radius: .3em .3em .3em .3em; -moz-border-radius: .3em .3em .3em .3em; 
background-image: -moz-linear-gradient(top, #e7e7e7, white 100px);
background-image: -webkit-gradient(linear, 0 0, 0 100px, from(#e7e7e7), to(#ffffff));
background-image: -webkit-linear-gradient(top, #e7e7e7, white 100px);
background-image: -o-linear-gradient(top, #e7e7e7, white 100px);
background-image: -khtml-linear-gradient(top, #e7e7e7, white 100px);
background-image: -ms-linear-gradient(top, #e7e7e7, white 100px);
background-image: linear-gradient(to bottom, #e7e7e7, white 100px);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#ffffff', GradientType=0);
}
.bt:hover { 
border-radius: .3em .3em .3em .3em; -webkit-border-radius: .3em .3em .3em .3em; -moz-border-radius: .3em .3em .3em .3em; 
background-image: -moz-linear-gradient(bottom, #e7e7e7, white 100px);
background-image: -webkit-gradient(linear, 0 100px, 0 0, from(#e7e7e7), to(#ffffff));
background-image: -webkit-linear-gradient(bottom, #e7e7e7, white 100px);
background-image: -o-linear-gradient(bottom, #e7e7e7, white 100px);
background-image: -khtml-linear-gradient(bottom, #e7e7e7, white 100px);
background-image: -ms-linear-gradient(bottom, #e7e7e7, white 100px);
background-image: linear-gradient(to top, #e7e7e7, white 100px);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#ffffff', GradientType=0);
box-shadow: 0 7px 6px -6px rgba(0, 0, 0, .2); 
}
.bt2 { border:1px solid #e0e0e0; padding-left:20px; padding-right:20px; padding-top:13px; padding-bottom:13px; height:100%; text-align:center;
border-radius: .3em .3em .3em .3em; -webkit-border-radius: .3em .3em .3em .3em; -moz-border-radius: .3em .3em .3em .3em; 
background-image: -moz-linear-gradient(bottom, #e7e7e7, white 100px);
background-image: -webkit-gradient(linear, 0 0, 0 100px, from(#e7e7e7), to(#ffffff));
background-image: -webkit-linear-gradient(bottom, #e7e7e7, white 100px);
background-image: -o-linear-gradient(bottom, #e7e7e7, white 100px);
background-image: -khtml-linear-gradient(bottom, #e7e7e7, white 100px);
background-image: -ms-linear-gradient(bottom, #e7e7e7, white 100px);
background-image: linear-gradient(to top, #e7e7e7, white 100px);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#ffffff', GradientType=0);
}
.bt3:hover { 
border-radius: .3em .3em .3em .3em; -webkit-border-radius: .3em .3em .3em .3em; -moz-border-radius: .3em .3em .3em .3em; 
background-image: -moz-linear-gradient(top, #e7e7e7, white 100px);
background-image: -webkit-gradient(linear, 0 100px, 0 0, from(#e7e7e7), to(#ffffff));
background-image: -webkit-linear-gradient(top, #e7e7e7, white 100px);
background-image: -o-linear-gradient(top, #e7e7e7, white 100px);
background-image: -khtml-linear-gradient(top, #e7e7e7, white 100px);
background-image: -ms-linear-gradient(top, #e7e7e7, white 100px);
background-image: linear-gradient(to bottom, #e7e7e7, white 100px);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#ffffff', GradientType=0);
box-shadow: 0 7px 6px -6px rgba(0, 0, 0, .2); 
}

.sb { margin-left:0px; margin-right:15px; padding:15px; padding-left:25px; padding-right:25px; text-align:center; font-size:18px; color:white; text-shadow: none; font-weight:bold; background-color: #009900/*1f8bcb*/; border-radius: .4em .4em .4em .4em; -webkit-border-radius: .4em .4em .4em .4em; -moz-border-radius: .4em .4em .4em .4em; }

.bi { width:150px; border:1px solid #e0e0e0; padding-left:-20px; padding:10px; border-radius: .3em .3em .3em .3em; -webkit-border-radius: .3em .3em .3em .3em; -moz-border-radius: .3em .3em .3em .3em; box-shadow: 0 7px 6px -6px rgba(0, 0, 0, .3); }

.i { margin-left:1px; margin-right:19px; margin-bottom:15px; width:250px; height:250px; }
.im { margin-left:-20px; cursor:hand; width:150px; }
.im2 { cursor:hand; width:190px; height:140px; }
.im1 { cursor:hand; width:167px; }
.im1h { cursor:hand; height:190px; } /* vertical photo */
.im2h { cursor:hand; height:230px; } /* vertical photo */
.im3h { cursor:hand; height:339px; } /* vertical photo */
.im3,.imglaz { cursor:hand; width:167px; margin-bottom:7px; }
.im4 { cursor:hand; width:113px; margin-bottom:7px; }
.a1 { margin-top:78px; margin-right:-28px; }

.sh {
  width: 80%;
  max-width: 550px;
  margin: 1em auto;
  padding: 1em;
  box-shadow: 0 6px 4px -4px rgba(0, 0, 0, .2);
}

.gal img.im,img.im2,img.im1,img.im1h,img.im2h,img.im3h,img.im4,img.imglaz { position:relative; z-index:auto; -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
/*
.gal img.im1 { position:relative; z-index:auto; -webkit-transform:scale(1.0); -moz-transform:scale(1.0); -o-transform:scale(1.0); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
*/
.gal img.im:hover { z-index:1; -webkit-transform:scale(6.0) translate(-30px,0px); -moz-transform:scale(6.0) translate(-30px,0px); -o-transform:scale(6.0) translate(-30px,0px); }
.gal img.im4:hover { z-index:1; -webkit-transform:scale(4.0) translate(0px,0px); -moz-transform:scale(4.0) translate(0px,0px); -o-transform:scale(4.0) translate(0px,0px); }
.gal img.im2:hover,img.im1:hover,img.im1h:hover,img.im2h:hover,img.im3h:hover,img.imglaz:hover { z-index:1; -webkit-transform:scale(3.0) translate(0px,0px); -moz-transform:scale(3.0) translate(0px,0px); -o-transform:scale(3.0) translate(0px,0px); }


/* Базовые стили слоя затемнения и модального окна  */
.overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none;
/* фон затемнения */
    background-color: rgba(0, 0, 0, 0.65);
    position: fixed; /* фиксированное поцизионирование */
    cursor: default; /* тип курсара */
}
/* активируем слой затемнения */
.overlay:target {
    display: block;
}
/* стили модального окна */
.popup {
    top: -100%;
    left: 50%;
    width: 110%;
	
	font-size: 17px; line-height:26px; z-index: 20;
    margin: 0;
	/*margin-left: -40%;*/
	right: 0;

	min-width: 320px;
    max-width: 900px;
/* фиксированное позиционирование, окно стабильно при прокрутке */
    position: fixed;
    padding: 20px;
    border: none;
    background: #fefefe;
/* скругление углов */
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    border-radius: 14px;
    font: 17px/20px;
/* внешняя тень */
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-transform: translate(-50%, -500%);
    -ms-transform: translate(-50%, -500%);
    -o-transform: translate(-50%, -500%);
    transform: translate(-50%, -500%);
    -webkit-transition: -webkit-transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
    -o-transition: -o-transform 0.6s ease-out;
    transition: transform 0.6s ease-out;
}
/* активируем модальный блок */
.overlay:target+.popup {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 3%;
}
/* формируем кнопку закрытия */
.close {
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    position: absolute;
    padding: 0;
    border: 2px solid #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background-color: rgba(61, 61, 61, 0.8);
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    text-align: center;
    text-decoration: none;
    font: 15px/22px;
    font-weight: bold;
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    -ms-transition: all ease .8s;
    -o-transition: all ease .8s;
    transition: all ease .8s;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    font-size: 14px;
}
.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);    
}
/* изображения внутри окна */
.popup img {
    width: auto/*100%*/;
    height: auto;
}
/* миниатюры слева/справа */
.pic-left, 
.pic-right {
    width: 25%;
    height: auto;
}
.pic-left {
    float: left;
    margin: 5px 15px 5px 0;
}
.pic-right {
    float: right;
    margin: 5px 0 5px 15px;
}
/* элементы м-медиа, фреймы */
.popup embed, 
.popup iframe {
    top: 0;
    right: 0;
    bottom: 0; 
    left: 0; 
    display:block;
    margin: auto;
    min-width: 320px;
    max-width: 600px;
    width: 100%;
}
.popup h2 { /* заголовок 2 */
    margin: 0;
    color: #008000;
    padding: 5px 0px 10px;
    text-align: left;
    text-shadow: 1px 1px 3px #adadad;
    font-weight: 500;
    font-size: 1.4em;
    /*font-family: Roboto,Helvetica,Open Sans,Tahoma,Arial,sans-serif;*/
    line-height: 1.3;
}
/* параграфы */
.popup p {margin: 0; padding: 5px 0}

#rotator img { position: absolute; }

.cir { 	background-image: url('cir3.png'); background-repeat: repeat; text-align:center; font-size:17px; width:39px; padding-top:6px; color:white; }
.cir2 { padding-top:6px; padding-bottom:10px; padding-left:10px; font-size:17px; font-weight:normal; }

div.nyl { position: fixed; background: url('nyl.png') no-repeat top left; top: -10px; left: -10px; width: 160px; height: 270px; z-index: 255; }
div.nyr { position: fixed; background: url('nyr.png') no-repeat top right; top: -10px; right: -10px; width: 160px; height: 270px; z-index: 255; }


.submit2 {
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; width:250px; height:56px; background-color:#891E42; border:none; outline:none; color:#fff; font-size:20px; padding:10px; cursor:pointer;
}
.inputf {
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; width:560px; height:56px; background:#ffffff; border:none; outline:none; font-size:20px; color:#777777; padding-left:20px;
}