/* CSS Document */

.main_border {border:1px solid #000000;}
.left{border-right:1px solid #000000;}
.right{border-left:1px solid #000000;}
.top{border-top:1px solid #000000; color:#f6f6f6; background-color:#171615;}
p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:15px;}
body {background-image:url(img/back.gif)}
.pnew {text-indent:10px;}

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 211px; /*offset of tabs relative to browser left edge*/
font: bold 14px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 10px 8px; /*padding inside each tab*/
border-right: 5px solid #909193; /*right divider between tabs*/
color: white; background-image:url(img/ban2.jpg);
 /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

#coolmenu{
border: 1px solid gray; /*Стиль рамки */
border-bottom-width: 0;
width: 93%; /*Ширина меню */
background-color: #f6f6f6;  /*Фоновый цвет ячейки*/
margin:6px; /*Ширина отступов*/
}

* html #coolmenu{ 
width: 150px;/*Ширина меню для Internet Explorer*/
}

#coolmenu a{
font: bold 15px Verdana; /*Шрифт текста*/
padding: 2px; /*Внутренний отсутп текста ссылки от краев ячейки*/
padding: 8px 4px;/*Внутренний отсутп текста ссылки от левого края ячейки*/
display: block;
width: 100%; /*Ширина ячейки*/
color: #000000;  /*Цвет текста*/
text-decoration: none; /*Подчеркивание у ссылок - нет*/
border-bottom: 1px solid gray;
}

html>body #coolmenu a{ 
width: auto;
}

#coolmenu a:hover{
background-color: #cccccc; /*Фоновый цвет ячейки при наведение курсора*/
color: #000000;  /*Цвет текста при наведении курсора*/
}

p.title2 {
background-color:#C3893D;
color: #ffffff;
font-weight:bold;
margin:6px;
padding:10px;
}
p.title3 {
background-color:#C3893D;
color: #FFFF66;
font-size:15px;
font-weight:bold;
text-decoration:underline;
margin:6px;
padding:10px;
}

.lesson {border:1px solid #cccccc; width:95%;}
.lesson_title {background-color:#f6f6f6;}

.lesson_name {font-weight:bold; margin-top:7px; margin-bottom:7px;}
.lesson_adds {font-size:11px; margin-top:7px; margin-bottom:7px; color:#424242;}

.new {color:#FF0000;}
.video { text-shadow: inherit; font-style: italic;}

.sound {color: #FF0000; font: bold 14px Verdana;}
.sound1 {color:#0000CC; text-decoration: underline;}
.sho {font: bold; margin-left: 10px; }
.shop {border-bottom: solid 1px; border-top: solid 1px;}
/*название раздела*/
.tab1{
	border-left : 12px solid #6B677E;
	border-right : 12px solid #6B677E;
	text-align : left;
	/*background-color : #6B677E;*/
}
.nazv_razd{
	font-weight : bolder;
	font-size : larger;
}
.nazv_razd a:hover { 
text-decoration:underline;
color:#FF0000;
background:#FFFFCC;
font-size:150%; 
}
.view_name{font-size:16p; font-weight:bold; color:#cc0000; margin-top:15px; text-align: center;}
.view_date{font-size:11px; color: #333333; margin-top:7px; margin-bottom:7px; margin-left:10px;}

.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 5px solid black; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 40px; /*расстояние между левой частью меню и краем браузера*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 14px Verdana;
color: red;
text-decoration: none;
margin: 0 1px 0 0; /*расстояние между элементами меню*/
padding: 5px 10px 9px 10px; /*расстояния внутри каждого элемента*/
background-color: #CCCCCC; /*Default menu color*/
}

.invertedshiftdown a:hover{
background-color: black; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.formshop{border-top: solid 1px}
.contentContent img {
	padding: 5px;
	margin: 5px;
	background: #666;
	border: 1px solid #fff;}

.ssilk a:link{ 
text-decoration:none; 
}
.ssilk a:visited { 
text-decoration:none; 
}
.ssilk a:hover { 
text-decoration:underline;
color:#FF0000;
background:#FFFFCC;
font-size:150%; 
}
.ssilk a:active { 
text-decoration:none; 
}

.other table{background-color: #000000; border-color: #FFFFFF;}
.other a {color: #FFFFFF; text-decoration: none; font-size: 15px; font: bold; margin-left: 10px;}

.red {color:#FF0000}
.teaser {margin-right:5px}
.don_img { margin-left: 5px; margin-top:5px; margin-bottom:5px; border:#666666 2px;}