/*
Theme Name: School297
Theme URI: http://школа297.рф/
Description: Своя тема ;-)
Version: 1
Author: Андрей Койвунен
Author URI: http://школа297.рф/
*/
body, div, dl, dt, dd,  h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th { margin: 0px; padding: 0px; }
input, fieldset, img { border: 0px none; }
/* address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; } */
ul { margin: 0px; padding: 20px; }
ul ul{ margin: 0px; padding: 0px 0px 0px 10px; }
ul.top_navigation, .side_block_popular ul { margin: 0px; padding: 0px; }

ol { margin: 0px; padding: 20px; }
/*h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }*/
h1{font-size:28px; text-align:center;}
h2{font-size:20px; text-align:center;clear:both}
h2.entry-title{font-size:12px; text-align:left;}
a, input, button { outline: medium none; }
/*.index p {text-align:justify; text-indent:0px;}*/
textarea, input, select { font: 12px Arial,Verdana,Helvetica,sans-serif; }
html, body { height: 100%; }
 body {
  background: linear-gradient(to bottom, #e6edf3, #f5f8fa);
  color: rgb(79, 79, 79);
  font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
  line-height: 1.4;
  font-size: 14px;
  text-align: left;
}
a { color: rgb(79, 79, 79); text-decoration: underline; }
a:hover { text-decoration: none; color: #2277cc;}
.clearfix:after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; }
:first-child + html .clearfix {  }
div#wrap { min-height: 100%; }
div.wrap { margin: 0px auto; text-align: left; width: 950px; }
div#head { height: 186px; position: relative; background:url('/img/header.jpg')}
div.navigation_icons { position: absolute; top: 34px; left: 14px; }
div.navigation_icons a { display: inline-block; height: 10px; margin-right: 15px; text-indent: -9999px; width: 10px; }
div.navigation_icons a.home { background: url('/img/icon_home.gif') no-repeat scroll 50% 50% transparent; }
div.navigation_icons a.search { background: url('/img/icon_search.gif') no-repeat scroll 50% 50% transparent; }
div.navigation_icons a.mail { background: url('/img/icon_mail.gif') no-repeat scroll 50% 50% transparent; }
form.search_form { position: absolute; top: 24px; right: 106px; }
input.search_button { position: absolute; right: 2px; top: 3px; }
h1#logo { position: absolute; top: 66px; }
h1#logo a { background: url('/img/logo.png') repeat scroll 0% 0% transparent; display: block; height: 120px; text-indent: -9999px; width: 250px; }
ul.head_navigation { position: absolute; top: 110px; right: 15px; }
ul.head_navigation li { color: rgb(195, 195, 195); display: inline; font-size: 22px; }
ul.head_navigation a { border-bottom: 2px solid rgb(163, 163, 163); font-size: 18px; text-decoration: none; }
ul.head_navigation a:hover { border-bottom: 0px none; }
ul.head_navigation a:focus { color: rgb(195, 195, 195); border-bottom: 0px none; }
div#top_navigation { background: url('/img/nav_top_left.png') no-repeat scroll 0px 0px transparent;}
div.top_navigation_right { background: url('/img/nav_top_right.png') no-repeat scroll 100% 0px transparent; }
ul.top_navigation { background: url('/img/nav_top_bg.png') repeat-x scroll 0% 0% transparent; margin: 0px 16px; padding-left:14px; height: 42px; }
ul.top_navigation li.index { display: inline; float: left; position: relative; }
ul.top_navigation li.index a.index { color: #225599; display: block; float: left; font-size: 18px; padding: 10px 15px 0px 15px; text-decoration: none; }
ul.top_navigation li.index a.selected, ul.top_navigation li.index:hover a.index, ul.top_navigation li.selected a.index, ul.top_navigation li.index a.index:hover { background: url('/img/nav_top_hover_left.png') no-repeat scroll 0% 0% transparent; color: rgb(79, 79, 79); cursor: pointer; margin-top:5px; padding: 0px;}
ul.top_navigation li.index a.selected span, ul.top_navigation li.index:hover a.index span, ul.top_navigation li.selected a.index span, ul.top_navigation li.index a.index:hover span { background: url('/img/nav_top_hover_right.png') no-repeat scroll 100% 0px transparent; display: block; padding: 5px 15px 7px; }
div.sub_menu { background: none repeat scroll 0% 0% rgb(241, 241, 241); border-radius: 0px 15px 15px 15px; display: none; float: left; padding: 17px 0px 20px 7px; position: absolute; left: 0px; top: 42px; z-index: 20; }
ul.sub_menu { width: 250px; }
a#login_button { background: url('/img/login_button.png') repeat scroll 0% 0% transparent; position: absolute; right: 2px; top: 24px; height: 33px; text-indent: -9999px; width: 94px; }
/*div#main_index { padding: 18px 15px; }*/
div#main_index div.index{ float: right; width: 670px; padding:18px 15px 0px 15px;}
div#main_index li.side_left{ float: right; width: 213px; }
div#main_index div.side_right { float: none; padding-right: 14px; padding-left: 14px; width: 213px; padding-top:18px; margin-left:20px; background-image:url('/img/bg-side-right.jpg');margin-top:0px;}
div#side-right-bottom{float:left; background: url('/img/bg-side-right-bottom.jpg') no-repeat; width:241px;  margin-left:-14px; height:20px;}



div.index_block { background: url('/img/index_block_bg.png') repeat scroll 0% 0% transparent; height: 214px; width: 465px; position: relative; z-index: 1; }
div.index_block ul { padding: 8px 0px; }
div.index_block ul li.img { text-align: center; }
div.index_block ul li.descr { float: right; width: 60%; }
div.index_block ul li.descr div.buttons { text-align: right; }
div.index_block ul li.descr div.inner { padding-right: 27px; }
.block_zindex { z-index: 1; }
 
div.edit_button a {
  border-radius: 12px;
  background-color: #e6f2fc; /* нежно-голубой */
  color: #004a99;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  padding: 8px 16px;
  border: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  transition: background-color 0.3s ease, color 0.3s ease;
}

ul.userinfo li.right li.buttons a:hover,
div.single_buttons a:hover,
div.single_buttons_login input:hover,
div.edit_button a:hover {
  background-color: #cce6ff; /* чуть темнее при наведении */
  color: #003366;
}span.field_text_login { border: 1px solid rgb(130,160,200); display: block; padding: 9px 34px 8px 14px; width: 196px; }
span.field_text_login input { background: none repeat scroll 0% 0% transparent; color: rgb(100,120,180); font-size: 14px; width: 100%; }
span.field_text_login_icon { background: url('/img/icon_login_acc.png') no-repeat scroll 100% 50% transparent; }
span.field_text_password_icon { background: url('/img/icon_login_pass.png') no-repeat scroll 100% 50% transparent; }
div#profile_layer { background: none repeat scroll 0% 0% rgb(0, 0, 0); display: none; position: absolute; z-index: 9000; }
div.profile_dialog { background: url('/img/login_bg.png') no-repeat scroll 0% 0% transparent; display: none; position: absolute; height: 230px; width: 355px; z-index: 9999; }
div.profile_dialog a.close { background: url('/img/login_bg_close.gif') repeat scroll 0% 0% transparent; display: block; position: absolute; right: 13px; top: 10px; height: 18px; text-indent: -9999px; width: 18px; }
ul.user_login_list { padding: 0px 54px; text-align: center; }
ul.user_login_list li { padding-top: 10px; }
div.logo_login { background: url('/img/logo_login.png') repeat scroll 0% 0% transparent; margin-top: 15px; height: 47px; width: 241px; }
div.side_block { overflow: hidden; width: 100%; }
div.side_block div.side_block_title { background: url('/img/block_title_bg.jpg') no-repeat scroll 0% 0% transparent; }
div.side_block div.side_block_title h3 {
  color: #0077cc; /* небесно-голубой текст */
  font-size: 17px;
  padding: 10px 15px;
  background-color: #e6f2fc; /* светло-голубой фон */
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 119, 204, 0.1);
  margin-bottom: 10px;
  font-weight: 600;
  background-image: none !important;  /* Убираем фоновые картинки */
  background-repeat: no-repeat !important;
  background-position: initial !important;
}

/* Убираем фон у заголовков с классами, которые могли задавать фон */
div.side_block div.side_block_title h3.top,
div.side_block div.side_block_title h3.popular,
div.side_block div.side_block_title h3.tags,
div.side_block div.side_block_title h3.vote {
  background: none !important;
  background-image: none !important;
}
div.vote_bubble_1 { background: url('/img/vote_bubble_bg.png') repeat-y scroll 0% 0% transparent; }
div.vote_bubble_2 { background: url('/img/vote_bubble_top.png') no-repeat scroll 0% 0% transparent; }
div.vote_bubble { background: url('/img/vote_bubble_bot.png') no-repeat scroll 0px 100% transparent; color: rgb(255, 255, 255); font-weight: bold; line-height: 14px; min-height: 17px; padding: 14px 15px 17px; }
div.vote { cursor: pointer; line-height: 16px; margin-top: 5px; text-align: left; }
div#dle-vote { line-height: 16px ! important; padding: 5px 0px 10px; }
div.side_block_calendar { padding: 9px 10px 15px 11px; }
a.button, input.button, input.bbcodes, input.bbcodes_poll { background: url('/img/button_bg.png') repeat-x scroll 0px 0px rgb(220, 220, 220); font-weight: bold; text-decoration: none; overflow: visible; position: relative; }
a.button, input.button { cursor: pointer; color: rgb(79, 79, 79); font-size: 11px; padding: 8px 12px; }
input.button_orange { background: url('/img/button_orange_bg.png') repeat-x scroll 0px 0px transparent; height: 31px; }
input.button_votes { text-align: center; width: 90px; }
div#footer { line-height: 18px; padding-top: 75px; }
#loading-layer { background: url('/img/loading-layer.png') repeat-x scroll 0px 0px rgb(253, 170, 0); border: 1px solid rgb(231, 143, 8); color: rgb(255, 255, 255); display: none; font-size: 14px; font-weight: bold; padding: 10px; text-align: center; border-radius: 5px 5px 5px 5px; }
div.rating_layer { float: right; width: 20%; }

button.ui-button::-moz-focus-inner { border: 0px none; padding: 0px; }
.radius_15 { border-radius: 15px 15px 15px 15px; }
div.sub_menu, textarea#comments, div.editor div, ul.userinfo li.right li.buttons a, div.single_buttons_login input, div.edit_button a, input.bbcodes, input.bbcodes_poll, .navigation span, .radius_15 {  }
.anons{ text-align:left; line-height:normal; padding-left:3px;}
hr{color:#ff8400;border:1px solid #ff8400;background:#ff8400;clear:both}
div.post{width:326px; float: left;}
ul.post{margin:0px; padding:0px;display:block;border-left:2px solid #FDE7D1;border-right:2px solid #FDE7D1;border-bottom:2px solid #FDE7D1;}
div.post.objavleniya{margin-right: 15px;}
.post li{clear:both;border-top:2px solid #FDE7D1;}
.post-color{background:#fff8c0}
.post img{padding-right:10px; float:left;}
.post.objavleniya img {padding:0px; margin:0px; float:none;}
.post p{text-indent:0px;font-size:16px;}
ul.post li a{display: inline-block; min-height:100px;}
.post a{padding:10px 10px 10px 10px;}
ul.post li:nth-child(odd){
background:#fff8c0
}


#container {
width: 655px;
margin: 0 auto;
}
div.tumb {
background: url('/img/tumb01.gif') no-repeat;
width: 210px;
height: 425px;
float: left;
text-align:center;
}
div.tumb img {
margin:5px 4px;
}
div.tumb span {
line-height:1;
}
.teachers div.tumb{
height: 365px;
}
ul.post{	
list-style-type: none;
}
.anons p{
text-align:left;
}
.banners p{
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
text-align:left;
}
.banners p a{
padding:0px 0px 0px 0px;
}

.wpcf7 input{border: 1px solid grey}









.ac-container{
	width: 240px;
	margin: 0px 0px 30px 10px;
	text-align: left;
}
.ac-container label{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	padding: 5px 20px;
	position: relative;
	z-index: 20;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #777;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	line-height: 33px;
	font-size: 14px;
	/*
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
*/

background: #ffeee5;
background: -moz-linear-gradient(top, #ffeee5 1%, #f9ddb3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffeee5), color-stop(100%,#f9ddb3));
background: -webkit-linear-gradient(top, #ffeee5 1%,#f9ddb3 100%);
background: -o-linear-gradient(top, #ffeee5 1%,#f9ddb3 100%);
background: -ms-linear-gradient(top, #ffeee5 1%,#f9ddb3 100%);
background: linear-gradient(to bottom, #ffeee5 1%,#f9ddb3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeee5', endColorstr='#f9ddb3',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
	background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #FFEEE5;
	color: #3d7489;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}
.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}
.ac-container input{
	display: none;
}
.ac-container article{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
	font-style: italic;
	color: #777;
	line-height: 23px;
	font-size: 14px;
	padding: 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
	-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
/*
.ac-container input:checked ~ article.ac-small{
	height: 140px;
}
.ac-container input:checked ~ article.ac-medium{
	height: 180px;
}
.ac-container input:checked ~ article.ac-large{
	height: 230px;
}

.ac-container input:checked ~ article.ac-about{
	height: 500px;
}
.ac-container input:checked ~ article.ac-nav{
	height: 610px;
}
.ac-container input:checked ~ article.ac-press{
	height: 140px;
}
.ac-container input:checked ~ article.ac-slav{
	height: 80px;
}
.ac-container input:checked ~ article.ac-odod{
	height: 80px;
}
.ac-container input:checked ~ article.ac-prezident{
	height: 500px;
}
.ac-container input:checked ~ article.ac-links{
	height: 2350px;
}
*/




.ac-container input:checked ~ article.ac-small{
	height: 100%;
}
.ac-container input:checked ~ article.ac-medium{
	height: 100%;
}
.ac-container input:checked ~ article.ac-large{
	height: 100%;
}

.ac-container input:checked ~ article.ac-about{
	height: 100%;
}
.ac-container input:checked ~ article.ac-nav{
	height: 100%;
}
.ac-container input:checked ~ article.ac-press{
	height: 100%;
}
.ac-container input:checked ~ article.ac-slav{
	height: 100%;
}
.ac-container input:checked ~ article.ac-odod{
	height: 100%;
}
.ac-container input:checked ~ article.ac-prezident{
	height: 100%;
}
.ac-container input:checked ~ article.ac-links{
	height: 100%;
}

/*
.ac-top ~ label{
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;	
}
.ac-bottom ~ label{
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;	
}*/

td {
padding:5px;
}
a.hs-gal.width100px {
	height:100px;
	width:100px;
display: inline-block;
overflow: hidden;
}
/* СТИЛЬ КНОПОК В ЛЕВОЙ БОКОВОЙ КОЛОНКЕ */
.side_left .single_buttons a {
  display: inline-block;
  background-color: #e6f2fc; /* нежно-голубой */
  color: #004a99; /* насыщенный синий текст */
  padding: 10px 18px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 12px;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.side_left .single_buttons a:hover {
  background-color: #cce6ff; /* чуть темнее при наведении */
  color: #003366;
}