/* @override http://www.dairygene.com/assets/templates/dairygene/style.css */

@charset "utf-8";
/* CSS Document */

html, body { height:100%; min-height: 100%; margin: 0; padding:0 }

body{ background:url(image/bg.png) repeat-x  #e5e5e5; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-size:11px;  color:#252525}
.ie6 body { behavior:url("assets/templates/dairygene/csshover2.htc"); }


.wrapper {   width:1000px; margin:0 auto; background:url(image/wrapper.png) repeat-x #b4d5f0;



}


.head  .belka{ width:1000px; background:url(image/belka_top.png); height:42px; text-align:left; position:relative; z-index:500  }
.ie6  .head  .belka {
	background:url(image/belka_top.gif); 

	}



	.head  .belka  h1 {margin:0; font-size:12px; padding:10px 0 0 10px; display:inline-block}
	.head  .belka   h1 a { color:#5db6fa; text-decoration:none }

.head .belka form {background:url(image/search.png) left no-repeat; background-position:0 10px; position:absolute; width:216px; right:0; top:-3px}
	.head .belka form  fieldset {margin:0; padding:0; border:none}
	.head .belka form  input { border:none; width:150px; padding:0 10px; width:120px; font-size:11px; background:none;  position:relative}
	.ie6 .head .belka form  input, .ie7 .head .belka form  input{ padding:3px}
	.submit {background:url(image/search_butt.png) bottom no-repeat !important ; width:66px !important; height:25px; text-align:center; border:none; color:#FFF; font-size:11px; margin-top:5px ;   }
	.ie6 .submit, .ie7 .submit { line-height:22px}



.baner { width:1000px; background:url(image/bener.jpg); height:98px; margin-top:-5px; position:relative; z-index:2 }
.baner a img{position:absolute; margin:-15px 0 0 20px; z-index:1}
.ie6 .baner a img{
	behavior:	url("assets/templates/dairygene/pngbehavior.htc");
	display:block; width:242px; height:173px;

}


.menu { background:url(image/menu_bg.png) repeat-x; height:68px; }


.menu ul { margin:0 0 0 160px; z-index:300; position:absolute; width:800px; }
	.ie7 .menu ul, .ie6 .menu ul {margin-left:200px}
	.menu ul li {float:left;display: block; height:18px;   }
	.menu ul a {text-decoration: none;}
	.menu ul li a {text-align:center; color: #4f4f4f; font-size:14px; display: inline-block; height:38px; line-height:38px; padding: 0 8px;  font-weight:bold; background:url(image/menu_l2.png) left no-repeat}
	.menu ul li.first a {background:none !important;}
	.menu ul li.active a {background:#123e63 !important; color:#FFF}
	.menu ul li.active ul li a {background:url(image/menu_l.png) left no-repeat !important; }
	/*submenu margin left*/
	.menu ul li ul { width:710px;  position: absolute;  height: 50px;padding-bottom:25px; display: none; text-align:center; float:left; left:0; margin-left:8px; background:url(image/menu_bg2.png) top center no-repeat  !important;margin-left: 80px}
	/*submenu margin left*/
		.ie7 .menu ul li ul, .ie6 .menu ul li ul  {top:38px; left:0; margin-left:8px;}
		.menu ul li.on ul {display: block; z-index:1  }
		.menu li:hover ul {display: block;z-index: 100;}
		.menu ul li ul li{ background:#123e63; height:29px!important; background:none}
		.menu ul li ul a {display: inline-block; color: #3485c2 !important;padding:0 10px;height:29px;line-height:29px; margin:0; font-weight:normal; background:url(image/menu_l.png) left no-repeat !important }	
		.menu ul li ul a:hover { background-color:#123e63 !important;}
		.menu ul li ul li:hover a,.menu ul li ul li.active a { color:#FFF !important;  background:url(image/menu_l.png) left no-repeat !important }		
		.menu ul li ul li:hover a { text-decoration:underline}
		.menu ul li { padding:0; margin:0}
		.menu ul li ul li.first a{background:none !important; }
		.menu ul li ul li.first a:hover {background:#B2B2B2 !important}
	.menu ul li a:hover, .menu ul li.first a:hover{ color: #FFFFFF; background-color:#B2B2B2  !important;}


	
	


#sliders {width:527px; height:287px;}
.slider {position: absolute; width:527px; height:287px; overflow:hidden  }

.slider a {color: yellow}

.bott {position:absolute; bottom:0; left:0; width:507px;   background: #111;filter:alpha(opacity=75);opacity:.75;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; padding:10px; color:#FFF; font-size:14px}


.left_2_col {float:left; width:739px; margin:15px 0 15px 20px; background-color: #FFF; }
.content {padding:10px 0 20px 20px}

/*  .left_2_col  .tresc { background:url(image/text_top.png) top no-repeat #FFF   }

.left_2_col  .tresc .content {padding:10px 0 20px 20px; background:url(image/text_bot.png) bottom no-repeat}

.ie6 .left  .tresc .content, .ie7 .left  .tresc .content {padding:5px 20px 20px 20px; position: relative}*/



.left_2_col .naglowek { background:url(image/belka_red.png) right; height:29px; color:#FFF; line-height:27px; font-size:14px; display:inline-block;  padding-right:15px; margin:-2px 5px;}
.left_2_col .naglowek span {display:inline-block; width:10px; height:29px;  background:url(image/belka_red.png) left; float:left} 





.left {float:left; width:527px; margin:15px 0 15px 20px;  }
.left  .tresc {  background:url(image/text_top.png) top no-repeat #FFF   }

.left  .tresc .content {padding:10px 20px 20px 20px; clear:both; background:url(image/text_bot.png) bottom no-repeat }
.ie6 .left  .tresc .content, .ie7 .left  .tresc .content {padding:5px 20px 20px 20px; position: relative}

.left .naglowek { background:url(image/belka_red.png) right; height:29px; color:#FFF; line-height:27px; font-size:14px; display:inline-block;  padding-right:15px; float:left; margin:-2px 5px;}
.left .naglowek span {display:inline-block; width:10px; height:29px;  background:url(image/belka_red.png) left; float:left} 

a.link_r {float:right; margin:5px 10px 0 0; color:#8b2412 ; font-weight:bold; }


.center {float:left; width:192px; margin:15px 0 15px 20px;}
.center .naglowek { background:url(image/belka_blue.png) right; height:29px; color:#FFF; line-height:27px; font-size:14px; display:inline-block;  padding-right:15px; float:left; margin:0px 5px; color:#ddf1ff; margin-bottom:10px}
.center .naglowek a { color:#ddf1ff}
.center .naglowek span {display:inline-block; width:10px; height:29px;  background:url(image/belka_blue.png) left; float:left} 
.center .blok {background: url(image/blok_top.png) top no-repeat #FFF; margin-bottom:15px }
.center .blok .tresc {padding:10px 5px; background:url(image/belka_bot.png) bottom no-repeat}
.center .blok .tresc a{ color:#8b2412; font-weight:bold; text-decoration:none; display:block; margin:0}
.center .blok .tresc a:hover { color:#ed2e0d; text-decoration:underline}

.tresc ul {margin: 0; padding: 0; list-style: none}
.tresc li {margin: 0 3px; padding: 0; clear: both}
#content ul {
	list-style-type: disc!important;
}

.date {color:#285fa5	; font-size:9px; margin: 0}

.events_date {color:#285fa5	; font-size:9px; margin: 0;}


.right {float:left; width:192px;margin:15px 0 15px 20px;   }
	.right .naglowek { background:url(image/belka_red2.png) right; height:29px; color:#FFF; line-height:27px; font-size:14px; display:inline-block;  padding-right:15px; float:left; margin:-2px 5px; color:#ddf1ff; margin-bottom:10px}
	.right .naglowek a { color:#ddf1ff}
	.right .naglowek span {display:inline-block; width:10px; height:29px;  background:url(image/belka_red2.png) left; float:left} 
	.right .blok {background: url(image/blok_top2.png) top no-repeat #8b2412; margin-bottom:15px; margin-top:3px }
	.right .blok .tresc {padding:20px 5px; background:url(image/belka_bot2.png) bottom no-repeat; text-align:center}
	.right .blok .tresc p {color: white; margin:2px 0 10px 0; padding: 0;}
	.right .blok .tresc h3 {color: white; margin:0;}
	.right .blok .tresc a {  font-weight:bold; text-decoration:none; display:block; margin:0px 0;color: white; clear: both;}
	.right .blok .tresc a:hover { color:#ed2e0d; text-decoration:underline; color: white;}


.newsletter h4 {color:#FFF ; font-size:18px; margin:0}
.newsletter  p {color:#1e486c; margin:0}
/*
.newsletter .input {background:url(image/input.png) no-repeat; height:18px; width:156px; margin:0}
.newsletter .input input {border:none; background:none; font-size:10px; padding:0; width:145px; color:#0e171e}

.newsletter fieldset input {margin:0; background:url(image/more2.png) bottom no-repeat; width:72px; height:25px; text-align:center; border:none; color:#FFF; font-size:10px; line-height:15px; }
*/

.newsletter form input{
width: 165px!important;
}
.newsletter fieldset { margin: 0; border:none; width: 200px;
	padding: 0;
}
.newsletter form label {
	float: left;
	clear: left;
	width: 100px;
	margin: 0;
	
}


#mc-embedded-subscribe-form fieldset {
	width: 195px;
	
}




/*.mail h3 {font-size:14px; color:#002e54; padding:5px 0; margin:0; clear:left}
.ie6 .mail h3 { clear:none; width:100%}
.mail h3  a {color:#002e54; text-decoration:none}
.mail h3  a:hover {text-decoration:underline}
.mail p {margin:0; } */


.first {border:none; margin-top:0 !important}

.more { background:url(image/more.png) no-repeat bottom; width:61px; height:19px; text-align:center; color:#cfe5f7 !important; font-weight:normal !important; line-height:17px; font-size:10px; margin:10px !important; padding-top:5px}
.clear_b {clear:both; height:10px}
.foother { background:url(image/foother.png) top no-repeat #1b496f; height: 50px;padding-top: 40px; }
.foother * {color:#8bc4f3; text-decoration:none}
.foother  p {margin: 0 20px 0 20px;}
.foother a:hover {text-decoration:underline}
.foother img {float:right}
.clear {clear:both}
* {outline:none}
a img {border:none}

.content h1, .content h2, .content h3, .content h4, .content h5 {color:#002e54}
.content p, .content li  {line-height:130%}

.content h1 {font-size:18px}
.content h2 {font-size:16px}
.content h3 {font-size:14px}
.content h4 {font-size:12px}
.content h5 {font-size:10px}

/*.listItem {margin-bottom: 15px}
.photoList {float: left; margin: 4px 15px 0 0}
h3.titleList {font-size: 14px; font-weight: bold; margin-bottom: 3px}
a:hover.itemLink {color: fuchsia} */

.box {width: 339px; float: left; height: 150px;margin: 0 20px 5px 0; }
.box img {display: block; float: left; margin: 0 10px 0px 0}
.box h3 {margin: 0}
.box p {text-align: justify; margin-top: 5px}

/* .float_right {float: right; margin-top: 0px} search here...*/

/* News and Media */

.news {margin: 0 0 20px 0; }
.news img {display: block; float: left; margin: 8px 10px 0px 0}
.news h3 {margin: 0}
.news p {text-align: justify; margin-top: 5px}
.news a:hover h3  {text-decoration: underline!important}

.newsmore {background:url(image/more.png) no-repeat bottom; width:61px; height:19px; text-align:center; color:#cfe5f7 !important; font-weight:normal !important; line-height:17px; font-size:10px; margin: -10px 10px 0 0 !important; padding-top:5px; display: block; float: right}

.news a{
text-decoration: none!important;

}

.news a:hover {
text-decoration: underline!important;
}



#mySpliterContainer {text-align: center; margin-bottom: 15px; font-size: 14px}


table {
 font-size:11px;

 color:#3154a1;
 border-left:1px solid #3385c1;
 border-bottom:1px solid #3385c1;
}
table tr td	{

 border-right:1px solid #3385c1;
 border-top:1px solid #3385c1;
 padding:3px;
}




/*  ajax search */

       #ajaxSearch_form {
           color: #444;
           width: 300px;
           height: 40px;
           
       }
       #ajaxSearch_input {
           width: auto;
           display: inline;
           height: 17px;
           border: 1px solid #ddd;
           border-left-color: #c3c3c3;
           border-top-color: #7c7c7c;
           background: #fff url(images/input-bg.gif) repeat-x top left;
           margin: 0 3px 0 0;
           padding: 3px 0 0;
           vertical-align: top;
       }
       #ajaxSearch_submit {
           display: inline;
           height: 22px;
           line-height: 22px;
           width: 80px;
       }
       #ajaxSearch_output {
           border: 1px solid #444;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top;
       }
       .AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
       }
       .AS_ajax_resultLink {
           text-decoration: underline;
       }
       .AS_ajax_resultDescription{
           color: #555;
       }
       .AS_ajax_more {
           color: #555;
       }
       
       
/*
form label input #ajaxSearch_form {
	float: left;
	width: 110px;
	padding: 0;
}
*/
       
       
       
       
/* Forms
------------------------------------------------------------------------------- */
form {
	width: 160px;
	text-align: left;
	clear: both;
	padding-bottom: 5px;
	border: none;
}
form.full { width: 100%; }


fieldset {
    border: none;
	padding-top: 0;
	margin: 0;
}

legend {
	display: none;
}
form h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

form label,
form p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
}


form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.first,
form label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

form label.second,
form label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
form label.state { width: 60px; }

form label.first input,
form label.city input,
form label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

form label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form label.zip,
form label.zip input {
	float: left;
	width: 80px;
}
form label.zip { clear: none; }

form label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

form label input {
	float: left;
	width: 310px;
	padding: 0;
}

form input.radio,
form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

form label.radio,
form label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

form input.checkbox,
form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3,
form input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

form label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the form elements to look similar across browsers ... emulates Safari */
/*
form label input,
form textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
*/
form input.checkbox,
form select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;
}
form textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

form label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
form input.button {
    clear: left;
}