@charset "utf-8";

/* CSS Document */
:focus {
	outline: 0;
}
html, body {
	height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
body {
	background: #789FCA;
	font-size: 14px;
	font-family: "Trebuchet MS", Tahoma;
}
h1 {
	font-size: 24px;
	font-weight: normal;
}

h2 {
	font-size: 20px;
	font-weight: normal;
}

h3 {
	font-size: 24px;
	font-weight: normal;
	color: #009999;
}

span.paragraf {
	padding-left: 20px;
}

p {
	line-height: 18px;
}
ol,ul {
	list-style: none;
}
ul.green_point{
	list-style-image:url('/public/images/green_point.png');
}
ul.green_point li{
	margin-top: -2px;
}
table {
	border-collapse: collapse;
	border: none;
	empty-cells: show;
	border-spacing: 0;
	width: 100%;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: "";
}

blockquote,q {
	quotes: "" "";
}

a {
	text-decoration: underline;
	font-size: inherit;
	color:black;
}

a:hover,a.no_decoration {
	text-decoration: none;
        font-size: inherit;
	color:black;
}

table td {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}
.logo {
        float: left;
}
/********разное*************/
.red{
	color:#e90707;
}


/*
**	HEADER BLOCK
**/
#headerContainer{
	background: url('/public/images/bg_header.png');
}
#header{
    height: 135px;
    position:relative;
}
#header .logo {
    float: left;
    padding-top: 15px;
    position: relative;
    width: 200px;
    z-index: 3;
}
#header .banner_box {
    color: #009999;
    float: left;
    font-size: 22px;
    padding-top: 18px;
    text-align: center;
    width: 510px;
}
#header .info_box {
    float: left;
    width: 290px;
}


 /*Правый блок шапки**/
#header .phone {
	
    float: right;
}
#header .phone .number {
	float: left;
    color: #009999;
    font-family: Trebuchet MS;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
}
#header .phone .info {
    float: left;
    font-size: 12px;
    line-height: 26px;
    padding-right: 6px;
    text-align: center;
}
#header .address{
}
/**
 	Слайдер на главной
*/
.slider_box {
	margin-top: 5px;
	position: relative;
}
#main_box {
	position:relative;
}
#conteiner .main_menu_block {
	margin: 0 auto;
    height: 35px;
    width: 860px;
}
.dropMenu{
	margin-left: -41px;	
}
.dropMenu li {
    float: left;
    list-style: none outside none;
    text-align: center;   
    background-color: white;
    border-radius: 8px 22px 8px 22px;
    box-shadow: 0 0 5px #EEEEEE;
    margin: 5px;
    padding: 12px 14px;
}

.dropMenu li ul {
	display:none;
    background: none repeat scroll 0 0 #000000;
    padding: 0 15px;
    text-align: left;
    z-index: 9999;
}

.dropMenu li a {
	text-decoration:none;
	display: block;
}

.dropMenu li ul li {
    float: none;
    padding: 5px 5px;
}
.dropMenu li:hover, .dropMenu li.current{
    background-color: #FFF0C0;
    box-shadow: 0 0 10px #DDDDDD;
    color: #444444;
    cursor: default;
    text-shadow: 1px 1px 1px white;
}
.dropMenu li ul li:hover {
    text-decoration: underline;
    color: #000000;
}

.dropMenu li:hover ul a{
	text-decoration: none;
	margin: 0;
}

.dropMenu li ul a{
	color: #fffff;
}

.dropMenu .current a,
.dropMenu li a:hover,
.dropMenu li ul li a:hover
{
	color: #000000;
	text-decoration: none;
}

.dropMenu li:hover ul {
	display: block;
	position: absolute;
}
/**
Меню галереи
*/
.menu_parents, .menu_collections{
	margin-left: -40px;
}
.menu_parents li a{
	color: #FFF6BE;
}
.menu_parents .current ul{
	display: block;
}
.menu_parents .menu_childs{
	display: none;
}
.menu_childs{
	margin-left: -23px;
}
.menu_childs li{
	color: #717171;
	list-style: outside;
}
.menu_childs li a, .menu_collections li a{
	color: #717171;
}
.menu_childs .current{
	color: #FFF6BE;
	text-decoration: none;
}
.menu_collections .current{
	color: #FFF6BE;
	text-decoration: none;
}
/**
	Контент страниц
	
*/
#contentOnMain {
    background: url("/public/images/grad_blue_200.png") repeat-x scroll center top white;
    margin: 20px auto;
    padding: 15px 30px;
    width: 800px;
    position: relative;
}
#contentOnMain ul{
	list-style-image: url("/public/images/ul.gif");
}

#contentOnMain .roll .list {
    background-color: #FFFAE8;
    border-left: 3px solid #DDDDDD;
    border-radius: 0 8px 8px 0;
    color: #222222;
    display: none;
    font-size: 14px;
    margin: 0 0 10px 10px;
     padding: 15px 20px;
}
#contentOnMain  .roll a{
	text-decoration : none;
}
#contentOnMain .roll .title {
    background: url("/public/images/down.png") no-repeat scroll right center transparent;
    border-bottom: 1px dashed #CCCCCC;
    color: #000000;
    cursor: pointer;
    font-size: 15px;
    padding-right: 20px;
}
#contentOnMain  .roll .title:hover{
	color:#444;	
}
/*Footer page*/
#munchen {
    background: url("/public/images/munchen.png") no-repeat scroll center bottom transparent;
    bottom: 0;
    height: 500px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: -1;
}
#main-gradient {
    background: url("/public/images/grad_main2.png") repeat-x scroll center top transparent;
    height: 500px;
    left: 0;
    opacity: 0.4;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

#footerContainer {
	background: url("/public/images/grass.png") repeat-x scroll center bottom transparent;
    bottom: 0;
    height: 70px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 2;
}
#footer .copy {
    bottom: 10px;
    color: white;
    font-size: 14px;
    line-height: 90px;
    text-align: center;
    text-shadow: 1px 1px 1px black;;
}
/******************/

/**** Главная страница****/
#conteiner {
   	height:100%;
	height: auto !important;
    min-height: 100%;
    position: relative;
    z-index: 2;
}
#header, .conteiner, #footer{
	width: 1004px;
	margin: 0 auto;
}
.conteiner {
    margin: 10px auto;
    padding: 0 0 5px;
}
/*
Кнопка оставить Отзыв на главной
**/
.feedback_button {
    background: url("/public/images/notice.png") repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 247px;
    position: fixed;
    right: -21px;
    top: 211px;
    width: 111px;
    z-index: 6;
}
/**
Отзывы клиентов
*/
.left_block {
    float: left;
    margin-top: 70px;
    width: 300px;
}
.reviews_list_item , .news_list_item {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0 20px;
    margin-bottom: 10px;
}
.reviews_item , .news_item{
	font-size: 12px;
}
.reviews_item .from {
	padding: 5px 0;
	color: #717171;
	text-align: right;
}
.from_review{
	padding: 8px 0;
	text-align: left;
}
.reviews_item .all_reviews, .reviews_item .write, .news_list_item .all_news a {
	text-decoration: none;
    float: left;
    font-size: 10px;
    padding: 0 15px 0 0;
}
.news_list_item .all_news a, .reviews_item .all_reviews a, .news_item_text .all a, .news_list .all a{
    background: url("/public/images/arrow.png") no-repeat scroll left center transparent;
    line-height: 15px;
    padding-left: 20px;
    text-decoration: none;
}
.news_item_text .next a , .news_list .next a{
	background: url("/public/images/arrow_back.png") no-repeat scroll left center transparent;
    line-height: 15px;
    padding-left: 20px;
    text-decoration: none;
}
.news_list_item .all_news a:hover, .reviews_item .all_reviews a:hover, .reviews_item .write a:hover {
	text-decoration: underline;
}
.news_item{
	padding-bottom: 10px;
}
.news_item .date{
	font-size: 14px;
	color: #009999;
	font-weight: bold;
}
.news_item .text{
	padding: 5px  0 0 0;
}
.news_list_item .detail a{
	color: #717171;
}
.news_item_text .next, .news_list .next{
	float: left;
	padding-right: 20px;
}
.img_list{
	list-style-image: url("/public/images/list-style-img.png");
}
/**
Правый блок структура разделов
*/
.right_block {
    float: left;
    margin-top: 70px;
    padding: 0 0 0 50px;
    width: 630px;
}
.structure_item {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: 0 0 25px 50px;
    padding: 20px 6px 6px;
}
.structure_item .title {
    font-size: 18px;
    padding: 0 0 15px 5px;
}
.structure_item a{
	text-decoration: none;
}
.structure_item a:hover{
	text-decoration: none;
	color: #009999;
}
/**** ****/

.clear {
	clear: both;
}
.empty{
	height: 120px;
}
.padding {
	padding: 10px 0;
}
.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.border{
	border: solid 1px #cccccc;
}
.gray{ color: #717171;}
/*
	Текст на главной
*/
.text_on_main {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-bottom: 20px;
    padding: 20px;
}
/**
	Страницы новостей
**/
.news_list_title {
	padding: 5px 0;
}
.news_list_date{
	color: #009999;
}

/**
	Социалки
*/
.social_box {
    background: url("/public/images/social_bg.png") repeat scroll 0 0 transparent;
    height: 293px;
    left: 0;
    padding-right: 0;
    position: fixed;
    top: 32%;
    width: 87px;
}
.social_box .face {
    background: url("/public/images/social_face.png") repeat scroll 0 0 transparent;
    display: block;
    height: 58px;
    position: absolute;
    left: 0;
    top: 60px;
    width: 54px;
}
.social_box .twit {
    background: url("/public/images/social_twit.png") repeat scroll 0 0 transparent;
    display: block;
    height: 54px;
    position: absolute;
    left: 0;
    top: 122px;
    width: 54px;
}
.social_box .vk {
    background: url("/public/images/social_vk.png") repeat scroll 0 0 transparent;
    display: block;
    height: 58px;
    position: absolute;
    left: 0;
    top: 180px;
    width: 54px;
}
.social_box .face:hover, .social_box .twit:hover, .social_box .vk:hover{
	margin-left: 2px;
}
.yashare-auto-init{
    position: absolute;
    right: 30px;
    top: 38px;
}
.clock {
    float: left;
    line-height: 41px;
    padding-right: 30px;
}
.weather {
    float: left;
    width: 190px;
}

/**
Инфо скайп
*/
.info_box ul {
    margin-left: 20px;
    margin-top: 0;
    width: 200px;
}
.info_box li {
    font-size: 14px;
    line-height: 20px;
    text-align: right;
}
.info_box li a{
	text-decoration: none;
	color: #717171;
}
.info_box li a:hover{
	color:#8EB2DA;
}
.skype.call {
    background: url("/public/images/skype_call.png") no-repeat;
   	padding: 1px 5px 5px 24px;
}
.skype.chat {
    background: url("/public/images/skype_instant.png") no-repeat;
    padding: 1px 5px 5px 24px;
}
.mail {
    background: url("/public/images/mail_y.png") no-repeat;
    padding-left: 28px;
    padding-bottom: 5px;
    padding-top: 3px;
    text-decoration: none;
}

/****************DIALOGS****************/
#body_fill {
	display: none;
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
}

.dialog_box {
	font-size:13px;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -270px;
	background: #CC0000;
	/*padding: 15px 30px 20px 35px;*/
	display: none;
	z-index: 9999;
}

.dialog_box h1 {
	padding: 5px 35px 5px 35px;
	margin: 0;
	color: #fff;
}

.formDialog {
	background: #fff;
	padding: 15px 30px 20px 35px;
}

.dialog_box .item .title {
	width: 170px;
	display: block;
	clear: both;
	padding-top:5px;
	float:none;
}
.dialog_box label  {
	width: 170px;
	display: block;
	float:left;
	padding-top:7px;
}

.dialog_box .submit {
	padding: 10px 0 0 160px;
}

.dialog_box .item {
	min-height: 30px;
}

.dialog_box textarea,.dialog_box input[type=text], .dialog_box select{
	padding-left:5px;
	width: 250px;
	color: #000;
	border: 1px solid #aaa;
	background: #f9f9f9;
}

.dialog_box select{
	min-width: 257px; 
}

.dialog_box textarea {
	height: 90px;
	width:250px;
}
.dialog_box a.close_button {
    background: url("/public/images/expand.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 20px;
    height: 4px;
    padding: 6px;
    position: absolute;
    right: 10px;
    text-decoration: none;
    top: 10px;
    width: 4px;
}
.dialog_box a.close {
	padding:6px;	
	position: absolute;
	font-size: 20px;
	right: -15px;
	top: -15px;
	width: 20px;
	height:20px;
	text-decoration: none;
	color: #fff;
}
.dialog_box a.close img{
	width: 25px;
}

.dialog_box .help {
	font-size: 14px;
	color: #000;
	padding: 5px 35px 5px 35px;
	background: #E0E0E0;
	height: 16px;
	margin-bottom: 25px;
}

.dialog_box .error {
	font-size: 14px;
	color: #cc0000;
	padding: 5px 0 5px 35px;
	background: #E0E0E0;
	height: 16px;
}

.dialog_box .error.ok {
	color: green;
}
#message_dialog{
	margin: 100px 0 0 -260px;
	font-size:14px;
    top:150px;
    position:fixed;
	padding:15px;
	color:#fff;	
	max-width:500px;
}
#message_dialog .text{
    padding:15px;
}
#message_dialog .button{
	display:none;
	float:right;
	font-size: 12px;
    text-align: center;
    vertical-align: bottom;
    width: 70px;
    margin: 0 0 -15px 160px;
}
#message_dialog .button a{
	color:black;
	text-decoration: none;
}
#message_dialog .button a:hover{
	text-decoration: underline;
}

/*Главная страница*/

.main_text{
	padding:20px 40px 20px 0;
	
}
.main_right {
    vertical-align: top;
    width: 220px;
}

/**************CSS3**************/
.box_shadow {
	-moz-box-shadow: 2px 2px 3px 1px #333;
	-webkit-box-shadow: 2px 2px 3px 1px #333;
	box-shadow: 2px 2px 3px 1px #333;
}
#feedback{
	width: 400px;
}

/*Партнеры*/
.partners_list .partners_list_item .img{
	padding: 10px 30px 10px 0;
	float:left;
}
.partners_list .partners_list_item .img img{
	width: 150px;
}
.partners_list .partners_list_item .description{
	width:700px;
	float:left;
}
.partners_list .partners_list_item .title {
    font-size: 18px;
    padding: 5px 0;
}
/*
Галерея
**/
.gallery_list_item {
    float: left;
    margin: 0 10px;
    width: 220px;
}

.gallery_list_item .images {
	display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 220px;
    height: 220px;
    padding: 10px;
}
.gallery_list_item .title {
    color: #717171;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
}
.gallery_list_item img {
	max-height: 200px;
    max-width: 200px;
}
.gallery_list_item .description{
	width: 400px;	
}
/**
Клиника
*/
.clinic_list{
	
}
.clinic_list_item {
    float: left;
    margin: 10px 3px;
    padding: 7px 2px;
    text-align: center;
    width: 120px;
}
.clinic_list_item .images img{
	width: 100px;
}