a,p,h1,h2 { font: 17px/28px Georgia; color: #000;}
body  { font: 100% Tahoma; color:#000; background:#fff;}
body:before { content: ""; position: fixed; top: -10px; left: 0;  width: 100%; height: 10px; z-index: 100; box-shadow: 0px 0px 10px rgba(0,0,0,.8); }

.contener { max-width: 1240px;  min-height: 500px;} 


/***** header *****/

.header {  max-width: 1080px; height: 110px; position:relative; }
.logo { float:left; width: 100%; height: 100%; max-width: 100%; }
a.logo  { text-align: center; font-size: 62px; color: #ccc; padding: 10px 0 0 0; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); text-decoration:none; }
.telep { float:left;  width: 33.66%; height: 100%; max-width: 100%;}
.telep h2 {  font-size: 32px; color: #ee9009; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); padding-top: 10px; text-align: center; }

#slideshow {  max-width: 1080px; border: 1px solid #ff9e13; margin: 0px auto; background: #ffffff; } 
#slides { padding-bottom:27.77%; }
.slideshow-image { background-size:contain; max-width: 100%; }

.imag { display:block; max-width: 1080px; margin: 0px auto; border: 1px solid #ff9e13; box-shadow: 0 1px 7px rgba(0,0,0,0.5); position:relative;}
.imag .mg3 { background-size: contain; max-width: 100%; }
.imag .mg2 p { font-size: 38px; font-weight: bold; text-shadow: 1px 1px 9px rgba(0,0,0,1); color: #fff;  padding: 0px; position:absolute; left:4%; top:73%; width: 95%; height: 50px; }

/***** menu *****/


#navigation { margin:10px auto 0px auto; padding: 0; clear:both; max-width:1080px; height:51px; background: #ee9009; }
ul.nav-main, ul.nav-main li { list-style: none; margin: 0; padding: 0; }
ul.nav-main { position: relative; z-index: 98;}
ul.nav-main li:hover > ul { visibility: visible; }
ul.nav-main li { float:left; display:block; height: 51px; color: #999; background:url(../img/index/menu-spacer.gif) right top repeat-y; }
ul.nav-main li.last {background:none; padding:0}
ul.nav-main li.hover,
ul.nav-main li:hover { position: relative; z-index: 99; cursor: pointer;  }
ul.nav-main li a { display:block; padding: 16px 44px 0 45px; height: 35px; color: #fff; font-size: 16px; text-decoration:none;  font-weight: bold;}
ul.nav-main li.last a { padding:16px 40px 0 40px;	}
ul.nav-main li a:hover { color:#000; }
ul.nav-main *.list { padding-right: 15px; background:url(../img/index/menu-spacer.gif) right top repeat-y; }
ul.nav-sub { visibility: hidden; position: absolute; padding:10px; top: 48px; left: 0; z-index: 97; background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,0.6); }
ul.nav-sub li { list-style:none; display:block; padding: 0; height: 27px; float: none; width:185px; border-bottom: 1px solid #5a5a5a; background: none; }
ul.nav-sub li a { list-style:none; display:block; padding: 6px 5px 6px 5px; height: 15px; float: none; width:185px; background: none; font: 14px Arial, Helvetica, sans-serif; color: #000;}



/*********************************reklam*************************************/


.reklam { height: 300px; width: 1080px; margin: 0px auto; background: #606060; } 
.rekl-1-1, .rekl-1-2 { float:left; display:block; height: 185px; width: 269px; margin: 1px 1px 1px 0px; background:  #ffffff; position: relative; } 
.rekl-1-2 { margin: 1px 0px 1px 0px; width: 270px; } 
.r-text-1, .r-text-2, .r-text-3, .r-text-4 { display:block; text-align: center; position: absolute; font-size: 14px; font-weight: bold;}
.r-text-1 { top: 90px; left: 145px; }
.r-text-2 { top: 140px; left: 20px; }
.r-text-3 { top: 70px; left: 5px; }
.r-text-4 { top: 40px; left: 25px; }
.r-img-1 { display:block; position: absolute; top: 30px; left: 10px; }
.r-img-2 { display:block; position: absolute; top: 40px; left: 20px; }
.r-img-3 { display:block; position: absolute; top: 30px; right: 5px; }
.r-img-4 { display:block; position: absolute; top: 80px; left: 70px; }

.rekl-2-1 { float:left; display:block; height: 92px; width: 238px; margin: 0px 11px 2px 11px; font-size: 12px; text-align: justify; padding: 5px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,1);}
.rekl-2-1 { 
background: -moz-linear-gradient(top,#acacac,#606060);
background: -ms-linear-gradient(top,#acacac,#606060);
background: -o-linear-gradient(top,#acacac,#606060);
background: -webkit-linear-gradient(top,#acacac,#606060); } 

/*********************************content*************************************/

.content {  width: 805px; height: 100%; margin: 0px auto;}


/*********************************footer*************************************/

.footer {  height: 65px; max-width: 1080px; }  
.footer p {  font-size: 12px; padding: 25px 5px 5px 5px; color: #fff; text-align: center;}
.footer a {  color: #fff;  }
.footer { background: #ee9009; } 



/*********************************other*************************************/


.footer { border-radius:5px; box-shadow:0 1px 3px rgba(0,0,0,0.6); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); }	

h1 {  font-size: 18px; font-weight: bold;}

.loader {display:block; position: absolute; width: 50px; height:50px; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px;}

.clear {clear:both; margin:0px; height:0}

.footer, .contener, .header, .otstup1, .otstup2, .otstup3, .otstup4 { margin: 0px auto; }
.otstup1 {  height: 9px; }
.otstup2 {  height: 25px; }
.otstup3 {  height: 6px; }
.otstup4 {  height: 24px; }
.otstup5 {  height: 40px; }

.otstup4 p {  font-size: 10px; color:#6e6e6e; text-align: center; padding-top:5px;}

h2 {  font-size: 12px; font-weight: bold;}

.text1 {color:#1b7d37; font-weight:bold; font-size: 12px; padding-bottom:10px; }
.text2 { font-size: 14px; padding-bottom:10px; }
.text3 { font-size: 12px; padding-bottom:5px; font-weight:bold; text-align: center; }



/***** модальное окно ******/
.fon { display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:110; background:rgba(0,0,0,0.5); }





/*********************************size-screen*************************************/


@media screen and (max-width: 1120px), screen and (max-device-width: 1120px) {
.content { padding:0px 20px; }
ul.nav-main li a {  font-size: 12px; }
}


@media screen and (max-width: 1000px), screen and (max-device-width: 1000px) {
#navigation { height:35px; }
ul.nav-main li a, ul.nav-main li.last a {  padding: 10px 24px 0 25px; }
ul.nav-main li { height: 35px;  }
ul.nav-sub { top: 28px;  }
}


@media screen and (max-width: 890px), screen and (max-device-width: 890px) {
.header {  height: 90px; }
.telep h2 {  font-size: 22px; } 
a.logo {  font-size: 40px; } 
}


@media screen and (max-width: 720px), screen and (max-device-width: 720px) {
ul.nav-main li a {  font-size: 10px; }
ul.nav-main li a, ul.nav-main li.last a {  padding: 10px 5px 0 5px; }
ul.nav-sub li { height: 22px; width:125px; }
.header {  height: 60px; }
.telep h2 {  font-size: 14px; }
a.logo {  font-size: 26px; } 
}


@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
.contener { min-width:350px; }
#slideshow, .imag { display:none; }
#navigation { width: 100%; height:100%; float:none; padding:0; }
ul.nav-main li, ul.nav-main *.list, ul.nav-main li.last { width: 100%; height:35px; background: #ee9009; padding:2px 0; border-bottom: 1px solid #5a5a5a;}
ul.nav-sub { display:none; }
}