@charset "utf-8";
@import url("foto.css");
html { 
	background-color:#f6f4f4 
}
body {
	height: auto;
	background-color: #fff;
	color: #4e4f50;
	font: 15px Tahoma, Geneva, sans-serif;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
	height: 100%;
	margin: 0 auto;
	width: 1080px;
	border: thin solid #8E8F8F;
	
}

/* задаем цвет фона для контейнера nav. */
nav {
	height: 44px;
	background-color: #66CCFF;
}

/* убираем отступы и поля, а также list-style для "ul", 
			 * и добавляем "position:relative" */
			nav ul {
			    padding:0;
			    margin:0;
			    list-style: none;
			    position: relative;
			    }
			
			/* применяем inline-block позиционирование к элементам навигации */
			nav ul li {
	margin: 0px -7px 0 0;
	display: inline-block;
				    }
			
			/* стилизуем ссылки */
			nav a {
	display: block;
	padding: 0 10px;
	color: #6CF;
	font-size: 20px;
	line-height: 60px;
	text-decoration: none;
	
			}
			
			/* изменяем цвет фона при наведении курсора */
			nav a:hover {
	background-color: #66FFFF;
		}


/* скрываем выпадающие списки по умолчанию
			 * и задаем абсолютное позиционирование */
			nav ul ul {
	display: none;
	position: absolute;
	top: 100%;

			}
			
			/* отображаем выпадающий список при наведении */
			nav ul li:hover > ul {
			    display:inherit;
			background-image: url(../img/titul/menu_img.png);
			}
			
			/* первый уровень выпадающего списка */
			nav ul ul li {
			    min-width:170px;
			    float:none;
			    display:list-item;
			    position: relative;
			}



/* второй, третий и последующие уровни 
			 * смещаем 2 и 3 уровни влево 
			 * на значение длины первого уровня.
			*/
			nav ul ul ul {
			    position: absolute;
			    top:0;
			    left:100%;
		}





.caption-1 {
    font-size: 18px;
    color: #015088;
    margin-bottom: 30px;
}

h1,
.caption-1 { 
	font-size:18px;
	color:#015088;
	margin-bottom:30px;
}
a { 
	color:#2d7bac;
	text-decoration:none;
 }
a:hover { 
	text-decoration:underline;
}

.titul_img {
	height: 460px;
	width: 100%;
	background-image: url(../img/titul/titul.jpg);
	overflow: visible;
	background-repeat: repeat;

	bgwidth: width: 100%;
	bgheight: height: 100%;
}
.menu_img {
	height: 44px;
	bottom: 0;
	left: 0;
	width: 1080px;
	background-image: url(../img/titul/menu_img.png);
	background-repeat: space;
	border-top-style: none;
}

.menu_img li {
	
	background-position: 0 top;
	
	background-repeat: no-repeat;
		
		
		
		}
		.menu_img li:last-child {
			background:none;
		}
			.menu_img li a {

				padding:0 50px;
				color:#fff;
				font-size:15px;
				line-height:44px;
				text-shadow:1px 1px 1px #015189;
				-webkit-transition:all 0.1s ease;
				-moz-transition:all 0.1s ease;
				-o-transition:all 0.1s ease;
				transition:all 0.1s ease;
			} 
			.menu_img li:last-child a {
				padding:0 50px;
			}
			.menu_img li a:hover {
	background-position: center center;
	text-decoration: none;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.75);
			}


.content {
	float: left;
	width: 67.5%;
	padding-left: 50px;
}



.saidebar {
	width: 20%;
	float: right;
	padding-right: 30px;
}
/* ~~ Нижний колонтитул ~~ */
.niz {
	position: relative;/* IE6 получает hasLayout для правильной очистки */
	clear: both;
	width: 1080px;
}
.nizzz {
	position: relative;/* IE6 получает hasLayout для правильной очистки */
	clear: both;
	width: 1080px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.kontora {
	font-family: "Times New Roman", Times, serif;
	font-size: 45px;
	font-style: italic;
	color: #99FF00;
	font-weight: bold;
	text-shadow: 1px 0 1px #000,
	0 1px 1px #000, 
	-1px 0 1px #000, 
	0 -1px 1px #000;

}
.kontora2 {
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 20px;
	font-style: italic;
	line-height: normal;
	color: #00EFDF;
	font-weight: bold;
	text-shadow: 1px 0 1px #000,
	0 1px 1px #000, 
	-1px 0 1px #000, 
	0 -1px 1px #000;
}
.textnadkframe {
	height: 95px;
	width: 1075px;
	border-top-style: none;
}



.kframe {
	top: 155px;
	z-index: -2;
	right: auto;
	position: absolute;
	left: auto;
}

.tcenter p {font:bold 12px Verdana,sans-serif; color:#333;}
.tcenter input,textarea {font:normal 12px Verdana,sans-serif; color:#333; border:1px solid #ccc;}

.inputtext {width:200px;
background-image: url(images/gray_bg.png);
background-repeat: repeat-x;
background-position: top; 
padding:5px;
}
.inputtext1 {width:150px;
background-image: url(images/gray_bg.png);
background-repeat: repeat-x;
background-position: top; 
padding:5px;
}
.inputtext2 {width:50px;
background-image: url(images/gray_bg.png);
background-repeat: repeat-x;
background-position: top; 
padding:5px;
}

.inputtext3 {width:50px;
background-image: url(images/gray_bg.png);
background-repeat: repeat-x;
background-position: top; 
padding:5px;
}

.comarea{width:200px; background-image: url(images/gray_bg.png);
background-repeat: repeat-x;
background-position: top; 
padding:5px;}

.comarea1{width:200px; background-image: url(images/gray_bg.png);
background-repeat: repeat-x;
background-position: top; 
padding:5px;}

.comarea2{width:200px; background-image: url(images/gray_bg.png);
background-repeat: repeat-x;
background-position: top; 
padding:5px;}

.comarea3{width:200px; background-image: url(images/gray_bg.png);
background-repeat: repeat-x;
background-position: top; 
padding:5px;}

.comarea4{width:200px; background-image: url(images/gray_bg.png);
background-repeat: repeat-x;
background-position: top; 
padding:5px;}

input.formbutton{
	border: 2px #ccc solid;
	width: 150px;
	color: #fff;
	font: 11px Verdana, Geneva, sans-serif;
	background-color: #0DF7F4;
	font-weight: 700;
	text-transform: uppercase;
	height: 25px;
}

.comareaact {width:400px;  background-image: none; padding:5px;}

.comareaact2 {width:300px;  background-image: none; padding:5px;}

.inputtextact {width:200px; background-image: none; padding:5px;}

.inputtextact1 {width:150px; background-image: none; padding:5px;}

.inputtextact2 {width:50px; background-image: none; padding:5px;}

.inputtextact3 {width:50px; background-image: none; padding:5px;}