@charset "utf-8";
*{ margin:0px; padding:0px; font-family:Calibri, Arial; font-size:14px; color:#393838}
.red_text { color: red !important;}
.green_text { color: green !important;}
body{ background-color:rgba(250, 250, 250, 1);}

.clear{ clear:both}
a{ color:#0b75ba; outline:none; }
a:hover{ color:#2aa7f9}
p{ margin:0 0 10px 0; color:#393838}
h1{ font-size:24px; color:#393838; margin-bottom:15px}
.page{ width:1000px; margin:0 auto}
.topBg{ background-color: #053b64; overflow: hidden; background-image: url(/static/img/fons.jpg); background-repeat: repeat; padding: 25px 0}
.topMenu{ background-color: #fff; height: 50px; margin: 25px 0}
.topMenu .page{ text-align: center}
.topMenu .page a{ display: inline-block; height: 45px; margin-top: -10px; color: #242424; text-decoration: none; font-size: 25px; font-weight: bold; text-align: center; background-position: center; padding-top: 17px}
.topMenu .page span:nth-child(1){ background-image: url(/static/img/topLeftLine.gif); background-repeat: no-repeat; width: 376px; height: 11px; display: inline-block; float: left; margin-top: 17px}
.topMenu .page span:nth-child(3){ background-image: url(/static/img/topRighttLine.gif); background-repeat: no-repeat; width: 376px; height: 11px; display: inline-block; float: right; margin-top: 17px}

.menu{ background-color: #fff;}
.menu .page{ overflow: hidden}
.page.bottomSliders{ width: 1280px; margin-bottom: 40px}
.page.bottomSliders2{ width: 1280px; margin-bottom: 20px}
.menu .page div{ float: left;  padding: 0px 0px; width: 14%}
.menu a{ color: #393838; text-decoration: none; padding: 10px 0px; width: 100%; display: block; text-align: center}
.menu a:hover, .menu .cur a{ color: #fff; background-color: #36749d; }
.menu .page div div{ position: absolute; background-color: #fff; text-align: center; z-index: 200; width: 160px; display: none}
.menu .page div div a{color: #393838; background-color: #fff}
.menu .page div:hover div{ display: block}
.menu .page div div a:hover{ color: #fff; background-color: #36749d;}
.menu .page div div a.cur{ color: #fff; background-color: #36749d;}
.bottomSlidersTop{ overflow: hidden;}
.bottomSlidersTopLeft{ float: left; width: 24%; overflow: hidden}
.bottomSlidersTopLeftPunkt{ float: left; background-color: rgba(0, 113, 113, 1); border-radius: 5px; padding: 10px; width: 42%; margin-bottom: 10px; height: 130px}
.bottomSlidersTopLeftPunkt:nth-child(2n){ float: right;}
.bottomSlidersTopLeftPunkt a{ text-decoration: none; display: block; text-align: left;}
.bottomSlidersTopLeftPunkt a img{ height: 105px; width: 100%}
.bottomSlidersTopLeftPunkt p{font-style: italic; color: #fff; margin: 5px 0 0 0; font-size: 11px}
.bottomSlidersTopLeftPunkt:hover{ opacity: 0.7}
.bottomSlidersTopCenter{ width: 50%; float: left; overflow: hidden; margin: 0 1%; border-radius: 5px}
.bottomSlidersTopCenter a{ display: block}
.bottomSlidersTopRight{ float: right; width: 24%; overflow: hidden; background-color: rgba(0, 113, 113, 1); padding: 10px 0px; border-radius: 5px}
.bottomSlidersTopRight a{ display: block; float: left; width: 90px; height: 90px; margin: 0 5px 5px 8px}
.bottomSlidersTopRight a:nth-child(3n){ margin-right: 0px}
.bottomSlidersTopRight a:hover{ opacity: 0.7}
.bottomSlidersTopRight a img{width: 85px; height: 85px}
.bottomSlidersTopCenter{ position: relative; height: 305px}
.bottomSlidersTopCenter img{ width: 100%}
.bottomSlidersTopCenter div{ position: absolute; bottom: 0px; background-color: rgba(0, 113, 113, 1); color: #fff; padding: 10px}
.bottomSlidersTopCenter div p{color: #fff; margin: 0px}
.bottomsMaps{ border: solid 5px rgba(0, 113, 113, 1)}
.bottomsMaps .topuuus{background-image: url(../img/bottomss.gif); background-repeat: no-repeat; width: 600px; height: 131px; margin: 0 0 0 -300px; display: block; position: absolute; z-index: 50; left: 50%; text-align: center}
.bottomsMaps .topuuus p{ font-size: 17px; margin: 0px}
.obekts .obekt{ border: solid 2px rgba(0, 113, 113, 1); padding: 10px; overflow: hidden; margin-bottom: 20px}
.obekts .obekt .obektLeft{ float: left; width: 150px; margin-right: 20px}
.obekts .obekt .obektRight{ float: right; width: 705px;}
.obekts .obekt .obektRight .readAll{ text-align: right; margin: 10px 0}
.bottomSliders2{ overflow: hidden; margin-top: 15px}
.bottomSliders2Top{ overflow: hidden; margin-bottom: 10px}
.bottomSliders2Top div{ float: left; width: 24%; margin-right: 1%; background-color: rgba(0, 113, 113, 1); border-radius: 5px}
.bottomSliders2Top div:last-child{ margin-right: 0px; float: right}
.bottomSliders2Top div:nth-child(3){ margin-left: 1%}
.bottomSliders2Top a{color: #fff; text-decoration: none; display: block; padding: 10px}
.bottomSliders2Top div:hover{ opacity: 0.7}
.bottomSliders2Top img{ margin: 10px 0 0 0; width: 100%}
.bottomSliders2Top .big{ width: 50%; margin: 0px; position: relative; height: 177px; border-radius: 5px; overflow: hidden}
.bottomSliders2Top .big a{ padding: 0px}
.bottomSliders2Top .big img{ width: 100%; margin: 0px}
.bottomSliders2Top .big div{ color: #fff; float: none; width: 98%; padding: 5px 1%; position: absolute; bottom: 0px; border-radius: 0px}
.bottomSliders2Top .big div p{ color: #fff; margin: 0px}
.content{ margin: 0 auto; width: 900px; border: solid 2px #007171; padding: 20px; box-shadow:0 0 10px rgba(0,0,0,0.5); background-color: #fff}
.contentPadding{ margin: 20px 0}
.content h1{background-image: url(../static/img/lineH1.png); background-repeat: no-repeat; background-position: center center; text-align: center}
.content h1 span{ background-color: #fff;  color:#242424; font-size: 22px; padding: 0 15px}
.galls{ overflow: hidden}
.galls div{ float: left; width: 44%; margin-bottom: 15px; padding: 10px 2%}
.galls div:nth-child(2n){float: right}
.galls div p{ text-align: center; color: #000; font-size: 20px; font-weight: bold}
.galls div a{  text-decoration: none;}
.galls div:hover{ background-color: #dadada}
.galls div a img:nth-child(3){margin: 0 13px}
.firstSLiders{ margin: 0 auto; width: 1205px; overflow: hidden; position: relative}
.firstSLiders .slidersPunkt{ height: 535px; overflow: hidden; position: relative; width: 1205px; float: left}
.firstSLiders .slidersPunkt p{ position: absolute; color: #fff; bottom: 0px; background-color: rgba(0, 0, 0, 0.5); width: 100%; padding: 15px; margin: 0px; display: none}
.firstSLiders .slidersPunkt:hover p{ display: block}
.firstSLiders .sliderLists{ overflow: hidden}
.firstSLiders .sliderLists .slidersPunkt a{ display: block}
.firstSLidersLeft{background-image: url(/static/img/arrows_white.png); background-repeat: no-repeat; width: 50px; height: 70px; background-position: 0 0; position: absolute; left: 0px; top: 0px; z-index: 1; cursor: pointer; margin: 220px 0 0 15px; display: none}
.firstSLidersRight{background-image: url(/static/img/arrows_white.png); background-repeat: no-repeat; width: 50px; height: 70px; background-position: -50px 0; position: absolute; right: 0px; top: 0px; z-index: 1; cursor: pointer; margin: 220px 15px 0 0;}
.topBg.sliders{ padding-top: 0px}
.topBg.sliders .topMenu{ position: relative; z-index: 5; margin-top: -510px}
.topBg.sliders .menu{ position: relative; z-index: 5;}
.page.bottomSliders{ margin-top: 450px}
.gallsImg{ overflow: hidden}
.gallsImg a{ display: block; width: 23%; margin:0 1% 20px 1%; float: left; height: 135px}
.gallsImg a img{ width: 100%}
.phones img{ cursor: pointer}

#popupFon{background-color: rgba(0, 0, 0, 0.6); position: fixed; width: 100%; height: 100%; left: 0; top: 0; display: none; z-index: 101;}
.popup{ width: 260px; padding: 20px; background-color: #fff;  margin: 0 auto; z-index: 102; position: relative; border-radius: 0 0 5px 5px;}
.popup h3{ font-size: 18px; margin-bottom: 15px}
.popup p{ margin-bottom: 0px}
.popup input{ padding: 5px 2%; width: 95%; border-radius: 5px; border: solid 1px #007171; margin-bottom: 10px}
.popup span{ text-align: center; background-color: #007171; color: #fff; font-weight: bold; padding: 10px 0; border-radius: 10px; display: block; width: 100%; cursor: pointer}
.popup.error input{border: solid 1px red; color: red}