@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%; font:normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif; color:#717171; }
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; }
#slider-wrapper object { width: 100%; } 
.menu .tinynav { display: none; }

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

/*MAIN BACKGROUNDS*/
.body_pattern { background:#fff url(../images/bg_12.png) repeat top left;}

.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:#47bbe1; font-weight:normal; text-decoration:none; }
p { margin:0; padding:0 0 10px; }

h1 { margin:0; padding:00px 0 0 0px; font-weight:normal; font-size:36px; line-height:1em; color:#515151; text-transform:uppercase; text-align:left; }
h1 a { color:#3e4346; text-decoration:none; }
h1 span { color:#3e4346; }
h1 a:hover { text-decoration:none; }
/*post_titles*/
h2 { width:auto; margin:0 0 15px 0; padding:0; font-size:18px; font-weight:normal; color:#515151; text-align:left; text-transform:uppercase; }
h2 span { color:#515151; }
h2 a { color:#515151;  }
/*images titles etc,...*/
h3 { margin:0 0; font-size:14px; font-weight:normal; color:#515151; text-transform:none; line-height:22px; padding:5px 0 10px; }
h3 span { color:#989898; text-decoration:none; font-weight:normal; font-style:normal; margin:0; padding:0; font-size:11px; display:block; }
h3 a { color:#515151; text-decoration:none; }
h3 a:hover { text-decoration:none; color:#515151; }
h3 span a:hover { text-decoration:none; color:#515151; }
/* header */
.header { margin:0 auto; padding:0 0 0px 0; width:100%; background:url(../images/header_bg.png) repeat-x top left; height:90px;  }
.header_resize { margin:0 auto; padding:00px 0px 0px; height:100px; }
.header_text {float:right; text-align:right; font-size:14px;}
.header_text img {float:right; border:1px solid #fff;}

.logo { margin:0 auto; padding:0 ; font-size:60px;  line-height:1.2em; float:left; }

.logo div { margin:0 auto; padding:0; font-weight:normal;text-align:left; text-transform:none;height:62px;  }
.logo div a,
.logo div span,
.logo div a:hover { color:#fff; text-decoration:none; font-weight:normal;  }
.logo p { padding:0 0 1px 3px; margin:0; font-size:11px; line-height:1.4em; color:#fff; display:block; text-transform:uppercase;text-align:left;}



/*now_page*/
.now_page { margin:0 auto; padding:40px 0 40px; width:100%; border-bottom:1px solid #e7e7e7; background:#fff;}
.now_page_resize { margin:0 auto;  text-align:left; padding: 0 80px;  }
.now_page_resize h2 {  text-align:center; margin-bottom:0; }

.index_page .now_page{ background:none;}
.index_page .now_page_resize { }

.index_content { background:#fff url(../images/slider_bg.png) no-repeat top center;  width:100%; margin:0 auto; padding:30px 0 15px; border-bottom:1px solid #e7e7e7;}
.index_content_resize {  margin:0 auto; }

/*.h2_with_ico img {float:left; margin:0 12px 0 0;}
.h2_with_ico h2 { padding-top:3px;}*/

h2.h2_act_href { clear:both; width:100%; text-align:center; display:block; margin-top:70px;}
h2.h2_act_href a span,h2.h2_act_href a{ color:#515151; text-decoration:none; font-weight:normal;}
h2.h2_act_href a:hover span,h2.h2_act_href a:hover{color:#47bbe1; text-decoration:none;}

h2.h2_act_href a.ico_1{padding:70px 0 5px 0px;background:url(../images/ico-01.png) no-repeat center top;}
h2.h2_act_href a.ico_1:hover{background:url(../images/ico_a-01.png) no-repeat center top;}
h2.h2_act_href a.ico_2{padding:70px 0 5px 0px;background:url(../images/ico-02.png) no-repeat center top;}
h2.h2_act_href a.ico_2:hover{background:url(../images/ico_a-02.png) no-repeat center top;}
h2.h2_act_href a.ico_3{padding:70px 0 5px 0px;background:url(../images/ico-03.png) no-repeat center top;}
h2.h2_act_href a.ico_3:hover{background:url(../images/ico_a-03.png) no-repeat center top;}
h2.h2_act_href a.ico_4{padding:70px 0 5px 0px;background:url(../images/ico-04.png) no-repeat center top;}
h2.h2_act_href a.ico_4:hover{background:url(../images/ico_a-04.png) no-repeat center top;}

.note {width:810px; margin:0 auto; padding:0;}
.note p {width:580px; color:#999999; font-size:14px; padding:0 0 0 30px; background:url(../images/quote.png) no-repeat left top;}

/* social */
.social { font-weight:normal; font-style:normal; margin:0px 0 0; padding:10px 0 0; }
.social_text { padding:14px 6px 0px 0px; color:#393e41; font-size:14px; display:block; text-align:left; }
.social_text span { color:#767676; font-size:12px; display:block; }
.social1 { background:url(../images/social-01.png); }
.social2 { background:url(../images/social-02.png); }
.social3 { background:url(../images/social-03.png); }
.social4 { background:url(../images/social-04.png); }
.social5 { background:url(../images/social-05.png); }
.social1:hover { background:url(../images/social_a-01.png); }
.social2:hover { background:url(../images/social_a-02.png); }
.social3:hover { background:url(../images/social_a-03.png); }
.social4:hover { background:url(../images/social_a-04.png); }
.social5:hover { background:url(../images/social_a-05.png); }

.p404 h2{ font-size:50px; color:#47bbe1;  text-align:center; margin:40px auto 0; line-height:1.2em; }
.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 */

#slider-wrapper object { width: 100%; }
#now_slider { padding:0; margin:00px auto 0px; padding-bottom:20px; }
#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;}
/* content */
.content { margin:0 auto 30px; padding:0px; width:100%;}
.content_resize { margin:0 auto; padding:0 0 20px; position:relative; }

.h2_href_fr a {color:#999999;}

.img_hover_box.pic a { display: block; position: relative; }
.img_hover_box.pic a img { margin:0; max-width: 100%;}
.img_hover_box.pic a img.h { position: absolute; top: 0; left: 0; visibility:hidden; background:none; border:none; max-width: 100%; }
.img_hover_box.pic a:hover img.h { visibility:visible; }

.backgr { background:#0b0b0b;}
.backgr:hover {background:#47bbe1;}
.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 { margin:0 16px 0 0;  padding:0; }
.col4.last { float:right; margin-right:0; }
.cols4 .img_hover_box.pic a { width: 100%; height: 210px; }

/*3cols*/
.cols3 { margin:0px auto 0; width:100%; padding:0; text-align:left; }
.col3 { margin:0 10px 0 0; padding:0; }
.col3 p { margin:0; padding:0; }
.col3.last { float:right; margin-right:0; }
.cols3 .img_hover_box.pic a { width: 100%; height: 210px; }


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

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

.cols1 .backgr { width: 100%; height:250px; border-bottom:none;}
.cols1 .backgr h3{padding:20px; width:268px; float:right;}
.cols1 .backgr p{padding:0 20px; width:268px; float:right;}

.content_box { padding:00px 0 0; /*margin:0 auto 20px; border:1px solid #FFF; background:#fafafa;*/ }
.content_box.no_padding { padding:0; }

.content_full_size { width:100%; }
/*centercol*/
.centercol { }
.centercol.last {}
/*sidebar*/
.sidebar { float:left;  }
.sidebar.last { float:right; }
.sidebar h2 { margin-top:0; padding-top:0;  }
.sidebar_flickr,
.sidebar_text,
.sidebar_twit,
.sidebar_recent { margin:0px 0px 25px 0px;  padding-bottom:0px; }
.flickr img { margin:2px 4px 0 0; padding:2px; background:#161616; border:1px solid #3a3a3a; }
.flickr a:hover img { border:1px solid #000; }
.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; font-size:12px; text-decoration:none; color:#767676;text-decoration:none; }
.sidebar_recent span { display:block; color:#a4a4a4; font-style:italic; font-size:11px;  }

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



/*columns*/
.columns { margin:00px auto 30px; 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 .pic { margin:0 0 20px; }
.post_detail { font-size:11px; color:#a4a4a4; font-style:normal; padding:0; font-size:11px; font-weight:normal; margin:0 0 5px 0; }
.post_detail a { font-size:11px; color:#a4a4a4; font-weight:bold; 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:#47bbe1; 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; }



/*img_hover_box_r_plus*/
.img_hover_box.pic a img.r_plus_overlay { position: absolute; top: 0; left: 0; visibility:hidden;  border:none; width:226px; height:100%; padding-top:0; padding-bottom:0; }
.img_hover_box.pic a:hover img.r_plus_overlay { visibility:visible; background:url(../images/overlay_ligth.png) repeat;}
.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; }

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

/*4cols_gallery*/
.col44 { width:224px; float:left; padding:0; margin-right:10px; position:relative; top:0px; margin-top:50px; 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;}

/*detail a*/
.detail a,a.detail {color:#fff; display:block; width:50px; margin:10px 0 0px;  font-size:14px; text-align:center; padding:5px 10px; background:#404040; border-bottom:3px solid #47bbe1;}

.post_detail a.read_more:hover { color:#47bbe1; 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:#47bbe1; 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 { margin:0; padding:5px 0; }
#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: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: 60%; 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 60px; border:0; color:#FFF; float:left; }



/* prefooter */
.prefooter { width:100%; margin:0 auto; background:url(../images/pre_footer_overlay.png) repeat top left; border-top:4px solid #50c3e8; }
.prefooter_resize { margin:0 auto 30px; padding:30px 0px 0px; }
.prefooter p { color:#838383; }
.prefooter h2 span { color:#f2f2f2; }
.prefooter .fcol { margin:0 65px 0 0; float:left; padding:0; }
.prefooter .fcol.twit p { padding:0 0 20px 30px ; background:url(../images/prefooter_twitter_li.png) no-repeat top left; }
.prefooter .fcol.pop_posts p { padding:0 0 20px 30px ;}
.prefooter .fcol.twit a,
.prefooter .fcol.pop_posts a { color:#4e4e4e; font-style:normal; }
.prefooter .fcol.pop_posts img { float:left; margin:5px 20px 0 0; }
.prefooter .fcol.last { margin-right:0; float:right; }

.prefooter .logo {float:none; }



/* footer */
.footer { width:100%; margin:0 auto; }
.footer_resize { margin:0 auto; padding:30px 0px 30px; border-top:1px solid #484848;}
.footer a { color:#838383; }
.footer p { text-align:left; color:#838383; }

/*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:78%; }
#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:75%; }
#coment3 .podpis a { margin-left:10px; }
#coment3 .lin { border-top:1px solid #c8c8c8; margin-top:20px; }


.pic img { margin-bottom:0px; max-width: 100%;  padding:2px; background:#fff; border:1px solid #d9d9d9; height:auto; }
.pic a {margin-bottom:15px;}
.pic.fl { margin:5px 20px 10px 0; }
.pic.fr { margin:5px 0 20px 10px; }

.btn { margin:2px 0 0; width:143px; height:32px; padding:10px 0 0 0; background:url(../images/btn.png) no-repeat top center;  text-align:center; }
.btn a { font-size:14px; color:#3a3f42; text-transform:uppercase;}


/* search */
.search { margin:0px 0 0 0; float:right; padding:00px 0 0 0; width:220px; height:32px; }
.search form { margin:0; padding:0; width:auto; }
.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:9px 10px 6px; float:left; width:159px; height:22px; font-size:11px; line-height:16px; color:#a1a1a1; background:none; border:none; }
.search input.button_search { margin:0; padding:0; border:none; float:left; }

/*right_sidebar*/
.right_sidebar .logo {float:right;}
.right_sidebar .header_resize {float:left;}
.right_sidebar .header_text {text-align:left;}
.right_sidebar .prefooter_resize {margin:0 280px 0 0;}
.right_sidebar .footer_resize {margin:0 280px 0 0;}


/*fullwidth_no_sidebar*/
.fullwidth_no_sidebar .prefooter_resize {margin:0; width:980px;}
.fullwidth_no_sidebar .footer_resize {margin:0; width:980px;}
.fullwidth_no_sidebar .prefooter .fcol { width:355px;}
.fullwidth_no_sidebar .prefooter .fcol.last { width:225px; }
.cameraslider { width: 100%; } 



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


/* */
.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; width: auto !important; float: none !important;  }
div.dc_pricingtable03 h1 span { display: inline !important; }

h1.gap1 {
    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;}
	}