﻿@import url(reset.css);

body {
	background-image: url(../images/680334947.gif);
}
#wrapper{
margin: 0 auto;
 width: 920px;
 height: 1630px;
 outline:1px solid #cc0000;
}

#logo{
display: block;
width: 920px;
height: 177px;
background-image: url(../images/logo.jpg);
background-repeat: no-repeat;
text-indent:-9000px;
}

#nav{
width:920px;
height: 46px;
list-style:none;
margin:0 auto;
padding-left:0;
}

#nav li{
position:relative;
display:block;
float:left;
list-style-type:none;
height: 46px;
width: 102px;
text-align: center;
}

#nav li a{
display: block;
height: 32px;
padding-top:14px;
text-decoration: none;
color:#007D19;
font: bold 9px Arial, sans-serif;
text-transform: uppercase;
background-image: url(../images/menus.png);
background-repeat: no-repeat;
background-position:0 -46px;
}


#nav li a.last{
background-image: url(../images/menuss.png);
}
#nav li a:hover{
background-position:0 0;
color:#ffffff;
}
#nav ul{ /* Р’Р«РџРђР”РђР®Р©РР• РџРЈРќРљРўР« */
	list-style:none;
	position:absolute;
	display: none;
}
#nav ul li{
	padding-top:1px; 
	float:none;
	width: 115px;
}
#nav ul a{
	white-space:nowrap; 
	display:block;
}
#nav li:hover ul{ /* Р’С‹РІРѕРґРёРј РІС‹РїР°РґР°СЋС‰РёР№ РїСѓРЅРєС‚ РїСЂРё РЅР°РІРµРґРµРЅРёРё РєСѓСЂСЃРѕСЂР° */
	display: block;
}
}
#nav li:hover a{ 
	text-decoration:underline;
}
#header{
 height: 80px;
 background-color:#007D19;
 background-image: url(../images/pod.jpg);
background-repeat: no-repeat;
}
#anons{
height: 300px;
background-image: url(../images/DSCF2763.jpg);
background-repeat: no-repeat;
background-color:#FFFF01;
}
#anons div{
float:left;
background-repeat: no-repeat;
}
#slogan {
height:287px;
width:600px;
right:40px;
padding-left: 280px;
}
#slogan h2{
font: bold 20px Arial, sans-serif;
color:#000000;
text-align: center;
}
#slogan h2 span{
font: bold 16px Arial, sans-serif;
color:#000000;
}
#slogan a{
display: block;
height:42px;
width:190px;
padding-top:18px;
padding-left:20px;
margin-left:200px;
background-image: url(../images/button.png);
background-repeat: no-repeat;
font: bold 20px Arial, sans-serif;
color:#F5DB00;
text-decoration: none;
}
#photos{
 height: 310px;
 background-color:#01FF01;
 padding:20px 20px;
}
#photos div{
float:left;
width: 210px;
height:301px;
background-repeat: no-repeat;
}
#history,  #kal_ch,  #kal_kp{
margin-right:13px;
}
#history{
background-image: url(../images/1.gif);
}
#kal_ch{
background-image: url(../images/2.gif);
}
#kal_kp{
background-image: url(../images/3.gif);
}
#zajavka{
background-image: url(../images/4.gif);
}
#photos div h4{
height:15px;
padding:15px 0 0 13px;
margin:144px 0 0 0;
color:#000000;
font: bold 10px Arial, sans-serif;
overflow: hidden;
}
#photos div p{
height:94px;
padding:3px 0 0 13px;
margin:0 auto;
color:#ffffff;
font:11px Arial, sans-serif;
overflow: hidden;
}
#photos div a{
display: block;
width: 16px;
height:16px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
cursor:pointer;
margin:8px 0 0 13px;
}
#content{
height: 403px;
background-color:#00FF01;
padding:30px 35px 20px 35px;
}

#content h2{
font: bold 28px Arial, sans-serif;
margin:8px auto;
text-align: center;
}
#proekt{
height: 403px;
width: 850px;
margin-right:30px;
}
#proekt p{
font: 13px Arial, sans-serif;
}
#proekt p.strong{
font-weight: bold;
}
#proekt div{
height:120px;
margin-bottom:30px;
background-position:0 6px;
}
#proekt ul{
margin-top:0;
padding-left:1px;
float:left;
list-style-type:none;
}
.clear{
clear: both;
}
#inproekt{
height:250px;
padding-left:138px;
background-image: url(../images/vakansii.jpg);
background-repeat: no-repeat;
}
#b1{
margin-right:15px;
}
#b2{
border-left: 1px solid #F5DB00;
}
#proekt ul li a{
color:blue;
font: 11px Arial, sans-serif;
}
#proekt ul li {
padding-left: 20px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position:0 3px;
margin-bottom:4px;
}
#proekt ul#b2 li {
padding-left: 46px;
background-position:26px 3px;
}

#operator{
position:fixed;
height:180px;
width:22px;
top:96px;
left:0;
}
#tv{
display: block;
width: 920px;
height: 80px;
background-image: url(../images/tv.jpg);
background-repeat: no-repeat;
text-indent:-9000px;
}
#hea{
 height:370px;
 background-color:#F5DB00;
 padding:20px 30px;
}
#hea div{
float:left;
width: 382px;
height:300px;
background-repeat: no-repeat;
}
#olimp{
background-image: url(../images/professii.gif);
margin-right:95px;
}
#vasha{
background-image: url(../images/specialnosti.gif);
}
#hea div h4{
height:15px;
padding:15px 0 0 13px;
margin:244px 0 0 0;
color:#007D19;
font: bold 14px Arial, sans-serif;
overflow: hidden;
}
#hea div p{
height:20px;
padding:3px 0 0 10px;
margin:0 auto;
color:#323232;
font:9px Arial, sans-serif;
overflow: hidden;
}
#hea div a{
display: block;
width: 300px;
height:16px;
background-repeat: no-repeat;
cursor:pointer;
margin:1px 0 0 13px;
}
#trud{
 height: 80px;
 background-color:#007D19;
 background-image: url(../images/trud.jpg);
background-repeat: no-repeat;
}
#reklama{
 height: 80px;
 background-color:#007D19;
background-repeat: no-repeat;
}

#footer{
height: 100px;
background-color:#F5DB00;
}
#foot{
text-align: center;
margin: 0 auto;
padding-left:0;
}
#foot li{
list-style-type:none;
}