body {font-size: 62.5%; margin: 0; padding:0px; background:#fff url(/img/bg_top.jpg) 0 0 repeat-x; color:#626262; font-family: Arial, Tahoma, sans-serif;}
html, body {height:100%;}

#nojs {clear:both;font-size:1.5em;color:red;margin:10px;width:690px;}
#foot_nojs {clear:both;margin:10px;width:690px;}

/*---Global tags---*/
img {border:0;}
form {padding:0; margin:0;}
a {color:#3499cc; text-decoration:underline; outline:0}
a:hover {color:#399; text-decoration:none;}

hr {color: #ededed; background-color:#ededed; border:0px none; height:1px; }
h1, h2, h3, h4 {}
h1 {font-size:1.9em; color:#399; font-style:italic; font-family:Georgia, serif; margin:10px 0;line-height: 1.2em;}
h2 {font-weight:normal; font-size:1.9em; color:#399; font-style:italic; font-family:Georgia, serif; margin:17px 0;}
h3 {} 
h4 {}


ul {}
ul li {}

p {margin:12px 0;}
fieldset {padding:0; border:none; border:0px solid #000; margin:0;}
table {border-collapse: collapse;}
textarea, input {font-family:Arial;}
big {font-size:1.1em;}
small {font-size:0.9em;}

.cl {clear:both; font-size:0;}
.right {float:right;}
.left {float:left;}

#main {min-height:100%; background:url(/img/bg_bot.jpg) 0 100% repeat-x; min-width:1000px;}
#container {font-size: 1.3em; background:url(/img/bg_head.jpg) 0 0 no-repeat; width:960px; margin:0 auto; }
#header {position:relative; height:172px; }
#header .logo {position:absolute; left:0; top:45px; }
.phone {position:absolute; left:496px; top:48px; background:url(/img/247.png) 0 0 no-repeat; width:210px; padding:40px 0 0; font-family:Georgia, serif; font-size:1.7em; font-style:italic; font-weight:bold; color:#399;}
.phone small {font-size:0.5em; color:#666; font-weight:normal;padding:0;margin:0;}    
.phone div {font-size:0.7em;top:-10px;}
     

.main_menu {color:#666; list-style:none; margin:0; padding:0; width:215px; position:absolute; right:14px; top:49px; font-size:1em; background:url(/img/line2.png) 0 100% no-repeat;}
.main_menu a {color:#666; text-decoration:none; display:block; background:url(/img/line2.png) 0 0 no-repeat;}
.main_menu a span {display:block; padding:5px 0 5px 10px; }
.main_menu a:hover {background:url(/img/hover_top.png) 0 0 no-repeat; color:#399;}
.main_menu a:hover span{background:url(/img/hover_bot.jpg) 0 100% no-repeat;}

.mid_block {background:url(/img/mid_block.png) -30px 0 repeat-y;}
.mid_block_c {background:url(/img/mid_block_c.jpg) -30px 0 no-repeat; }
.mid_block_b {background:url(/img/mid_block_b.png) -30px 100% no-repeat; padding:14px 0 10px; }
.mid_right {float:left;}
.sections {float:left; width:716px; }
.section {width:346px; height:122px; display:block; float:left; margin:0 12px 12px 0; overflow:hidden; }
.narkolog:hover {background:url(/img/narkolog.jpg) 0 0 no-repeat;} 
.narkolog {background:url(/img/narkolog.jpg) -347px 0 no-repeat;}
a.sel_narkolog {background:url(/img/narkolog.jpg) 0 0 no-repeat;} 

.help:hover {background:url(/img/help.jpg) 0 0 no-repeat;} 
.help {background:url(/img/help.jpg) -347px 0 no-repeat;}
a.sel_help {background:url(/img/help.jpg) 0 0 no-repeat;} 

.coding:hover {background:url(/img/coding.jpg) 0 0 no-repeat;}
.coding {background:url(/img/coding.jpg) -347px 0 no-repeat;}
a.sel_kodirovanie {background:url(/img/coding.jpg) 0 0 no-repeat;}

.sober:hover {background:url(/img/sober.jpg) 0 0 no-repeat;}
.sober {background:url(/img/sober.jpg) -347px 0 no-repeat;}
a.sel_quick {background:url(/img/sober.jpg) 0 0 no-repeat;}

.section2 {width:211px; height:252px; display:block; float:left; margin:0 0 0 20px; overflow:hidden; }
.docvivod:hover {background:url(/img/doc_smile.jpg) 0 0 no-repeat;} 
.docvivod {background:url(/img/doc_smile.jpg) -212px 0 no-repeat;}
a.sel_vivod-zapoya {background:url(/img/doc_smile.jpg) 0 0 no-repeat;} 
 

.sub_menu {list-style:none; margin:0 0 0 15px; padding:0; width:200px; float:left; font-family:Georgia, serif; font-style:italic; font-size:1.1em; background:url(/img/line2.png) 0 100% no-repeat;}
.sub_menu a {color:#666; text-decoration:none; display:block; background:url(/img/line2.png) 0 0 no-repeat;}
.sub_menu a span {display:block; padding:5px 0 5px 10px; }
.sub_menu a:hover {background:url(/img/hover_top.png) 0 0 no-repeat; color:#399;}
.sub_menu a:hover span{background:url(/img/hover_bot.jpg) 0 100% no-repeat;}

#content {width:690px; float:left; padding:0 0 10px 5px;line-height: 1.4em;} 
.green {color:#399;} 
.blue {color:#3499cc;}
strong big, .georg {font-family:Georgia, serif;}
.col1 {width:315px; }
.col1 em big {font-weight:bold; font-size:1.1em;}
.col1 strong {color:#399;}
.articles {background:url(/img/art_bg_c.jpg) 0 0 repeat-y; margin:0 0 30px -25px;}
.inarticles {background:url(/img/art_bg.jpg) 0 0 no-repeat; padding:10px 10px 10px 25px;}
.articles strong {font-size:1.1em;}
.articles h4 {font-size:2em; font-family:Georgia, serif; font-style:italic; font-weight:normal; color:#399; margin:0 0 15px; }
.articles p {margin:0 0 10px; background:url(/img/bub.gif) 0 0 no-repeat; padding:0 0 0 30px;}
.all_art {font-size:0.45em; font-weight:bold; background:url(/img/plus.gif) 100% 3px no-repeat; padding:0 18px 0 5px;}
.rounded {background:url(/img/round_top.png) 0 0 no-repeat; padding:8px 10px 0 10px; position:relative; z-index:2;}
.rounded p {margin:5px 0 0 0;}
.rounded_bot {background:url(/img/round_bot.png) 0 0 no-repeat; height:26px; margin:-10px 0 0; position:relative; z-index:1;}

#sidebar {padding:0 0 0 40px; width:210px; float:left;}
#sidebar p {margin:0 0 12px;}
.but2, .but3 {display:block; width:199px; height:22px; padding:128px 0 0; background:url(/img/but2.png) 0 100% no-repeat; text-decoration:none; font-family:Georgia, serif; text-align:center; font-style:italic; font-weight:bold; font-size:1.2em; color:#399; margin:5px 0 10px;}
.but2:hover, .but3:hover {background:url(/img/but2.png) -199px 100% no-repeat;}
a.sel_zapis {background:url(/img/but2.png) -199px 100% no-repeat;}

.but3 {background:url(/img/but3.png) 0 100% no-repeat; margin:0 0 7px;}
.but3:hover {background:url(/img/but3.png) -199px 100% no-repeat;}

#footer {height:85px; padding:32px 0 0; background:url(/img/bg_bot_c.jpg) 0 13px no-repeat; position:relative;}
#footer .logo {position:absolute; top:30px; left:0;}
#footer .phone {background:none; top:30px; padding:0;}
.additional {position:absolute; width:230px; right:0; top:30px; line-height:0.7em;}
.additional img {float:left; margin:0 8px 5px 0;}
.additional p {padding:10px 0 0; margin:0;}
.additional small {font-size:10px; }

/* Float Properties */
.clearfloat:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfloat {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfloat {height:1%;}
*+html .clearfloat {height:1%;}
.clearfloat {display:block;}

#contentp
, #content ul
, #content ol
{
padding: 0;
margin: 1em 0;
}
#content li
{
margin: 0.5em 0 0.5em 2.5em;  
}
#content ul
{
list-style-type: none;
}
#content ul li
{
padding: 0;
behavior: expression(
( !this.before && parentNode && parentNode.tagName == 'UL' )
?
( this.before = true )
& ( parentNode.style.listStyleImage = 'none' )
& (
( this.firstChild && this.firstChild.firstChild )
?
( this.firstChild.style.marginTop = '-1.2em' )
& ( this.firstChild.style.position = 'relative' )
: ''
)
& ( eNOBR = document.createElement( '<nobr style="position: relative; display: block; width: 1.25em; left: -1.25em; margin: 0 -1.25em -1.2em 0;" />' ) )
& ( eNOBR.innerHTML = '&mdash;&nbsp;' )
& ( this.insertBefore( eNOBR, this.firstChild ) )
: ''
);
}
#content ul>li:before
{
content: '\2014\a0';
float: left;
margin-left: -1.25em;
}
#content ul>li>*:first-child:-moz-first-node
{
margin-top: -1.2em;
}
#content ul>li>*
{
text-indent: 0;
}
#content .sup
{
position: relative;
top: -0.5em;
font-size: 0.75em; //font-size: 0.89em;
line-height: 0;
vertical-align: baseline;
}


ul.phone_cont li {font-family:Georgia, serif; font-size:2em; font-style:italic; font-weight:bold; color:#399;}