@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:auto;}
body,input,textarea {font:normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif; color:#a1a0a0; }
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; }

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

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

.sep2 {clear:both; margin:40px auto; padding:0px 0 0px 0; width:100%; height:5px; background:url(../images/sep.png) repeat-x top left; /**/}

.main_content .cont.gap30 { background: none; }
.footer_resize.gap20 { display: none; }
	

.border_top {border-top:1px solid #ebebeb;}
.border_bottom {border-bottom:1px solid #ebebeb;}

/*MAIN BACKGROUNDS*/
.body_pattern { background: url(../img/bg.jpg) 100% 0 no-repeat; position:fixed;  top:0; left:0; width:100%; height:100%;/**/}
.body_pattern1 { background: url(../img/bg.jpg) no-repeat center center fixed;   -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}

.body_pattern_index { background: transparent; position:fixed;  top:0; left:0; width:100%; height:100%;/**/}

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

.main_menu {width:218px;  /**/ height:100%; float:left; position:relative; border-right:5px solid #42a8ce; background:url(../images/main_menu_bg.png) repeat top left;}
.main_menu_button {position:absolute; top:50px; right:-22px; height:38px; width:18px; background:url(../images/menu_button.png) no-repeat; z-index:99;}
.main_content { height:100%; position: absolute; top:0; right: 0px; float: right; }
.main_content_index { height:100%; top:0; right: 0px; float: left; width: 70%;}
.scroll-panel {	width: 100%; height: 100%;	overflow: auto; }
.title1{width:43%; margin-left:auto; margin-right:auto;}
.title1 img{margin-left:35px;}
h1 { margin:0; padding:0; font-weight:300; font-size:36px;  line-height:1.4em; color:#fff; text-transform:none; text-align:center;  }
h1 a { color:#fff; text-decoration:none; font-weight:bold; }
h1 span { color:#fff; font-size:14px; font-style:normal; font-weight:normal; line-height:1.4em;  text-transform:none;  display:block; margin-top:5px; padding:0; background:none; }
h1 a:hover { text-decoration:none; }
h1 em {color:#b52f04; font-style:normal;}

.index_page h1 {text-align:center;}

/*post_titles*/
h2 { width:auto; margin:0px 0 0px 0; padding:0 0 0 0; font-size:18px; line-height:1em; font-weight:300; color:#fff; text-align:left; text-transform:none; background:none;}
h2 a, h2 span,h2 a span { color:#f9f9f9; background:none; }

.h2_background {position:relative;border-bottom:none; padding:20px 0 30px;}
.h2_background h2 {/*background:url(../images/h2_bg.png) no-repeat left; padding:0 0 2px 28px; /**/ }
.h2_background h2 span{ }

.h2_arrows {/* background:#fff;/**/ padding: 0px 0 0px 15px; position:absolute; right:0px; top:20px; text-transform:none;}
.h2_arrows a { color:#c5c5c5; font-size:10px;padding:0 0px;}
.h2_arrows a:hover { color:#42a8ce;}
.h2_arrows a.arr_href img {margin-top:0px;}
.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;}
.h2_arrows a.arr_href img.arr_l, .h2_arrows a.arr_href img.arr_r {height:15px; width:15px;}


/*images titles etc,...*/
h3 {  font-size:14px; font-weight:300; color:#b8b8b8; text-transform:none; line-height:1.2em; padding:10px 0 10px;margin:10px 0 10px; }
h3 span { color:#a1a0a0; text-decoration:none; font-weight:normal; font-style:normal; margin:0; padding:0; font-size:11px; display:block; text-transform:none; padding:5px 0 0px; }
h3 a { color:#fff; text-decoration:none; font-weight:bold; }
h3 a:hover { text-decoration:none; color:#b52f04; }
h3 span a:hover { text-decoration:none; color:#b52f04;  }
h3 em { font-style:normal;}
h3 em.h3_second_color { font-style:normal;  }
h3 span em.h3_second_color { font-style:normal; color:#fff;  }


/* header */
.header { margin:0 auto 0px; padding:0 0 1px; width:100%; position:relative; background:url(../images/header_bird_bg.png) no-repeat top center; }
.header_resize { margin:0 auto 0px; padding:0 0 0px; width:960px; /*position:absolute; top:0; left:0;/**/   }
.header_text {float:right; padding:5px 0px 0 0; color:#a9a9a9; font-size:12px;}
.header_text span{color:#4a4a4a; font-size:18px;}
.header_top {height:86px; margin:0 auto; width:100%; padding:0 0px; background:url(../images/menu_bg.png) repeat-x top left;}
.header_bg { margin:0 auto; /*padding:30px; width:900px;/**/}

/* content */
.cont { padding: 0px; margin:20px 9% 30px 0; float: right; position:relative; background:#4f4f4f; width: 65%; }
.content { margin:0px; padding: 0px 0px 0px; width:100%; position:relative; }
.content_resize { margin:0px auto; width: auto; padding:20px 20px; position:relative;}

.content_resize.no_bg {padding-top:10px;}

/*HOME PAGE*/
.left_col { width: 18%; background:url(../images/left_bg.png) repeat top left; height:100%; float:left; position:relative; z-index:1000; }
.right_col { width:100%; margin-left:100px; height:100%; }

.footerok { padding: 50px 0 0 0; width: 100%;}
.ok { margin-left: 3%;}
.ok p br { display: none; }

.logo { margin:0; padding:50px 0 30px 0; font-size:36px;  line-height:1em;  width:100%; text-align: center; }
.logo div { text-transform:uppercase;   }
.logo div a,
.logo div span,
.logo div a:hover { color:#b52f04; text-decoration:none; font-weight:300;  text-align:center; }
.logo p { padding:2px; margin:0; font-size:11px; line-height:1em;  color:#8a8a8a; font-style:normal; text-transform:uppercase; display:block;}



/*now_page*/
.now_page { margin: 0px auto 00px; padding:0 0 0px; width: 100%; background:url(../images/left_bg.png) repeat top left; border-bottom:2px solid #b52f04;}
.now_page_resize { margin:0 auto; padding:30px 0px 30px; width: 100%; text-align:center; background:url(../images/sep.png) repeat-x bottom left;  }

/*.now_page_resize h1 {float:left;}/**/
.now_page p {float:left; width:630px; font-size:16px; color:#484848; text-align:left; line-height:1.5em;}
.now_page_btn { float:right; padding-top:15px; }
.now_page_btn a { background:url(../images/now_page_btn.png) no-repeat center center; padding:22px 48px 20px; width:175px; text-align:center;}
.now_page_btn a:hover { background:url(../images/now_page_btn_a.png) no-repeat center center;}
.now_page_btn a em,.now_page_btn a {color:#fff; font-size:14px; font-weight:normal; font-style:normal;}
.now_page_btn a:hover em ,.now_page_btn a:hover{  color:#484848;}

/*slider*/
#now_slider { margin:0px auto 0px;}
#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;}


/* social */
.social { margin:0px 0px 0px 20px; padding:0px 0 3px 0px; float:none;  }
.social_text { padding:3px 0px 10px 0px; color:#9e9d9d; font-size:12px;text-align:left;  font-weight:normal; font-style:normal; display:none;}
.social img {height:25px; width:25px; margin-right:0px;}
.social1 { background:url(../images/social/f1.png); }
.social2 { background:url(../images/social/f2.png); }
.social3 { background:url(../images/social/f3.png); }
.social4 { background:url(../images/social/f4.png); }
.social5 { background:url(../images/social/f5.png); }
.social6 { background:url(../images/social/f6.png); }
.social1:hover { background:url(../images/social/f1_a.png); }
.social2:hover { background:url(../images/social/f2_a.png); }
.social3:hover { background:url(../images/social/f3_a.png); }
.social4:hover { background:url(../images/social/f4_a.png); }
.social5:hover { background:url(../images/social/f5_a.png); }
.social6:hover { background:url(../images/social/f6_a.png); }

.p404 h2,.p404 h2 em.p404_h2_second_color{ font-size:50px; color:#42a8ce;  text-align:center; margin:40px auto 0; line-height:1.2em;  background:none; font-style:normal;}
.p404 h2 span,.p404 h2 span em.p404_h2_second_color{ font-size:36px;  color:#787878; 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; }

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





.backgr { background:#0b0b0b;}
.backgr:hover {background:#42a8ce;}
.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: 23%; margin: 0 16px 0 0; float:left; padding:0;  }
.col4.big { width:220px;}
.col4.last { margin-right:0; }
.cols4.bg {background:url(../images/cols4_bg.png) repeat-y top left; padding:10px 0;}


/*3cols*/
.cols3 { margin:0px auto 0px; width:100%; padding:0; text-align:left; }
.col3 { width: 31%; margin: 0 20px 0 0; float:left; padding:0;  }
.col3.big { width:296px; }
.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;  }
.col2.big { width: 44%;}
.col2.big2 { width:460px;}


/*1cols*/
.cols1 { margin:0px auto 0; width:100%; padding:0; text-align:left; }
.col1 {  margin:0 0 0 0; padding:0; }
.col1.last { float:right; margin-right:0;  }

/*.col1,.col2,.col3,.col4 {background:#fff; border:1px solid #eaeaea;}/**/




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

.cols_border {padding-bottom:5px; margin-bottom:15px; border-bottom:2px solid #e5e5e5;}
.cols_border:hover {border-bottom:2px solid #42a8ce;}

.cols_no_bg {border:none; background:none;}


/*h3.h3_act_href*/
.div_h3_act_href { clear:both; text-align:center; display:block; padding:55px 0px 0px 0px; margin:0px 0 0; background: url(../images/ico.png) no-repeat top center; }
.div_h3_act_href a span,
.div_h3_act_href a{ color:#fff; text-decoration:none; text-transform:none;font-weight:bold;  }
.div_h3_act_href a:hover span,
.div_h3_act_href a:hover em,
.div_h3_act_href a:hover{color:#b52f04; text-decoration:none;  }
.div_h3_act_href a em {font-style:normal;}

.div_h3_act_href h3 {padding:0; margin-bottom:15px;}
.div_h3_act_href p {margin: 0; padding:0; }


.div_h3_act_href.ico_1{background-image:url(../images/ico.png) ;}
.div_h3_act_href.ico_2{background-image:url(../images/ico-02.png) ;}
.div_h3_act_href.ico_3{background-image:url(../images/ico-03.png) ;}
.div_h3_act_href.ico_4{background-image:url(../images/ico-04.png) ;}
.div_h3_act_href.ico_5{background-image:url(../images/ico-05.png) ;}
.div_h3_act_href.ico_6{background-image:url(../images/ico-06.png) ;}
.div_h3_act_href.ico_1:hover{background-image:url(../images/ico_a.png) ;}
.div_h3_act_href.ico_2:hover{background-image:url(../images/ico_a-02.png) ;}
.div_h3_act_href.ico_3:hover{background-image:url(../images/ico_a-03.png) ;}
.div_h3_act_href.ico_4:hover{background-image:url(../images/ico_a-04.png) ;}
.div_h3_act_href.ico_5:hover{background-image:url(../images/ico_a-05.png) ;}
.div_h3_act_href.ico_6:hover{background-image:url(../images/ico_a-06.png) ;}

.hover_bg_box { background:#fbfbfb; padding:5px; border:1px solid #f1f1f1;}
.hover_bg_box p,.hover_bg_box h3 {padding-left:5px; padding-right:5px;}
.hover_bg_box:hover {box-shadow:0px 0px 8px #ededed; -webkit-box-shadow: 0px 0px 8px #ededed; -moz-box-shadow:0px 0px 8px #ededed;}
.content_box { padding:0; margin-bottom:30px; width:900px; }
.content_box.padding {  }

.content_full_size { /*background:#fff;  margin-bottom:20px; padding:39px;/**/ }
.content_full_size p,.content_full_size h3{ /*padding-left:20px; padding-right:20px;/**/}
.content_full_size.no_padding p,.content_full_size.no_padding h3{/* padding-left:0; padding-right:0;/**/}

/*centercol*/
.centercol { width: 60%; float:left; padding:0; }
.centercol.last {float:right;}
/*sidebar*/
.sidebar {width: 35%; padding:0; float:left;  }
.sidebar_bg { /*background:#fff; border:1px solid #e9e9e9; padding:0 20px 20px; */ }
.sidebar.last { float:right; }
.sidebar h2 { text-align:left;  }
.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-bottom:0;  margin-bottom:0; }
.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 15px 0px; }
.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:#42a8ce; 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:#42a8ce; 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:#42a8ce; 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 5px ; }
#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:#b52f04; font-size:14px; font-weight:bold; cursor:pointer;}


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

.maps_view { width: 100%; height:350px; float:left; position:relative;padding:4px;background:#585858; border: 1px solid #656565;/**/ margin-bottom: 15px;}
#gmap_contact{width: 100%; height:350px;}

.pic img {  border-radius:120px; /**/}
.pic a:hover { }
.pic a:hover img { /**/} 
.pic a img.h { background:#b52f04; position:absolute; top:0px; left:0; opacity:0.6; -moz-opacity:0.6;  filter: alpha(opacity=60); visibility:hidden; }
.pic a:hover img.h { background:#b52f04; opacity:0.6; -moz-opacity:0.6;  filter: alpha(opacity=60); visibility: visible; }
.pic a h1 { visibility:hidden; display:none; position:absolute; top:100px; width:250px; margin:0 auto;}
.pic a:hover h1 { visibility: visible; display:block;}
.pic img {margin-bottom:0px; max-width: 100%; height: auto; }
.pic a {margin-bottom:0px;}
.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:#42a8ce; 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; }
*/
p.btn { margin-top:0px;text-align:center; width:95px; height:22px; padding-top:1px; background:url(../images/btn.png) no-repeat top left; }
p.btn a{  padding:0px 15px 11px 15px; color:#767676; font-size:11px; text-transform:none;   }
p.btn:hover {background-image:url(../images/btn_a.png);}
p.btn a em,p.btn a:hover em { font-style:normal; color:#767676;}
p.btn a:hover,p.btn:hover a em,p.btn a:hover em { color:#494949; }

p.btn.tac {margin:10px auto;}
/*-----------------------------.img_hover_box.pic
---------1-icon
<div class="pic img_hover_box 1_ico"><a href="#" class="prettyPhoto" rel="prettyPhoto[id]"> <img src="images/spacer.png" onload="get_img(290,176,1,'soc','c',this);"/><div class="img_hover_overlay"><div class="r_plus"></div></div></a></div>
---------2-Icons
<div class="pic img_hover_box 2_ico"><a href="#" class="prettyPhoto" rel="prettyPhoto[id]"> <img src="images/spacer.png" onload="get_img(290,176,2,'soc','c',this);"/><div class="img_hover_overlay"><div class="r_plus pos_left"></div></div></a><a href="#"><div class="r_plus pos_right"></div></a></div>
*/

.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.2; 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/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:29px; width:29px; margin:-15px 0 0 -15px; }
.img_hover_box.pic .r_plus.pos_left {margin-left:-31px; }
.img_hover_box.pic .r_plus.pos_right {margin-left:2px; }

/*.img_hover_box.pic a img.r_plus_overlay {padding:3px; }
.pic a img {padding:3px; background:#fff; border:1px solid #e9e9e9;}
/**/



/* gallery-categ */
.gallery-categ { margin:0; padding:0;}
.gallery-categ li { padding:0; float:left; border-right:1px solid #CCC;}
.gallery-categ li.label.black { color:#fff; padding:1px 8px; background:#3e3e3e; border:1px solid #3e3e3e; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.gallery-categ li:last-child { border-right:0;}
.gallery-categ li a { font-weight:normal; display:block; padding:2px 10px; color:#989898;}
.gallery-categ li.active a { text-decoration:none; font-weight:bold; color:#42a8ce;}

/*4cols_gallery*/
.col44 { width:215px; float:left;margin-right:20px; position:relative; top:0px; margin-top:20px; padding-bottom:10px;}
.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*/
p.detail { margin-top:10px;}
.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:#42a8ce; 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:#989898; font-weight:normal; }


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

/* search */
.search { margin:12px 0px 0 0; float:right; padding:00px 0 0 0; width:195px; height:32px; }
.search form { margin:0; padding:0; width:auto; }
.search label {float:left; padding:5px 10px 0 0; color:#a9a9a9; text-transform:none;}
.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:3px 10px 7px; float:left; width:120px; height:22px; font-size:12px; line-height:16px; color:#a1a1a1; background:none; border:none; }
.search input.button_search { margin:0; padding:0; border:none; float:left; }


.testom {}
.testom p {padding:0px 0 10px; }
.testom a {text-align:left; display:block;  font-size:13px; margin-top:5px; font-weight:bold;  }
.testom a,.testom a em { color:#484848;  font-style:normal; }
.testom a:hover,.testom a:hover em {color:#484848; }
.testom a span {color:#a1a0a0; font-size:11px; display:block; font-weight:normal;}

.small{}



/*.cols_padding p{padding:20px; background:#fff;}/**/

.accordion {width: 100%; } 
.accordion h3 { background:url(../images/+.png) no-repeat left; padding: 15px 15px 15px 40px;   margin: 0; border-top: solid 1px #ebebeb; cursor: pointer; } 
.accordion h3.first { border-top: none; } 
.accordion h3:hover { } 
.accordion h3.active { background:url(../images/-.png) no-repeat left; } 
.accordion p { margin: 0; padding: 10px 0px 10px 40px; } 

.ul_list {}
.ul_list ul{}
.ul_list li{ padding:10px 0; border-top:1px solid #3f3f3f;/**/}
.ul_list li.first{  border-top:none; padding-top:0;}
.ul_list li a{color:#717171;font-size:12px;}
.ul_list li a:hover{color:#42a8ce; text-decoration:none; }
.ul_list li span {display:block; padding:0px 0 0 8px; color:#4f4f4f; font-size:11px;}


.tweet_list li a { text-decoration:none; color:#717171; }
.tweet_list li a:hover { text-decoration:none; color:#b52f04; }
/* prefooter */

.prefooter { margin:0px auto 0;  width:100%; padding:0px 0 0; background:url(../images/left_bg.png) repeat top left; border-top:2px solid #b52f04;    }
.prefooter_resize { width: auto; padding:30px 20px 30px 20px;  }
.prefooter .fcol { margin:0 16px 0 0; float:left; width: 23%; padding:0; }
.prefooter .fcol p,.prefooter .fcol li { color:#a1a0a0; /*font-size:11px; /**/ }
.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.last { margin-right:0; }

.prefooter h2 { margin:10px 0 20px;  background:none; width:100%; text-align:left; }
.prefooter h2 span { font-weight:normal;}
.prefooter h2 span em.dark {font-weight:bold;/*color:#ffffff;/**/ font-style: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; }

.prefooter .logo p {display:block; margin:5px 0 0 0; padding:0; float:none;}
.prefooter .logo {float:none; padding:0 0 20px;}
.prefooter .logo div a,
.prefooter .logo div span,
.prefooter .logo div a:hover{color:#fff;}

/* footer */
.footer {margin:0 auto; padding:0px 20px 0; }
.footer_resize { width:100%; margin:0 auto; padding:0px 0px 0px ;  }
.footer a,.footer a em {font-style:normal; color:#797979; }
.footer p { text-align:left; color:#797979;}

.footer .logo {float:right; padding-top:0px;}
.footer .logo div {color:#333333;}
.footer .menu { padding:0 0 5px;}
.footer ul.menusm li ul {display:none;}
.footer ul.menusm li ul li{display:none;}
.footer .menu ul li a.ms_top span {padding:2px 10px 2px 10px; color:#a2a2a2;}
.footer .menu ul li a.ms_top.ms_hover span,.footer .menu ul li a.ms_top.active span {color:#333333;}
.footer .menu ul li.ms_top {background:none; border-right:1px solid #ebebeb;}
.footer .menu ul li.ms_last {border-right:none;}
.footer .menu ul li a.ms_top.ms_first span {padding-left:0;}


.flickr img { margin:2px 4px 0 0; /*border:1px solid #494949;/*padding:3px; background:#fff; /**/}
.flickr a:hover img {/* background:#d5d5d5;/**/ /*border:1px solid #31302f;/**/}

.no_border {border:none;} 
.no_bg {background:none;}

.no_margin_top {margin-top:0;}
.no_margin_bottom {margin-bottom:0;}

.no_padding {padding:0;}
.no_padding_top {padding-top:0;}
.no_padding_bottom {padding-bottom:0;}

/*PARALAX*/
#main { height:100%;}
#main .outer {
	background: transparent url(../img/bg.jpg) 100% 0 no-repeat; opacity:0.7; -moz-opacity:0.7;  filter: alpha(opacity=70); }

.home_text{width:100%;  margin-left:auto; margin-right:auto;}
.home_text img{width:80%; margin-left:13%;}
	
	
/*.home_text { position:absolute; z-index:100; top:80px; right: 5%; width: 72%; }*/	
.home_text h1 { text-align:left; border-left:1px solid #b52f04; line-height:100%; padding-left:20px;}
.home_text h2 { margin:20px 0 0 0;}

#wrap { position:absolute; z-index:100; right: 10%; top:70%; }

.banner { background:url(../images/5_home.jpg) left top no-repeat; height:1000px; width:100%;}
 
/* special */
.sidebar_bg_small.content_full_size.net .pic img { width: auto; }
#coment img { width: auto; } 
#coment2 img { width: auto; } 
#coment3 img { width: auto; } 
.sidebar.last.some { float: left; }
.sidebar.last.some { float: left; }
.centercol.rig { float: right; }
.content_page.het .pic img { height: 350px; }
.centercol.vam .pic img { width: 100%; height: 350px; }
.jcarousel-skin-tango h1 { font-size: 23px!important; }
.jcarousel-skin-tango .pic a h1 { padding-left: 30%; top: 74px; text-align: left; }

.change img { width: 100%; height: auto; }
.change h1 { color: #fff!important; text-align: left; }
.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 h1 { 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; }
.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%; }
.change h1 { padding-bottom: 15px; font-size: 20px!important; }


#mailform-subscribe {
	color: #fff;
	padding: 20px 15px;
	text-shadow: 1px 1px #111;
}
#mailform-subscribe input {
	font-size: 13px;
	margin-bottom: 10px;
	padding: 6px 10px;
	border-radius: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #cccccc;
}
#mailform-subscribe input.email {
	background: #fff url(../images/mailform-subscribe.png) no-repeat 10px center;
	padding-left: 32px
}
#mailform-subscribe input[type="submit"] {
	margin: 3px;
	background-color: #999;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	border-radius: 5px;
	color: #ffffff!important;
	text-shadow: 1px 1px #666;
	cursor: pointer;
	display: inline-block;
	padding: 5px 10px 6px;
	position: relative;
	text-decoration: none;
	font-size: 12px;
	line-height: 1;
}
#mailform-subscribe input[type="submit"]:hover {
	background-color: #AAA;
	color: #fff;
}
#mailform-subscribe input[type="submit"]:active {
	top: 1px
}


@media only screen and (min-width: 1050px) and (max-width: 1200px){
	.title1{width:80%;  margin-left:auto; margin-right:auto;}
	.title1 img{width:75%; margin-left:13%;}
}

@media only screen and (min-width: 960px) and (max-width: 1050px) {
	.title1{width:80%;  margin-left:auto; margin-right:auto;}
	.title1 img{width:75%; margin-left:26%;}
	.left_col { width: 23%; background:url(../images/left_bg.png) repeat top left; height:100%; float:left; position:relative; z-index:1000; }
	.cont { padding: 0px; margin:20px 6% 30px 0; float: right; position:relative; background:#4f4f4f; width: 65%; }
	
	.main #wrap { position: absolute; top: auto; bottom: 0px; width: 160%;margin-left:20px;}	
	.main .jcarousel-skin-tango .jcarousel-next-horizontal {top: 80px;}
	.main .jcarousel-skin-tango .jcarousel-prev-horizontal {top: 80px; }
	/*.main .jcarousel-skin-tango .jcarousel-item { width: 100px; }*/
	.main .jcarousel-skin-tango .jcarousel-container-horizontal { margin-left: 63%; width: 720px; }
	.main .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 660px; }
}

@media only screen and (min-width: 767px) and (max-width: 960px) {
	.title1{width:100%;  margin-left:auto; margin-right:auto;}
	.title1 img{width:60%; margin-left:23%;}
	.left_col { width: 23%; background:url(../images/left_bg.png) repeat top left; height:100%; float:left; position:relative; z-index:1000; }
	.cont { padding: 0px; margin:20px 6% 30px 0; float: right; position:relative; background:#4f4f4f; width: 65%; }
	
	
}
@media only screen and (min-width: 560px) and (max-width: 767px){
	.title1{width:80%;  margin-left:auto; margin-right:auto;}
	.title1 img{width:75%;margin-left:1%;}
	
	.main_content_index { height:100%; top:0; right: 0px; float: left; width: 85%;}
	.main #wrap { position: absolute; top: auto; bottom: 0px; width: 110%;margin-left:20px;}	
	.main .jcarousel-skin-tango .jcarousel-next-horizontal {top: 40px;}
	.main .jcarousel-skin-tango .jcarousel-prev-horizontal {top: 40px; }
	.main .jcarousel-skin-tango .jcarousel-item { width: 100px; }
	.main .jcarousel-skin-tango .jcarousel-container-horizontal { margin-left: 33%; width: 450px; }
	.main .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 380px; }
}

@media only screen and (min-width: 480px) and (max-width: 560px){
	.title1{width:80%;  margin-left:auto; margin-right:auto;}
	.title1 img{width:75%;margin-left:1%; }
	.cont { padding: 0px; margin:20px 6% 30px 0; float: right; position:relative; background:#4f4f4f; width: 65%; }
	
	.main_content_index { height:100%; top:0; right: 0px; float: left; width: 85%;}
	.main #wrap { position: relative; top: auto; bottom: 0px; width: 95%;margin-left:20px;}	
	.main .jcarousel-skin-tango .jcarousel-next-horizontal {top: 35px;}
	.main .jcarousel-skin-tango .jcarousel-prev-horizontal {top: 35px; }
	.main .jcarousel-skin-tango .jcarousel-item { width: 80px; }
	.main .jcarousel-skin-tango .jcarousel-container-horizontal { margin-left: 20%; width: 385px; }
	.main .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 330px; }
}

@media only screen and (min-width: 376px) and (max-width: 479px){
	.title1{width:80%;  margin-left:auto; margin-right:auto;}
	.title1 img{width:75%;margin-left:1%;}
	.main_content_index { height:100%; top:0; right: 0px; float: left; width: 90%;}
	.main #wrap { position: relative; top: auto; bottom: 0px; width: 90%;margin-left:20px;}
	
	.main .jcarousel-skin-tango .jcarousel-next-horizontal {top: 25px;}
	.main .jcarousel-skin-tango .jcarousel-prev-horizontal {top: 25px; }
	.main .jcarousel-skin-tango .jcarousel-item { width: 60px; }
	.main .jcarousel-skin-tango .jcarousel-container-horizontal { margin-left: 25%; width: 325px; }
	.main .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 300px; }
}