@charset "utf-8";

/* CSS Document */



@charset "utf-8";

* { outline:none; }

ol, ul, li { list-style:none; }

body { width:100%; padding:0; margin:0; font:normal 12px/2em; color:#969696; height:100%;  font-family: "Liberation sans", Arial, Helvetica, sans-serif; 

}

.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; }

br { margin-top:-10px; margin-bottom:-10px; }



/*headers*/

h1 { font-size:36px; color:#fff; text-transform:uppercase; font-family: 'Ubuntu Condensed', sans-serif; line-height:36px; }

h2 { font-size:24px; color:#fff; text-transform:uppercase; font-family: 'Ubuntu Condensed', sans-serif;}

h3 { font-size:14px; color:#656565; text-transform:uppercase; font-family: 'Ubuntu Condensed', sans-serif; }

h4 { font-size:28px; color:#fff; text-transform:uppercase; font-family: 'Ubuntu Condensed', sans-serif;}

.maps_view { height:300px; position:relative;}

/*text & links*/

a { text-decoration:none; color:#efb000;}

p { }

.menu .tinynav { display: none; }

.wrapslider { padding: 0 10px; display: block; }

.wrapslider.gap85 { padding-bottom: 30px; padding-top: 20px; }

#slider-wrapper object { width: 100%; }



/* IMG  */

a.pic { display: block; position: relative; padding:0; margin:0;}

a.pic img { float: left; max-width: 100%; height: auto; }

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 Backgrounds*/

.body_pattern { margin:0; padding:0; background:url(../images/bg_21.png) repeat top left !important; margin-top:-20px; padding-bottom:40px;}

.body_resize { height: auto; margin:0 auto; display:block;}

.header { display:block; background:url(../images/header3.png) no-repeat top left; margin-top:20px; margin-bottom:0px; width: 100%; position:relative; top:10px; z-index:1000002; padding-bottom: 20px;}

.content { background:#fff; position:relative; bottom:20px;}

.content.gap85 { padding: 0 10px; }

.content2 { background:#fff; position:relative; bottom:0px;}

.content3 { background:#fff; position:relative; margin:20px;}


/*font-family: 'Ubuntu Condensed', sans-serif;*/



/*subpage*/

.sub { padding:30px; margin-top:5px; margin-bottom:50px;}

.h2 { color:#656565; border-bottom:2px solid #efb000; padding-bottom:20px; padding-top:10px; }



/*Logo*/

.logo { font-size:40px;  position:relative; bottom:55px; left:20px;  font-style: inherit; padding-bottom:30px; text-transform:uppercase;}

.logo a { text-decoration:none;  color:#fff;  margin-left:45px; position:relative; top:95px;  }

.logo p { color:#000; position:relative; top:90px; padding-left: 50px;  font-size:11px;}



/*Social*/

/*Social*/

.social { margin-top: 6px; margin-right:0px; padding:0; float: left; border-left: 1px solid #fff; line-height:24px; display:block; width:auto; height:24px; padding-left:10px; }

.social1 { background:url(../images/f_1.png)no-repeat; padding-right:10px; padding-bottom:24px; }

.social2 { background:url(../images/f_2.png)no-repeat; padding-right:10px; padding-bottom:24px; }

.social3 { background:url(../images/f_3.png)no-repeat; padding-right:10px; padding-bottom:24px;}

.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; }

.social a { text-indent:-99999px; }



/*some*/

.some { margin-top:-40px;}

.some h2 { background:#efb000; padding:15px 15px 15px 30px;}



/*centercol*/

.centercol { padding-left:10px; margin-top: 0px; float:left; background:#fff; }

.norm {  float:right; position:relative; background:#fff;  margin-top:0px; padding-left:20px; padding-right:20px; padding-bottom:20px; }



.centercol_left { margin-top:0px; float:left; position:relative; left:300px; }

.norm_left { width:220px; float:right; position:relative; right:650px;  margin-top:0px;  }



/*side*/

.sidebar { }

.side { float:right; background:#f5f5f5; width:auto; padding:20px 0 20px 20px; margin-top:0; margin-right:30px;}

.side_a { float:right; background:#f5f5f5;  padding:20px 0 20px 20px; margin-top:30px; margin-right:0px;}

.side3 { float:right; background:#f5f5f5; ; padding:20px 0 20px 20px; margin-top:30px; margin-right:0px;}

.side2 {float:right;  padding:20px 0 20px 20px; margin-top:0px; margin-right:30px;}

.side4 {float:right;  padding:20px 0 20px 20px; margin-top:0px; margin-right:0px;}

.side5 {float:right;  padding:20px 0 20px 20px; margin-top:0px; margin-right:0px;}

.side2 p { text-transform:uppercase; font-size: 11px; }

.side4 p { text-transform:uppercase; font-size: 11px; }

.side5 p { text-transform:uppercase; font-size: 11px; }



/*2cols*/

.2cols { width: auto;}

.col2 { margin-top:30px; margin-right: 20px; float:left; width:45%;  }

.col2 img {border:2px solid #f5f5f5; max-width: 100%; }

.col2.last { float:right; width: 100%; margin-right:30px; margin-top:0px;}

.col2.last h1 { color:#000;}



.2cols_2 { }

.col2_2 { margin-top:30px; }

.col2_2 img {border:2px solid #f5f5f5; width: 100%;}

.col2_2 h1 { color:#656565;}

.col2_2.last { float:right; margin-right:0px; width:260px; margin-top:30px;}

.cols2 { padding:0 10px; }

.cols2 h1 { color:#000; }

	

/*3 cols*/

.3cols { }

.col3 { margin-top:30px; margin-left:30px; }

.col3 img {border:2px solid #f5f5f5;}

.col3 h1 { color:#656565;}

.col3.last { margin-right:30px; margin-top:30px;}

/*3 cols*/

.3cols_2 { }

.col3_2 { margin-top:30px; margin-left:30px; }

.col3_2 img {border:2px solid #f5f5f5;}

.col3_2 h3 { color:#656565;}

.col3_2.last { margin-right:30px; margin-top:30px;}


/*4 cols*/

.gap { margin-left: 20px; }

.gap1 { margin-left: 20px; }

.col4 { padding:0; margin-right:0px; position:relative; top:40px; padding-bottom:40px;}

.col4 h3 { position:relative; bottom:0px; margin-bottom:0px;}

.col4 a img { margin-top:0px; width: 100%; height: auto; }

.col4.last { float:right; margin:0; margin-right:0px;}



.col4_2 { padding:0; margin-right:0px; position:relative; padding-bottom:0px; margin-top: 0px;}

.col4_2 h3 { position:relative; bottom:0px; margin-bottom:0px;}

.footer .imggap a img { max-width: 100%; width: auto; }

.col4_2 a img { margin-top:0px; width: 100%; height: auto; }

.col4_2.last { float:right; margin:0; margin-right:0px; margin-top:-40px;}

.details { font-size:smaller; font-style:italic;}

.col2body { margin:20px }
.leftcol { float : left; width : 30%; }
.rightcol { float : right; width : 60%; }
.spacer { clear : both; }



.post { padding:20px;}

a .post { color:#969696; border-right:1px solid #ececec; border-left:1px solid #ececec;}

a:hover .post, a:hover .post h3  { background:#efb000; color:#fff; border:none;}



/*now page*/

.now_page { text-align:center;border-top:1px solid #ececec; margin-top:32px; padding-bottom:-40px;}

.now_page h2 { color:#595959; padding-bottom:-15px; }

.now_page p { margin-top: -20px;}



.now_page2 { text-align:center; border-top:1px solid #ececec; border-bottom:1px solid #ececec; margin-top:0px; padding-bottom:-40px; margin-bottom:20px;}

.now_page2 h2 { color:#595959; padding-bottom:-15px; }

.now_page2 p { margin-top: -20px;}



/*footer*/

.footer { background:#efb000; position:relative; bottom:36px; color:#fff; margin-top: 30px; }

.footer h3 { font-size:larger; color:#fff;}

.zlo { position:relative; bottom:36px; width: 100%;}



.block_pict { margin-top:20px; }

.block_pict a { text-decoration:none; }

.block_pict img {  margin-right:3px; padding-top:5px; }



.recent_post { clear:both; padding:5px 0 0 0px; margin-top:10px;}

.recent_post img {float:left; margin:0px 5px 5px 0; padding:2px;   }

.recent_post p { margin-top:0px;}



.copyright { position:relative; float:right; font-size:smaller; bottom:35px;}

.copyright a { color:#969696;}



/*form Contact_us*/

#contactform { margin:0; padding:5px 0; margin-bottom:30px; }

#contactform * { color:#8b8b8e; }

#contactform ol { margin:0; margin-left:20px; 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:60px; 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: 50%; border:1px solid #d3d3d3; margin:5px 0 5px 30px; padding:5px 2px; height:16px; background:#ffffff; float:left; font-size:12px; color:#8b8b8e; }

#contactform textarea { width: 60%; border:1px solid #d3d3d3; margin:4px 0 4px 30px; 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 90px; border:0; color:#FFF; float:left; }



/*coments*/

#coment { overflow:hidden; margin:10px 0; }

#coment img { float:left; margin-right:20px; }

#coment h3 { margin:0; padding:0; }

#coment .podpis { float:left; margin:5px 0; width:75%; }

#coment .podpis a { margin-left:10px; }

#coment2 { overflow:hidden; margin:10px 0 00px 50px;  padding-bottom:0px; }

#coment2 img { float:left; margin-right:20px; }

#coment2 h3 { margin:0; padding:0; }

#coment2 .podpis { float:left; margin:5px 0; width:70%; }

#coment2 .podpis a { margin-left:10px; }

#coment3 { overflow:hidden; margin:10px 0 0 100px;  padding-top:0px; }

#coment3 img { float:left; margin-right:20px; }

#coment3 h3 { margin:0; padding:0; }

#coment3 .podpis { float:left; margin:5px 0; width:65%; }

#coment3 .podpis a { margin-left:10px; }

#coment3 .lin { border-top:1px solid #c8c8c8; margin-top:20px; }



/* 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:#efb000; border-color:#9cac50;}



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



.pic img {padding:0px; background:#ffffff; /*}

.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:200px; 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;  }



.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: 0 5px 0 10px;}

.layout { padding:20px 0; }

.rss_glossy24, .facebook_glossy24, .twitter_glossy24 {

	display: inline-block;

    height: 24px;

    padding: 2px;

    text-decoration: none;

    text-indent: -999em;

    vertical-align: middle;

    width: 24px; }

	

.col2text { float: left; width: 50%; }

#slider-wrapper object { width: 100%; }

.col2 h1 { color: #656565; }

.gap3 { margin-bottom:0px; }

.gap4 { padding-left:0px; }

.gap5 { width: 90% !important; margin:20px 5%; float: none; }

.gap5 a img { width: 100%; border: none;}

.gap6 { width: 29%; float: left; margin-left: 20px; }







.one_third_pad img { max-width: 100%; height: auto; }

.one_half_pad img { max-width: 100%; height: auto; }

.one_third_pad h2 { font-size: 14px !important; line-height: 18px; }

.two_third_pad img { max-width: 100%; height:auto; }

.dc_pricingtable03 li h2 { font-size:24px !important; top: auto !important; }

.dc_pricingtable03 li h2, .dc_pricingtable03 li h1, .dc_pricingtable03 li h1 span, .dc_pricingtable03 li h3 { color:#fff !important; float: none !important; width: auto !important; background: none !important; top: auto !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; width: auto !important;  }

.dc_tile_portfolio_content h3 { text-align: left !important; }





/* */

.pricing_column_first.gap { width: 15.5% !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; top: auto !important; }

div.dc_pricingtable03 h1 span { display: inline !important; }



h1.gap90 {

    color: #555555 !important;

    font-size: 24px !important;

    font-weight: bold !important;

    padding: 20px 0 !important;

    text-align: left !important;

}





@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;}

	}