@charset "utf-8";
/* CSS Document */


*{
margin:0;
padding:0;
}

div{margin:0;
}

a img {
	border-style:none;
}

html, body {
height: 100%;
}

hr{
	margin: 10px 0;
}

p{
	margin:10px 0;
}
ul{
	list-style:none;
	margin-left:20px;
}

body 	{margin:0;	padding:0;	color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:16px; line-height:1.5; text-align:justify;
background:#4C4C58;
}

h1{text-align:center; font-size:16px; text-transform:uppercase; margin-top:10px; margin-bottom:10px; }

h2{font-size:14px; text-transform:uppercase; margin-bottom:5px;}

a:link, a:visited, a:active { text-decoration: underline; color: white; font-weight:400;}
a:hover { text-decoration: none; color: #FEFD89; }

div#tabs div a{color:#FFFFFF;}
div#tabs div.block a{color:#FFFFFF;}
div#tabs div.block a:link, a:visited, a:active {color:white; text-decoration: underline; color: white; font-weight:400;}
div#tabs div.block a:hover { text-decoration: none; color: #FEFD89; }

.haupt {
width:1000px; 
background:#3E3D4D;
min-height:100%;
height:auto !important;
height:100%; 
margin: 0 auto -50px; 
}

/*текст вверху страницы*/
.top_text{
padding: 10px;
/*border-bottom: #FEFD89 solid 2px;*/
margin-bottom:5px;
font-size:12px;
}

.sidebar {float:left;
width:220px; 
}

.header{
margin-bottom:0px;
}

.main {float:right;
width:740px; padding:10px;
margin-top:0;
padding-top:0;
/*background:url(languages/images/joe.png) no-repeat 0 250px;*/
}

.footer {
height:50px;
background:#3E3D4D;
width:1000px;
margin: 0 auto;
border-top: #FEFD89 solid 2px; 
padding-top:10px;
}

.push{
height:50px;
}

.push, .footer {clear:both}

/*---------стиль для топ 5----------------------------*/

.top a{
font-size:14px;
display:block;
padding-left: 5px;
}

.top{
float:left;
width:280px;
margin:0;
border:#FEFD89 solid 1px;
}

.top_null{
float:left;
width:248px;
border:#3E3D4D solid 2px;
}

.top h2{
margin:0px;
text-align:center;
}
/*-----------------------конец стиля для блока топ 5--------------------------------*/

/*стиль для блока вывода уроков*/
.block{
width:220px;
height: 150px;
background-color:#31333E;
background-image:url(images/block_back.png);
background-repeat:no-repeat;
background-position:top left;
margin:25px;
margin-left:0px;
float:left;
font-size:13px;
text-align:left;

}

/*блоки уроков на главной странице*/
div#tabs div.block{
margin:5px;
color:#FFFFFF;
}


.block_title{ border-bottom:#FEFD89 thin dashed}

.level{
font-size:12px;
padding:2px;
padding-left:5px;
padding-top: 3px;
width:155px;
float:left;
}

.img {
float:right;
margin:5px;
margin-right:5px;

}

.clr{clear:both}

.block_in{padding-left:6px; padding-right:6px; margin-top:5px; height:75px;}

/*--------------------------- конец стиля блоков для вывода уроков--------------------------------*/

.swf{
width:520px;
margin: 0 auto;

}

/*-----------------------------------cтиль для блока ролик из ютуба + текст песни------------------------*/
.video{

width:740px;
padding:0;
margin-top:10px;
margin-bottom:25px;
font-size:12px;
}

.youtube{
width:430px;
margin-right:10px; 
margin-left:10px;
}

.read {
text-align:left;
font-size:14px;	
font-family:Tahoma;
}

/*----------------------------------стиль для левого меню----------------------------*/

.sidebar h2 {
background-image:url(images/bg_sidecaption.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:400;
height:37px;
position:relative;
width:200px;
margin:1em 0 0 -4px;
padding:2px 0 0 12px;
}

.sidebar ul {
font-size:14px;
list-style:none;
overflow:hidden;
margin:0;
padding:0 8px 10px;
}

.sidebar ul li {
display:block;
margin:0;
}


.sidebar ul li a {
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
}

.sidebar ul li a:hover {
color:#FFFF00;
}


.current{
background-color: #4C4C58;
color: #000000;
font-weight:bolder;
margin-left:0px;
position:relative;
left: -20px;
padding:5px;
padding-left:20px;

}

.login_block{
	font-size:10px;
	padding-left:10px;
	width:170px;
}

.login_block input{
	width:140px;
}


/*стиль для блоков главной страницы*/
.index{
	width:320px;
	float:left;
	height:270px;
	font-size:14px;
}

#lang{
	background:url(images/lang.jpg) no-repeat;
	margin-left:10px;
}

#card{
	background:url(images/cards.jpg) no-repeat;
	margin-right:10px;
}

.indextext{
	width:235px;
}

#lang .indextext{
	margin-left:70px;
	margin-top:10px;
}

#card .indextext{
	margin-left:25px;
	margin-top:10px;
}

#logo{
	border-style:none;
}


.comment{
	margin-top:10px;
	font-size:12px;
	background:#4C4C58;
}



.comment p{
	margin:5px;
}


.trans td{
	width:180px;
	border: #FFFFFF 1px solid;
	padding-left:3px;
}


/*-------------------------стиль для блока рассылки------------------------------*/

.responder{
font-size:12px;
width:180px;
padding-left:8px;
text-align:left;
}

/*------------------конец стиля для блока рассылки-----------------------------------*/

.btn{
background-color:#FFFFCC;
}


/*стиль для обработки ошибок админитсраторской части*/
.not_error{
display:none;
}
.if_error{
display:inherit;
border-color:#FF0000;
color:#FF0000;
}


span.hidden{
  display: none;
}

span.error{
  display: inner;
  color: black;
  background-color: pink;  
}



.err_message{
	color:#FF0000;
}

/*  registration form*/

.input_err{
	border-color:#FF0000;
}

.input_not_err{
	border-color:#00FF00;
}

.f_left{
	float:left;
	text-align:right;
	padding-right:10px;
	width:200px;
}

.f_right{
	float:left;
	width:200px;
}

.f_clear{
	clear:both;
	height:10px;
}

.top-links{
	background:#4C4C58;
	font-size:12px;
	padding-bottom:5px;
}

.top-links a{
	padding-left:5px;
	padding-right:5px;

}
/* новый пользователь */

#new_user input{
	width:200px;
}


#check{
	font-size:20px;
}

#new_user label{
	padding:10px;
	margin:10px;
}

fieldset{
	padding:10px;
}


.web img{
	width:190px !important;
	height:100px !important;
}
.best td{
	padding: 0 2px;
}

.block_in img{
	display:none;
}