﻿/* CSS Document */
a img{border:none;}
a { text-decoration:none}
*:focus{outline:0;}
textarea{resize:none;}
html{overflow:-moz-scrollbars-vertical;}
a{-moz-outline-style:none;}
form { padding:0; margin:0;}
body, html{ width:100%;  margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#6C4C2D}
input, textarea, select { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin:0;}
H1 { font-family:Hermes; color:#6C4C2D; font-size:30px; font-weight:normal; line-height:100%; margin:0; padding:0; font-style:normal}
H2 { font-size:18px; color:#6C4C2D; font-weight:normal; margin:0 0 10px 0;}
H3 { font-size:15px; color:#6C4C2D; font-weight:bold; margin:10px 0; line-height:130%;}

p
{ line-height: 140%; margin: 10px 0; text-align: justify; }
a { color:#059EBE;}
img { behavior: url('../../Scripts/iepngfix.htc') }

.clear { clear:both; overflow:hidden; height:1px;}
.left { float:left}
.right { float:right}
.font16 { font-size:16px;}
.font18 { font-size:18px;}
.h3 { font-size:16px; color:#2E2013; font-style:italic}

body { background:#F8F7F3 url(../imgs/topBg.png) repeat-x 50% 0}
.main_wrapper { border-top:3px solid #64462B; width:100%; background:url(../imgs/head_div.gif) repeat-x 0 151px}
.header { width:960px; margin:auto; height:139px;}
.logo { float:left; padding-top:40px}

/*Поиск*/
.searchBox { float:right; width:249px; height:31px; background:url(../imgs/searchBg.png) no-repeat; position:relative}
.searchBox .textfield { position:absolute; top:4px; left:8px; font-style:italic; color:#D2C7BD; font-size:13px; height:22px; width:200px; border:none; background:transparent}
.searchBox .submit { position:absolute; top:4px; right:8px; width:22px; height:22px;}

/*Основное меню*/
.mainMenu { width:750px; margin:auto; background:url(../imgs/topBg.png) repeat-x 50% -139px;}
.mainMenu ul { padding: 0; margin: 0 auto 0 auto; }
.mainMenu li { float:left; list-style:none; line-height:120%; background:url(../imgs/menu_dot.gif) no-repeat 0 50%; padding:0 20px 0 25px}
.mainMenu a { font-size:16px; color:#059EBE; font-weight:bold; text-transform:uppercase; display:block; padding:7px 0px;}
.mainMenu a:hover, .mainMenu li.active a { color:#6C4C2D;}
.mainMenu li:first-child { background:none}

/*Второстепенное меню*/
.subMenu { width:100%; margin:15px 0}
.subMenu ul { padding:0; margin:0;}
.subMenu li { float:left; list-style:none; line-height:120%; padding:0}
.subMenu a { font-size:18px; color:#059EBE; font-weight:normal; display:block; padding:7px 18px  7px 0;}
.subMenu a:hover, .subMenu li.active a { color:#6C4C2D;}

/*Стили для первой страницы - 2 колонки примерно одиноковой ширины 420px vs 425px*/
.fpContent, .mainContent, .scheduleContent { border-bottom:1px solid #F8F7F3; background:url(../imgs/fpcontent_shadow.png) no-repeat 100% 100% } 
.fpContent { padding-top:22px;}
.fpContent_inner { padding-left:50px; width:910px; margin:auto;}
.fpContent .leftside { width:420px; float:left; font-style:italic;}
.fpContent .leftside p { letter-spacing:-1px}
.fpContent .rightside { width:425px; float:right;}
.fpContent .rightside img { display:block}

/*Новостная страница - 2 колонки, 1-ая значительно больше 2-ой 615px vs 250px*/
.mainContent { padding-top:22px; color:#2E2013; font-size:15px }
.mainContent H1 { color:#2E2013; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; margin-bottom:5px}
.mainContent H3 { color:#2E2013; margin: 15px 0 0 0}
.mainContent_inner { padding-left:50px; width:870px; margin:auto;}
.mainContent .leftside { width:650px; float:left;  position:relative;}
.mainContent .leftside .rss { position:absolute; top:12px; right:0;width:15px; height:15px;}
.mainContent .leftside .date { font-size:11px; color:#2F2113; margin-bottom:10px;}
.mainContent .rightside { width:200px; float:right;}
.mainContent .singlecolumn .date { font-size:11px; color:#2F2113; margin-bottom:10px;}
.news { font-size:13px; color:#2E2013; line-height:110%; margin-bottom:18px;}
.news span.title { font-size:18px;}
.news span.date { font-size: 11px; padding: 3px 0; text-align: right; }
.news span, .mainContent .news a { font-size:13px; color:#2E2013; display:block;}
.news a:hover, .news a:hover span { color:#059EBE}

/*Контакты*/
.contactsContent
{ padding-top:22px; color:#2E2013; font-size:15px; text-align: center;}
.contacts_inner { width:900px; margin:auto; padding:40px 0 40px 60px;}
.contactsContent .leftside { width:412px; float:left;}
.contactsContent .leftside td { vertical-align:middle; text-align: left; padding:0; margin:0;}
.contactsContent .leftside td img { margin:5px 10px 5px 0; vertical-align:middle; display:block;}
.contactsContent .leftside H1 { color:#059EBE; margin-bottom:10px}
.contactsContent .rightside { width:470px; float:right;}
.contactsContent .rightside .inner { padding:19px 25px;  background:url(../imgs/mailBg.png) no-repeat;}
.contactsContent .rightside H1 { color:#059EBE; margin-bottom:17px}

/*Расписание - 2 колонки, 412px vs 469px*/
.scheduleContent { padding-top:40px;}
.scheduleContent_inner { padding-left:50px; width:910px; margin:auto;}
.scheduleContent .leftside { width:412px; float:left;}
.scheduleContent .rightside { width:469px; float:right; background:#E8E3D9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.scheduleContent .leftside H1 { color:#2E2013; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; margin-bottom:5px;}
.shed { margin-top:30px; line-height:100%}
.shed, .shed a { color:#2E2013; font-size:18px; }
.shed span { display:block; color:#785B41; font-size:16px; font-weight:bold;}
.scheduleContent .rightside .inner { padding:25px; }
.scheduleContent .rightside H1 { color:#059EBE; font-family:Hermes;font-size:30px; font-weight:bold; margin-bottom:5px; font-weight:normal; letter-spacing:-1px;}
.scheduleContent .rightside span { display:block; font-size:13px; color:#423528; padding:5px 0}
.scheduleContent .rightside input{ color:#B3A38C; font-size:13px; font-style:italic; padding:5px 8px 6px 8px; }
.scheduleContent .rightside input.styled { width:398px; border:none; background:url(../imgs/signform_textfields.gif) no-repeat 0 0}
.scheduleContent .rightside input.styled:focus { background:url(../imgs/signform_textfields.gif) no-repeat 0 100%; color:#6C4C2C}
.scheduleContent .rightside label { position:relative}

.signIn { padding:50px; width:910px; margin:auto;}
.signIn .inner { width:412px; background:#E8E3D9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding:25px; margin:auto;}
.signIn .inner H1 { color:#059EBE; font-family:Hermes;font-size:30px; font-weight:bold; margin-bottom:5px; font-weight:normal; letter-spacing:-1px;}
.signIn .inner span { display:block; font-size:13px; color:#423528; padding:5px 0}
.signIn .inner input{ color:#B3A38C; font-size:13px; font-style:italic; padding:5px 8px 6px 8px; }
.signIn .inner input.styled { width:398px; border:none; background:url(../imgs/signform_textfields.gif) no-repeat 0 0}
.signIn .inner input.styled:focus { background:url(../imgs/signform_textfields.gif) no-repeat 0 100%; color:#6C4C2C}
.signIn .inner label { position:relative}

/*Стилизованное выпадающее меню*/
.select { float:left; clear:both; position:relative; width:414px; border:none; background:url(../imgs/signform_textfields.gif) no-repeat 0 0;}
.select:focus { background:url(../imgs/signform_textfields.gif) no-repeat 0 100%;}
.label .errorMessage{display:none;}
	.label.error .errorMessage{display:inline; color:#a6312b;}
	.error .select{background:#F2F0E9;}
	.error .select .more{background:#F2F0E9;}
	.select *{cursor:pointer;}
	.select.open{z-index:11;}
	.select.open .more{display:block; z-index:8;}
	.select.open .active{background-position:right bottom;}
	.select .more a.clicked{}
	.select .more a:hover{color:#6C4C2C !important;}
	.select .active{display:block; background:url(../imgs/selectArrow.png) right top no-repeat; overflow:hidden; color:#B4A38D; white-space:nowrap; font-weight:normal; font-size:13px; height:29px; line-height:29px; overflow:hidden; padding:0 40px 0 8px; font-style:italic; behavior: url('../../Scripts/iepngfix.htc')}
	.select .active div{display:block; width:100%; overflow:hidden;}
	.select .more{position:absolute; display:none; top:28px; left:-1px; width:100%;  background: #F2F0E9; border:#7BC4D0 1px solid;}
	.select .more a{display:none; padding:0 8px; line-height:29px; font-size:13px; color:#B4A38D;}
	.select .more .level2{padding-left:25px;}
	.select.open .more a{display:block;}
	.select span{color:#6C4C2C;}
	.select .option:hover span{color:inherit;}
	.select .optgroup{display:block; padding:0 8px; font-size:13px; line-height:29px; font-weight:bold; margin-top:10px;}
	.select .more{max-height:500px; overflow:auto;}

/*Содержание в одной колонке*/
.one_col_content { width:850px; margin:auto; padding:20px 50px 60px 50px}
.one_col_content H1 { color:#2E2013; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; margin-bottom:5px}
.media_desc { float:left; width:380px; margin-top:20px;}
.desc_img { float:left; margin-right:10px}
.desc {}
.desc H2 { font-size:18px; color:#2E2013; line-height:100%; margin:0 0 5px 0 }
.desc, .desc a { font-size:13px; color:#2F2113; line-height:110%;}
.desc a:hover, .desc a:hover H2 { color:#059EBE;}

.calendar { width:100%; float:left}
.calendar .day_wrapper { width:120px; height:120px; float:left; border:1px solid #CBC2AB;  margin:0 -1px -1px 0; position:relative; z-index:0}
.calendar .day { color:#73573E; font-size:30px; line-height:100%; padding:5px 0 0 7px}
.calendar .current_date { background: #f8f7f3;
background: -moz-radial-gradient(center, ellipse cover, #f8f7f3 0%, #e9e6db 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f8f7f3), color-stop(100%,#e9e6db));
background: -webkit-radial-gradient(center, ellipse cover, #f8f7f3 0%,#e9e6db 100%);
background: -o-radial-gradient(center, ellipse cover, #f8f7f3 0%,#e9e6db 100%);
background: -ms-radial-gradient(center, ellipse cover, #f8f7f3 0%,#e9e6db 100%);
background: radial-gradient(center, ellipse cover, #f8f7f3 0%,#e9e6db 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f7f3', endColorstr='#e9e6db',GradientType=1 );}
/*Текущая дата*/
.calendar .current_date, .calendar .current_date .day { color:#2F2113;}
/*Числа предыдущего месяца или следующего*/
.calendar .other_month, .calendar .other_month .day { color:#CBC2AC}
/*Выходные*/
.calendar .holiday { background:#ECE9DF}

.calendar .planned { border:1px solid #059EBE; color:#059EBE; z-index:99; cursor:pointer;}
.calendar .planned .day { color:#059EBE;}
.calendar .planned:hover { background:#059EBE; color:#FFFFFF}
.calendar .planned:hover .day { color:#FFFFFF}
.calendar .event { font-size:11px; line-height:120%; padding:2px}
.calendar .time { font-size:18px; padding:2px 2px 2px 7px}

.more { position:absolute; bottom:90px; left:-303px; display:none; width:420px; border:2px solid #059EBE; background:#FFFFFF; z-index:999; -moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 10px 10px 0px 10px;
border-radius: 10px 10px 0px 10px; 
color:#2E2013; font-size:18px; font-weight:bold;}
.more p { line-height:120%; margin:0 0 10px 0}
.more a { font-size:14px; color:#1AA5C1; font-weight:normal; background:url(../imgs/sm_blue_arrow.gif) no-repeat 100% 50%; padding-right:12px; margin-right:30px}
.more .inner { position:relative; padding:18px 36px 18px 15px;}
.more .inner .close { position:absolute; top:10px; right:10px; width:16px; height:16px;}
.more .inner .angle { position:absolute; bottom:-30px; right:-2px; width:40px; height:30px;}
.more .inner .angle { *bottom:-30px;}
.more .inner .angle { _bottom:-30px;}

/*Навигация календаря*/
.navi { position:relative; width:848px; margin:17px 0;}
.navi .prev { position:absolute; width:200px; left:0; bottom:4px; text-align:left; color:#1AA5C1; font-size:18px}
.navi .prev a { color:#1AA5C1; background:url(../imgs/left_right_blue_arrows.gif) no-repeat 0 0; display:block; padding-left:17px;}
.navi .next { position:absolute; width:200px; right:0; bottom:4px; text-align:right; color:#1AA5C1; font-size:18px}
.navi .next a { color:#1AA5C1; background:url(../imgs/left_right_blue_arrows.gif) no-repeat 100% 100%; display:block; padding-right:17px;}
.navi .current_month { width:400px; margin:auto; text-align:center; font-size:30px; color:#2E2013; font-weight:normal;}

/**/
.footer
{border-top: 1px solid #DBD3C9; background: #f8f7f3; text-align: center;}
.footer_inner { width:900px; margin:auto; padding:40px 0 40px 60px;}
.footer .leftside { width:412px; float:left;}
.footer .leftside td { vertical-align:middle; text-align: left; padding:0; margin:0;}
.footer .leftside td img { margin:5px 10px 5px 0; vertical-align:middle; display:block;}
.footer .leftside H1 { color:#059EBE; margin-bottom:10px}
.footer .rightside { width:470px; float:right;}
.footer .rightside .inner { padding:19px 25px;  background:url(../imgs/mailBg.png) no-repeat;}
.footer .rightside H1 { color:#059EBE; margin-bottom:17px}

/*Письмо успешно отправлено*/
.ok_message H1 { font-size:50px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.ok_message H2 { font-size:28px; color:#6C4C2C; font-weight:bold; line-height:120%}
.ok_message {
background: #fafaf7;
background: -moz-linear-gradient(left, #fafaf7 0%, #f8f7f3 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fafaf7), color-stop(100%,#f8f7f3));
background: -webkit-linear-gradient(left, #fafaf7 0%,#f8f7f3 100%);
background: -o-linear-gradient(left, #fafaf7 0%,#f8f7f3 100%);
background: -ms-linear-gradient(left, #fafaf7 0%,#f8f7f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafaf7', endColorstr='#f8f7f3',GradientType=1 );
background: linear-gradient(left, #fafaf7 0%,#f8f7f3 100%);
-webkit-border-radius: 10px; 
-moz-border-radius: 10px; 
border-radius: 10px;
padding:35px 40px;}
.textfield { width:200px; height:29px; line-height:29px; color:#B3A38C; font-size:13px; padding:0 8px; background:url(../imgs/textfieldBgs.gif) no-repeat 0 0; border:none}
.textfield:focus { background:url(../imgs/textfieldBgs.gif) no-repeat 0 100%; color:#6C4C2C}
.textfieldLong { width:610px; height:29px; line-height:29px; color:#B3A38C; font-size:13px; padding:0 8px; background:url(../imgs/textfieldLongBgs.gif) no-repeat 0 0; border:none}

/*Ошибка при отправлении*/
.errorMessage { position:relative;}
.errorMessage label { color:#FC683F; font-size:11px; font-weight:bold; position:absolute; top:-18px; left:5px}
.error .textfield { color:#6C4C2C}
textarea { width:401px; height:123px; color:#B3A38C; font-size:13px; padding:8px; background:url(../imgs/textareaBg.gif) no-repeat 0 0; border:none}
textarea:focus { background:url(../imgs/textareaBg.gif) no-repeat 0 100%; color:#6C4C2C}
.rightside td { padding:0 0 10px 0;}

/*Сообщение об отправке*/
.feedBackMessage
{ margin: 100px; vertical-align: middle; text-align: center; font-size: x-large; }

/*Авторизация и Аутентификация*/
.logon
{ margin: 50px auto 50px auto; width: 469px; background: #E8E3D9; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; float: none; }
.logon .inner { padding:25px; }
.logon H1 { color:#059EBE; font-family:Hermes;font-size:30px; font-weight:bold; margin-bottom:5px; font-weight:normal; letter-spacing:-1px;}
.logon span { display:block; font-size:13px; color:#423528; padding:5px 0}
.logon input{ color:#B3A38C; font-size:13px; font-style:italic; padding:5px 8px 6px 8px; }
.logon input.styled { width:398px; border:none; background:url(../imgs/signform_textfields.gif) no-repeat 0 0}
.logon input.styled:focus { background:url(../imgs/signform_textfields.gif) no-repeat 0 100%; color:#6C4C2C}
.logon label { position:relative}