@charset "utf-8";
* { outline:none; }
ol, ul, li { list-style:none; }
body { width:100%; padding:0; margin:0; font:normal 12px/2em; color:#7e7e7e; height:100%; font-family: "Liberation sans", Arial, Helvetica, sans-serif; font-size:11px;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0; }
.clr_m { clear:both; padding:0; margin:0 0 30px 0; width:100%; font-size:0; line-height:0; }
hr { margin-top:30px; margin-bottom:60px;}

/*headers*/
h1 { font-size: 24px;  font-weight:bold;  color:#1b1b1b; text-transform:none;}
h2 { font-size: 18px;  font-weight:bold;  color:#1b1b1b; text-align:left; text-transform:uppercase; width:auto; margin-bottom:25px; border-bottom: 2px dotted #d5d5d5; padding-bottom:25px;}
h3 { font-size: 16px; font-family: "Liberation sans", Arial, Helvetica, sans-serif; font-weight:bold;  color:#1b1b1b; margin-bottom:30px; text-transform:uppercase;}


/*text & links*/
a { text-decoration:none; color:#addf34; }
p { }

p.now { font-style:italic; margin-top:-10px; }

p.btn { color:#fff; background:url(../images/btn.png) top left no-repeat; padding:2px 10px;}
p.details { margin-top:-30px;}

/* IMG  */
a.pic { display: block; position: relative; padding:0; margin:0;}
a.pic img { float: left;}
a.pic img.h { position: absolute; padding:0; top: 0px; left: 0px; visibility:hidden; }
a.pic:hover img.h { center no-repeat; visibility:visible; }

/*Main*/
.body_pattern { margin:0; padding:0; background:url(../images/bg_71.png) repeat top left;}
.header { background:url(../images/header2.png) repeat-x top left; width:100%; margin-bottom:115px; float:left; }
.sidebar { margin-right:0px; }
.resize { margin-top:-100px;  }
.content { background:#fff; padding:0px 25px; border:1px solid #d5d5d5;}
.side { float:left; width:100%; margin-top:-20px;}
.side2 { position:relative; left:25px; float:left; width:100%; margin-top:-20px;}
.abc .centercol{ }
.abcd .centercol{}
/*Logo*/
.logo { background:url(../images/logoeffect.png) no-repeat 0px 0px; font-size:36px;   font-weight:bold; float:left; width:60%; }
.logo a span { color:#fff; text-shadow: black 1px 1px 2px; margin-left:30px; text-transform:uppercase; float:left; margin-top:45px;  }
.logo p { color:#addf34; font-family: "Liberation sans", Arial, Helvetica, sans-serif; font-size:10px; font-style:none; margin-left:30px; margin-top:5px; text-transform:uppercase; letter-spacing:0.1em;}

/* search */
.search {width:200px; height:25px; background: url(../images/search_bg.png) no-repeat left top; float:right; margin:45px 30px 12px 0px;}
.search_text {margin:0; padding:5px 10px; float:left; width:200px; font-size:12px; line-height:12px; color:#8b8b8b; background:none; outline:none; border:none;}
.search_button {float:right; margin:-25px 4px 0 0;}

/*Social*/
.social { width:220px; font-size:14px;  margin-top:-20px; padding:0; float:left; }
.social_text span { font-size:12px; display:block; }
.social1 { background:url(../images/f_1.png)no-repeat; }
.social2 { background:url(../images/f_2.png)no-repeat; }
.social3 { background:url(../images/f_3.png)no-repeat; }
.social4 { background:url(../images/f_4.png)no-repeat; }
.social1:hover { background:url(../images/f_1_1.png) no-repeat; }
.social2:hover { background:url(../images/f_2_1.png) no-repeat; }
.social3:hover { background:url(../images/f_3_1.png) no-repeat; }
.social4:hover { background:url(../images/f_4_1.png) no-repeat; }

/*now_page*/
.now_page { border-bottom: 2px dotted #d5d5d5; padding-bottom:25px; margin-bottom:25px;}

/*2cols*/
.2cols{ overflow:hidden;}
.col2 { float:left; margin-right:15px; width:100%;}
.col2.last { float:right; width:100%; margin-right:0px;}

/*3cols*/
.3cols { margin-top:25px; margin-bottom:0px; padding-bottom:0px;}
.3colss { border-bottom:2px dotted #d5d5d5;}
.col3 { margin-right:22px; float:left;  margin-bottom:25px; width:31%;} 
.col3.last { margin-right:0px; }

 
/*4cols*/
.4cols { margin-top:25px; margin-bottom:0px; padding-bottom:0px;}
.col4 { width:100%; margin-right:5px; float:left;  margin-bottom:25px;}
.col4.last { width:100%; margin-right:0px; float:right;}

/*footer*/
.footer { background:#addf34; padding:25px 0px 10px 0px; color:#1b1b1b; margin-top:25px; position:relative; top:25px;}
.footer2 { background:#addf34; padding:25px 25px 10px 25px; color:#1b1b1b; margin-top:300px; position:relative; top:25px;}

.twit {}
.twit img { float:left; position:relative; bottom:3px; margin-right:25px;}
.twit p { margin-top:2px;}
.twit p a { color:#1b1b1b; text-decoration:underline;}

.copy { float:right; }
.copy p a { color:#1b1b1b;}

/*what*/
.what { margin-top:40px; margin-bottom:40px;}
.picture { float:left;}
.txt { float:right;  margin-top:-20px;}
.txt a:hover { text-decoration:underline;}

/*about*/
.about { margin-top:40px; padding-bottom:100px;}

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

.text2 { margin-top:30px;}

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

/* gallery-categ */
.gallery-categ { margin:0; padding:0;}
.gallery-categ li { padding:0; float:left; border-right:1px solid #CCC;}
.gallery-categ li:last-child { border-right:0;}
.gallery-categ li a { font-weight:bold; display:block; padding:5px 10px;}
.gallery-categ li.active a { text-decoration:underline;}

.img_hover_box.pic a { display: block; position: relative; margin-bottom:15px; }
.img_hover_box.pic a img { margin:0;}
.img_hover_box.pic a img.h { position: absolute; top: 0; left: 0; visibility:hidden; background:none; border:none; }
.img_hover_box.pic a:hover img.h { visibility:visible; }


/*btn*/
.btn { margin:12px 0 0; padding:0px 0px 0;  text-align:center; }
.btn a { font-size:11px; color:#8f8f8f; text-transform:uppercase; height:33px;  padding:8px 12px ; background:#f7f7f7;  border:1px solid #ebebeb;  font-weight:bold; }
.btn a:hover {color:#fff; background:#addf34; border-color:#9cac50;}

.btn a span{color:#addf34; font-size:12px; font-weight:normal; }

.pic img {padding:0px; max-width:100%; height:auto; /*}
.pic a:hover img {background:#e1e1df;border:1px solid #e1e1df; /**/ } 
.pic img.h {background:none;}
.pic.fl { margin:5px 20px 10px 0; }
.pic.fr { margin:5px 0 20px 10px; }


.img_hover_box.pic a img.r_plus { position: absolute; top: 0; left: 0; visibility:hidden; background:none; border:none; }
.img_hover_box.pic a:hover img.r_plus { visibility:visible; }

/*4cols_gallery*/
.col44 { width:160px; float:left; padding:0; margin-right:10px; position:relative; top:0px; margin-top:0px; padding-bottom:40px;}
.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;}
			   
.tal { text-align:left; }
.tar { text-align:right; }
.tac { text-align:center;  }
.sliderwrap { padding-bottom: 30px; }
#slider-wrapper object {  width: 100%; }

.separator_clear { clear:both; margin:20px auto; padding:0; width:100%; height:2px; margin-top:-20px; }
.separator_clear.small { margin:10px auto; margin-top:-20px;}

.content_full_size { margin-left:10px;}
.slide { margin-top:-10px; margin-left:5px;}
.slide2 { margin-top:20px; margin-left:2px; margin-bottom:50px;}
.slide3 { margin-top:-10px; margin-left:5px; margin-bottom:50px;}
.slide4 { margin-top:20px; margin-left:2px; margin-bottom:-50px;}

.maps_view { width:100%; height:200px; float:left; position:relative;}


#gallery-imgs .col44.gallery-item.masonry-brick .pic.img_hover_box .prettyPhoto img{ width:158px; }
.resize .hide { display:none;}
.gap2 .col4 { width:23%; float:left; margin-right:10px;}
.menu .tinynav { display: none;}
.menu-top-menu { display: none; font-size: 14px; height:53px; margin-top:20px; }
.tinynav { width: 100%; height: 30px; padding: 2px 5px 2px 10px ; color: #000; font-size:20px; border:1px solid #999; }


.testimonials .text h3 { color:#fff !important;}
.one_third_pad img { max-width: 100%; height: auto; }
.one_half_pad img { max-width: 100%; height: auto; }
.two_third_pad img { max-width: 100%; height:auto; }
.dc_pricingtable03 li h2 { font-size:24px !important;}
.dc_pricingtable03 li h2 { font-size:24px !important;}
.dc_pricingtable03 li h2, .dc_pricingtable03 li h1, .dc_pricingtable03 li h1 span, .dc_pricingtable03 li h3 { color:#fff !important; float: none !important; bottom: 0px !important; background: none !important;}
.dc_pricingtable03 li h2.caption { color:#999 !important; font-size:28px !important;}
.dc_pricingtable06 ul li h3 { font-size:28px !important; color:#fff !important; line-height:180% !important;}
.dc_pricingtable05 ul li h3 { font-size:28px !important; line-height:250% !important;}
div.dc_pricingtable03 .align_center h2 { text-align: center !important; float: none !important; bottom: 0px !important; }
.recent_works.gap { width: auto !important; }

/* */
.oneForth { margin:20px auto; float: left; width: 25%; }
.oneForth img { max-width: 100%; height: auto; }
.oneThird { margin: auto; width: 23%; }
.one_fourth_pad img { max-width: 100%; height: auto; }
/* */
.center_small_box > div:after { clear: both; display: block; }
.center_small_box > div {  position: relative; }
/* img h2 */
h2 img { max-width: 100%; height: auto; }
#slider-wrapper object { width: 100%; }
div.dc_pricingtable03 h1 { font-size: 42px !important; float: none !important; bottom: 0px !important; }
div.dc_pricingtable03 h1 span { display: inline !important; line-height: 52px; }
.dc_pricingtable03 li h2, .dc_pricingtable03 li h1, .dc_pricingtable03 li h1 span, .dc_pricingtable03 li h3 { text-align: center; }

h1.gap90 {
    color: #555555 !important;
    font-size: 24px !important;
    font-weight: bold !important;
    padding: 20px 0 !important;
    text-align: left !important;
}
h2.gap85 { padding: 0px; margin: 0px; border: 0px; }

.photo:after { content:"" !important; }

.dc_pricingtable03 h2 { background: none !important; }
.dc_pricingtable03 h1 { background: none !important; }
.dc_pricingtable06 ul li h3 { text-align: center; }
.dc_pricingtable05 ul, .dc_pricingtable06 ul, .dc_pricingtable05 ul li,  .dc_pricingtable06 ul li { list-style: none !important; list-style-type: none !important;  } 
div.dc_pricingtable03 h1, div.dc_pricingtable03 h2, div.dc_pricingtable03 h3 { width: auto !important; }
h2.gap87 { text-align: left; }

@media only screen and (max-width: 767px) {
#webstore-navigation li { float:none !important; margin: 5px 0 0 0 !important;}
#catalogue .last-column > div { margin:5px 0 0 0 !important;}
#catalogue .product { float:none !important; width: auto !important;}
#webstore { min-width: auto !important;}
	}