/*
*
* Easy front-end framework
*
* Copyright (c) 2009 Alen Grakalic
* http://easyframework.com/license.php
*
* supported by Templatica (http://templatica.com)
* and Css Globe (http://cssglobe.com)
*
*/


/*

for more info about the strucure of this file 
please read http://easyframework.com/documentation.php

*/

/* HTML elements  */		

	h1, h2, h3, h4, h5, h6{
		font-weight:normal;
		margin:0;
		line-height:1em;
		}	
	h1{font-size:2em;margin-bottom:.5em;}	
	h2{font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;}	
	h3{font-size:1.5em;margin-bottom:.7em;padding-top:.3em;}
	h4{font-size:1.4em;margin:.6em 0;font-family: Arial;color:#255997; border-bottom:1px dotted #eee;}
	h5,h6{font-size:1em;margin-bottom:.5em;font-weight:bold;}
	h6.tn{
		color:#0066cc !important;
	}
    a h6.tn{
      text-decoration: underline !important;
      cursor: pointer;
    }
    h3#news{
	font-family: Arial;
	font-size:1.4em;
	font-weight: bold;
	color: #666 !important;
	text-transform: uppercase;
	margin-top: -0.5em;
	background: url(../images/bg_n.gif) no-repeat bottom right; 
	}
	h3#an{
	font-family: Arial;
	font-size:1.4em;
	font-weight: bold;
	color: #666 !important;
	text-transform: uppercase;
	margin-top: 0.5em;
	background: url(../images/bg_an.gif) no-repeat bottom right; 	
	}
	div.an p{
		color: #0066cc!important;
	}

	.kot h3{
		font-size: 1em;
		font-weight: bold;
		margin: 5px 0 5px 10px;
		text-transform: uppercase;
		color: #0066cc;
	}
	.kot ul{
		color: #333;
        margin-top: 10px;
	}
	.kot li{
		list-style: square;
		color: #ff0000;
	}
	.kot li a{
		color: #666;
		font-size: 96%;
		text-decoration: none;
		cursor: pointer;
		line-height: normal;
	}
	div.kot li a:hover{
		text-decoration: underline!important;
		color: red!important;
	}
	.kot li a:visited{
		color: #888;
	}
	#gerb{
		position: absolute;
		margin: -25px 0 0 25px;
		text-transform: uppercase;
	}
	#gerb h1{
		font-size: 34px;
		font-weight: bold;
		line-height: 26px;
		float: left;
		margin: 40px 0 0 30px;
		padding: 0;
		color: red;
	}
	#gerb h1 span{
		font-size: 10px!important;
		font-weight: normal;
		color: #0066cc;
		letter-spacing: 2px;
	}
	#gerb h1 em{
	font-size: 14px!important;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1px;
	}
	#gl{
		position: absolute;
		margin: -65px 0 0 600px;
		/*margin: -47px 0 0 600px!ie;*/
	}
	p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit;margin:0 0 1.5em 0;}
	ul, ol, dl{padding:0;}
	ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
	li{margin:0 0 0 2em;display:list-item;list-style-position:outside;}	
	blockquote, dd{padding:0 0 0 2em;}
	pre, code, samp, kbd, var{font:100% mono-space,monospace;}
	pre{overflow:auto;}
	abbr, acronym{
		text-transform:uppercase;
		border-bottom:1px dotted #000;
		letter-spacing:1px;
		}
	abbr[title], acronym[title]{cursor:help;}
	small{font-size:.9em;}
	sup, sub{font-size:.8em;}
	em, cite, q{font-style:italic;}
	img{border:none;}			
	hr{display:none;}	
	table{width:100%;border-collapse:collapse;}
	th,caption{text-align:left;}
	form div{margin:.5em 0;clear:both;}
	label{display:block;}
	fieldset{margin:0;padding:0;border:none;}
	legend{font-weight:bold;}
	input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}

/* //  HTML elements */	

/* common */		
	
	.left{float:left;margin:0 1em 0 0;}
	.right{float:right;margin-left:1em;}
	.center{text-align:center;}
	
	.clear{clear:both;}
	.first{margin-left:0 !important;}
	.last{margin-right:0 !important;}
	.top{margin-top:0 !important;}
	.bottom{margin-bottom:0 !important;}	
	.hidden, .print{display:none;}
	.graphic{
		margin:0;
		padding:0;
		display:block;
		overflow:hidden;
		text-indent:-8000px;
		}

/* // common */			

/* base */
	
	body, table, input, textarea, select, li, button{
		font:13px Arial, Sans-Serif;
		line-height:16px;
		color:#333;
		}		
	body{
		font-size:13px;
		/*background:#DEF0FC;*/
		background:#DEF0FC url(../images/bg_b.png)  no-repeat top center;
		margin:0;
		padding:0;
		text-align:center;
		position: static;
		}
			
	a, a:visited{
		text-decoration:none;
		color:#06C;
		}
	p.zacli a:visited{
		text-decoration:none !important;
		color:#255997 !important;
	}
	a:hover{color: red;}
    button,.button,.buttonn,.pollbutton{
      cursor: pointer;
      font-size: 11px !important;
    }


/*    .button{
      border: 1px solid #ccc;
      background-color: #FCFCFC;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      color: #07538E;
      cursor: pointer;
    }
      .button:hover{
      border: 1px solid #ccc;
      background-color: #e3e3e3;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      color: #E60005;
      cursor: pointer;
    }*/


	div.kot ul li a{
		text-decoration: underline !important;
	}
	div.kot ul li a:visited{
		text-decoration: none !important;
	}	
	ins{text-decoration:none;color:#900;font-style:italic;}
	code{color:#555;}
	pre{
		margin-left:2em;
		padding-left:2em;
		border-left:1px solid #ccc;
		}
	blockquote{
		margin-left:2em;
		border-left:1px solid #ccc;
		font-style:italic;
		}
	.ft80{font-size: 90%;
	margin-top: 15px;/*margin-top: -3px!ie;*/}
	dt{font-weight:bold;}
	th, td{padding:.5em 1em;line-height:1.5em;}		
	th{background:#eee;}
	td{border-bottom:1px solid #eee;}
	caption{font-style:italic;color:#777;margin:.5em 0;}	
	fieldset{
		border:1px solid #ccc;
		padding:1em 2em;
		margin:0 0 1.5em 0;
		}
	legend{padding:2px 5px;}	
	form div.col{clear:none;}form div.first{clear:both;}
	form div{overflow:hidden;}
	
	input[type="text"], input[type="password"], textarea, .field, .area, select{
		border:1px solid #aaa;
		padding:5px;
		background:#fff;
		width:300px;
		line-height:1em;
		margin:0;
		}
	select{width:312px;}
	textarea, .area{overflow:auto; height:150px; width:400px;}
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:#f5f5f5;outline:none;}
	.submit{}
	button{
		border:none;
		background:#555;
		color:#fff;
		padding:0 2.5em;
		height:2em;
		line-height:2em;
		cursor:pointer;
		}
		
	.note, .success, .error{display:block;}
	.error{color:#900;}
	.success{color:#060;}
	.note{font-weight:bold;}
	
	.pullquote{
		width:20%;
		float:left;
		margin-right:2em;
		padding-right:2em;
		border-right:1px solid #ccc;
		text-align:right;
		font-size:1.1em;
		font-style:italic;
		color:#777;
		margin-bottom:.5em;
		}
	.boxout{
		width:20%;
		float:right;
		margin-left:2em;
		padding:1em 2em;
		border:1px solid #ccc;
		margin-bottom:.5em;
		}
	#easy_tooltip{
		border:1px solid #e1e1e1;
		padding:2px 10px;
		background:#f5f5f5;
		}

/* base */

/* layout */

	#container{	
		margin:40px auto 0 auto!important;
		width:980px;
		text-align:left;
		position:relative;
		background: #fff;
		/*border:1px solid #ccc; */ 
		}
	.inner{
		position:relative;
		}
	#header{
		position:relative;
		background:#fff url(../images/bg_h2.jpg) no-repeat top center;
		height: 210px;
		}	
	#footer{
		position:relative;
		clear:both;
		}	
		
	.content{
		clear:both; 
		padding:0 0 1em 0;
		}
	.main, .secondary, .tertiary, .quaternary{
		float:left;
		display:inline;
		}
	.main{width:800px;background:#fff url(../images/bg_pr.png) no-repeat top left;}
	.secondary{width:180px;margin-left:0px;background:#fff url(../images/bg_m.jpg) no-repeat top right;}
	.tertiary{}
	.quaternary{}
	
	/* grid */
		
		.cols{} /* main column container class */
		.col{
			float:left;
			display:inline;
			width:48%;margin-left:4%; /* 2 equal width columns layout - default */
			}
		.cols3 .col{width:30%;margin-left:4%;} /* 3 equal width columns layout */
		.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */
		
		/* use following classes to build custom grid (add as many as you want) */
		
		.col1, .col2, .col3{float:left;display:inline;}
		.col1{width:67%;margin-left:4%;}
		.col2{width:25%;margin-left:2%;}
		.col3{}
		
		.indent1{}
		.indent2{}
		.indent3{}
		.kot{background:#fff url(../images/bg_k.jpg) no-repeat top center;}
		.priv{
			padding: 10px 0 0 20px;
		}
		.kot li{
			padding-right: 10px;
            margin-bottom: 10px;
		}
		div#rounded img{
			margin-top:5px;
		}
	/* grid */	

/* // layout */

/* navigation */

div#trail{
position: absolute;
margin: 3px 15px 0 15px;
font-size: 10px;
color: #0066cc	
}
	
		#nav, #nav ul, #nav li{
			margin:0;
			padding:0;
			list-style:none;
			}	
		#nav li{
			float:left;
			display:inline;
			position:relative;
			line-height:32px;
			height:32px;
			margin-right:2em;
			}	
			
		#nav ul{
			position:absolute;
			left:0;
			top:32px;
			padding:5px 10px;
			width:200px;	
			background:#fff;
			display:none;
			z-index:1000;
			}
		#nav ul li{
			float:none;
			display:block;
			}
		ul#menu{
		margin-left: 5px;
		font-size: 12px !important;
		}
		ul#menu li{
			margin: 0 0 0 5px !important;
		}
		ul#menu li.toplev{
			font-weight: bold;
            font-size: 110%;
            color:#0066cc;
            margin-top: 5px !important;
		}
		ul#menu li ul{
			margin: 0 5px 0 0 !important;
			list-style: none;
		}
        ul#menu li ul li.sublev{
           /*display: block; */
           /*float: left; */
           /*width: 160px;*/
           /*padding-left: 0px;*/
           margin-left: 0 !important;
        }
        ul#menu li ul li.sublev a{
           /*display: block; */
           /*float: left; */
           width: 155px;
           margin-left: 5px;
        }


		ul#menu li ul em{
			/*display: block; */
            width: 7px;
			float: left;
            /*margin-right: 5px;*/
		}
		ul#menu a{
			text-decoration: none!important;
		}
		ul#menu a:hover{
			text-decoration: underline!important;
			color: red;
		}
		li.toplev{
			list-style: none;
			line-height: normal;
			/*font-size: 110% !important;*/
		}
		ul#menu li ul li a{
		   text-decoration: underline;
		   font-size: 100%!important;	
		}	
		
/* //navigation */

/* header */

	#header h1{
/*		line-height:50px;
		height:50px;
		margin:0;*/
		}
	#header h1 a{		
		}		

/* // header */
	
/* content */

	.content a, .content a:visited{
		text-decoration:underline;
		}
	.trail{
	background:#fff url(../images/bg_tr.png) no-repeat top left!important;
   }
   .page{
   	padding: 25px 15px 0px 15px;
   }	
	.bg2{
		background:#DEF0FC url(../images/bg2.png) no-repeat top center!important;		
	}
/* // content */

/* footer */
	#footer{
		background:#fff url(../images/bg_f.png) no-repeat top left;
		padding: 15px 0 1px 15px;
		line-height: normal;
		font-size: 11px;
		color: #255997;
	}
	#footer a, #footer a:visited{
		text-decoration:underline;
		}
	
/* // footer */

/* clearfix */
   .more{
   	float: right;
   	display: block;
   	color: #990000;
   	/*clear: both;*/
   }
	.inner:after, .content:after, .cols:after, .fixed:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
	.inner, .content, .cols, .fixed{display:block;min-height:1%;}
	* html .inner, * html .content, * html .cols, * html .fixed{height:1%;}
	div.priv h4{
		margin-top: 0!important;
		line-height:  20px!ie;
	}
/* // clearfix */
/*fast_nav*/
ul#fast_nav {
	position: absolute;
	display: block; 
	right:0px; 
	top:0px; 
	width:180px; 
	height: 21px;
	text-decoration: none; 
	margin:10px 20px 0 0; 
	padding:0; 
	list-style:none;
}
ul#fast_nav li{
	float: left;
}
ul#fast_nav li#home  a{
	width:17px; 
	height:21px;
	margin-right: 25px;
	float: left; 
	background: url(../images/home.gif) no-repeat left top;
}

ul#fast_nav li#contacts  a{
	width:14px; 
	height:21px;
	overflow: hidden;
	margin-right: 25px;
	float: left;  
	background: url(../images/mail.gif) no-repeat left top;
}

ul#fast_nav li#map  a{
	width:19px; 
	height:21px;
	float: left;  
	background: url(../images/map.gif) no-repeat left top;
}

 ul#fast_nav li#contacts  a:hover,ul#fast_nav li#map  a:hover{
	background-position: left -15px;
}
ul#fast_nav li#home  a:hover{
	background-position: left -17px;
}
/*for search*/

#fast_poisk{
	width:150px;
   margin-left: 10px;
	z-index: 900;
}

div#fast_poisk h4{
	margin: 0!important;
	font-size: 11px;
	font-weight: normal;
	text-indent: 6px;
	border: none!important;
	color: #f2242a;
}
div#search{
	position: relative;
	margin-top: -15px;
}

.FSF_form .searchButton, #ajaxSearch_submit, .searchButtonn{
	background-color: transparent;
	border: 0;
	color: #3990cd;
	text-transform: lowercase;
	text-align: right;
	padding-bottom: 3px!important;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	width: 10px;
	height: 15px;
	cursor: pointer;
	float: right;
}

 input.searchButtonn{
 	color: #e60005 !important;
 }

input.searchField {
	display: block;
	font-size: 11px;
	line-height:19px;
	padding: 0;
	height: 19px;
	width: 140px;
	text-indent: 5px;
	color: #07538E;
	overflow: hidden;
	background: url(../images/bg_search.gif) no-repeat left top !important;
	background-color: transparent;
	border: none;	
	float: left;
	margin-bottom: 15px;
}

.easypoll{
	display: block;
	width: 100%;
/*	width: 150px;
	font-size: 85%;*/
	float: left;
	margin-bottom: 0;
/*    background-color: #F6FBFF;
    border: 1px solid #B4D1D7;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;*/
}
.easypoll h3{
  margin: 0 5px 10px 10px;
  text-transform: none;
  line-height: normal;
}
.easypoll p{
  font-size: 96%;
  color: #888888;
  margin: 0 0 0 10px;
}
#easypoll ul li{
  list-style: none !important;
  margin: 0 0 10px 10px;
  color: #333333;
}
.pollvotes ul{
  margin-left: 10px;
}


.pollvotes ul li{
  list-style: none !important;
  margin: 0 0 10px 17px !important;
  color: #333333;
}
#easypoll ul li input{
  margin-left: -18px;
  position: absolute;
}


.easypoll_bar{
  margin: 0 0 10px 30px;
}
.easypoll_inner{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}


.easypoll_inner strong{
  display: block;
  position:  relative;
  font-size: 10px;
 /* color: #000;*/
 /* background-color: #fff;*/
 margin-left: -30px;

}
.pollresults li em{
  color: #888888 !important;
  font-size: 96% !important;
}


.easypoll fieldset, .easypoll form{
  border: none;
  margin: 0;
  padding: 0;
}
#easypollsubmit{
  margin-left: 40px;
}


#poll_q h4{
  font-size: 14px;
}


p.zacli{
	margin:0 0 30px 0;
	clear: both;
}
p.zacli em{
	display: block;
	float: left;
	width: 80px;
}
p.zacli a{
	display: block;
	float: left;
	width: 645px;
}
p.pkon{
  border-bottom: 1px dotted #eee;
}


p.pkon strong{
  display: block;
  width: 120px;
  float: left;
}
p.pkon span{
  color: #07538E;
}


#ditto_pages{
	text-align: center;
	margin-top: 10px;
}
#ditto_pages a{
	margin: 0 2px;
}
div#rounded{
	padding: 15px 20px;
	float: left;
}
div.round{
    background-color: #fff;
    border: 1px solid #ccc;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

.content a{
  text-decoration: none !important;
}
#ditto_pages {
	color:#666; 
	border:0px;
}

#ditto_pages a:link,
#ditto_pages a:visited,
#ditto_pages a:hover,
#ditto_pages a:active {
	text-decoration:none;
	color: #636363;
	background:#F9F9F9;
	border:1px solid #E6E6E6;
	padding:3px 6px;
	font-size:11px
}

#ditto_pages a:hover {
	background:#799AE3;
	color:#FFFFFF;
	border-color:#E6E6E6;
}

#ditto_pages span {
	text-decoration:none;
	background:#fff;
	padding:3px 6px;
	border:1px solid #E6E6E6;
	color:#ccc;
	font-size:11px;
}