@charset "UTF-8";
* { outline:none; }
ol, ul, li { list-style:none; }
body { width:100%; padding:0; margin:0; font:normal 1.1em/2em; color:#a2a2a2; height:100%; font-family: 'Meiryo', 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; }


h1 { font-size:36px; line-height:40; font-family: 'PT Sans', sans-serif; text-transform:uppercase; color:#1f1f1f; }
h1 span { color:#979797; font-size:14px;}
h2 { font-size:25px; text-transform:uppercase; color:#bf2e92; margin: 0 0 10px; padding: 0; line-height: 1.3;}
h3  { font-size:20px; text-transform:uppercase; color:#000; padding: 0; line-height: 1.3;
margin: 15px 0 10px;}
.maps_view { width: 100%; height:300px; float:left; position:relative; margin:0 20px 20px 0px;}
#gmap_contact { margin-right: 10px; }


a { text-decoration:none; color:#2b2b2b; }
a:hover { color:#bf2e92; }
.menu .tinynav { display: none; }
select.tinynav option:nth-child(3),select.tinynav option:nth-child(7){
    font-weight: bold;
}
.div.pp_pic_holder { z-index: 999999999; position: relative; }
p { font-size: 16px; line-height: 28px; color:#2b2b2b; padding:0 0 8px;
margin: 10px 0;}
.our.gap_2 h2 { padding-left: 10px; }
.our.gap_2 p { padding-left: 10px; }
.our.gap15 h2 { padding-left: 10px;  }
.our.gap15 img { max-width: 100%; height: auto; width: 97%; margin: 0px 0 0 10px; }
.our.gap15 p { padding-left: 10px; }
.our.gap16 h2 { padding-left: 10px;  }
.our.gap16 p { padding: 0px; }
.our.gap20 { padding:0 5px; }
.our.gap20 img { max-width: 100%; height:auto; margin: 0px 0 10px 0; }
.our.gap20 h2 { padding: 0px; font-size:1.3em;}
.our.gap21 { padding:0 0 0 10px; }
.our.gap21 img { max-width: 100%; height:auto; margin: 0px 0 20px 0; width: 98.6% }
.our.gap21 h2 { padding: 0px; }
.our.gap21 p { padding: 0px; margin-right: 15px; }
.our.gap21 h3 { text-align: left; padding: 0px; }
#gallery-imgs { margin-left: 25px !important; }

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 { visibility:visible; }
img{
	max-width: 100%;
}

.interface-wrap { margin:0; padding:0;}
.content { float: right; margin:0 auto; margin-top:20px;  margin-bottom:35px; background:#fff}
.leftbox { float: left; }

.logo { margin:0 auto;  padding:0 ;font-size:30px; line-height:1.2em;font-family: 'PT Sans', sans-serif; text-align: center;}
.logo div { margin:0 auto; padding:10px 21px 10px 21px; font-weight:normal;text-align:center; text-transform:uppercase;  }
.logo div a,
.logo div span,
.logo div a:hover { color:#ffffff; text-decoration:none; font-weight:normal; text-transform:uppercase; text-align:center; }
.logo p { padding:0 0 20px 0; margin-top:-30px; font-size:1.1em; line-height:1.4em; color:#fff; display:block; text-transform:none;text-align:center;}


.social { padding: 15px 21px 10px 21px; float:left; display:block; width: auto; height:auto; border-top:1px dashed #2a2a2a; }
.social1 { background:url(../images/f_1.png)no-repeat; padding-right:5px; padding-bottom:10px;  }
.social2 { background:url(../images/f_2.png)no-repeat; padding-right:5px; padding-bottom:10px; }
.social3 { background:url(../images/f_3.png)no-repeat; padding-right:5px; padding-bottom:10px;}
.social4 { background:url(../images/f_4.png)no-repeat; padding-right:5px; padding-bottom:10px;}
.social5 { background:url(../images/f_5.png)no-repeat; padding-right:5px; padding-bottom:10px;}
.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; }
.social5:hover { background:url(../images/f_5_1.png) no-repeat; }


.now_page {margin-top:0px; background:none}
.now_page h1 { text-align:center; padding:0px 0; margin: 0px; }
#slider-wrapper object { width: 100%; position: relative; z-index: 99999999; }
#slider-wrapper {  }

.our.gap a { display: block; }
.our.gap a img { max-width: 94%; height: auto;  }


.sub_page {  border-top: solid 1px #1b2951; border-bottom: solid 1px #1b2951;    background: #333260;}
.sub_page.gap { width: 100% !important; }
.sub_page h2 { text-align:center; padding:0px; font-size: 32px; margin: 20px 0; color: #fff;}
.col4.last.gap { margin-top: 0px; }
.col4.gap { margin-top: 0px; }
.our.gap9 h2 { padding-left: 10px; }
.our.gap7 img { margin: 0px; max-width: 100%; height: auto; }
.our.gap8 { padding-left: 10px; }
.our.gap8 h2 { padding-left: 0px; }
.our.gap8 img { max-width: 100%; width: 98.7%; height: auto; margin: 0px 0 10px 0; }
.our.gap8 h3 { padding: 0px; }
.our.gap8 p { padding: 0px 20px 0 0; }

.our { margin-top: 25px;} 
.our a.pic:hover h3 { color:#0b0b0b; margin-top:-10px;}


.col2 { margin-top:0px; float:left; margin-bottom:-50px;}
.col2.last { float: left;}
.col2.gap { margin-left: 32px; }
.col2.gap a.pic img{ max-width: 100%; height: auto; margin: 0px; }
.col2.gap h3 { padding-left: 0px; }
.sub_page.gap h1 { }
.our.gap2 { padding-left: 0px; }
.our.gap2 h2 { padding-left: 10px; }


.col3 { padding:0; margin-left:0px; position:relative;}
.col3 h3 { position:relative; font-size: 21px; line-height:1.3;}
.col3.last { margin:0; }
.col3 a.pic { display: block; position: relative; padding:0; margin:0;}
.col3 a.pic img { float: left; max-width: 100%; height: auto; margin: 0px;}
.col3 a.pic img.h { position: absolute; padding:0; top: 0px; left: 0px; visibility:hidden; }
.col3 a.pic:hover img.h {visibility:visible; }
.col3 a h3 { margin-top:10px;} 
.col3 a.pic:hover h3 { color:#0b0b0b;} 




.footer { background:#333260; }
.footer p { text-align:center; padding:15px 0 15px 0; color:#fff; margin: 0;}
.footer p a { color:#fff;}
.footer p a:hover { color: #fff; text-decoration:underline}

.footer404 { background:url(../images/footer.png) repeat-x bottom left; padding-top:20px; }
.footer404 p { text-align:center;}
.footer404 p a { color:#a2a2a2; }


.centercol { margin-top:-18px;}
.centercol h2 { padding:20px 0;}
.centercol h2.h2 { text-transform:none; margin-bottom:-15px;}
.centercol img { margin-bottom:20px; max-width: 100%; height: auto;}

.centercol_left { float:right; margin-top:-18px; }
.centercol_left h2 { padding:20px 0;}
.centercol_left h2.h2 { text-transform:none; margin-bottom:-15px;}
.centercol_left img { margin-bottom:20px;}

.quote { background:#f6f6f6;}
.quote img { position: relative; top:25px;}
.quote p { font-style:italic; padding:0px 10px 0px 51px; position:relative; bottom:35px; right:0px; color: #939393;}
.details { font-style:italic; font-size:smaller; color: #939393; margin-top:-8px; padding-bottom:-30px;}
.last { margin-bottom:60px;}

.side { float:right;}
.side h2 { margin-bottom:10px; margin-top:13px;}
.side_left { margin-left: 5px; float:left;}
.centercol_left.gap img { max-width: 100%; height: auto;  }
.side_left h2 { margin-bottom:10px; margin-top:13px;}
.recent_post { clear:both; padding:10px 0 0px 0;}
.recent_post p { margin-top:8px;}
.recent_post p span { font-style:italic;}
.side_left .recent_post p { margin-top:10px;}

.side img {float:left; margin:10px 5px 5px 0; padding:2px; background:#fff;  }
.side_left img {float:left; margin:13px 5px 5px 0; padding:2px; background:#fff;  }
.text h2 { padding:30px 0 15px 0;}


.p { font-size:smaller; margin-top:-20px;}


#contactform { margin:0; padding:5px 0; }
#contactform * { color:#8b8b8e; }
#contactform ol { margin:0; margin-left:10px; 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:9%; 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:52%; 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:62%; 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 13.4%; border:0; color:#FFF; float:left; }


#coment { overflow:hidden; margin:10px 0; }
#coment img { float:left; margin-right:20px; margin-left: 10px; }
#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; margin-left: 10px; }
#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; margin-left: 10px; }
#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; }

.text2 { padding-right:30px;}



.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 { 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:#ff4949; border-color:#9cac50;}

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

.pic img {padding:0px;}

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


.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-left:10px;}
.our.gap25 h2 { padding-left: 10px; }
.pagegap { padding: 0 10px; }


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



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

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

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


.dc_pricingtable03 h2 { background: none !important; }
.dc_pricingtable03 h1 { background: none !important; }
.dc_pricingtable05 ul, .dc_pricingtable06 ul, .dc_pricingtable05 ul li,  .dc_pricingtable06 ul li { list-style: none !important; list-style-type: none !important;  } 
.cata_title{
	font-weight: bold;
}
.link_in{
	background: #ece9d6;
	padding: 10px;
}
.link_in h2{
	margin: 0;
	padding: 0;
}
.clearfix {
    zoom: 1;
}

.clearfix:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}
.content_cata > div{
	float: left;
	width: 48%;
}
.content_cata{
	padding: 10px;
	border: 1px solid #ccc;
}
.content_cata .box_msg{
	float: right;
}
.content_06{
    padding: 10px;
    border: 1px solid #ccc;
	margin-top: 60px;
}
.our_key{
	margin-bottom: 20px;
}
.content_link, #c2{
    margin-top: 60px;
}
.cont1{
    margin-top: 40px;
}


@media only screen and (max-width: 767px) {
    .content_cata > div {
    float: none;
    width: 100%;
}
    .content_cata .box_img {
    margin-bottom: 15px;
}
#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;}
	}