@import url("/css/reset.css");
@import url("/css/menu.css");
@import url("/css/prettyPhoto.css");
/* *********************************************************************************** */
/* START_STYLE_CSS */ 
body {font: normal 1em/1.3 Trebuchet MS, sans-serif;}
html, body {}

h1 {font-size:22px; color:#000;margin-bottom:15px; font-style:italic; }
h2 { }
h3 { }
h4 { }

a {color:#369;}

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

#header {height:100px; background:#DCF7FF url(/images/design/header.jpg) repeat-x 100% 100%; position:relative; }
#header #logo {position:absolute; top:12px; left:20px;}
#header #marq-text {color:#fff; font-size:25px; font-weight:bold; padding:30px 270px; font-style:italic;}

#sub-header { height:50px; position:relative;}
#sub-header .search { position:absolute; top:15px; left:20px;}
#sub-header .search .input-text {border:1px #7AB6C7 solid; font-size:12px; color:#607293; padding:3px; }
#sub-header .search .input-submit {width:50px; height:22px; background: url(/images/design/search.gif) no-repeat 0 0; border:0; cursor:pointer; margin-left:5px;}
#sub-header .phones {position:absolute; top:11px; right:20px; font-size:23px; color:#000;}
#sub-header .phones a {font-size:16px; margin-left:5px;}

#content {margin:1px 0; border-top:1px solid #000; border-bottom:1px solid #DCEAED; }
#content:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}

#left-side {float:left; width:270px; position:relative; z-index:2;}
#middle-side {float:left;width:100%; margin:0 -270px;}
#right-side {float:right; width:270px;}

#left-side .left-side-pad {padding:20px;}
#middle-side .middle-side-pad {padding:20px 270px;}
#right-side .right-side-pad {padding:20px;}

#footer {background:#EAF2F5; font-size:13px; position:relative; }
#footer .footer-pad {padding:40px 20px;}
#footer .counters {position:absolute; top:40px; right:20px;}

/* inform-blocks */
.inform-blocks {background:#E5E5E5; padding:20px;}
.inform-blocks ul {}
.inform-blocks ul:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
.inform-blocks li {float:left; width:24%;}
.inform-blocks .one {margin-bottom:30px;}
.inform-blocks .two li a{float:right;}

.inform-blocks li a {display:block; width:174px; height:114px;background: url(/images/design/pics/pics.jpg) no-repeat 0 0;}

.inform-blocks .li-1 a {background-position:0 0;}
.inform-blocks .li-1 a:hover {background-position:0 -120px;}
.inform-blocks .li-2 a {background-position:-180px 0;}
.inform-blocks .li-2 a:hover {background-position:-180px -120px;}
.inform-blocks .li-3 a {background-position:-360px 0;}
.inform-blocks .li-3 a:hover {background-position:-360px -120px;}
.inform-blocks .li-4 a {background-position:-540px 0;}
.inform-blocks .li-4 a:hover {background-position:-540px -120px;}
.inform-blocks .li-5 a {background-position:-720px 0;}
.inform-blocks .li-5 a:hover {background-position:-720px -120px;}
.inform-blocks .li-6 a {background-position:-900px 0;}
.inform-blocks .li-6 a:hover {background-position:-900px -120px;}
.inform-blocks .li-7 a {background-position:-1080px 0;}
.inform-blocks .li-7 a:hover {background-position:-1080px -120px;}
.inform-blocks .li-8 a {background-position:-1260px 0;}
.inform-blocks .li-8 a:hover {background-position:-1260px -120px;}


/* simple-block */
.simple-block {background:#EDF9FE; padding:10px; border:1px solid #808080; margin-bottom:20px;}
.simple-block h2 {font-size:15px; color:#000; font-weight:bold; margin-bottom:15px;}
.upmenu li {font-size:13px; margin-bottom:7px; }
.upmenu li a {display:none;}
.upmenu li li a {display:inline;}

/* map */
.map img {padding:5px; background:#3E7286;}
.map .more {display:block; color:#47798C; font-size:12px; margin-top:10px;}

/* news */
.news {}
.news ul {}
.news li {margin-bottom:15px;}
.news li .date {color:#999; font-style:italic; display:block;}
.news li .link {display:block;}
.news li .link a {font-size:13px; color:#333; font-weight:bold;}
.news li .descr {color:#999;}

.news-list {margin: 0 !important; list-style:none !important;}

/* rest */
.rest {line-height:140%; font-size:13px;}

/* weather */
.weather {font-size:14px; color:#666;}
.weather h2 {margin-bottom:5px;}
.weather span {margin-bottom:15px; display:block;}

/* links */
.links {}
.links a {display:block;}

/* catalog */
.section-list {margin:0 !important; list-style:none !important;}
.section-list li {margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #CCC;}
.section-list li:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
.section-list li .img {border:1px solid #CCC; padding:2px;float:left; margin: 0 20px 20px 0;}
.section-list li .info {}
.section-list li .info a {font-size:18px;}

.position-body {}
.position-body ul {margin:0 !important; list-style:none !important;}
.p-gallery {}
.p-gallery:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
.p-gallery li {float:left; margin: 0 20px 20px 0;}
.p-gallery li img {border:1px solid #CCC; padding:2px;}

.back-link {padding-top:40px;}

/* *************************************************************************** */
/* -- 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;}	

/* *********************************************************************************** */
/* -- TEXT-FORMATTING -- */
.text {font-size:13px; color:#666;}
.text ul, .text ol {margin-left:15px;}
.text ul {list-style:disc;}
.text ol {list-style-type:decimal;}
.text strong {font-weight:bold;}
.text p {margin-bottom:15px;}
.photoGallery {margin:0 !important; list-style:none !important; }

/* *********************************************************************************** */
/* -- 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);}
.bold, .strong {font-weight:bold;} .italic, .em {font-style:italic;}
