@charset "utf-8";
body { margin:0; padding:0; width:100%; background: #e7e1d4 url(../../images/main_bg.gif) top repeat-x;}
html { padding:0; margin:0;}
img { border:0; }

a { text-decoration:none;}
a:hover { text-decoration:underline;}

/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header { margin:0; padding:0; background:#fff;}
.header { width:1000px; margin:0 auto; padding:0;}
/* logo */
.logo { padding:0; margin:0; width:300px; float:left;}
/* search */
.search { width:500px; float:right; padding:0; margin:10px 30px 0 0; }
/* menu */	
.menu_resize { margin:0; padding:0; background:#000 url(../../images/menu_resize_bg.gif) repeat-x 0 -26px; height:11px;}
.menu_resize_width { width:1000px; margin:0 auto; padding:0;}
.menu { padding:0; margin:0; /* width:500px */; float:left;}
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0 0 0 3px; border:0;}
.menu ul li a { float:left; margin:0; padding:21px 0 17px 0; color:#fff; text-decoration:none;}
.menu ul li a span { margin:0; padding:21px 15px 17px 15px; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover { background:url(../../images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span { background:url(../../images/l_menu.gif) no-repeat left;}
.menu ul li a.active { background:url(../../images/r_menu.gif) no-repeat right;}
.menu ul li a.active span { background:url(../../images/l_menu.gif) no-repeat left;}

/*RSS*/
.RSS { text-align:right;width:200px; float:right; height:21px; font: normal 11px Arial, Helvetica, sans-serif; color:#aeaeaf; padding:5px 0 0 0; margin:15px 0 0 0;}
/*header_text_bg*/
.header_text_bg { margin:0; padding:0; background:url(../../images/header_text_bg.gif) top repeat-x;}
.header_text_bg2 { margin:0; padding:0; background:url(../../images/header_text_bg.gif) top repeat-x;}
.header_text2 {height:18px; margin:0 auto; padding:0; width:1000px;}
.header_text2 h1, .header_text2 h2 { font: bold 36px Arial, Helvetica, sans-serif; color:#fff; padding:18px 0 0 30px; margin:0;}
/*header_text*/
.header_text {height:288px; margin:0 auto; padding:0; width:1000px; }
.header_text .div .left1 { float:left; padding:0; margin:18px 0 0 108px; }
.header_text .div .left1 h2 {font:normal 36px Arial, Helvetica, sans-serif; color:#ffffdc; padding:20px 0 0 0; margin:0;}
.header_text .div .left1 h2 span { color:#410100;}
.header_text .div .left1 img { margin:0 10px 0 0; padding:0;}
.header_text p { font:normal 13px Arial, Helvetica, sans-serif; color:#ffffdc; padding:20px 0 0 0; margin:0; line-height:1.3em;}
/*bloga_resize*/
.bloga_resize { margin:0; padding:0; background:url(../../images/bloga_resize_bg.gif) top repeat-x;}
.bloga_resize_use { margin:0 auto; padding:10px 20px 0 20px; width:960px;}

.bloga_resize_use2 { margin:0 auto; padding:0; width:1000px; height:104px; background:url(../../images/bloga_bg2.gif) top repeat-x;}
.bloga_resize_use2 h2 { padding:30px 0 0 38px; margin:0; font: normal 45px Arial, Helvetica, sans-serif; color:#fff;}

.bloga { width:220px; float:left; margin:0; padding:10px;}
.bloga h2 { font: bold 25px Arial, Helvetica, sans-serif; color:#111213; margin:0; padding:5px 0; text-transform:uppercase;text-deocration:none;}
.bloga h2 a { font: bold 25px Arial, Helvetica, sans-serif; color:#111213; margin:0; padding:5px 5px; text-transform:uppercase;text-deocration:none;}
.bloga p { font: normal 13px Arial, Helvetica, sans-serif; color:#410100; padding:0 5px 10px 5px; margin:0; line-height:1.35em;overflow:hidden;}
.bloga img.normmal { float:left; margin:5px 5px; padding:0;}

.bloga a.readmore { display:block;font-weight:bold;color:#060;margin-top:8px; }

/********** body **********/
.body { margin:0; padding:0; background:#ffffff;}
.body_resize { margin:0 auto; padding:0 10px; width:980px;}
.body h1 { font: normal 28px Arial, Helvetica, sans-serif; color:#410100; margin:5px 0; padding:10px 0;}
.body h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#410100; margin:5px 0; padding:10px 0;}
.body h3 { font: normal 28px Arial, Helvetica, sans-serif; color:#111213; margin:5px 0; padding:10px 0;}
.body h4 { font: normal 28px Arial, Helvetica, sans-serif; color:#111213; margin:5px 0; padding:10px 0;}
.body ul { list-style:none; margin:10px 10px; padding:0;}
.body li { background:url(../../images/ul_li.gif) left 10px no-repeat; padding:5px 20px; margin:0; font: normal 13px Arial, Helvetica, sans-serif; color:#2c2c2c; border-bottom:1px solid #e2e2e4;}
.body img.port { float:right; margin:10px 38px 10px 10px; padding:0;}
.body p { font:normal 13px Arial, Helvetica, sans-serif; color:#4a4c56; line-height:1.5em; padding:5px; margin:0;}
.body p.news { width:40%; float:left; background:#410100; font: bold 13px Arial, Helvetica, sans-serif; color:#fff; padding:1px 3px; margin:0 5px !important; margin:0 2px;}
.body p span { font: bold 15px Arial, Helvetica, sans-serif; color:#785a36; line-height:1.5em; padding:5px 0; margin:0;}
.body a { text-decoration:none; color:#060; line-height:1.8em;}
.body a.black { font: bold 13px Arial, Helvetica, sans-serif; color:#111213; padding:5px; margin:0; float:right;} 
.body_small { width:275px; float:left; margin:0 0 0 30px; padding:20px 15px;font:normal 13px Arial, Helvetica, sans-serif; color:#4a4c56; line-height:1.5em;}
.body_big { width:612px; float:left; margin:0; padding:20px 15px;font:normal 13px Arial, Helvetica, sans-serif; color:#4a4c56; line-height:1.5em;}
.batton { width:100px; float:left; margin:10px 10px; padding:0;}

ul.sub_nav a { font:normal 12px Tahoma, Geneva, sans-serif; color:#484848;}
/*bloga*/
.body .bloga { width:320px; float:left; margin:0; padding:20px 2px;}
.body .bloga p { font: normal 11px Arial, Helvetica, sans-serif; color:#5f5f5f; padding:5px; margin:0; line-height:1.8em;}
.body .bloga img.normmal { float:left; margin:5px 5px; padding:0;}
/* END_bloga*/
/*************footer**********/
.footer {padding:0; margin:0; background:url(../../images/footer_bg.gif) top repeat-x;}
.footer_resize {width:938px; margin:0 auto; padding:38px 30px; border:0;}
.footer p { font:normal 13px  Arial, Helvetica, sans-serif; color:#000; padding:10px 0 0 0;}
.footer a { font:normal 13px Arial, Helvetica, sans-serif; color:#410100; text-decoration:underline; padding:5px 5px; margin:0;}
.footer img {margin:0px 5px; padding:0; float:left;}
.footer p.leftt { background:#ffffdc; text-align:left; width:auto; margin:0; padding:5px 20px; float:left;} 
.footer p.rightt { background:#ffffdc; text-align:right; width:20%; margin:0; padding:5px 20px; float:right;} 
/********** contact form **********/
.form { float:left; width:560px; margin-top:18px; margin-left:10px;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#F00;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:80px; padding:3px 10px; font:bold 13px Arial, Helvetica, sans-serif; color:#555e67; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:400px; border:1px solid #555e67; margin:5px 0; padding:5px 2px; height:15px; background:#fff;}
#contactform textarea { width:400px; border:1px solid #555e67; margin:10px 0; padding:2px; background:#fff; height:250px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 95px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #d1d5d9; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #d9d9d9; padding:0; margin:10px 0; background:none; list-style:none;}




div#footer-products {
    font: 12px Arial, Helvetica, sans-serif; color:#111213;
	 margin:28px auto 0;
    text-align:center;
	 text-decoration:none;
    width: 817px;
	 padding-bottom:28px;
}
div#footer-products td {
	 text-align:center;
}
div#footer-products a {
    color: #008631;
    text-decoration: underline;
}
div#footer-products a:visited {
    color: #008631;
    text-decoration: underline;
}
div#footer-products a:hover {
    color: #003181;
    text-decoration: underline;
}



font.dark-green {
    color: #003d17;
}
a.squarebutton{
background: transparent url(../../images/square-green-left.gif) no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url(../../images/square-green-right.gif) no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
padding-top: 5px;
}



.calendar {float:left;width:100px;margin:0 10px 10px 0;height:95px;padding-top:2px;cursor:pointer;background:#060 url(../../images/calendar.gif) no-repeat 0 20px;text-align:center;font:bold 12px arial;color:#fff;text-decoration:none; }


a.boldbuttons{
background: transparent url('../../images/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../../images/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 175px;
border:0px solid #000;
}




.body_big ul {
list-style-position:outside;
list-style-type:square;
margin-right:0;
}

.body_big ol {
list-style-position:outside;
list-style-type:decimal;
margin-left:20px;
margin-right:0;
padding-left:0;
}

.body_big li {
background:none;
border:0;
line-height:1.5em;
padding-top:0;
padding-left:0;
padding-right:0;
color:#4A4C56;
}
