@import url("/css/reset.css");
@import url("/css/menu.css");
@import url("/css/prettyPhoto.css");
/* *********************************************************************************** */
/* START_STYLE_CSS */ 
html, body {}
body {font: normal 1em/1.3 Trebuchet MS, sans-serif; background:#A8C3BC url(/images/design/bg-main.png) repeat-x 0 0; color:#FFF;}

h1 {font-size:24px; color:#FFF; margin-bottom:20px; font-style:italic;}
h2 { }
h3 { }
h4 { }

a {color:#FFF;}

/* *********************************************************************************** */
/* -- MAIN_CSS -- */ 
#body-w {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 900)? "900px" : "100%");min-width:900px;}	
#body-f { }	

#header {margin-top:20px;height:210px;position:relative; padding:20px 50px 0 50px;}
#header .header-left {width:33%; float:left;height:210px; text-align:center; }
#header .header-right {width:66%; float:right;height:210px; position:relative; }

#header .mini-contacts {position:absolute; top:85px; left:0; font-size:16px; color:#CFDEDB;}

.contacts .mini-contacts-2 {display:none;}

#content {clear:both; padding:0 50px 30px 50px; }
#content:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}

#content .left-side {width:33%; float:left;}
#content .right-side {width:66%; float:right;}

#content .left-side-pad {padding:0 30px 0 0;}


#footer {padding:0 50px; background:#9AB6B2; }
#footer .footer-pad {padding:30px 0; font-size:14px; color:#D8E7E9; position:relative;}
#footer .footer-pad .count {position:absolute; top:30px; right:0;}

/* text */
.text {font-size:16px;}
.text p {margin-bottom:20px;}

.mini-contacts-2 {padding:20px; background:#9AB6B2; ; font-size:14px;}

/* middle-part */
#middle-part {padding:0 50px 30px 50px; clear:both;}
#middle-part:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
#middle-part ul {}
#middle-part ul:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
#middle-part li {width:33%; float:left; height:220px; margin-bottom:40px; font-size:14px; position:relative; z-index:10;}
#middle-part li .row {padding:0 10px 0 100px; position:relative;}
#middle-part li img {position:absolute; top:0; left:0; z-index:1;}
#middle-part li h2 {font-size:30px; color:#FFF; font-family: Arial Narrow, Tahoma, sans-serif; margin-bottom:7px;}
#middle-part li h2 a {color:#FFF; text-decoration:none; border-bottom:1px dashed #FFF;}
#middle-part li h2 a:hover { border-bottom:1px dashed transparent;}
#middle-part a.link {color:#069; font-style:italic; display:block;}

#chernogor {}
#chernogor a {font-size:22px; color:#FFF;}

/* sample-content */
#sample-content {clear:both; padding:20px 50px; background:#8FB1AA url(/images/design/content-sapmle.png) repeat-x 0 0;}
#sample-content:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
#sample-content .sample-left {width:33%; float:left;}
#sample-content .sample-left-pad {padding: 0 20px 0 0;}
#sample-content .sample-right {width:66%; float:right;}
#sample-content .text {font-size:16px;}

/* mini-logos */
.mini-logos {margin-top:20px;}
.mini-logos:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
.mini-logos ul {}
.mini-logos ul:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
.mini-logos li {width:33%; float:left; margin-bottom:10px; cursor:pointer; position:relative; z-index:1;}
.mini-logos li img {position:relative;cursor:pointer; z-index:0; }
.mini-logos li .descr {display:none; position:absolute; top:0; left:0; background:#487886; padding:10px; width:150px; border:1px solid #FFF;}
.mini-logos li:hover {display:block; z-index:10;}
.mini-logos li:hover .descr {display:block;}
.mini-logos .descr2 {display:none;}
.mini-logos a {text-decoration:none;}

/* news */
#news {font-size:14px;}
#news ul {}
#news li {margin-bottom:20px;}
#news li .date {font-size:12px; font-style:italic;}
#news li .link {font-size:18px;}
#news h2 {font-size:24px; color:#E3EAEA; margin-bottom:20px; font-style:italic;}

.news-list {}
.news-list ul {}
.news-list li {margin-bottom:30px;}
.news-list li .date {font-size:12px; font-style:italic;}
.news-list li .link {font-size:18px;}

/* galleries */
.galleries {}
.galleries ul {}
.galleries ul:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
.galleries li {width:170px; float:left; height:250px;}
.galleries li span {display:block; font-size:12px;}
.galleries li img {border:1px solid #FFF; padding:2px;}

/* *************************************************************************** */
/* -- TOOLTIP -- */
#tooltip{position:absolute;border:1px solid #000;font-size:92%;background:#FFFFE1;padding:2px 5px;color:#333;display:none; z-index:1000;}	
#tooltip{width: expression(this.offsetWidth > 251?"250"?:"this.offsetWidth");max-width:250px;}	

/* *********************************************************************************** */
/* -- DEFAULTS -- */
.rel {position:relative; } .abs {position:absolute; } .top0 {top:0;} .left0 {left:0;} .bottom0 {bottom:0;} .right0 {right:0;}
.displayNone {display:none; } .displayBlock {display:block;}
.clear {clear:both; line-height:1px; height:1px;}
.left {display:block; float:left;}
.right{display:block; float:right;}
.noneOutline {outline:0px; ie-dummy:expression(this.hideFocus=true);}