@charset "utf-8";
* { outline:none; }
body,
.main,
.clr,
.header,
.content,
.prefooter,
.footer,
form,
ol,
ol li,
ul { margin:0; padding:0; }
ol,
ul,
li { list-style:none; }
body { width:100%;  overflow-x:hidden;}
body,input,textarea {font:normal 12px/1.8em "Open Sans", Arial, Helvetica, sans-serif; color:#a9a9a9; }
img { border:none; }
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0; }
.fl { float:left; }
.fr { float:right; }
.tal { text-align:left; }
.tar { text-align:right; }
.tac { text-align:center; }
hr { border:1px solid #c8c8c8; margin:30px 0; }

.separator { clear:both; margin:20px auto; padding:0px 0 0px 0; width:100%; height:5px; background:url(../images/sep.png) repeat-x top left; }
.separator.small { margin:10px auto 10px;}
.separator_clear { clear:both; margin:20px auto; padding:0; width:100%; height:2px; }
.separator_clear.small { margin:10px auto;}

/*MAIN BACKGROUNDS*/
.body_pattern { background:#fff;}

.main { margin:0 auto; padding:0; width:100%; position:relative; }
#page { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); overflow: hidden; position: relative; width: 100%; }
a { color:#ff8849; font-weight:normal; text-decoration:none; }
p { margin:0; padding:0 0 10px; }

h1 { margin:0; padding:0; font-weight:bold; font-size:14px;  line-height:1em; color:#333333; text-transform:none; text-align:left;  }
h1 a { color:#707070; text-decoration:none; }
h1 span { color:#9d9d9d; font-size:14px; font-style:normal; font-weight:normal; line-height:1em;  text-transform:none;  display:block; margin-top:10px; padding:0; background:none; }
h1 a:hover { text-decoration:none; }
/*post_titles*/
h2 { width:auto; margin:0px 0 0px 0; padding:0 0 0 0; color:#000000; font-size:14px; line-height:1em; font-weight:normal; text-align:left;  background:none;}
h2 a, h2 span,h2 a span { color:#565656; background:none; }

.h2_background {position:relative;}
.h2_background h2 {background:url(../images/bar.png) repeat-x  left; width:100%; margin:30px 0; padding:0; font-weight: normal;}
.h2_background h2 span{ padding:10px 20px 10px 0; background:url(../images/background2.png); font-weight: normal; }

.h2_background2 {position:relative;}
.h2_background2 h2 {background:url(../images/bar.png) repeat-x  left; width:100%; margin:0px 0; padding:0;}
.h2_background2 h2 span{ padding:0px 50px 0px; line-height: 32px;background: url(../images/background2.png); margin-left: 38%; display: inline-block; font-size: 24px!important;}

.h2_arrows { background:#fff; padding: 0 0 0px 15px; position:absolute; right:0; top:-3px; text-transform:uppercase;}
.h2_arrows a { color:#bababa; font-size:11px;}
.h2_arrows a:hover { color:#e25e54;}
.h2_arrows a.arr_href img.arr_l {background:url(../images/arr_l.png) no-repeat;}
.h2_arrows a.arr_href:hover img.arr_l {background:url(../images/arr_l_a.png) no-repeat;}
.h2_arrows a.arr_href img.arr_r { background:url(../images/arr_r.png) no-repeat;}
.h2_arrows a.arr_href:hover img.arr_r { background:url(../images/arr_r_a.png) no-repeat;}



/*images titles etc,...*/
h3 {  font-size:12px; font-weight:normal!important; color:#313131;  line-height:1em; padding:5px 0 5px; margin:10px 0 10px; }
h3 span {display: block; color:#000; text-decoration:none; font-weight:normal; font-style:normal; margin-top:10px; padding:0; font-size:12px; text-transform:none; }
h3 a { color:#717171; text-decoration:none; font-weight:normal; }
h3 a:hover { text-decoration:none; color:#ff603f!important; }
h3 span a:hover { text-decoration:none; color:#ff603f; }
a:hover h3.hover { color:#ff603f; } 



/*h3.h3_act_href*/
h3.h3_act_href { clear:both; width:100%; text-align:left; display:block; background:none; padding-left:0; height:15px; }
h3.h3_act_href a span,
h3.h3_act_href a{ color:#313131; text-decoration:none; font-weight:normal!important;  }
h3.h3_act_href a:hover span,
h3.h3_act_href a:hover em,
h3.h3_act_href a:hover{ text-decoration:none; color:#ff603f!important; }
h3.h3_act_href a.h3_href em {font-style:normal;}

h3.h3_act_href a.h3_href {padding:8px 0 12px 40px;}

h3.h3_act_href a.ico_1{background:url(../images/ico.png) no-repeat left top;}
h3.h3_act_href a.ico_2{background:url(../images/ico-02.png) no-repeat left top;}
h3.h3_act_href a.ico_3{background:url(../images/ico-03.png) no-repeat left top;}
h3.h3_act_href a.ico_4{background:url(../images/ico-04.png) no-repeat left top;}
h3.h3_act_href a.ico_1:hover{background:url(../images/ico_a.png) no-repeat left top;}
h3.h3_act_href a.ico_2:hover{background:url(../images/ico_a-02.png) no-repeat left top;}
h3.h3_act_href a.ico_3:hover{background:url(../images/ico_a-03.png) no-repeat left top;}
h3.h3_act_href a.ico_4:hover{background:url(../images/ico_a-04.png) no-repeat left top;}

h4 {  font-size:12px; font-weight: normal;}
h4 small { font-size:12px; color:#a6a6a6; margin-top:20px;}

/* header */
.header { margin:0 auto; padding:0; width:100%; position:relative; background: rgba(18,20,20,0.8); border-bottom: 1px solid transparent; z-index: 99999;  }
.header_text {background:none; width:330px; height:40px; float:right;}
.header_text p {color:#989898; font-size:12px; text-align:left; padding-top:35px; float:left;}
.header_bg { margin:0 auto; padding:0; width:100%; background:#fbfbfb; border-bottom: 1px solid #f2f2f2; border-top:1px solid #ededed;
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
}
.header_resize { margin:0; padding:0; border-bottom: 1px solid transparent; z-index: 999999999999; position: relative; }
.header_resize.black {background-color: #262626; padding-top: 20px; color: #fff!important;}
.header.black {background-color: #262626; border:0; height: 50px; padding-bottom: 10px;}
.resize { margin:0 auto; padding:0; width:960px;}



.logo { margin:0; padding:30px 0 25px; font-size:36px;  line-height:1em; float:left; text-transform:none;}
.logo div { margin:0 auto; padding:0 0 0;  font-weight:lighter;  float:left; }
.logo div a span { color:#dd6710; text-decoration:none; font-weight:lighter; text-align:left; }
.logo div a,
.logo div a:hover { color:#ff8849; text-decoration:none; font-weight:lighter;  text-align:left;   }
.logo div span em.logo_2_color { color:#fff; font-style:normal;}
.logo p { padding:24px 0 1px 15px; margin:0; font-size:11px; line-height:1em;  color:#777777; font-weight:lighter; font-style:normal; text-transform:uppercase;text-align:left; float:left;}


.logofooter { margin:0; padding:10px 0 25px; font-size:36px;  line-height:0.8em; float:left; text-transform:none;}
.logofooter { margin:0 auto;  font-weight:lighter;  float:left; }
.logofooter  a span { color:#fff; text-decoration:none; font-weight:lighter;  text-align:left; }
.logofooter  a,
.logofooter  a:hover { color:#ff8849; text-decoration:none; font-weight:lighter;  text-align:left;   }
.logofooter span em.logo_2_color { color:#fff; font-style:normal;}
.logofooter p { font-weight:lighter; font-size:12px;   color:#777777; text-transform: none; font-style:normal; margin-top: 0px; margin-bottom: 0; line-height: 20px;}



/*now_page*/

.now_page { margin:30px auto 25px; padding:0px 0 0 0px; width:100%;}
.index_page .now_page {padding-top:0px; border-top:none;}
.now_page_resize { margin: 0; padding:0; text-align:left; background: #fff; height: 150px; }
.now_page_resize img {float: left; margin-right: 40px;}
.now_page_resize2 { margin: 0; padding:20px 0 20px 0; text-align:left; border-top: 1px solid #e0e0e0;}
.now_page_resize h1 { padding-top: 35px;text-align: left; text-transform:none; font-weight: lighter !important; font-size: 24px !important; color: #787877!important;}
.now_page_resize p { text-align: left; font-weight:lighter !important; font-size: 14px; color: #b3b7ba; margin-top: 10px; color: #adb1b4!important;}
.content_page { margin: 0px; padding:20px 0 20px 0; text-align:left; }


/*slider*/
#now_slider {  margin:0 auto 0px; padding:0px 0 20px; /*padding:6px; background:#343434; border:1px solid #525252;*/}
#slider-wrapper object { width: 100%; }
#slider h1 { font: bold italic 30px "Liberation Sans", Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0; }
#slider .flash_slider { width:100%; height:470px; margin:0px auto 0; overflow:hidden; }
#slider-wrapper #piecemaker, .bannerholder {  margin-top:0px;}

.slider_box {height: 430px;}







.p404 h2{ font-size:50px; color:#e25e54;  text-align:center; margin:40px auto 0; line-height:1.2em;  background:none;}
.p404 h2 span{ font-size:36px;  color:#7D7D7D; text-align:center; margin:10px auto 0; line-height:1.2em; }
.p404 p,.p404 a{ font-size:24px; color:#B4B4B4; text-align:center; padding:80px 0 60px; line-height:1.2em; }
.p404 p span { font-size:24px; display:block; text-align:center; margin:20px auto; line-height:1.2em; }
.p404 h2,
.p404 .btn { margin-bottom:0; }
.p404 .content_box { margin-bottom:40px; }
/* Slider */

/* content */
.content { margin:0px 0 0px 0; padding:0px 0px; width:100%; /*margin-top:-30px;*/ }
.content_resize { margin: 0px; background: none; padding:0px 0px 30px 0px;/* position:relative; z-index:21; */}

.h2_href_fr a span{color:#fff; font-size:10px; font-weight:normal; padding:3px 8px; background:#272727; text-transform:uppercase;}
.h2_href_fr a:hover span{background:#f04e38;}

.img_hover_box.pic a { display: block; position: relative;  }
.img_hover_box.pic a img { margin:0; }
.img_hover_box.pic a img.h { position: absolute; top: 0; left: 0; visibility:hidden; background:#ff8849 url(../images/img_z.png) 50% 62% no-repeat; border:none; }
.img_hover_box.pic a:hover img.h { visibility:visible; }

.img_hover_box.pic a img.h1 { position: absolute; top: 0; left: 0; visibility:hidden; background:#ff8849 url(../images/img_z.png) 50% 55% no-repeat; border:none; display:none; }
.img_hover_box.pic a:hover img.h1 {  }

.img_hover_box.pic a img.h2 { position: absolute; top: 0; left: 0; visibility:hidden; background:#ff603f url(../images/img_z.png) center center no-repeat; border:none; display:none; width:100%; }
.img_hover_box.pic a:hover img.h2 { visibility:visible; display:block; }

.galereja .img_hover_box.pic a h3 {margin:0; padding:0; }
.img_hover_box.pic a h3 span { display:none; position:absolute; top:60px; left:30px; z-index:100; color:#ffffff; margin:0; padding:0;}
.img_hover_box.pic a:hover h3 span { display:block;}

p.details { color:#b0b0b0; font-size:11px; border-bottom:1px solid #eeeeee; position:relative; bottom:10px; padding:0 0 10px 0; margin-top:-5px;}


.backgr { background:#0b0b0b;}
.backgr:hover {background:#e25e54;}
.backgr h3 {padding:10px 15px; font-size:14px;}
.backgr h3 a span{ color:#999999; font-size:14px; font-style:normal;}
.backgr:hover h3 a span,.backgr:hover h3 a:hover span,.backgr:hover p{ color:#2d2d2d; }

/*4cols*/
.cols4 { margin:0 auto; width:100%; padding:0; text-align:left; }
.col4 { width:290px; margin:0 35px 0 0; float:left; padding:0;  }
.col4.last { float:right; margin-right:0; }
.cols4.bg {background:url(../images/cols4_bg.png) repeat-y top left; padding:10px 0;}


/*3cols*/
.cols3 { margin:0px auto 0; width:100%; padding:0; text-align:left; }
.col3 { width: 32%; margin:0 18px 0 0; float:left; padding:0;  }
.col3 p { margin:0; padding:0; }
.col3.last { margin-right:0; }




/*2cols*/
.cols2 { margin:0px auto 0; width:100%; padding:0; text-align:left; }
.col2 { width: 44%; margin:0 10px 0 0; float:left; padding:0; }
.col2.last { float:right; margin-right:0; padding:0; }
.col2.big { width: 44%;}
.cols2 .img_hover_box.pic a { height: 389px;}

/*1cols*/
.cols1 { margin:0px auto 0; width:100%; padding:0; text-align:left; }
.col1 { width:100%; margin:0 0 0 0; padding:0; }
.col1 img.h2 { width:100%;}
.col1.last { float:right; margin-right:0; padding:0; }
.cols1 .img_hover_box.pic a { height:350px; }
.cols1 .img_hover_box.pic a img{ float:left; }

.cols_bg {padding-bottom:15px; border-bottom:2px solid #f0f0f0;}
.cols_bg:hover { border-bottom:2px solid #f67e40;}

.cols_bg_post .post_detail a {  background:#efefef;  padding:10px; display:block; }
.cols_bg_post .post_detail a em {color:#8e8e8e; font-weight:normal;}
.cols_bg_post:hover .post_detail a { background:#e25e54;}
.cols_bg_post:hover .post_detail a em {color:#fff;}

h3 a.h3_detail span{ text-transform:none; font-size:14px; color:#767676;}

/*Home page gallery*/
.galereja { overflow:hidden;}
.galereja .img_hover_box { float:left; margin-bottom:0px;}
.galereja .num1, .galereja .num2, .galereja .num3, .galereja .num5 { margin-right:5px;}
.galereja .num5, .galereja .num6 { margin-top:-10px;}


.content_box { padding:0; margin-bottom:30px; width:900px; }
.content_box.padding {  }

.content_full_size { width:100%; }
/*centercol*/
.centercol { width: 100%; float:left; padding:0; }
/*sidebar*/
.sidebar {width: 100%; float:left;  }
/*.sidebar h2 { margin-top:0; padding-top:0;  }*/
.sidebar_flickr,
.sidebar_text,
.sidebar_twit,
.sidebar_recent { margin:0px 0px 25px 0px; }
.sidebar_text { }
.sidebar_twit p { padding:0 0 10px 30px ; background:url(../images/twitter_li.png) no-repeat top left; }
.sidebar_twit a { display:block;  color:#a4a4a4; font-size:11px; font-style:italic; }
.sidebar_recent img {float:left; margin:0 10px 10px 0; padding:2px; background:#fff; border:1px solid #d4d4d4; }
.sidebar_recent a:hover img { border:1px solid #000; }
.sidebar_recent p { padding:0px 0 10px; }
.sidebar_recent a { display:block; font-style:normal; text-decoration:none; text-decoration:none; }
.sidebar_recent span { display:block; color:#989898; font-style:normal; font-size:11px;  }

.recent_post { clear:both; padding:10px 0;}



/*columns*/
.columns { margin:00px auto 0px; padding:0; width:100%; }
.users_list { margin:0 auto; }
.users_list img { float:left; margin:5px auto; }
.users_list p,
.users_list h3 { float:right; width:80%; margin:5px 0 5px; padding:0; }

a.more { color:#8b8b8e; font-weight: normal; text-decoration: none; }
/*sub_page_about*/
.about_span { padding:0 0 0 40px; background:url(../images/qoute.png) no-repeat top left; }
/*sub_page_portfolio*/
.sub_page_portfolio h3 { margin:5px 0 10px; padding:0; color:#656566; font-size:13px; font-weight:bold; text-transform:none; margin-top:10px; }
.sub_page_portfolio h3 a { color:#656566; text-decoration:none; font-weight:bold; }
.sub_page_portfolio h3 a:hover { color:#d67732; text-decoration:none; font-weight:bold; }
/*4cols*/
.col_boxes_4 { margin:20px auto 20px; width:100%; padding:0; text-align:left; }
.col_box_4 { width:229px; margin:0 31px 0 0; float:left; padding:0; }
.col_box_4.first { width:200px; }
.col_box_4.last { float:right; margin-right:0; }
.col_box_4 h2 { margin-bottom:0; padding:0; }
.users { margin:20px 0 0; }
.users h3 { margin:10px 0 0; padding:0; font-size:12px; font-weight:bold; color:#313131; }
.users_img { float:left; margin:10px 0 0; padding:3px 4px 15px; background:url(../images/user_bg.png) no-repeat top left; }
.user_descr { float:right; width:396px; padding:0; line-height:20px; }
/*sub_page_blog*/
.post h3 { padding-top:15px; padding-bottom:0; margin-bottom:0; font-size:16px; font-weight:normal; color:#414141; }
.post h3 a,
.post h3 a:hover {  }

.post h2 {margin-bottom:0; }
.post h2 a{ font-weight:bold;}

.post .pic { margin:0 0 20px; }
.post_detail { color:#a4a4a4; font-style:normal; padding:0; font-size:11px; font-weight:normal; margin:5px 0 5px 0; }
.post_detail a { font-size:11px; color:#a4a4a4;  font-style:normal; text-decoration:none; }
.post_detail a:hover { font-size:11px; color:#a4a4a4; text-decoration:none; }
.post_date {  color:#fff; font-style:normal; font-weight:normal; font-size:18px; float:left; text-align:center; padding:8px 15px; background:#e25e54; border-top:3px solid #353535; margin:0 20px 20px 0; display:none;}
.post_date span { color:#fff; font-style:normal; font-weight:normal; font-size:12px; display:block; margin-top:5px; padding:5px 3px 0; text-align:center; border-top:1px solid #fff; }


.post_detail a.read_more:hover { color:#e25e54; font-style:normal; font-weight:normal; }
/*pagination*/
.pagination { margin:0; float:none; padding:10px 10px 00px 0; width:100%; text-align:left; font-weight:normal; }
.pagination a { padding:5px 8px; color:#939393; font-weight:normal; text-decoration:none; background:none; border:transparent; }
.pagination a:hover { padding:5px 8px; text-decoration:none; background:#222222; color:#939393; border:transparent; }
.pagination span.current_page { padding:5px 8px; color:#fff; background:#e25e54; border:transparent; }
.pagination span.count_pages { margin-left:11px; padding:5px 8px 5px 8px; background:#222222; color:#939393; border:transparent; }
/*navigation*/
.navigation { margin:0 auto 20px; padding:8px 0 10px 0; width:900px; }
.navigation a { padding:2px 4px; color:#656563; font-size:11px; text-decoration:none; font-weight:normal; }
.navigation a:hover { color:#656566; }
.navigation span.current { color:#656566; padding:0; font-size:11px; }
.navigation span.text { color:#c3c3c3; padding:0; font-size:12px; }
/*sub_page_contact*/

/*form Contact_us*/
#contactform_main { margin:0; padding:5px 0; }
#contactform_main * { color:#8b8b8e; }
#contactform_main ol { margin:0; padding:0; list-style:none; }
#contactform_main li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform_main li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform_main label { margin:0; width:60px; padding:6px 0; text-transform:none; float:left; font-weight:normal; color:#8b8b8b; }
#contactform_main label .ness { color:#656566; }
#contactform_main label span { color:#8b8b8b; }
#contactform_main input.text { width: 60%; border:1px solid #d3d3d3; margin:5px 0; padding:5px 2px; height:16px; background:#ffffff; float:left; font-size:12px; color:#8b8b8e; }
#contactform_main textarea { width: 71%; border:1px solid #d3d3d3; margin:4px 0; padding:5px 2px; background:#ffffff; float:left; font-size:12px; color:#8b8b8e; }
#contactform_main li.buttons input { padding:2px 10px 4px 10px; margin:10px 0 0 60px; border:0; color:#FFF; float:left; background:#ff603f; font-size:14px;  }

.ul_list {}
.ul_list ul{}
.ul_list li{ padding:5px 0; border-bottom:1px solid #4e4e4e;}
.ul_list li.last{  border-bottom:none;}
.ul_list li a{color:#a9a9a9;}
.ul_list li a:hover{color:#ffffff; text-decoration:none;}


/* prefooter */
.prefooter {  background:#262626; margin:0 auto;  width:100%; padding:0px 0 0; background:#f7f7f7; position:relative; z-index:10; margin-top:-0px; }
.prefooter_resize { width:960px; margin:0 auto; padding:30px 00px 20px;   text-align: left;  }
.prefooter_bg {background: #262626}

.prefooter .fcol { margin:0 20px 0 0; float:left; width:300px; padding:0; }
.prefooter .fcol p { color:#a2a2a2; }
.prefooter .fcol.last p { margin-bottom:10px;}
.prefooter .fcol.last p a { color:#ff8849; font-size:11px; position:relative; bottom:2px;}
/*.prefooter .fcol a { color:#e25e54;}*/
.prefooter .fcol.pop_posts p { padding:0 0 20px 0px ;}
.prefooter .fcol.pop_posts h3 { padding:0px 0 0px 0px ;}
.prefooter .fcol.pop_posts h3 span{padding-bottom: 0px ;}
/*.prefooter .fcol.twit a { font-style:italic; font-size:11px; font-weight:normal; display:block; margin:0; padding:0; }
.prefooter .fcol.twit p span {  font-size:11px; display:block; margin:0 0 5px 0; padding:0; }
.prefooter .fcol.pop_posts img { float:left; margin:5px 20px 0 0; }*/
.prefooter .fcol.last { margin-right:0; float:right; }
/*.prefooter .fcol.client_says p {font-style:italic; padding:0 0 10px 0;}
.prefooter .fcol.pop_posts a span,
.prefooter .fcol.client_says a span{font-style:normal;  font-size:11px; font-weight:normal; display:block; margin:0; padding:0;}
*/
.prefooter h2 {background:url(../images/h2_bg.png) repeat-x  left; width:100%; margin:30px 0; padding:0;}
.prefooter h2 span{ padding:10px 15px 10px 0; background:#464646; }

.prefooter h2 { margin:0px 0 30px; font-weight:normal; }
.prefooter h2 span { font-weight:normal;}
.prefooter h2 span em.dark {color:#ffffff; font-size:14px; font-style:normal; font-weight:normal;}

.prefooter #contactform { margin:0; padding:0px 0; }
.prefooter #contactform * {  }
.prefooter #contactform ol { margin:0; padding:0; list-style:none; }
.prefooter #contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
.prefooter #contactform li.buttons { margin:5px 0 5px 0; clear:both; }

.prefooter #contactform input.text { width:186px; margin:0 0 5px 0; padding:5px 2px; height:15px; background:#ffffff; float:left; font-size:12px; color:#868686; }
.prefooter #contactform textarea { width:186px; margin:0 0 4px 0; padding:3px 2px; background:#ffffff; float:left; font-size:12px; color:#868686; }
.prefooter #contactform li.buttons input { padding:0 0 3px 0; margin:5px 0 0 0px; border:0; color:#FFF; float:left; }


.flickr img { margin:2px 2px 0 0;    padding: 1px; border: 1px solid #525252}
.flickr a:hover img { /*background:#525252;*/ }

.prefooter .pic a img {padding:3px; background:#3c3c3c;}
.prefooter .pic a:hover img { background:#202020;}

/* footer */
.footer {background: #3E4040; width:100%; margin:0 auto; padding:00px 0px ;  }
.footer_resize { margin: 0; padding:15px 0 10px 0; text-align:left; }
.footer a { color:#8c8c8c; }
.footer p { text-align:left; padding-top:5px; color:#8c8c8c; }

/*coments*/
#coment { overflow:hidden; margin:10px 0; padding-bottom:10px; }
#coment img { float:left; margin-right:20px; }
#coment h3 { margin:0; padding:0; }
#coment .podpis { float:left; margin:5px 0; width:80%; }
#coment .podpis a { margin-left:10px; }
#coment2 { overflow:hidden; margin:10px 0 00px 50px;  padding-bottom:10px; }
#coment2 img { float:left; margin-right:20px; }
#coment2 h3 { margin:0; padding:0; }
#coment2 .podpis { float:left; margin:5px 0; width:75%; }
#coment2 .podpis a { margin-left:10px; }
#coment3 { overflow:hidden; margin:10px 0 00px 100px;  padding-bottom:10px; }
#coment3 img { float:left; margin-right:20px; }
#coment3 h3 { margin:0; padding:0; }
#coment3 .podpis { float:left; margin:5px 0; width:70%; }
#coment3 .podpis a { margin-left:10px; }
#coment3 .lin { border-top:1px solid #c8c8c8; margin-top:20px; }


.pic img {/*padding:3px; background:#f4f4f4; border:1px solid #fff;*/}

.pic img.h {}
.pic img {margin-bottom:0px; }
.pic a {margin-bottom:15px;}
.pic.fl { margin:5px 20px 10px 0; }
.pic.fr { margin:5px 0 20px 10px; }
/*
.btn { margin:2px 0 0;  padding:10px 0px 0; text-align:center; }
.btn a { font-size:14px; color:#e25e54; text-transform:uppercase; height:33px;  padding:10px 15px 10px; background:url(../images/btn_bg.png) repeat-x top center; border:1px solid #ececec; font-weight:bold; }
*/
.btn a span{color:#7d7d7d; font-size:12px; font-weight:bold; padding:5px 15px; background:#fcfcfc; text-transform:uppercase; border:1px solid #d7d7d7;}



/*img_hover_box_r_plus*/
.img_hover_box.pic { display: block; position: relative; }
.img_hover_box.pic .img_hover_overlay { position: absolute; top: 0; left: 0; visibility:hidden;  border:none; width:100%; height:100%; padding:0; }
.img_hover_box.pic:hover .img_hover_overlay { visibility:visible;}

.img_hover_box.pic .r_plus { position: absolute; top: 50%; left: 50%; visibility:hidden;  border:none; opacity:0.8; margin:0;}
.img_hover_box.pic .r_plus:hover {opacity:1;}
.img_hover_box.pic:hover .r_plus { visibility:visible; }

.img_hover_box.pic .img_hover_overlay { background:url(../images/img_overlay.png) repeat;}
.img_hover_box.pic .r_plus { background:url(../images/img_hover.png) no-repeat;}
.img_hover_box.pic .r_plus.pos_right { background:url(../images/img_hover_href.png) no-repeat;}

.img_hover_box.pic .r_plus {height:41px; width:41px; margin:-20px 0 0 -20px; }
.img_hover_box.pic .r_plus.pos_left {margin-left:-8px; }
.img_hover_box.pic .r_plus.pos_right {margin-left:2px; }




/* gallery-categ */
.gallery-categ { margin-top:10px; padding:0; float: right;}
.gallery-categ li { padding:0; float:left; text-transform:none;}
.gallery-categ li:last-child { border-right:0;}
.gallery-categ li a { font-size:12px; display:block; padding:5px 10px; color:#5f5f5f!important; text-transform:none;}
.gallery-categ li.active a {  background:#ff603f; color:#fff!important;}
.gallery-categ li a:hover{color:#ff603f!important; text-decoration:none; }
.gallery-categ li.active a:hover{color:#fff!important; text-decoration:none;}
.gallery-categ li.text{padding:5px 10px 5px 0;}


/*4cols_gallery*/
.col44 { width:215px; float:left; padding:0; margin-right:13px; position:relative; top:0px; margin-top:20px; padding-bottom:20px;}
.col44 h3 { position:relative; bottom:0px; margin-bottom:0px;}
.col44 a img { margin-top:0px;}
.col44.last { float:right; margin:0; margin-right:0px;}
.col44.invisible-box { display: none; opacity: 0;  z-index: 1;}

/*4cols*/
.cols4p { margin:0 auto; width:100%; padding:0; text-align:left; }
.col4p { width: 23%; margin:0 25px 0 0; float:left; padding:0;  }
.col4p.last { margin-right:0; }
.cols4p.bg {background:url(../images/cols4_bg.png) repeat-y top left; padding:10px 0;}

/*detail a*/
p.detail {padding-top:10px;}
.detail a,a.detail {color:#717171; font-size:12px; text-align:left; font-weight:normal;}
.detail a:hover,a.detail:hover {color:#e25e54; text-decoration:none;}

/*note*/
.note {margin:0 auto; padding:0; clear:both;}
.note p { width:265px; float:right; font-style:italic; font-weight:normal; padding:5px 0 0 45px; background:url(../images/quote.png) no-repeat left top;}
.note .pic {margin-right:0;}
.note.small {width:600px; margin:0 auto; padding:0;}
.note.small p{width:530px;}

/* search */
.search { margin:-3px 0 0 0; float:right; padding:0px 0 0 0; width:194px; height:32px; }
.search form { margin:0; padding:0; width:auto; }
.search label {float:left; padding:2px 10px 0 0;}
.search span { display:block; margin:0; padding:0; float:left; background:url(../images/search_bg.png) no-repeat left top; }
.search input.editbox_search { margin:0; padding:0px 0px 0px; float:left; width:143px; height:25px; font-size:12px; line-height:16px; color:#a1a1a1; background:url(../images/searchicon.png) right center no-repeat; border:1px solid #424242; }
.search input.button_search { margin:0; padding:0; border:none; float:left; }

.banner { background:url(../images/3_home.jpg) center center no-repeat; width:100%; height:1880px;}



/* center_colums  */
.columns.margin_board { margin:0 0 0 0px; border: 0; }
.colums_box { text-align:left; width:29%; margin:2% 2.1% 0; padding:0 0px; float: left;}
.colums_box.first{margin-left: 0;}
.colums_box.text_left { text-align:left; }
.colums_box.text_left h2, .colums_box.text_left p { }
.colums_box p.more_bg { padding:15px 0; border:1px solid #f0f0f0; border-top:0; background:#fcfcfc;}
.colums_box:hover p.more_bg  { background:#f0f0f0; }

/* colums_box */
.colums_box.bdrl {border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;}
.colums_box.no_bg {  background:none; }
.colums_box.no_bg:hover { background:none; }
.colums_box_1 img { background: url(../images/h_1.png) left no-repeat;  float: left;  margin: 0px 20px 60px 0;}
.colums_box_1 img:hover { background:url(../images/h_1.png) left no-repeat; float: left; margin: 0px 20px 60px 0;}
.colums_box_2 img { background: url(../images/h_2.png) left  no-repeat;  float: left; margin: 0px 20px 60px 0;}
.colums_box_2 img:hover { background: url(../images/h_2.png) left no-repeat; float: left; margin: 0px 20px 60px 0;}
.colums_box_3 img { background: url(../images/h_3.png) left no-repeat; float: left; margin: 0px 20px 60px 0;}
.colums_box_3 img:hover { background: url(../images/h_3.png) left  no-repeat; float: left; margin: 0px 20px 60px 0;}
.colums_box_4 img { background: url(../images/h_4.png) left no-repeat;  float: left;  margin: 0px 20px 60px 0;  }
.colums_box_4 img:hover { background: url(../images/h_4.png) left no-repeat;  float: left;  margin: 0px 20px 60px 0; }
.colums_box_5 img { background: url(../images/h_5.png) left no-repeat;  float: left;  margin: 0px 20px 60px 0;  }
.colums_box_5 img:hover { background: url(../images/h_5.png) left no-repeat;  float: left;  margin: 0px 20px 60px 0; }
.colums_box_6 img { background: url(../images/h_6.png) left no-repeat;  float: left;  margin: 0px 20px 60px 0; }
.colums_box_6 img:hover { background: url(../images/h_6.png) left no-repeat;  float: left;  margin: 0px 20px 60px 0; }


    
    

.columns{margin-top: 30px; padding-bottom: 30px;}
a.columnsa {  font-size: 14px !important; color:#484848 !important;}
a.columnsa:hover {  color:#8d553a !important}
.colums_box p {line-height: 1.3em !important; padding-top: 10px !important; text-align: left !important; text-transform: none; font-size: 12px!important; margin-top: 0;}
h2.project {margin-bottom: 40px;font-size: 12px !important; color: #484848 !important; padding-top: 40px; padding-right: 30px; display: inline-block; }
.sliderbox {padding-bottom: 0px; }

h3.details a:hover{color: #dd6710 !important;}
h3.details {margin-bottom: 0;}

/* RSS */
.RSS { width:auto; float:right; margin:0px 0 0 0; padding: 0 0 0; }
.RSS img { float:left; margin:0 5px 0 0; width:25px; height:25px; }
img.rss1 { background:url(../images/f_1.png) no-repeat; }
img.rss2 { background:url(../images/f_2.png) no-repeat; }
img.rss3 { background:url(../images/f_3.png) no-repeat; }
img.rss4 { background:url(../images/f_4.png) no-repeat; }
img.rss5 { background:url(../images/f_5.png) no-repeat; }
img.rss6 { background:url(../images/f_6.png) no-repeat; }
img.rss7 { background:url(../images/f_7.png) no-repeat; }
img.rss1:hover { background:url(../images/f_1_1.png) no-repeat; }
img.rss2:hover { background:url(../images/f_2_1.png) no-repeat; }
img.rss3:hover { background:url(../images/f_3_1.png) no-repeat; }
img.rss4:hover { background:url(../images/f_4_1.png) no-repeat; }
img.rss5:hover { background:url(../images/f_5_1.png) no-repeat; }
img.rss6:hover { background:url(../images/f_6_1.png) no-repeat; }
img.rss7:hover { background:url(../images/f_7_1.png) no-repeat; }

a.pop {margin-left: 0px; color: #6d422d!important;}
a.pop:hover{color: #6d422d!important; cursor: pointer;}
ul.footerul li {margin-left: 0; padding-left: 0; border-bottom: 1px solid #3d3d3d; line-height: 30px; list-style-position: inside; color: #ebc324;}
ul.footerul {list-style-position: inside;list-style:none;}

.bartext {width: 100%; height: 8px; background: url(../images/bartext.png)repeat-x; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); }
p.barp {padding-bottom: 10px!important; border-bottom: 1px solid #e5e5e5; font-size: 12px!important;}



/*4cols_gallery*/
.cols444{overflow:visible!important;}
.col444 { width:240px; float:left; padding:0; margin-right:0px; position:relative; top:0px; margin-top:0px; padding-bottom:0px; height: 150px;}
.col444 h3 { position:relative; bottom:0px; margin-bottom:0px;}
.col444 a img { margin-top:0px;}
.col444.last { float:right; margin:0; margin-right:0px;}
.col444.invisible-box { display: none; opacity: 0;  z-index: 1;}
#gallery-imgs .mask {
    left:0px;
	top:0px;
	background: rgba(239,  231, 221, 0.8);
		-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	width:240px;
	height:150px;
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	z-index:999;
	position:absolute;
		
	padding:0px;
}
#gallery-imgs .mask span{
    display: block;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	margin:70px 0 0 0;
         text-align: center;
        
}
#gallery-imgs .mask p{
     display: inline-block;
	color:#fff;
	font-size:12px;
	padding-top:0px;
	line-height:20px;
        margin:0px 0 0 49px;
        text-align: center;
        border-bottom: 1px solid #fff;
}
a.info {
	display: block;
	text-decoration: none;
	background: url(../images/ico_link.png) no-repeat;
	position:absolute;
        
	bottom:59px;
	left:52%!important;
	width:48px!important;
	height:48px!important;
	opacity:0.8;
	overflow:hidden;
}
a.info:hover{
	opacity:1;
}
a.link {
	display: block;
	text-decoration: none;
	background: url(../images/ico_full.png) no-repeat;
	position:absolute;
	bottom:59px;
	left:29%!important;
	width:48px!important;
	height:48px!important;
	opacity:0.8;
}
a.link:hover{
	opacity:1;
}
#gallery-imgs .col444:hover{
	cursor:pointer;
}
#gallery-imgs .col444:hover .mask {	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";	filter: alpha(opacity=100);	opacity: 1;}

/*detail a*/
p.detail { margin-top:5px;}
.detail a,a.detail {color:#b3b3b3; font-size:12px; text-align:left; font-weight:normal; text-transform:none; display:block;  }
.detail a:hover,a.detail:hover {color:#a0ba35; text-decoration:none;}
.detail a em, a.detail em {font-style:normal;}

/*note*/
.note {margin:0 auto; padding:0; clear:both;}
.note p { font-size:24px; color:#333333; font-weight:bold; text-align:center; line-height:1.5em; }/**/
.note p span { display:block; margin-top:0px; font-size:14px; color:#a1a0a0; font-weight:normal; }


.note .pic {margin-right:0;}
.note.small {width:600px; margin:0 auto; padding:0;}
.note.small p{width:530px;}

.sep_clear { clear:both; margin:20px auto; padding:0; width:100%; height:2px; }
.galtitle {float: left;}
.galtitle h3  {color:#4b4b4b !important; font-size: 16px!important;}
.content#gallery {margin-bottom: 20px;}



.mask {
    left:0px;
	top:0px;
	background: rgba(13, 13, 15, 0.8);
		-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	width:240px;
	height:150px;
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	z-index:999;
	position:absolute;
		
	padding:0px;
}
.mask span{
    display: block;
	color:#ffffff;
	font-size:14px;
	font-weight:normal;
	text-transform:none;
	margin:40px 0 0 0;
         text-align: center;
        
}
.mask p{
     display: inline-block;
	color:#fff;
	font-size:12px;
	padding-top:0px;
	line-height:20px;
        margin:0px 0 0 49px;
        text-align: center;
        border-bottom: 1px solid #fff;
}
a.info {
	display: block;
	text-decoration: none;
	background: url(../images/ico_link.png) no-repeat;
	position:absolute;
        
	bottom:41px;
	left:53%!important;
	width:19px!important;
	height:16px!important;
	opacity:0.8;
	overflow:hidden;
}
a.info:hover{
	opacity:1;
}
a.link {
	display: block;
	text-decoration: none;
	background: url(../images/ico_full.png) no-repeat;
	position:absolute;
	bottom:41px;
	left:41%!important;
	width:41px!important;
	height:41px!important;
	opacity:0.8;
}
a.link:hover{
	opacity:1;
}
.col44:hover{
	cursor:pointer;
}
.col44:hover .mask {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/*detail a*/
p.detail { margin-top:5px;}
.detail a,a.detail {color:#b3b3b3; font-size:12px; text-align:left; font-weight:normal; text-transform:none; display:block;  }
.detail a:hover,a.detail:hover {color:#a0ba35; text-decoration:none;}
.detail a em, a.detail em {font-style:normal;}

/*note*/
.note {margin:0 auto; padding:0; clear:both;}
.note p { font-size:24px; color:#333333; font-weight:bold; text-align:center; line-height:1.5em; }/**/
.note p span { display:block; margin-top:0px; font-size:14px; color:#a1a0a0; font-weight:normal; }


.note .pic {margin-right:0;}
.note.small {width:600px; margin:0 auto; padding:0;}
.note.small p{width:530px;}

.sep_clear { clear:both; margin:20px auto; padding:0; width:100%; height:2px; }
.galtitle {float: left;}
.galtitle h3 span {color:#4b4b4b !important;}
.content#gallery {margin-bottom: 20px;}

.tscrollerdiv {width: 980px}
.tscrollerdiv p {font-size: 14px; color:#9c9c9c; text-align: center;}
.tscrollerdiv h3 {font-size: 14px !important; font-weight: bold!important; color: #4b4b4b !important;text-align: center!important;}

 span.listspan {margin-left: 10px;}
 .ul_list a {color:#c7c7c7!important;}
 .content_page {border-bottom: 1px solid #e0e0e0;}
 
 
 .infobox {color: #444444; width: 25%; margin-top:30px; height: 150px; background: #fff url(../images/h_1.png) top left no-repeat; float: left;}
 .infobox h4 {font-size: 16px; font-weight: normal; display: inline-block; margin-left: 80px; margin-bottom: 0;}
 .infobox h4 a {color: inherit!important;}
 .infobox h4 a:hover {color: inherit!important;}
 .infobox p {margin: 20px 0 0 20px;}
 .infobox:hover {color: #fff;width: 25%; margin-top:30px; height: 150px; background: #ff603f url(../images/h_1a.png) top left no-repeat;}        
 
/* special */
.#slide { width: 100% !important; }
.right { float: right; }
.container #coment img { width: auto; }
.container #coment2 img { width: auto; }
.container #coment3 img { width: auto; }
.two { display: none; }
.content_resize.adder .col2.last { float: right; }
.change img { width: 100%; height: auto; }
.change h1 { padding-bottom: 25px; }
.change.some h1 span { display: inline; color: #fff;}
.change.some h3 { color: #fff!important; }
.change.some h2 { margin-top: 3px!important; text-align: center!important; font-size: 20px!important; line-height: 30px!important; font-weight: bold!important; color: #fff!important; }
.change.some .col2 { width: auto; float: none; }
.change.some .col3 { width: auto; float: none; }
.change.some .col4 { width: auto; float: none; }
.change.some .header_row_2 h2 { color: #474747!important; }
.change.some  h1.left { text-align: left!important; }
.product img { width: 100%; height: auto; }
.code { padding: 0 12px; width: auto; }
.code h1 { padding: 20px 0 10px 20px; text-align: left; font-size: 24px; color: #fff!important; font-weight: bold; }
.code h3 { font-weight: bold!important; }
.code img { width: 100%; height: auto; }

.content_page.full .pic img { width: 100%; }

.cols4.wee .col4 { margin-right: 32px; width: 31%; }
.cols4.wee .col4.last { margin: 0px; }
.cols4.wee h2 { padding-bottom: 30px; border-bottom: 1px solid #E5E5E5; }
.gap3 { padding-top: 60px; width: auto; float: left; }
.maps_view { width: 99%; height:350px; float:left; position:relative;padding: 3px; background: #F4F4F4; border: 1px solid white; margin-bottom: 15px; }

.col2 .img_hover_box.pic a img { height: 100%; width: 100%; }
.col3 .img_hover_box.pic a img { height: 100%; width: 100%; }
.col3 .pic a img { width: 100% }
.col4p .img_hover_box.pic a img { height: 100%; }
.content_page.none { border: none; }
.cols3.gaap { padding-bottom: 40px; }

.slider_body { width: 100%!important; }
.pr { width: 100%!important; }
.slider_body img { width: 100%; }
.sidebar.last .sidebar_text img { width: 100%; }
.sidebar.last img { width: auto; }
.content_resize.addd { padding-top: 25px; }
.p404 { padding-top: 20px; }
.change.gap8 { padding-top: 25px; }
.code.gap8 { padding-top: 25px; }
.product.gap8 { padding-top: 25px; }
.newer.gap8 { padding-top: 25px; }
.col22 img {  width: 100%; }

.now_page.ent { padding-top: 35px; margin-top: 0px; border-top: 1px solid #E0E0E0; }

.viewport .col4 { margin-right: 4px; width: 220px; }
.modem { width: 100%; overflow: hidden; border-bottom: 1px solid #ededed; }
.content_page { padding-bottom: 20px; overflow: hidden; }
.header.adder { padding-top: 10px; height: 50px; border: none; background: #262626; }
.header_resize.sen { padding-top: 20px; color: #ffff;  background: #262626; }
.search label { margin-right: 0px !important; }
.black { border: none!important; }
.jqTransformInputWrapper { background: none!important; width: auto!important; }
.jqTransformInputInner div { margin: 0px!important; }
.jqTransformInputInner { background: none!important; }
.content_page.get { padding-top: 20px; }
.rightside { min-height: 700px!important; }

.col2 a { font-size: 8px!important; }
.centercol .pic img { width: 100%; }
#coment img { width: auto; }
#coment2 img { width: auto; }
#coment3 img { width: auto; }
.sidebar.last.ad { float: left; }
.centercol.in { float: right; }
.pricing_six .pricing_column, .pricing_six .pricing_column_first { width: 15.5%!important; }
#webstore { font-size: 17px!important; min-width: 493px!important; } 
.content_page.full img { width: 100%; }
#gallery { padding-bottom: 20px; }
