@charset "utf-8";
/* CSS Document */

body {background:url(img/bg-body.jpg) repeat; padding:0; margin:0; font-family:Cambria, "Times New Roman", Times, serif;}


/****** header ******/
.div1 {width: 100%; background:url(img/bubbles-top.png) top right no-repeat;}
.row-1 {width: 100%; padding:0;}
.main1 {width:1000px; padding:0; margin:0 auto; position:relative; z-index:2;}
.dlang {padding:3px 0 30px 0; margin:0; overflow:hidden;}
.dlang .btn {padding:0; margin:0 0 10px 0; float:left; width:32px; height:32px;}
.dlang .btn_active {padding:0; margin:0 0 10px 0; float:left; background:url(img/lang.png) center no-repeat; width:32px; height:32px;}
.dlang form {padding:0; margin:0; height:32px; width:32px;}
.dlang input {padding:0; margin:0; height:32px; width:32px;}
.dlang .ba {font:bold 14px/14px Cambria, "Times New Roman", Times, serif; color:#630; text-decoration:none; margin:0px; padding:0; border:none; background:none; cursor:pointer;}
.dlang .ba_active {font:bold 14px/14px Cambria, "Times New Roman", Times, serif; color:#fff; text-decoration:none; margin:0px; padding:0; border:none; background:none; cursor:pointer;}
.dlm {margin:0; padding:0; overflow:hidden;}
.dlm .dlogo {margin:0; padding:0; overflow:hidden; width:380px; height:217px; float:left;}
.dlm .dlogo a {margin:0; padding:0;}
.dlm .dlogo img {margin:0; padding:0;}
.dsm {margin:0; padding:0; overflow:hidden; width:620px; float:right;}
.dsm .dslogan {font:bold 26px/26px Cambria, "Times New Roman", Times, serif; height:55px; margin:70px 0 0 0; padding:0; text-align:right; text-shadow:1px 1px 1px #fff; z-index:500;}
.dphone {font:30px/36px Cambria, "Times New Roman", Times, serif;  text-align:right; text-shadow:1px 1px 1px #fff; position:absolute; top:100px; right:0; color:#000;}

.socic { position:absolute; right:5px; bottom:10px; overflow:hidden;}
.socic a {float:right; margin:0 0 5px 5px; text-decoration:none; -moz-box-shadow: 3px 3px 4px #ccc; -webkit-box-shadow: 3px 3px 4px #ccc; box-shadow: 3px 3px 4px #ccc;}
.socic a:hover {box-shadow:none;}
.socic img {height:40px; width:40px;}

/****** navigation ******/
#nav {height:35px; padding:15px 5px 0px 0px;}
.default {position:absolute; right:0; bottom:60px; width:1000px;}
.fixed {position: fixed; top:5px; margin-right:auto; margin-left:auto; width:1000px;background:url(img/bg-body.jpg) repeat; height:20px; box-shadow:0 1px 1px #222; -webkit-box-shadow: 0 1px 1px #222; -moz-box-shadow: 0 1px 1px #222;}
.menu {font:bold 13px Cambria, "Times New Roman", Times, serif; text-transform:uppercase; z-index:2222; float:right; width:525px;}
.menu ul.cssmenu {margin:0; padding:0; list-style:none;}
.menu ul.cssmenu li {display:inline-block; position:relative; float:left; margin:0 4px 0 0;}
.menu ul.cssmenu li a {padding:10px; color:#fff; text-decoration:none; font-weight:bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -moz-box-shadow: 3px 3px 4px #ccc; -webkit-box-shadow: 3px 3px 4px #ccc; box-shadow: 3px 3px 4px #ccc;}
.menu ul.cssmenu li p {padding:10px; color:#fff; text-decoration:none; font-weight:bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -moz-box-shadow: 3px 3px 4px #ccc; -webkit-box-shadow: 3px 3px 4px #ccc; box-shadow: 3px 3px 4px #ccc; margin:-10px 0 0 0;}
.menu ul.cssmenu li.button-1 a {background:#ed5377;}
.menu ul.cssmenu li.button-1 a:hover {color:#ed5377; background:#fff;}
.menu ul.cssmenu li.button-2 a {background:#63a0b2;}
.menu ul.cssmenu li.button-2 a:hover {color:#63a0b2; background:#fff;}
.menu ul.cssmenu li.button-3 a {background:#9fba39;}
.menu ul.cssmenu li.button-2 p {background:#63a0b2;}
.menu ul.cssmenu li.button-3 a:hover {color:#9fba39; background:#fff;}
.menu ul.cssmenu li.button-4 a {background:#a8739d;}
.menu ul.cssmenu li.button-4 a:hover {color:#a8739d;background:#fff;}
.menu ul.cssmenu li.button-5 a {background:#B02775;}
.menu ul.cssmenu li.button-5 a:hover {color:#B02775; background:#fff;}
.menu ul.cssmenu li.button-7 a {background:#c46943;}
.menu ul.cssmenu li.button-7 a:hover {color:#c46943; background:#fff;}
.menu ul.cssmenu li.button-6 a {background:#FEC200;}
.menu ul.cssmenu li.button-6 a:hover {color:#FEC200; background:#fff;}
.menu ul.cssmenu li:hover ul {display:block;}
.menu ul.cssmenu li ul {margin:0; padding:0; list-style:none; display:none; position: absolute; top: 22px; left: 0px;}
.menu ul.cssmenu li ul li {display:block; margin-top:23px; width:250px;}
.menu ul.cssmenu ul:after {clear: both; display: block; font:1px/0px serif; height:0; visibility: hidden;}

.div21 {width:100%; position:relative; z-index:1; overflow: hidden; padding:10px 0;}
.row-21 {width: 100%; padding:0; overflow:hidden; overflow: hidden;}
.main21 {width:1000px;padding:0;margin:0 auto; overflow: hidden;}
.hb {background: #fff; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 3px 3px 4px #ccc; margin:10px 2px; font:bold 14px Cambria, "Times New Roman", Times, serif; text-transform:uppercase;}
.hb ul.mnav {margin:0; padding:0; list-style:none;}
.hb ul.mnav li {display:inline-block; width:241px;}
.hb ul.mnav li a {padding:10px; color:#fff; text-decoration:none; font-weight:bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -moz-box-shadow: 3px 3px 4px #ccc; -webkit-box-shadow: 3px 3px 4px #ccc; box-shadow: 3px 3px 4px #ccc;}
.hb ul.mnav li.button22 a {background:#ed5377; display:block; text-align:center;}
.hb ul.mnav li.button22 a:hover {color:#ed5377; background:#fff;}
.hb ul.mnav li ul {margin:0; padding:0; list-style:none; display:none; position: absolute; top: 22px; left: 0px;}
.hb ul.mnav ul:after {clear: both; display: block; font:1px/0px serif; height:0; visibility: hidden;}

/****** slider ******/
.div2 {width:100%; position:relative; z-index:1;}
.row-2 {width: 100%; padding:0; overflow:hidden; background:url(img/hims.png) repeat;}
.main2 {width:1000px;padding:0;margin:0 auto; overflow: hidden;}
.header-border {background: #fff; width: 975px; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 3px 3px 4px #ccc;margin-bottom:5px;}
.header {height: 155px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 3px 3px 4px #ccc;}
.header-slogan .ttl {margin:0; color: #fff; padding-left: 470px; padding-top: 25px; position: absolute; z-index:100; width:510px; text-shadow: #004a75 1px 1px 1px; font: bold 30px Cambria, "Times New Roman", Times, serif;}
.header-slogan-bold {color: #004a75; position: absolute; z-index:100; width:510px; text-shadow: #fff 1px 1px 1px; font-size:45px;}
#slideshow {position:absolute; width: 980px; height: 326px;}
#slideshow img {position:absolute; top:0; left:0; z-index:8; opacity:0.0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 975px;}
#slideshow img.active {z-index:10; opacity:1.0;}
#slideshow img.last-active {z-index:9;}

/****** content ******/
.div3 {width:100%;}
.row-3 {width: 100%; padding:0; overflow:hidden;}
.main3 {width:1000px;padding:0;margin:0 auto; font-size: 13px; line-height: 25px; overflow: hidden;}
.contentl {float:left; width:700px; margin:0; padding:0;}
.contentr {float:right; width:270px; margin:0; padding:0;}
.contentr .dttlf {font:bold 24px/24px Cambria, "Times New Roman", Times, serif; color:#fff; background-color:#9FBA39; border-radius:10px; padding:20px; margin:0 0 10px 0; box-shadow: 3px 3px 4px #ccc;}
.contentr .dttln {font:bold 20px/20px Cambria, "Times New Roman", Times, serif; color:#fff; background-color:#FEC200; border-radius:10px; padding:20px; margin:10px 0; box-shadow: 3px 3px 4px #ccc;}

/*.content-border {background:url(img/bg-content.jpg) repeat; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 3px 3px 4px #ccc;}*/
.content-border {background:#fff;; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 3px 3px 4px #ccc;}
.content-title {background: #00a0ba; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; color: #fff; padding:10px 20px;}
.content-title h1 {font-size:30px; text-shadow: #000 0px 1px 1px;}
.content {background: url(img/bg-body.jpg); padding: 20px; text-shadow:0 1px 1px #fff; border: 1px solid white; font:14px/26px Cambria, "Times New Roman", Times, serif; overflow:hidden;}
.content p {text-align:justify;}
.content img {background: #F0F0F0; padding: 5px !important;	border: 1px solid white; box-shadow: 2px 2px 3px #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.contento {background: url(img/bg-body.jpg); padding: 20px; text-shadow:0 1px 1px #fff; font:14px/26px Cambria, "Times New Roman", Times, serif; overflow:hidden;}
.contento p {text-align:justify;}
.contento img {background:#F0F0F0; padding:5px !important; border:1px solid white; box-shadow:2px 2px 3px #ccc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;}
.conttl {margin:-20px -20px 0 -20px; padding:0; overflow:hidden; position:relative; }
.conttl .fxd {position:static; width:50%; overflow:hidden; margin:0; padding:0; float:left; box-shadow:inset 0 2px 5px #333; opacity:0.4;}
.conttl .act {position:static; width:50%; overflow:hidden; margin:0; padding:0; float:left;}
.conttl .ttl {margin:0; padding:20px 20px; text-align:center;}
.conttl .ttl a {font:bold 18px/18px Cambria, Geneva, sans-serif; color:#630; text-shadow:0 1px 1px #fff; text-decoration:none;}
.conttl .ttl a:hover {text-decoration:underline;}

.mblckcont {margin:0 -10px; padding:15px 10px; overflow:hidden;}
.mceni {background-color:#fff; border:1px solid #e8e8e8; padding:0; overflow:hidden; border-radius:10px; margin-bottom: 20px !important; box-shadow: 3px 3px 4px #ccc;}
.mceni .dh {margin:0; padding:10px; border-bottom:1px solid #f3f3f3; border-radius:10px 10px 0 0; background:#00A0BA;}
.mceni h3 {font:bold 20px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:0; text-shadow:none;}
.midiv {border-bottom:1px solid #f3f3f3; overflow:hidden; text-align:center;}
.midiv:hover {background-color:#f3f3f3;}
.dleft {width: 155px; border-right:1px solid #f3f3f3; margin:0; padding:3px 0; float:left; display:inline; overflow:hidden;}
.dright {width: 155px; margin:0; float:right; display:inline; padding:3px 0; overflow:hidden;}
.mceni p {margin:0; padding:10px 0; font-size:14px; line-height:14px; font-weight:bold; text-align:center;}

.mnews {background-color:#fff; border:1px solid #e8e8e8; padding:0; overflow:hidden; border-radius:10px; margin-bottom: 20px !important; box-shadow: 3px 3px 4px #ccc;}
.mnews .dh {margin:0; padding:10px; border-bottom:1px solid #f3f3f3; border-radius:10px 10px 0 0; background:#FEC200;}
.mnews h3 {margin:0; padding:0; text-shadow:none;}
.mnews .dh a {margin:0; padding:0; font:bold 16px/16px  'Trebuchet MS', Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
.mndiv {overflow:hidden; margin:0; padding:10px;}
.mndiv img {float:left; width:100px; margin:0 20px 0 0;}
.mndiv .newscnt {overflow:hidden; margin:0; padding:0;}
.mmore {clear:both; float:right; width:200px; background:#00A0BA; text-align:center; padding:10px 0;}
.mmore a {font:italic 15px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:none;}
.mmore a:hover {text-decoration:underline;}

.korp-data-left {background: #fff; text-align:left; font-weight:bold; padding: 10px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; box-shadow: 3px 3px 4px #ccc;}
.korp-data-center {background: #fff; text-align:center; padding: 10px; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0;	border-radius: 0 10px 10px 0;box-shadow: 3px 3px 4px #ccc;}

/****** form ******/
form#contactform label {font:bold 15px/28px Arial, Tahoma, Helvetica, sans-serif; color: #004a75; text-shadow: #fff 1px 1px 1px;}
form#contactform input {border-radius:10px; padding:10px; margin:0 0 10px 0; border:1px solid #e3e3e3; width:250px;}
form#contactform .error {color:#900;}
form#contactform textarea {font:12px Arial, Tahoma, Helvetica, sans-serif; padding:10px; border:1px solid #e3e3e3; border-radius:10px; width:250px; height:100px; color:#333; margin:0 0 10px 0;}
form#contactform2 label {font:bold 15px/28px Arial, Tahoma, Helvetica, sans-serif; color: #004a75; text-shadow: #fff 1px 1px 1px;}
form#contactform2 input {border-radius:10px; padding:10px; margin:0 0 10px 0; border:1px solid #e3e3e3; width:250px;}
form#contactform2 .error {color:#900;}
form#contactform2 textarea {font:12px Arial, Tahoma, Helvetica, sans-serif; padding:10px; border:1px solid #e3e3e3; border-radius:10px; width:250px; height:100px; color:#333; margin:0 0 10px 0;}
.button {font:16px/16px Verdana, Geneva, sans-serif; color:#fff; cursor:pointer; background-color: #9FBA39;}
.button:hover {background:#00a0ba;}

.submit {font:16px/16px Verdana, Geneva, sans-serif; color:#fff; cursor:pointer; background-color: #9FBA39;}
.submit:hover {background:#00a0ba;}

.sbj {display:none;}

.oart {overflow:hidden; margin:5px 0; padding:0 0 2px 0; border-bottom:1px solid #fff;}
.oartdi {float:left; display:inline; overflow:hidden; margin:0 10px 0 0; padding:0; width:55px;}
.oartdi img {width:40px; height:40px; margin:5px; padding:4px; border:1px solid #e3e3e3; border-radius:5px; background:#fff;}
.oarthind {overflow:hidden; margin:0; padding:0; float:right; text-align:left; width:200px;}
.oarthind p {margin:0; padding:5px 0;}
.oarthind p a {font:italic 13px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
.oarthind p a:hover {text-decoration:underline; color:#00a0ba;}


.contentr .dstln {font:bold 20px/20px Cambria, "Times New Roman", Times, serif; color:#fff; background-color:#00A0BA; border-radius:10px; padding:20px; margin:10px 0; box-shadow: 3px 3px 4px #ccc;}
.dstlni {overflow:hidden; margin:5px 0; padding:0 0 1px 0; border-bottom:1px solid #fff;}
.dstlnind {overflow:hidden; margin:0; padding:0; text-align:left;}
.dstlnind p {margin:0; padding:1px 0; border-bottom:1px solid #00a0ba;}
.dstlnind p a {font:italic 13px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
.dstlnind p a:hover {text-decoration:underline; color:#00a0ba;}


.div4 {width:100%; padding:0;}
.row-4 {width: 100%; padding:0; overflow:hidden;}
.main4 {width:1000px;padding:0;margin:0 auto; font-size: 13px; line-height: 25px; overflow: hidden;}
.blck {background: #fff; padding:10px; margin:10px 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 3px 3px 4px #ccc; overflow:hidden;}
.blck .dl {float:left; width:470px;}
.blck .dr {float:right; width:470px;}
.blck .ttl {padding:5px; color:#fff; text-align:center; font-weight:; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background:#00A0BA;}
.blck .ttl .h2 {font:bold 18px/18px Cambria, "Times New Roman", Times, serif; color:#fff;}
.blck p {font:13px/20px Cambria, "Times New Roman", Times, serif; color:#333;}

a:focus { outline: none; }
a img { border: none; }

.div5 {width:100%; padding:00; margin:0;}
.row-5 {width: 100%; padding:0; overflow:hidden;}
.main5 {width:1000px;padding:0;margin:0 auto; overflow: hidden;}
.foot {background: #fff; padding:5px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 3px 3px 4px #ccc; margin:10px 2px; font:12px Cambria, "Times New Roman", Times, serif; text-transform:uppercase;}


.box-modal {position: relative; width: 500px; padding: 16px; background: #fff; color: #3c3c3c; font: 14px/18px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; box-shadow: 0 0 0 6px rgba(153, 153, 153, .3); border-radius: 6px;}
.box-modal_close { position: absolute; right: 10px; top: 6px; font-size: 11px; line-height: 15px; color: #999; cursor: pointer;}
.box-modal_close:hover {color: #555; }

.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }

.anketa {background: #fff; text-align:left; padding:10px; -webkit-border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; border-radius:10px 0 0 10px; box-shadow:3px 3px 4px #ccc;}

.otziv {background: #fff; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-shadow: 3px 3px 4px #ccc; margin:10px 0; font:bold 14px Cambria, "Times New Roman", Times, serif; text-transform:uppercase;}

.nava {padding:10px; color:#00A0BA; background:#fff; text-decoration:none; font-weight:bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -moz-box-shadow: 3px 3px 4px #ccc; -webkit-box-shadow: 3px 3px 4px #ccc; box-shadow: 3px 3px 4px #ccc;}
.nava:hover {background:#00A0BA; color:#fff; text-shadow:none;}
.navab {padding:10px; background:#00A0BA; color:#fff; text-shadow:none; text-decoration:none; font-weight:bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -moz-box-shadow: 3px 3px 4px #ccc; -webkit-box-shadow: 3px 3px 4px #ccc; box-shadow: 3px 3px 4px #ccc;}

#container{position:relative; width:670px; margin:0; padding-bottom: 10px;}
.grid{width:188px; min-height:100px; padding:3px; background:#F0F0F0; margin:3px; font-size:12px; float:left; box-shadow:0 1px 3px rgba(34,25,25,0.4); border:1px solid #fff;
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}

.grid strong {border-bottom:1px solid #ccc; margin:10px 0; display:block; padding:0 0 5px; font-size:17px;}
.grid .meta{text-align:right; color:#777; font-style:italic;}
.grid .imgholder img{max-width:100%; background:#ccc; display:block;}

@media screen and (max-width : 1240px) { body{overflow:auto;} }
@media screen and (max-width : 900px) {
	#backlinks{float:none; clear:both;}
	#backlinks a{display:inline-block; padding-right:20px;}
	#wrapper{margin-top:90px;}
}