html, body {
	height: 100%;	
}

body { 
	font: .8em Arial, Verdana, Helvetica, Sans-serif;
	line-height: 1.4em;
	color: #343434; 
	background:#000 url("/i/bg.jpg") no-repeat center top; 
	width:100%; 
	height:100%; 
	margin:0; padding:0;
}


h1,h2,h3,h4,h5,h6 {	
	font-family: Georgia, Serif;	
	font-weight: lighter;
	color: #000000;
	line-height: 1.2em;
    margin: 10px 0;
}

h1 {
	font-size: 2.5em;
}

h1 span{
	font-size: .7em;
	white-space: normal;	
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
	
}

h4 {
	font-size: 1.4em;
}

p{
	margin: 10px 0;
	text-indent: 0em;
}

acronym {cursor:help; border-bottom:1px dotted #333; font-style: normal;}
sup, sub {  vertical-align: middle;  position: relative;  font-size: 75%; }
sup { bottom: 0.5em; }
sub { top: 0.5em; }
small {font-size:.9em;}
big {font-size:1.2em;}


a{
	color: #0043ca;	
}

a:hover{
	color: #467ae4;	
}


textarea, input[type=text], input[type=password]{
    border: 1px solid #aaa;
    padding: 2px 3px;
}

.clear:after {content: "."; display: block; height: 0;  clear: both; visibility: hidden;}

/*макет*/
#pageLayout{
	min-height: 100%;	
    min-width: 1000px;
	position: relative;	    
    width: 100%;
    margin: 0 auto -200px auto;	    
    top: 0px;    
}

* html #pageLayout {
	height: 100%;
	width: 100%;
}

/* контент */
#wrapper {	        
	width: 94%;    
	margin: 0px auto;
	height: 100%;		
	position: relative;	
	padding-bottom: 200px;	
	clear: both;
    display: block;
}

/* шапка */
#header{
    height: 370px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.inner #header{
    height: 200px !important;    
}


#header h1 {
	background: url("/i/logo.png") no-repeat top;
	display: block;
	width: 254px;
	height: 64px;	    
    float: left;
    margin-top: 30px;		
}


#header h1 a, #header h1 a:hover{	
	display: block;
	width: 254px;
	height: 64px;	
	text-decoration: none;	
	position: absolute;
	z-index: 100000;		
}

#header h1 a span{
	display: none;
}

/* меню */
.mainMenu{
    float: right;
    margin: 55px 0 0 0;
}

.mainMenu li{
    float: left;
    margin-left: 30px;
    font-size: 1.4em;
}

.mainMenu li a, .lang a{
    color: #fff;    
}

.mainMenu li.active a, .mainMenu li a:hover, .lang a:hover{
    color: #00cbdd;
}

.lang{
    top: 10px;
    position: absolute;
    right: 0;
}

/* меню для внутренних разделов */
.subMenu{    
    position: absolute;    
    right: 2%;
    top: 100px;
    color: #fff;            
}

.sAbout{
    right: 15%;
}

.subMenu a{
    color: #fff;
} 

.subMenu ul{    
    background: #3c8e98;
    height: 40px;                    
}

.subMenu .left{
    float: left;    
    background: url("/i/submenu_bg.png") no-repeat;
    width: 30px;
    height: 40px;
    background-position: 0 -10px;
    margin-left: -30px;
}

.subMenu .right{  
    right: 0;
    position: absolute;
    background: url("/i/submenu_bg.png") no-repeat;
    width: 25px;
    height: 40px;
    background-position: -45px -10px;    
    margin-right: -25px;
}
    
.subMenu li{
    float: left;
    margin-right: 25px;
    padding: 10px 0 0 0;
}

.menuPointer{
    position: absolute;
    width: 30px;
    height: 10px;
    background: url("/i/submenu_bg.png") no-repeat;
    background-position:  -20px 0;    
    top: 90px;   
}

.mAbout{
    right: 340px !important;
}

.mPortfolio{
    right: 240px !important;
}

.mProjects{
    right: 125px !important;
}

.mContacts{
    right: 25px !important;
}
/* новость дня */
.dayNews{
    clear: both;
    color: #fff;
    margin: 30px 0 0 0;
}

.dayNewsContent{
    float: left;
    width: 60%;
    font-size: 1.2em;
}

.dayNewsContent h2{
    color: #fff;
    font-size: 2.5em;
    font-family: Arial, Verdana, Helvetica, Sans-serif;
    font-style: italic;
    font-weight: bold;
}

.dayNewsContent p{
    width: 90%;
}

.dayNewsContent .process {
    margin-top: 25px;
}
.dayNewsContent .process a{
    background: url("/i/process_btn.png") no-repeat;
    display: block;
    width: 204px;
    height: 35px;    
    position: relative;
    z-index: 10000;
}

.dayNewsContent .process a span{
    display: none;
}

.dayNewsImg{
    position: absolute;
    right: 2%;
    margin-top: -50px;
}

/* контент */
.content{
    background: #fff url("/i/content_bg.png") repeat-x top;
    position: relative;    
}

.content .tl{
    background: url("/i/content_bg_sprite.png") no-repeat;
    width: 19px;
    height: 26px;
}

.content .tr{
    float: right;
	background: url("/i/content_bg_sprite.png") no-repeat;
	width: 19px;
    height: 26px;    
	display: block;
	position: absolute;
    right: 0;
    top: 0;
    background-position: -19px 0;
}

.content .bl{
	clear: both;
	float: left;
	background: url("/i/content_bg_sprite.png") no-repeat;
	width: 24px;
	height: 27px;
	display: block;		
	margin: -27px 0 0px 0px;
    background-position: 0 -26px;					
}	

.content .br{
	float: right;
	background: url("/i/content_bg_sprite.png") no-repeat;
	width: 24px;
	height: 27px;
	display: block;	
	margin: -27px -1px 0px 0px;
	border: none;
    background-position: -24px -26px;	
}

.mainContent{
    padding: 25px 50px;    
    min-height: 333px;
}

.text{
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 100px;
}

.text ul{
	list-style: disc;	
	margin: 25px 0 25px 20px;
}

.text ul li {
	margin:  10px 0 10px 20px;	
}

.text ol{
	list-style: decimal;	
	margin: 25px 0 25px 20px;
}

.text ol li {
	margin:  10px 0 10px 20px;	
}


.text td{
    border: 1px solid #ccc;
	padding: 3px 5px;		
}

.text .col{
    width: 45%;
    float: left;
    margin-right: 5%;
}

.text .about {
    font-size: 1.2em;
    width: 50%;
}

.morenews{

}

.text .news{
    float: right !important;
    width: 44%;
    margin-right: 0 !important;
}

.text .news .post{
    margin-bottom: 40px !important;
    min-height: 0 !important;    
}
.text .news .post .date{
    color: #656565;
    margin: 0px 0 -5px 0 !important;
}

.post h3 a{
    color: #000;
    text-decoration: none;
}

/* портфолио */
.indexPortfolio{
    margin: 50px 0;
    
    width: 115%;
    overflow: hidden;    
}

.indexPortfolio h2{
    font-size: 2.2em;
    margin-bottom: 25px;
}

.indexPortfolio .goodThing{    
    float: left;
    margin-bottom: 25px;
}

.indexPortfolio .goodThing div{
    text-align: center;
    width: 257px;
}

.indexPortfolio .col1{
    width: 30%;
    text-align: left;
}

.indexPortfolio .col2{
    width: 30%;
    text-align: center;
}

.indexPortfolio .col3{
    width: 30% !important;
    text-align: right;
}

/* подвал */
.footer_contaner{
    background: url("/i/footer_bg.jpg") no-repeat center bottom;
    height: 364px;
    margin: 50px auto 0 auto;
}

#footer{
    color: #fff;
    width: 95%;    
    margin: 0px auto 0 auto;    
    height: 364px;
}

#footer .inner{
    padding: 0px 50px;      
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 10000;
}

#footer a{
    color: #fff;
    text-decoration: underline;
}

#footer h2{
    color: #fff;
    font-size: 2em;
}

#footer .col{
    float: left;    
    width: 45%;
}

#footer #irkutsk{
    margin-right: 10%;
}

#footer .tutu{
    margin: 25px 0 100px 0;
    clear: both;
}

/* навигация */
.nav{
    font-size: 1.2em;
    color: #0043ca;
    font-family: Georgia, Times New Roman Times, Serif;
    margin-bottom: 15px;
}

.annotation{
    border: 1px solid #8f8f8f;
    position: relative;
}

.annotation .btl{
    background: #F3F4F5 url("/i/borders_sprite.png") no-repeat;
    width: 15px;
    height: 15px;
    margin: -1px 0 0 -1px;    
    position: absolute;
}

.annotation .btr{
    float: right;
	background: #F3F4F5 url("/i/borders_sprite.png") no-repeat;
	width: 15px;
    height: 15px;    
	display: block;
	position: absolute;
    right: -1px;
    top: -1px;
    background-position: -15px 0px;
}

.annotation .bbl{
	clear: both;
	float: left;
	background: #fff url("/i/borders_sprite.png") no-repeat;
	width: 15px;
	height: 15px;
	display: block;		
	margin: -14px 0 0px -1px;
    background-position: 0 -15px;					
}	

.annotation .bbr{
	float: right;
	background: #fff url("/i/borders_sprite.png") no-repeat;
	width: 15px;
	height: 15px;
	display: block;	
	margin: -14px -1px 0px 0px;
	border: none;
    background-position: -15px -15px;	
}

.annotation .innerText{
    padding: 15px;
    overflow: hidden;
    min-height: 230px;
}

.annotation .innerText .text{    
    margin-right: 300px;
    float: left;      
    position: relative;     
}

.annotation .innerText .screen{    
    position: absolute; 
    width: 280px;      
    right: 15px;
}


/* новости */
.text .post{
    width: 100%;
    clear: both;    
    margin-bottom: 35px;
}

.text .post .date{
    color: #777;
}

.text .post img{
    float: left !important;
    margin: 0 15px 15px 0 !important;
    //margin: 10px 15px 15px 0 !important;    
}

.text .inNews img{
    float: none !important;
}


/* портфолио */
.portfolioItem{
    float: left;
    width: 45%;
    margin: 25px 5% 25px 0;
    text-align: center;
    height: 270px;
}

.portfolioItem p{
    margin: 15px 0;
}


/* страница с ошибкой */
#errorpage{	
	display: block;	
	width: 650px;
	height: 400px;
	top: 35%;
	left: 50%;				
	margin-top: -200px;
	margin-left: -325px;	
	position: absolute;		
	color: #ddd;	
	z-index: 1000;
}

#errorpage h1{
	text-align: center;
	font-size: 8em;
	margin: 0 0 1em 0;
    color: #fff;
}

#errorpage p {
	margin: 10px;
	font-size: 1.4em;
	line-height: 1.4em;	
	text-align: justify;
}

#errorpage a{
	color: #fff;
}

/* пагинатор */
.pages{
    font-size: 2em;
    text-align: center;
    margin: 25px 0;
}

.pages a{
    text-decoration: none;
}

.hidden{
    display: none;
}

.text table{
    width: 100%;
}
.text td{
    border: 1px solid #ccc;
    padding: 3px 5px;
}

.locality{
    font-weight: bold;
}

#onlineform{
    margin-top: 55px;
}