/* CSS Document */

*{padding:0; margin:0; border: 0;}
body {padding:0; background:#fff; color:#000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; line-height:20px; font-size:14px;}
p{margin:0; padding:0 5px 12px 0; text-align:left; font-size:1.0em; color:#000;}
a{color:#676767; text-decoration:none;}
a:hover{color:#000; text-decoration:none;}
p a{color:#9b2b38; text-decoration:none;}
p a:hover{color:#000; text-decoration:none;}
h1{font-size:16px; font-style:strong; margin:0 0 15px 0;}

#content{max-width:960px; margin:20px auto;}  
#top-left{width:240px; text-align:left; padding:25px 10px 0 10px; float:left; margin:0 0 20px 0;}
#top-right{max-width:70%; text-align:left; padding:30px 10px 0 20px; float:left; margin:0 0 20px 0;}
#left{width:240px; text-align:left; padding:10px 10px 0 10px; float:left; clear:left;}
#right{max-width:70%; text-align:left; padding:10px 10px 0 10px; float:right; }
.line{margin:10px 0 10px 0;}
.title{max-width:78%; margin:0;}
.title2{max-width:78%; margin:0;}
.fb{margin:5px 0 20px 0;}
.vis{margin:0 15px 15px 0;} 
td{padding: 5px; /* Поля в ячейках */}

#list{font-weight:normal; font-size:1em; color:#000;}
#list li{margin-left:35px; padding-left:0;}
#list li a{color:#9b2b38;}
#list li a:hover{color:#F00;}


.search {
    width: 300px; /* Ширина поля с кнопкой */
    border: 1px solid #000; /* Параметры рамки */
    min-height: 20px; /* Минимальная высота */
   }
   input[type="search"] {
    border: none; /* Убираем рамку */
    outline: none; /* Убираем свечение в Chrome и Safari */
    -webkit-appearance: none; /* Убираем рамку в Chrome и Safari */
    width: 271px; /* Ширина поля */
    vertical-align: super; /* Выравнивание по середине */
	}
   input[type="submit"] {
    width: 20px; /* Ширина кнопки */
    height: 20px; /* Высота кнопки */
    border: none; /* Убираем рамку */
    background: url(../images/video.png) no-repeat 50% 50%; /* Параметры фона */
   }


@media only screen and (max-width: 1600px) {

}

@media only screen and (max-width: 1280px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 960px) {
#content{width:100%;}
#right{max-width:62%;}
}

@media only screen and (max-width: 768px) {
.title2{max-width:78%; margin:0; clear:left; max-width:220px;}
#top-right{max-width:240px; text-align:left; padding:20px 10px 0 20px; float:left; margin:0 0 20px 0;}
}

@media only screen and (max-width: 600px) {
#content{margin:0 auto;}
#top-left{padding:0 10px 0 10px; margin:10px 0 10px 0;}
#top-right{clear:left; padding:0 10px 0 10px;}
.title{max-width:105%; margin:0;}	
.title2{max-width:95%; margin:0;}
#right{max-width:50%;}
}

@media only screen and (max-width: 480px) {
#right{clear:left; max-width:100%;}
.title{max-width:230px; margin:0;}
.title{max-width:110%; margin:0;}
}

@media only screen and (max-width: 320px) {
	
}

@media only screen and (max-width: 240px) {

}