@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#fff}
a { color:#3895d5}
html { padding:0; margin:0; }
/* main */
.wrapper {width:1000px; margin:0 auto; padding:0}
/********** header **********/
.infohead { background:#2e2e2e; border-bottom:4px solid #fff; }
.infohead .txt {color:#999999; font-size:11px; padding:5px 0;}
/* logo */
.logo { padding:0; margin:5px 0 0 20px; width:550px; float:left; }
.logo img { float:left}
.logo div { margin:4px 0 0 180px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:12px; line-height:1.em; text-shadow:1px 1px 1px #999}
/* menu */	

.main_menu_bg {background:#e6e6e6; border-bottom:1px solid #cdcdcd; border-top:6px solid #7d9902; height:46px; margin:0 auto; padding:0; overflow:hidden}

.telv { padding:4px 0 0 0; margin:8px 20px 5px 0; width:350px; float:right; text-align:right; font-size:18px; text-shadow:1px 1px 1px #999; font-family:Arial, Helvetica, sans-serif}
/*
.menu ul {margin:0; text-align:right}
.menu ul li {margin:0px -3px 0px 0px; padding:0 3px; border:0; list-style:none; display:inline-block}
.menu ul li a { float:left; margin:0 1px 0 0; padding:4px; color:#fff; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; font-size:1em}
.menu ul li a span { padding:15px 5px; background:none; }
.menu ul li a:hover {background-color:#fff; padding:4px; color:#333}

.menu ul li a.active { background-color:#fff; padding:4px; color:#333}
*/
.menu { padding:0; margin:10px 0 5px 0; width:900px; float:left;}
.menu ul {margin:0 0 0 -25px;}
.menu ul li { float:left; margin:0px -3px 0px 0px; padding:0 3px; border:0; list-style:none; }
.menu ul li a { float:left; margin:0 1px 0 0; padding:4px; color:#333333; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none; font-size:1em}
.menu ul li a span { padding:15px 5px; background:none; }
.menu ul li a:hover {background-color:#333333; padding:4px; color:#c1c1c1}

.menu ul li a.active { background-color:#333333; padding:4px; color:#c1c1c1}

/***************main_body******************/
.header { background:#899f26 url(images/bg_head.gif) top left repeat; margin:0; padding:0; border-bottom:1px solid #667d01; height: auto; overflow:hidden }
.main_body_resize_my { background:url(images/bg_3.jpg) top center no-repeat; margin:0; padding:0; border-bottom:4px solid #fff; }
.main_body_resize2 { background:url(images/bg_simple2.gif) top repeat-x; margin:0; padding:0; border-bottom:4px solid #fff; height:163px; }
.main_body { width:1000px; margin:0 auto 0 auto; padding:0; position:relative; z-index:1}
.main_body img { margin:0; padding:0; }
.black_bg { width:100%; height:67px; background-color:#000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);-moz-opacity: 0.2;-khtml-opacity: 0.2;opacity: 0.2;zoom: 1;position:absolute; top:10px; left:0; z-index:3}
.top_m { background:#98ab38 url(images/top_m_bg.jpg) center scroll no-repeat; width:978px; height:45px; color:#FFF; border:1px solid #fff; position:absolute; top:20px; left:10px; z-index:150}
.shad_m { width:1000px; height:50px; background:url(images/shadow_menu.png) bottom center no-repeat; position:absolute; top:53px; left:0px; z-index:2}
.slog { width:700px; display: inline-block;}
.slog h2 { line-height:1em; color:#4e4c3c; margin:12px 0 0 30px; font-family: 'Cuprum', arial, serif;}

/********** slider **********/
.slider { margin:0 auto; padding:70px 0 0 0; height: auto; background:url(images/bg_1.jpg) bottom left scroll no-repeat; position:relative}
.slider_str { margin:0 auto; padding:0; height:100px; background:url(images/bg_12.jpg) top center scroll no-repeat; position:relative}
.slider .head_title { background:url(images/tiatle_head.png) no-repeat left 30px; margin:0 0 0 300px; padding:70px 10px 0 0; width:600px; height:75px; color:#FFF; font:italic 13px Arial, Helvetica, sans-serif; }
.brif {padding:15px 0 0 0; margin:60px 0 0 20px; width:280px; float:left; }
.brif span { font:bold italic 15px Arial, Helvetica, sans-serif; color:#f6ffa0; margin-bottom:20px}
.brif img {float:left; margin:3px 10px 10px 0px}
.brif div { margin-top:7px; font:normal 13px Arial, Helvetica, sans-serif; color:#ffffff;line-height:1.6em;}
.brif a {color:#FFFFFF; font-size:15px}
.box_slog { width:500px; float:right; text-align:left}
.box_slog h1 { color:#FFF; line-height:1.1em; font-size:30px; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:lighter; text-shadow:1px 1px 2px #666666}
.box_slog h1 span { color:#f8ffa4;font-size:36px; font-weight:bold;}
.box_slog h2 { color:#FFF; line-height:1.1em; font-size:21px; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:lighter; text-shadow:1px 1px 2px #666666}
.box_slog a.link { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:16px}
.slider .box_text { padding:20px 50px 0 10px; width:590px; }
.slider .box_text .box { float:left; width:100%; }
.slider .box_text .box p { padding:5px 10px; margin:0; color:#FFF; font:normal 13px Arial, Helvetica, sans-serif; line-height:1.8em; }
.slider .box_text .box .img { float:left; margin:0 10px; border:2px solid #CBD491 }
.bx-prev {position: absolute;top: 100px;left: -40px;width: 31px;height: 31px;text-indent: -999999px;background: url(images/icon_arrow_left.png) no-repeat 0 -31px;}
.bx-next {position: absolute;top: 100px;right: -40px;width: 31px;height: 31px;text-indent: -999999px;background: url(images/icon_arrow_right.png) no-repeat 0 -31px;}
.bx-next:hover, .bx-prev:hover {background-position: 0 0;}

/******butons****/
.buttons { }
.buttons ul { margin:0; padding:12px 0; list-style:none; width:400px; float:right; }
.buttons li { float:left; padding:0 20px; margin:0; border-left:1px dashed #a1a1a1; font:bold 11px Tahoma, Geneva, sans-serif; color:#646464;}
.buttons a { font:bold 14px Tahoma, Geneva, sans-serif; color:#3895d5; padding:0; }
.buttons a:hover { color:#3895d5; text-decoration:underline; }

/********** block index **********/
.about {background:#FFF url(images/gal_shad.jpg) bottom center scroll repeat-x; padding-bottom:20px}
.about p {color:#8C8C8C;font-size:12px; line-height:1.4em; font-family: Arial, Helvetica, sans-serif}
.body_resize { background:#fff;  margin:0; padding:0; border-bottom:1px solid #fff; border-top:1px solid #fff;}
.sub_body { background:#e8e8e8;  margin:0; padding:0; border-bottom:6px solid #c1c1c1; border-top:1px solid #fff;}
.sub_body p {color:#3a3a3a; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
.sub_body h2 {font-family: 'Cuprum', arial, serif; color:#747474; text-shadow:1px 1px 1px #fff; line-height:1em; margin:20px 0 0 0}
.body_resize .clients { width:292px; height:132px; margin:10px auto; padding:0; background: url(images/say_bg.gif) top no-repeat;}
.body { width:1000px; margin:0 auto; padding:0 0 40px 0; }
.body h2 { font:normal 22px Tahoma, Geneva, sans-serif; color:#4e4a38; padding:15px 0; margin:0; border-bottom:1px solid #b2b2b2; }
.body p { font:normal 11px Arial, Helvetica, sans-serif; color:#414141; line-height:1.8em; padding:5px; margin:0; }
.body span { color:#898989; font:normal 15px Arial, Helvetica, sans-serif;}
.body a { color:#8f9f23; }

/********Overview***/
.news_block { padding:20px 0 20px 5px}
.Overview,
.News { width:300px; float:left; margin:5px 20px 5px 10px; padding:0;}
.end {margin:5px 20px 5px 10px;}
.News p {color:#8c8c8c; font-size:12px; line-height:1.4em; margin-left:7px; font-family: Arial, Helvetica, sans-serif}
.News div.red { height:40px; width:300px; background:url(images/titl_red.jpg) top left scroll no-repeat; padding-top:10px}
.News div.green { height:40px; width:300px; background:url(images/titl_green.jpg) top left scroll no-repeat; padding-top:10px;}
.green_w { height:50px; width:300px; background:url(images/titl_green_w.jpg) top left scroll no-repeat; padding-top:5px; float:left; margin-left:10px}
div.green_w h2 {color:#fff; margin:0 0 0 15px; padding:0; border:none; font-family:'Cuprum', arial, serif; }
.News div.blue { height:40px; width:300px; background:url(images/titl_blue.jpg) top left scroll no-repeat; padding-top:10px}
.News img { margin-left:5px; border:2px solid #fff; -moz-box-shadow: 0px 0px 3px #b3b3b3; -webkit-box-shadow: 0px 0px 3px #b3b3b3; box-shadow: 0px 0px 3px #b3b3b3;  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;zoom: 1;}
.News img:hover {border:2px solid #cccccc; cursor:pointer; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;zoom: 1;}
.News h2  {color:#fff; margin:2px 0 0 15px; padding:0; border:none; font-family: 'Cuprum', arial, serif; font-weight:normal; text-shadow:none}
.What { width:600px; float:left; margin:5px 10px; padding:5px; position:relative }
.What a {font:normal 14px Arial, Helvetica, sans-serif; color:#3895d5; padding:0;}
.What a:hover {text-decoration:underline;}
.What h1 {font-family: 'Cuprum', arial, serif; font-weight:lighter;border:none; color:#8d9933; margin:5px 0 10px 0}
.What .data { font: normal 15px Arial, Helvetica, sans-serif; color:#768a1d; line-height:1.6em; padding:5px; margin:0; }
.What .data2 { font: normal 24px Arial, Helvetica, sans-serif; color:#8ea623; line-height:1.6em; padding:5px; margin:0; }
.What p {font:normal 14px Arial, Helvetica, sans-serif; color:#414141; line-height:1.4em; padding:5px; margin:0;}
.What .portpodp {font:normal 12px Arial, Helvetica, sans-serif; color:#414141; line-height:1.2em; padding:5px; margin:0;}
.What .block_grey {background-color:#f7f7f7; border:1px solid #ffffff; padding-bottom: 5px}
.What .blocktxt {margin-left:140px}
.What .blocktxt p strong {color:#666666;}
.myimg {border:4px solid #cbd491}
.myimg2 {border:4px solid #cbd491; float:left; margin:10px 0px 0px 5px}
.zel_ram {border:1px solid #cbd491}
.News .data { font: normal 15px Arial, Helvetica, sans-serif; color:#768a1d; line-height:1.6em; padding:5px; margin:0; }
.What h2.data { border:none}

.Overview ul { list-style:none; margin:0 0 20px 10px; padding:0; }
.Overview li { background:url(images/tick_16.png) 0px 5px no-repeat; padding:0 0 0 25px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#414141; }
.Overview li span { font: normal 14px Arial, Helvetica, sans-serif; line-height: 1.8em;}
.Overview a { font:normal 11px Arial, Helvetica, sans-serif; color:#3895d5; padding:0; }
.Overview .mymail a { font:bold 14px Arial, Helvetica, sans-serif; color:#3895d5; padding:0; }
.Overview a:hover { text-decoration:underline; }
.Overview p {font: normal 12px Arial, Helvetica, sans-serif; color:#414141; line-height:1.4em; padding:5px; margin:0;}
.Overview p em {color:#768a1d}
.Overview h2 {font: normal 18px Arial, Helvetica, sans-serif; color:#768a1d; line-height:1.6em; padding:5px; margin:0; border:none}
.prev_niz {width:43%; float:left; padding:0 10px}
.cont_blok {font:italic bold 16px Arial, Helvetica, sans-serif; color:#414141; line-height:1.8em; padding:5px; margin:0;}
.cont_blok h2 {font: normal 18px Arial, Helvetica, sans-serif; color:#768a1d; line-height:1.6em; padding:5px 0; margin:0; border:none}
.cont_blok span {font:italic bold 14px Arial, Helvetica, sans-serif}
.cont_blok a {font:normal 14px Arial, Helvetica, sans-serif; color:#3895d5; ; line-height:1.8em}
.cont_blok a img { border:none; margin-bottom:7px}
.zak_but {background:url(images/zakaz.jpg) 0px -70px scroll no-repeat; width:297px; height:70px; cursor:pointer}
.zak_but:hover {background:url(images/zakaz.jpg) 0px 0px scroll no-repeat; width:297px; height:70px; cursor:pointer}
.cont_blok hr { height:1px; border:none; color:#7D9902; background-color:#7D9902}
/************Portfolio********************/
.Portfolio { width:1000px; margin:0 auto; padding:0; }
.Portfolio h2 { }
.Portfolio span { font:bold italic 15px Arial, Helvetica, sans-serif; color:#898989; }
.Portfolio img { float:none; margin:5px 5px; padding:0; }
.Portfolio .box { width:500px; float:left; margin:5px 0; padding:0; }
.Portfolio .box img { float:none; margin:5px 5px; padding:0; }
.Portfolio .but { width:300px; float:right; padding:20px 0 0 0;}
.but { height:27px; padding:0; position:absolute; top:20px; right:0px;}
.but a, a.nomer { display:block; margin:0 3px; padding:0; height:20px; width:20px; text-align:center; color:#666666; background:#d7d7d7; text-decoration:none; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; float:left}
.but a:hover { background:#3895d5; color:#ffffff; text-decoration:underline;}
.but .active, .nomer_activ { display:block; margin:0 3px; padding:0; height:20px; width:20px; text-align:center; background:#82941f; color:#f6ffa0; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; float:left}
.Portfolio .but ul { list-style:none; margin:0; padding:0; float:right; width:200px; }
.Portfolio .but ul li { margin:0; padding:0; background:none; float:left;}
.Portfolio .but ul li a { display:block; margin:0 3px; padding:0; height:20px; width:20px; text-align:center; color:#82941f; background:#f6ffa0; text-decoration:none; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em;}
.Portfolio .but ul li a:hover { background:#82941f; color:#f6ffa0; text-decoration:underline;}
.Portfolio .but ul li a.active { background:#82941f; color:#f6ffa0;}
/**************************services*****************/
.services { width:1000px; margin:0 auto; padding:0; }
.services img { float: left; margin:5px 5px; padding:0; }
.services span { font:bold italic 15px Arial, Helvetica, sans-serif; color:#898989; }
.services a { font:normal 11px Arial, Helvetica, sans-serif; color:#8f9f23; text-decoration:none; }
.services a:hover { text-decoration:underline; }

/********** contact**********/
.contact { width:600px; margin:5px 10px; padding:5px; float:left; height:100% }
.Sub { width:300px; float:left; margin:0 20px; padding:50px 10px 0 10px; }
.Sub ul { margin:0 auto; border:3px solid #d9dfbe; font:normal 13px Arial, Helvetica, sans-serif; color:#4c4c4c; list-style:none; padding:20px 40px; }
.Sub li { padding:0; margin:0; }
.Sub a { font:normal 11px Arial, Helvetica, sans-serif; color:#8f9f23; text-decoration:none; }
.Sub a:hover { text-decoration:underline; }
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#6e6e6e; }
#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 20px; }
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:normal 11px Arial, Helvetica, sans-serif; color:#6e6e6e; text-transform:capitalize; float:left; }
#contactform label span { color:#6e6e6e; }
#contactform input.text { width:440px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left; }
#contactform textarea { width:440px; border:1px solid #dcdcdc; margin:5px 0; padding:2px; background:#f5f5f5; float:left; }
#contactform li.buttons input { padding:3px 0; margin:20px 0 20px 90px; border:0; color:#FFF; float:left; }
p.response { text-align:center; color:#6e6e6e; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto; }


.blog { height:140px; border-right:1px solid #dbdbdb; width:200px; margin:5px 10px; padding:5px 10px; float:left; }
.blog h2 {padding: 0; margin:10px 0}
.blog_reklam { height:140px; width:650px; margin:5px 10px; padding:5px 10px; float:left; }
.blog_reklam h2 {padding: 0; margin:10px 0}

/********** footer **********/
.footer { background:#494949 url(images/foot_shad.png) top center scroll repeat-x; padding:20px 0; margin:0 auto; }
.footer .resize p.footer_logo { float:right; padding:0; margin:0 10px; }
.footer .resize div { width:1000px; color:#7f7f7f; font:normal 11px Tahoma, Geneva, sans-serif; margin:0 auto; }
.footer .resize div p { padding:0; margin:0; }
.footer .resize div img { float:right; }
.footer .resize div a { color:#fff; font:normal 11px Tahoma, Geneva, sans-serif; padding:0 1px; }
.text_left { text-align: left; }
p.clr,
.clr { clear:both; padding:0; margin:0; background:none; }
li.bg,
.bg { clear:both; border-top:1px solid #e2e2e2; padding:0; margin:20px 0 5px 0; background:none; }
img, div, a, .png { behavior: url(iepngfix.htc) }

/*Galery*/
.gallery { background:#FFF; margin:0 auto; padding-top:20px; width:100%;border-top:1px solid #ffffff;}
.gallery h3 { font:normal 16px 'Cuprum', Arial, Helvetica, sans-serif; color:#2c2c2c; padding:0; margin:0; }
.gallery h2 {font: normal 24px Arial, Helvetica, sans-serif; color:#8ea623; line-height:1.6em; padding:5px; margin:0; border:none}
.gallery a { color:#3895D5}
.sortable {overflow: hidden; position: relative; height:180px; width: 245px; float:left}
#js_sort_items { width:650px; float: right; margin-right:30px; text-align:right}
.sort_by_cat { font:normal 16px Arial, Helvetica, sans-serif; padding-top:15px; }
.sort_by_cat a {color:#999999; font-size:12px}
.boxgrid{ 
width: 215px; 
height: 148px; 
margin:0 15px; 
float:left; 
overflow: hidden; 
position: relative;
padding: 2px;
background: url(images/gallery/item-bottom-shadow.png) bottom center scroll no-repeat;
}
.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0;
border:1px solid #cccccc;
}
.boxgrid p{ 
padding: 0 10px; 
color:#afafaf; 
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-serif;
margin:0;
}
.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 60px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
top: 152px;
left: 0;
}
.captionfull .boxcaption h3 {color:#FFF; border:none; padding:5px}
.caption .boxcaption {
top: 42px;
left: 0;
}