.rekl_komp {
	background-color: #FFF;
	width:60px;
	border:1px solid grey;
	padding:1px;
	margin:1px;
	float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
	height: 60px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	

}
.rekl_komp:hover {
	background-color: #FFF;
	width:60px;
	border:1px solid red;
	padding:1px;
	margin:1px;
	float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
	height: 60px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	cursor: pointer;

}
.rekl_komp_ {
	background-color: #FFF;
	width:60px;
	border:1px solid grey;
	padding:1px;
	margin:1px;
	float:left;  
	height: 15px;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
}


body, html {
height:100%;
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
}
a:link {text-decoration: none;color: #009;}
a:visited {	text-decoration: none;color: #009;}
a:hover {text-decoration: none;color: #C00;}
a:active {text-decoration: none;}

#container{
margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
width:1250px; /* ширина нашего макета*/
min-height:100%;
background-color: #DEE0DF;

}
* html #container{
height:100%;
}
/*Здесь пишем стили для шапки сайта */
#header{
background-image: url(/images_tramplin/aqu_wave.jpg);
height:155px;
}
#header h1 {
	margin: 0; /* Обнуляем отсупы для заголовка первого уровня, находящегося в шапке. Это нужно обязательно делать, при использовании заголовков. Если используются параграфы, то тоже нужно обнулить отсупы для них. */
	padding: 5px 0; /* Задаем поля */
	text-align: left;
	font-size: 12px;
}
#header h2 {
	margin: 0; /* Обнуляем отсупы для заголовка первого уровня, находящегося в шапке. Это нужно обязательно делать, при использовании заголовков. Если используются параграфы, то тоже нужно обнулить отсупы для них. */
	padding: 10px; /* Задаем поля */
	text-align:center;
	font-size: 14px;
	font-family:Verdana, Geneva, sans-serif;
}
#separator{
	margin:0px; 
    padding:0px;
	background-color: #F00;
	width:1250px;
	height:1px;
}
/*Здесь пишем стили для левой колонки сайта */
#left{
	background-color: #DEE0DF;
	padding:5px;
	width: 198px; /*ширина колонки */
	float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	
}
#left_{
	padding:5px;
	width: 198px; /*ширина колонки */
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	position: absolute;
	z-index: 1;
	top: 150px;
	left: 1px;
	text-align:left;
}

/*Здесь пишем стили для правой колонки сайта */
#right{
text-align:center;
padding:5px;
width:216px; /*ширина правой колонки */
background-color:#DEE0DF;
float:right; /*обазятельное выравнивание колонки по правому краю с включением обтекания */
}
/*Здесь пишем стили для блока контента */
#content{
background-color:#ffffff;
padding:5px;
margin:0px; /*обнуляем отступы сверху и снизу*/
margin-left:209px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
margin-right:227px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
min-height:800px;

}
#content h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
} 
#content h2 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
font-size: 14px; 
font-family: Verdana, Geneva, sans-serif; 
color: #F30; 
font-weight: bold;
} 

#content p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
}
#content h3 {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:11px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
font-family: Verdana, Geneva, sans-serif; 
font-size: 12px; 
font-style: italic;
}
#content h4 {
	margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
	padding:11px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
#rasporka{
height:20px;
}
/*Здесь пишем стили для подвала сайта */
#footer{
height:20px;
margin-top:-30px;
margin-left:auto;
margin-right:auto;
width:1250px;
background-color: #6CF;
margin-bottom:0px;
}
#footer p{
text-align:center;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
font-style: italic;

}
#search {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #CCC;
	text-align: center;
}

#btn-sub1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFF;
	text-align: center;
	width:365px;
	height:15px;
	border:1px solid red;
    padding:10px;
    margin:5px;
    float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
}
#btn-sub2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFF;
	text-align: center;
	width:365px;
	height:15px;
	border:1px solid red;
    padding:10px;
    margin:5px;
    float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
}
#btn-sub {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFF;
	text-align: center;
	width:365px;
	height:15px;
	border:3px solid blue;
    padding:10px;
    margin:5px;
}

#btn-sub:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #D1CDFC;
	text-align: center;
	width:365px;
	height:15px;
	border:3px solid red;
	padding:10px;
	margin:5px;
	cursor: pointer;

}
.bb_div {
	background-color: #FFF;
	width:780px;
	height:auto;
	border:2px solid grey;
	padding:1px;
	margin:5px;
	float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
}
.bb_div:hover {
	background-color: #FFF;
	width:780px;
	height:auto;
	border:2px solid red;
	padding:1px;
	margin:5px;
	float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
	cursor: pointer;

}

.bb_div_foto {
	background-color: #FFF;
	width:150px;
	height:120px;
	border:1px solid grey;
	padding:1px;
	margin:1px;
	float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
}
.bb_div_shema {
	background-color: #FFF;
	width:150px;
	height:120px;
	border:1px solid grey;
	padding:1px;
	margin:1px;
	float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
}

.bb_div_content {
	text-align: left;
	width:454px;
	min-height:112px;
	border:1px solid grey;
	padding:5px;
	margin:1px;
	font-size: 12px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;

	float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
}
.bb_img_big {
	background-color: #FFF;
	height:auto;
	padding:3px;
	margin:3px;
	text-align: center;
}
#bb_parametr {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding:10px;
	margin:3px;
	margin-left:82px;
	border:1px solid grey;
	margin-right: 82px;
}
.bb_zagol {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height:auto;
	padding:3px;
	margin:3px;
	text-align: center;
}
#bb_mis {
	height:auto;
	padding:3px;
	margin:3px;
	text-align: center;
}
.bb_bron {
	height:10;
	padding:3px;
	margin:3px;
	text-align:center;
	width: 10px;
}
.bb_mini_foto {
	background-color: #FFF;
	width:100px;
	border:1px solid grey;
	padding:1px;
	margin:1px;
	float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
}
.bb_mini_shema {
	background-color: #FFF;
	width:100px;
	border:1px solid grey;
	padding:1px;
	margin:1px;
	float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
}