@charset "utf-8";

/*	___________________________________
	
	Asrtaclinic.ru
	
	Sergei Asanov (http://sadesign.ru)
	11/02/2008
	___________________________________
*/

@import url(/css/typo.css);
@import url(/css/navigation-h.css);


body { background:#f3f1e8 repeat-x left top; }



/*
	HEADER
	_______________
*/

#header { background: url(/i/headerbg.jpg) no-repeat; height:590px;}
#header #curtain { background: url(/i/curtainie.png) no-repeat top; height: 314px; } /* for IE */
html>body #header #curtain { background: url(/i/curtain.png) no-repeat 38% top; height: 314px;}  /* for all except IE */
#header #mainlogo { position:absolute; top:40px; left:130px;}
#header #spbstyle { position:absolute; top:174px; left:48%;}
#header #petr { position:absolute; top:137px; right:0;}

.intro { font-style:italic; font-size:13px; padding-top: 0; padding-left:200px; width:30%; line-height: 18px;}
.intro h1 { font-size: 18px; font-style:italic; font-family:Arial, sans-serif; color: #7d613f; margin-left:-16px;}
.intro h2 { margin-top:10px;}



.intro {position:relative;width:100%;padding:0;}
.intro h3 { font-size: 18px; font-style:italic; font-family:Arial, sans-serif; color: #7d613f;}
.intro h1, .intro h2 {margin:0;}
.intro .one {display:block;position:absolute;z-index:1;left:170px;top:-15px;width:380px;overflow: visible;}
.intro .two {display:block;position:absolute;left:580px;top:-15px;width:340px;overflow: visible;}
.intro .cont {padding:0 0 0 18px;font-style:normal; }

.intro .two h3 {color:#fff !important;background:#9c341e;padding:3px 5px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	  font-style:normal;}

.news {margin:10px 0 0 0;}
.news .item { border-bottom: solid 1px #cfdee5; padding-bottom:5px; margin-bottom:9px; }
.news .item .title { font-size:13px; display: table; _height: 0; /* for IE5-6 */ zoom: 1; /* for IE7 */}
.news .item .title a {}
.news .item .date { font-size:12px; font-weight: bold; color: #c05742; float: left; padding-right:16px; }
.news .item .date span { font-size: 8px; font-family:Tahoma; letter-spacing:1px; padding:2px 4px; background:#003c00;}
.news .item .date span span.time { color: #85a285;}
.news .allnews {text-align:right;}
.news .allnews a { color: #c05742;}



#mainnavigation { color:#ecdbc5; position:absolute; top: 0; right:6%;}
#mainnavigation ul { list-style: none;}
#mainnavigation ul li { float:left; padding: 0 5px;}
#mainnavigation ul li a {padding:0 5px; text-decoration: underline; color:#ecdbc5;}
#mainnavigation ul li a:hover {}
#mainnavigation ul li.current a {background-color:#ecdbc5; color:#7d5f46; text-decoration:none;}
#mainnavigation ul li ul {font-size: 12px; font-weight: normal; margin-top:3px; margin-bottom:-6px;}
#mainnavigation ul li ul li {padding: 5px 0; float:none;}
#mainnavigation ul li.current ul li a { text-decoration: underline; color:#ecdbc5; background:none;}




#mainnavigation li {position:relative;}
#mainnavigation li ul {display:none;}
#mainnavigation li:hover ul {display:block;}
#mainnavigation li ul {position:absolute;top:45px;left:16px;width:130px;background:#fff;z-index:100;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7; 
-khtml-opacity: 0.7; 
opacity: 0.7; }
#mainnavigation li ul.treatment {width:150px;}
#mainnavigation li ul a {color:#9c341e;}

/*
	CONTENT
	_______________
*/

#content { background: url(/i/maincontentleft.jpg) no-repeat left top; }


/*
	NEWS
	_______________
*/

#news { margin-left:130px; padding-top:60px; padding-right:10px;}
#news h3 { padding-bottom:14px;}
#news .item { border-bottom: solid 1px #e3e0d8; padding-bottom:10px; margin-bottom:14px; }
#news .item .title { font-size:13px; display: table; _height: 0; /* for IE5-6 */ zoom: 1; /* for IE7 */}
#news .item .title a {}
#news .item .date { font-size:12px; font-weight: bold; color: #b6afa2; float: left; padding-right:16px; }
#news .item .date span { font-size: 8px; font-family:Tahoma; letter-spacing:1px; padding:2px 4px; background:#003c00;}
#news .item .date span span.time { color: #85a285;}
#news .allnews a { color: #978c7c;}



#skype {margin-left:130px !important;padding:31px 0 0 0;}
#skype h3 {padding:0 0 10px 0;}
#skype img {border:0;margin:0 10px 10px 0;padding:0;}
#skype p {margin:0 0 10px 0;}


#skype .astra-skype {clear:both;padding:0 0 30px 0;}
/*
	MAP
	_______________
*/
#map { margin-left:60px; margin-top:30px; background:url(/i/mapborder.gif) no-repeat left 2em; height:280px;}
#map h2 { padding-left:9px;}
#map #picture { position: relative;}
#map #picture .mapimg { position: absolute; top:33px; left:37px;}
#map .adrsmoika { position: absolute; top:0; left:84px; background:url(/i/maps/1bg.png) no-repeat; padding-left:200px; padding-top: 18px; padding-bottom:22px; padding-right:12px;}
#map .adrskrasnoarm { position: absolute; width:190px; top:63px; left:47px; background:url(/i/maps/2bg.png) no-repeat; padding-left:237px; padding-top: 18px; padding-bottom:22px; padding-right:18px;}
#map .adrstikhoretsky { position: absolute; width:150px; top:80px; left:90px; background:url(/i/maps/3bg.png) no-repeat; padding-left:194px; padding-top: 64px; padding-bottom:62px; padding-right:52px;}

#map .tel { font-size:17px; font-weight: bold; padding-top:5px;white-space:nowrap;}
#map .tel .code { font-size:11px; font-weight: normal; color:#999;}

#map a { text-decoration: none; border-bottom: dotted 1px #128bc4;}
#map a:hover { border-bottom: dotted 1px #b0320c; }
#map a.specialists {font-size:10px;color:#979187;border-bottom: dotted 1px #979187;}

/*
	TV
	_______________
*/
#tv { background:url(/i/tvbg.jpg) no-repeat; padding:80px 0 40px 124px; width:60%;}
#tv .time { font-size: 11px; font-weight: bold; color: #b6afa2; }



/*
	ARTICLES
	_______________
*/

#articles { background:url(/i/articlesbg.jpg) no-repeat; padding:90px 0 40px 154px; width:60%; margin-left:10px;}
#articles h2 { padding-bottom:20px;}
#articles .item { padding-bottom: 20px;}
#articles .date {  font-size:12px; font-weight: bold; color: #b6afa2; }
#articles .title { line-height:18px;}
#articles .title span.section { font-size:11px; font-family: Tahoma; margin-left:14px;}
#articles .title span.section a { text-decoration: none; background: #c2bbae; color: #fff; padding: 0 6px 1px 6px;}
#articles .title span.section a:hover {background: #ae3a20; color: #fff;}
#articles .allarticles a { color: #978c7c;}


/*
	FOOTER
	_______________
*/

#footer { background: url(/i/bottombg.gif) repeat-x bottom; padding: 30px 0; }
#footer .l {padding-left:130px;}