@charset "utf-8";

/*	___________________________________
	
	Asrtaclinic.ru
	
	Sergei Asanov (http://sadesign.ru)
	16/01/2008
	___________________________________
*/

@import url(/css/typo.css);
@import url(/css/navigation-h.css);
@import url(/css/niftyсorners.css);
@import url(/css/pirobox.css);
@import url(/css/preview.css);

html {}
body { background: #f3f1e8 url(/i/topinternal.jpg) top repeat-x;}

/*
	HEADER
	_______________
*/
.topleft { background:url(/i/topleft.jpg) no-repeat left top; width:287px; height:304px; position: absolute; z-index:1; top:0; left:0;}
.topright { background:url(/i/topright.gif) no-repeat right top; width:253px; height:148px; position:absolute; z-index:1; top:0; right:0;}

#header { z-index:1;}

#logo {position:absolute; left:12%; top:50px; z-index:2001; width: auto; height: auto;}




.fullcontent { margin-left: 12%; width:82%; z-index:10; position: relative;}

.content  {z-index:10; position: relative;}
.main {width:52%; margin-left: 12%;min-height:400px;_height:400px;}
.l { position: absolute; right:0; top:0; width:280px;z-index:200;}


.linkarticles { padding-top: 60px; padding-right:30px; padding-left:4px;}
.h {font-size: 18px; font-style:italic; font-family:Arial, sans-serif; color: #8f897f; padding-bottom:0px;padding-top:15px;}
.h a {color:#cd2f02;text-decoration:none;}
.h a:hover {text-decoration:underline;}
.linkarticles ul { font: 11px Tahoma, sans-serif; padding-left:2px;}
.linkarticles ul li { padding: 4px 0;}



.appointment { background:url(/i/hand.gif) no-repeat top right; padding: 100px 110px 0 0;}
.addtestimonals { padding: 50px 100px 0 0	;}
.appointment .small, .addtestimonals .small { padding-top:4px;}
.appointment img {margin-left:-8px;margin-bottom:5px;}
.appointment a {position:relative;z-index:150;}


/*
	PRICES
	_______________
*/

.prices {
	width: auto;
	height:auto;
	background: #fefefe;
	font-size: 12px;
	margin: 30px -20px;;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px 20px;;
}
table.pricelist td { border-bottom: solid 1px #e2ded4; padding: 5px 0;}
table.pricelist tr.head td {border-bottom: none; padding-top:22px;}
table.pricelist td.price { text-align: right;}
table.pricelist td.price span { font-size:17px; font-weight: bold; padding-right:8px;}

.docprice {background: url(/i/doc.gif) no-repeat 0 55px; padding: 61px 0 8px 40px; }


/*
	TESTIMOIALS
	_______________
*/
.testimonials { padding-left:12%; padding-right:6%; padding-top: 20px; position: relative; z-index: 10;}
.tre {padding-left:40px;}
.comment { font-size:11px; line-height:16px; background: #fff url(/i/laquo.gif) no-repeat 8px 16px; color: #777571;  
padding:18px 18px 16px 34px; }
.raquo { padding-left:10px;}
.next { font-size:60px; font-weight: bold; padding-top:40px;}
.next a { text-decoration: none; color: #c2bcb0}
.next a:hover {color:#cd2f02}

.user { padding-top:22px;}
.user .date { font-size:11px; font-weight: bold; color: #b6afa2; }



/*
	PERSONNEL
	_______________
*/

table.pers td { height:160px;width:33%;}

.userpic { border: solid 1px #3d3c3c; float:left; margin-right:12px; height:120px; }
.name {padding-right:12px;}
.speciality { color:#8f897f; padding-right:12px;}
.small { padding-top: 5px;}

.personnel h2 {padding:20px 0 40px 0;}
.personnel h2 span { padding-left:20px;}
.personnel h2 span a { font-size:12px; font-weight: normal;}

.fullphoto { float: left; margin-right:20px; margin-bottom:16px;  border: solid 1px #3d3c3c;}
.userinfo {display: table; _height: 0; /* for IE5-6 */ zoom: 1; /* for IE7 */}
.userinfo h3 {padding-top:24px; padding-bottom:4px;}
ul.certificate li {  font-size: 11px; font-family: Tahoma; color:#8f897f; padding:3px 0;}
 
 
 /* 
   MENU
   
 */
 
 
#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.treatment1 {width:150px; background-color:#A62500;}
#mainnavigation li ul a {color:#fff;}
 
 
 
 
 
/*
	TREATMENT
	_______________
*/


ul.treatment { padding-top:20px;}
ul.treatment li {font-size: 17px; font-weight: bold; }
ul.treatment li ul { padding-left:20px; padding-bottom:20px;}
ul.treatment li ul li {font-size: 12px; font-weight:normal; padding:3px 0; }
#podrob1, #podrob2, #podrob3, #podrob4, #podrob5, #podrob6, #podrob7, #podrob8, #podrob9, #podrob10 {padding:20px 10px 20px 25px;background-color:#fefefe;}
ul.sertificaty {display:inline-block;float:left;margin:0px;}
ul.sertificaty li {list-style-type:none;margin:10px 10px 0 10px;display:inline-block;float:left;height:120px;}
ul.sertificaty li img {border:1px solid #000;}
table.vrachi {border:0;width:100%;margin:5px -10px}
table.vrachi td {width:20%;padding:10px;text-align:left;}
table.vrachi td .name a {text-decoration:none; border-bottom: dashed 1px;}
.vrachpic img {border: solid 1px #3d3c3c; float:none; height:120px;}

table.vrachi1 {border:0;width:100%;margin:5px -10px}
table.vrachi1 td {width:20%;padding:10px;text-align:center;}
table.vrachi1 td a {text-decoration:none;}
table.vrachi1 td p {vertical-align:bottom;text-align:center;}
table.vrachi1 td img {border:1px solid #000000;}
ul.spisok li { list-style-type:circle;margin:5px 30px;}
.spisok {padding:0 0 10px 0}
h3 {font-size: 16px; font-style:italic; font-weight:bold; font-family:Arial, sans-serif; color: #ad2600; padding:10px 0;}

/*
	CONTACT
	_______________
*/
.contact{margin-top: -20px;}
.contact h2 {padding-top:20px;}
.contact td {padding-bottom:20px;}
.tel { font-size:17px; font-weight: bold; padding-top:5px;}
.tel .code { font-size:11px; font-weight: normal; color:#999;}
.mail {padding-bottom:2px;}


.fillform { padding-top:30px;}
.fillform td { padding:3px 0; vertical-align:middle;}
.fillform .error { color: #cd2f02; font-weight: bold; padding-bottom:10px;}








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



/*
	gallery
	_______________
*/
#photo {
	margin-left: 12%;
    min-height: 400px;
    width: 52%;
	position: relative;
}
.photogallery { padding-top:20px; margin-bottom: 10px; width:850px; height: 170px; overflow: hidden;}
.photogallery .item { float:left; display: inline; margin-right:30px; margin-bottom:30px; text-align: center; max-height: 120px; position: relative;}
.photogallery .item .pic {width: 100px; height:100px; border: 1px solid #C2BBAE; margin-bottom: 5px;}
.photogallery .item .pic:hover {border: 1px solid #ae3a20;}
.photogallery .item .pic img{height:100px; width: 100px; margin-bottom: 25px;}
.photogallery .title { position: absolute; margin-top: 5px; width: 100px; text-align: center;}





/*
	FOOTER
	_______________
*/

#footer { margin-top:70px; margin-left: 12%; padding-bottom:36px; position: relative; background: url(/i/footerbg.jpg) 0 6px no-repeat; padding-left: 72px; clear:both;}
#footer .counter { padding-top:8px; padding-left:72px}
#footer .r { position: absolute; right:0; top:0; width:280px; color:#8f897f;}

img.artimage {border:1px solid #cd2f02;margin:3px 8px;float:left;}
img.artimage[align=left] {margin-left:0;}
img.artimage[align=right] {margin-right:0;}

h1.zagolovok {padding:0 0 20px 0;}

.newsitem {padding:0 0 15px 0;}
.newsitem .text * {padding:0;margin:0;}
.newsitem .date {font-weight:bold;}
.newsitem .time {display:none;}


.linkarticles, .cont-tel {padding-top:25px;}
.cont-tel span {display:block;font-size:16px;font-weight:bold;padding:5px 0;}
.cont-tel span b {display:block;font-weight:normal;font-size:24px;color:#ad2600;padding-top:2px;}


h2.h2 {font-weight:normal;font-size: 32px; font-family: Georgia, "Times New Roman", Times, serif; color: #bcb7af; color:#3d3c3c;}
h2.under, div.under { font-size: 18px; margin-top:-.5em; font-family: Georgia, "Times New Roman", Times, serif;}
div.h1 {font-size: 32px; font-family: Georgia, "Times New Roman", Times, serif; color: #3D3C3C; padding-bottom:4px;}


.menu-sec {list-style:none;display:block;padding:22px 0 0 0;}
.menu-sec li {display:block;padding:3px 4px;}
.menu-sec li a {font-size:18px;}
.menu-sec li.active {display:block;padding:3px 4px;background-image:url(/i/navigation/button.gif);background-repeat: no-repeat;background-position:0px 1px}
.menu-sec li.active a {text-decoration:none;color:#ffffff;}



/* 

____________КАРТА


*/


        /* Внешний вид балуна (начало)*/

            .b-simple-balloon-layout {
                position: relative;

                width: 150px;
                padding: 10px;
                margin-left: -10px;
                
                border: 1px solid #848877;
                background: #f8ffe0;
            }

        /* Внешний вид балуна (конец)*/

        /* "Хвостик" балуна (начало)*/

            .b-simple-balloon-layout .tail {
                position: absolute;
                
                width: 30px;
                height: 24px;
                margin-top: 10px;
                
                background: url("/i/tail.png") no-repeat;
            }

        /* "Хвостик" балуна (конец)*/

        /* Кнопка закрытия балуна (начало)*/

            .b-simple-balloon-layout .close {
                position: absolute;
                right: 0;
                top: 0;

                width: 13px;
                height: 13px;
                margin-right: 5px;
                margin-top: 5px;
                
                background: url("http://api-maps.yandex.ru/i/0.3/balloon/close.gif") no-repeat;
                cursor: pointer;
            }

        /* "Кнопка закрытия балуна (конец)*/

/* Выбранный врач (чья инфа показывается) */
td.selected .name a {
    color: black;
}

.breadcrumbs, .breadcrumbs a{
font-family: Tahoma;
font-size: 11px; 
color:#8f897f;
}

.breadcrumbs
{
margin-top: 0px;
margin-left: 12%;
position: relative;
z-index: 2000;
margin-bottom: 20px;
width:35%;
}

div.dop_mat {
width: 300px;
background: #d8d6ca;
border: 1px solid #e3e0d3;
float: right;
padding: 0 10px;
margin-left: 20px; 
margin-bottom: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
div.dop_mat  h3 {color: #333; margin: -10px 0;}

div.doc_mat {
display:inline-block;
background: #d8d6ca;
border: 1px solid #e3e0d3;
padding: 10px;
margin:5px 0 20px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
div.doc_mat  h3 {color: #333; margin: -10px 0;}

div.doc_mat img {margin-right:5px;float:left;}

#vk_comments{width:52%; margin: 30px 0 -150px 0;min-height:400px;_height:400px; margin-bottom:10px;}
.inner_menu {
	width: auto;
	height:auto;
	position: absolute;
	left: 12%;
	top: 0;
	z-index: 2000;
	background: transparent url(/i/new_menu_bg.png) left top;
	font-size: 12px;
	margin-left: -20px;
	margin-top: 150px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 0;
	padding-top: 7px;
	padding-right: 20px;
}
.inner_menu ul {
	width: auto;
	height: auto;
	position:relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	list-style: none;
	margin-left: 20px;
}
.inner_menu ul li {line-height: 20px; margin-bottom: 5px;}
.inner_menu li.current a{color: #9b8f83;}

div.main > h1{
float:left;
padding-right:15px;
}

a.link-to-price{
font-size:32px;
font-family: Georgia, "Times New Roman", Times, serif;
border-bottom: 1px dashed #128BC3;
text-decoration:none;
}

a.link-to-price:hover{
border-bottom:none;
}

.clear{
clear:both;
}