/*
Design by FlashTemplatesDesign.com
http://www.flashtemplatesdesign.com/
Released for free under a Creative Commons Attribution 3.0 License
*/

*
{
border: 0;
margin: 0;
}

img
{
border: 0px;
}

body{
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(images/bg.jpg) center top repeat-x #29204f;
	line-height: 16px;
}

/* цвет ссылок */
a:link{color: #000066; text-decoration:none;}
/* цвет посещённых ссылок */
a:visited{color: #000066;}
/* цвет ссылок при наведении мышью */
a:hover{color: #ff0000;text-decoration:none;}
/* цвет активных ссылок */
a:active{color: #000000;}

	
#main {
	width: 852px;
	margin: 0px auto;
	background:url(images/main.jpg) right top no-repeat;}

#header { 
	height: 98px;
}

#logo {	
		padding: 33px 0px 0px 0px;
}


#logo a {
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;
	color: #ffde00;
}
	
#logo H3 a{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}

#buttons{
	text-align:center;
	height: 44px;
	margin-left: 0px;
	background: #fede00;
	padding-left: 0px;
	border-bottom: 0px solid #000000;
	
}

#buttons a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	float: right;
	text-decoration: none;
	color: #fbda01;
	text-align: center;
	padding-top: 15px;
	height: 40px;
	width: 120px;
	background: url(http://meerplast.ru/images/but.jpg) 0px 0px no-repeat;
}

#buttonss a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	float: right;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	padding-top: 15px;
	height: 40px;
	width: 120px;
	background: url(http://meerplast.ru/images/but_hover.jpg) 0px 0px no-repeat;
}



#buttons_p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	float: right;
	text-decoration: none;
	color: #fbda01;
	text-align: center;
	padding-top: 15px;
	height: 40px;
	width: 100px;
	background: url(http://meerplast.ru/images/but_p.jpg) 0px 0px no-repeat;
}

#buttons_p a:hover {
	text-decoration: none;
	background-position: 0 -55px;
	}
	
#buttonss_p a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	float: right;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	padding-top: 15px;
	height: 40px;
	width: 100px;
	background: url(http://meerplast.ru/images/but_hover_p.jpg) 0px 0px no-repeat;
}	

#buttons_b a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	float: right;
	text-decoration: none;
	color: #fbda01;
	text-align: center;
	padding-top: 15px;
	height: 40px;
	width: 90px;
	background: url(http://meerplast.ru/images/but_b.jpg) 0px 0px no-repeat;
}

#buttons_b a:hover {
	text-decoration: none;
	background-position: 0 -55px;
	}
	
#buttonss_b a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	float: right;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	padding-top: 15px;
	height: 40px;
	width: 90px;
	background: url(http://meerplast.ru/images/but_hover_b.jpg) 0px 0px no-repeat;
}

#buttons_c a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	float: right;
	text-decoration: none;
	color: #fbda01;
	text-align: center;
	padding-top: 15px;
	height: 40px;
	width: 150px;
	background: url(http://meerplast.ru/images/but_c.jpg) 0px 0px no-repeat;
}

#buttons_c a:hover {
	text-decoration: none;
	background-position: 0 -55px;
	}
	
#buttonss_c a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	float: right;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	padding-top: 15px;
	height: 40px;
	width: 150px;
	background: url(http://meerplast.ru/images/but_hover_c.jpg) 0px 0px no-repeat;
}


#buttons_n a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	float: right;
	text-decoration: none;
	color: #fbda01;
	text-align: center;
	padding-top: 15px;
	height: 40px;
	width: 80px;
	background: url(http://meerplast.ru/images/but_n.jpg) 0px 0px no-repeat;
}

#buttons_n a:hover {
	text-decoration: none;
	background-position: 0 -55px;
	}
	
#buttonss_n a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	float: right;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	padding-top: 15px;
	height: 40px;
	width: 80px;
	background: url(http://meerplast.ru/images/but_hover_n.jpg) 0px 0px no-repeat;
}

#buttons_s a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	float: right;
	text-decoration: none;
	color: #fbda01;
	text-align: center;
	padding-top: 15px;
	height: 40px;
	width: 180px;
	background: url(http://meerplast.ru/images/but_s.jpg) 0px 0px no-repeat;
}

#buttons_s a:hover {
	text-decoration: none;
	background-position: 0 -55px;
	}
	
#buttonss_s a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	display: block;
	float: right;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	padding-top: 15px;
	height: 40px;
	width: 180px;
	background: url(http://meerplast.ru/images/but_hover_s.jpg) 0px 0px no-repeat;
}



#butt{
	text-align:center;
	height: 22px;
	margin-left: 0px;
	padding-left: 0px;
	border-bottom: 0px solid #000000;
	
}

#butt a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0px;
	font-weight: bold;
	display: block;
	float: right;
	text-decoration: none;
	color: #fbda01;
	text-align: center;
	padding-top: 4px;
	height: 22px;
	width: 120px;
	background: url(http://meerplast.ru/images/but.jpg) 0px 0px no-repeat;
}

#buttons_dom a {
	display: block;
	text-decoration: none;
	height: 21px;
	width: 26px;
	background: url(http://meerplast.ru/images/1.png) 0px 0px no-repeat;
}

#buttons_dom a:hover {
	text-decoration: none;
	background-position: 0 -25px;
	}

#buttons_map a {
	display: block;
	text-decoration: none;
	height: 21px;
	width: 26px;
	background: url(http://meerplast.ru/images/2.png) 0px 0px no-repeat;
}

#buttons_map a:hover {
	text-decoration: none;
	background-position: 0 -25px;
	}
	
#buttons_con a {
	display: block;
	text-decoration: none;
	height: 22px;
	width: 18px;
	background: url(http://meerplast.ru/images/3.png) 0px 0px no-repeat;
}

#buttons_con a:hover {
	text-decoration: none;
	background-position: 0 -26px;
	}




.but {
			 
}




#content{
	
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
}


.top_img {
height: 500px;
background:url(images/centr.png) right top no-repeat;
border-bottom: 0px solid #000000;}

.circl_all {
		height: 30px;
		padding: 3px 0px 3px 0px; 
		vertical-align:top;
		border-bottom: 0px solid #000000;
		background: #29204f;}

.circl { background: url(images/circl.gif) left top no-repeat;
	height: 30px;
	width: 30px;
	margin: 0px 10px 0px 0px;
	float:right; }
.circl:hover {
	background:url(images/circl_hov.gif) left top no-repeat; }

.yellow_top { background: ) left top no-repeat;}

.yellow_bot { background: ) right bottom no-repeat;
	padding: 14px 14px 0px 14px;}



.box_home { 
	float: left; 
	width: 236px;
	}
	
.bg_grad {background: url(images/box_home.png) top repeat-x;
		padding: 14px 14px 0px 14px;}
	
.box_home_bg {
	padding: 0px 0px 0px 0px;
	}
	
.text { padding: 14px 14px 14px 14px;}


.float_left {float:left;}

.razd_v { background:url(images/i_razd.gif) left 15px repeat-x; 
			height: 30px;
			clear: both;}

#left{
	width: 265px;
	float: left;
	color:#000000;
	margin-left: 0px;
	padding: 0px 0px 0px 0px;
}

.img_l {	float:left;
		margin: 0px 10px 5px 0px;
}

.img_r {	float: right;
		margin: 0px 0px 0px 15px;
}


H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: 100;
	color: #ffffff;
	text-align: left;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
}

.h1_left { padding: 5px 0px 7px 0px;
			border-bottom: 2px solid #37BCA1;
			color: #20262D;}

H2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
}

.read{
	display:block;
	float:right;
	height: 22px;
	width: 70px;
	text-align: center;
	padding: 3px 0px 0px 0px;
	text-decoration: underline;
	font-size:12px;
	color: #29204f;
	font-weight: bold;
	background: url(images/read.png) left top no-repeat;
}

.read:hover {
	font-size:12px;
	text-decoration: none;
}

#right{
	float: right;
	width: 589px;
	margin-right: 0px;
}

.span_dat {
	color: #002380;
	text-decoration: underline;}
	
	
#bottom {
	width: 100%;
	background:url(images/bottom.jpg) left top no-repeat ;
	color:#000000;
	padding: 0px 0px 0px 0px;
}

#bottom h2{
	font-family: Arial, Helvetica, sans-serif;
	padding: 18px 0px 15px 0px;
	font-size: 18px;
	text-align: left;
	color: #ffffff;
	font-weight: 100;
	line-height: 20px;
}

.b_col1 {
	float: left;
	margin-left: 0px;
	background:url(images/razd_bot.gif) bottom repeat-x;
}
.b_col2 {
	float: left;
	margin-left: 15px;
	line-height: 25px;
	background:url(images/razd_bot.gif) bottom repeat-x;
}

.b_col3 {
	float: left;
	margin-left: 15px;
	text-align: left;
}

.col_bg { background: url(images/col_bg.png) top repeat-x;
	width: 209px;
	padding: 0px 17px 0px 38px;

 }

.b_col3 ul {
	list-style:none;
	padding: 0px 0px 0px 0px;}

.b_col3 li {
	padding: 8px 0px 2px 0px;
	background: none;
	}
	
.b_col3 li a {
	color:#000000;
	text-decoration: none;
	
}
.b_col3 li a:hover {
         
	text-decoration: underline;
}

.fu_i {
	padding: 0px 14px 0px 0px;
	vertical-align: middle ;
}



.b_col1 ul {
	list-style:none;
	padding: 0px 0px 0px 0px;}

.b_col1 li {
	padding: 8px 0px 0px 20px;
	background: url(images/fish2.gif) 0px 14px no-repeat;
	}
.b_col1 ul a:hover {
    
	text-decoration:underline;
	}
	
.b_col1 ul a {
	color:#000000;
	text-decoration:none;
	font-weight: 100;}

#footer{
	height: 60px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	padding: 20px 0px 0px 0px;
	background: url(images/footer.jpg) 0px 15px no-repeat;
}

#footer a{
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}

#footer a:hover{
	color: #ffffff;
	font-size: 12px;
	text-decoration: underline;
}


/*
scroll styles here
*/

.item { width: 597px; height:406px;}
.item img {float:left;}
.item h2 { border:none; margin-bottom:15px;}

.scrollable { position:inherit; overflow:hidden; width: 597px; height: 422px;} 
.scrollable .items { width:20000em; position:absolute;}
.scrollable .items div { float:left;} 
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.navi { width:auto; height:20px; float:right; margin: 0px 0; padding-right: 20px;} 
.navi a { width: 20px; cursor:pointer; height: 20px; float:left; margin:0 0 0 0px; background:url(images/circl.gif) no-repeat scroll right top; display:block; font-size:1px;} 
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 0px;  background:url(images/circl_hov.gif) no-repeat scroll right top}

.header1
{
width: 597px; height: 406px;
background: url(images/top.jpg) no-repeat;
}

.header2
{
width: 850px; height: 274px;
background: url(images/top2.jpg) no-repeat;
}

.header3
{
width: 850px; height: 274px;
background: url(images/top3.jpg) no-repeat;
}

.header4
{
width: 850px; height: 274px;
background: url(images/top4.jpg) no-repeat;
}



/* Tiny Carousel */
#slider2 { height: 1%; overflow:hidden; padding: 0 0 10px;   }
#slider2 .viewport { float: left; width: 542px; height: 125px; overflow: hidden; position: relative; }
#slider2 .buttons { background:url("../images/buttons.png") no-repeat scroll 0 0 transparent; display: block; margin: 33px 5px 0 0; background-position: 0 -38px; text-indent: -999em; float: left; width: 17px; height: 37px; overflow: hidden; position: relative; }
#slider2 .next { background-position: 0 0; margin: 33px 0 0 5px;  }
#slider2 .disable { visibility: hidden; }
#slider2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
#slider2 .overview li{ float: left; margin: 0 5px 0 0; padding: 1px; height: 98px; border: 0px solid #dcdcdc; width: 130px;}




.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}





/* ------------------------------------------------------------------------
DO NOT CHANGE
------------------------------------------------------------------------- */


div.pp_overlay {background: #000;display: none;left: 0;position: absolute;top: 0;width: 100%;z-index: 9500;}
div.pp_pic_holder {display: none;position: absolute;width: 100px;z-index: 10000;}