@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;}
.h1 { font-size: 18px; font-style:italic; font-family:Arial, sans-serif; color: #7d613f; margin:0 0 0 -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 {font-size:13px;}
.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; }
h1 {font-size:14px;font-weight:bold;font-family:Arial;}
ul.service {
	margin-left:110px; margin-top:30px; padding:10px 20px 0 20px;
	background:#fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8; 
	-khtml-opacity: 0.8; 
	opacity: 0.8;
	}

ul.service p {
	font-size:16px;
	font-family:Arial;
	font-weight:bold;
	color:#3d3c3c;
}

ul.service li {
	width:48%;
	min-width:165px;
	display:inline-block;
	padding:10px 0;
	/*border-bottom:1px solid #f3f1e8;*/
	background:url('/i/line.gif') 5px bottom no-repeat;
}

ul.service li a {
	color:#992c0b;
	font-size:14px;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
}

ul.service li a:hover {
	color:#978c7c;
}


/*
	NEWS
	_______________
*/

#news { margin-left:70px; padding-top:15px; padding-right:100px;}
#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; }
#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:#8f897f;border-bottom: solid 1px #8f897f;}

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

ul.uslugi li { list-style-type:disc;padding:0px 0px; margin:0px 15px;}

/*
	ARTICLES
	_______________
*/

#articles { background:url(/i/articlesbg.jpg) no-repeat; padding:90px 0 40px 0px; margin-left:0px;}
#articles h2 { padding-bottom:20px;padding-left:154px;}
#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;}

.pep {
  background:#fff;height:145px;
  margin:-145px 6px 0 10px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
	-moz-opacity: 0.55;
	-khtml-opacity: 0.55;
	opacity: 0.55;
}


.photogallery { margin-bottom: 20px;}

.insaito{
margin-top:5px;
}

.insaito a {
 color: #8F897F;
 text-decoration: none;
 }
.insaito p {
background: url("/i/insaito.png") no-repeat scroll left top transparent;
    height: 20px;
    margin: 0;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    width: 100px;
 }
.insaito p a {
 display: block;
 height: 100%;
 width: 100%;
 }
 
#footer .star{
 vertical-align: middle; padding-right: 5px;
 }
 
 .dev_diz{float: left; padding-right: 30px;}