/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 17, 2015 */


@font-face {
    font-family: 'encode_sansregular';
    src: url('../encode-sans/encodesans-regular-webfont.eot');
    src: url('../encode-sans/encodesans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../encode-sans/encodesans-regular-webfont.woff2') format('woff2'),
         url('../encode-sans/encodesans-regular-webfont.woff') format('woff'),
         url('../encode-sans/encodesans-regular-webfont.ttf') format('truetype'),
         url('../encode-sans/encodesans-regular-webfont.svg#encode_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);

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%;}
/* body,input,textarea {font:normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif; color:#333333; } */
/* body,input,textarea {font:normal 14px/1.4em "Liberation sans", Arial, Helvetica, sans-serif; color:#333333; } */
/* body,input,textarea {font:normal 16px/1.6em encode_sansregular, "Liberation sans", Arial, Helvetica, sans-serif; color:#333333; } */
body,input,textarea {font:normal 17px/1.7em 'Droid Arabic Naskh', serif; color:#333333; }
img { border:none; max-width: 100%; height: auto; }
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0; line-height:0; }
.fl { float:left; }
.fl-img { float:left; padding:20px; }
.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:20px auto; padding:0px 0 0px 0; width:100%; height:2px; border-top:1px solid #FFFFFF;/*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 BACKGROUNDS*/
/* .body_pattern {background:#fff url(../images/bg_p2_30.png) repeat top center;/* position:fixed; top:0; left:0; width:100%; height:100%;/**/} */
.body_pattern {background-color:#fff;}

.main { margin:0 auto; padding:0; width:100%; position:relative; background:url(../images/menu_bg.png) repeat-x top left; } 
#page { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); overflow: hidden; position: relative; width: 100%; }
a { color:#333333; font-weight:bold; text-decoration:none; }
a:hover { text-decoration:underline; } /* Atma */
/* p { margin:0; padding:0 0 10px; font-size:13px; } */
/* p { margin:0; padding:0 0 10px; font-size:15px; line-height: 22px; } */
/* p { margin:0; padding:0 0 10px; font-size:17px; line-height: 25px; } */
p { margin:0; padding:0 0 10px; font-size:19px; line-height: 28px; }


h1 { margin:0; padding:0; font-weight:normal; font-size:20px; font-weight:bold;  line-height:1.4em; color:#6E6E6E; text-transform:none;  }
/* enlèvement de h1 { text-align: center; }  Atma */
h1 a { color:#333333; text-decoration:none; font-weight:bold; }
h1 span { color:#8f8f8f; font-size:13px; display: block; font-style:normal; font-weight:normal; line-height:1.3em;  text-transform:none;  margin-top:5px; padding:0; background:none; }
h1 a:hover { text-decoration:none; }
h1 em.h1_second_color {color:#2ba0d7; 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:12px; line-height:1em; font-weight:bold; color:#333333; text-align:left; background:none;}
h2 a, h2 span,h2 a span { color:#333333; background:none; }

.h2_background {position:relative;border-bottom:none; padding:20px 0;}
.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:0px; text-transform:none;}
.h2_arrows a { color:#c5c5c5; font-size:10px;padding:0 0px;}
.h2_arrows a:hover { color:#2ba0d7;}
.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:20px; width:20px;}


/*images titles etc,...*/
h3 {  font-size:12px; font-weight:bold; color:#333333; text-transform:none; line-height:1.2em; padding:5px 0 5px;margin:10px 0 5px; }
h3 span { color:#8f8f8f; 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:#333333; text-decoration:none; font-weight:bold; }
h3 a:hover { text-decoration:none; color:#2ba0d7; }
h3 span a:hover { text-decoration:none; color:#2ba0d7;  }
h3 em { font-style:normal;}
h3 em.h3_second_color { font-style:normal;  }
h3 span em.h3_second_color { font-style:normal; color:#333333;  }
/*.h3_bg h3 { padding:15px 15px; margin:0 0 0px; background:#f6f6f6; color:#4a4a4a;}
.h3_bg h3:hover { background:#2ba0d7;}
.h3_bg h3 a em.h3_second_color { font-style:normal;  color:#4a4a4a;}
.h3_bg h3:hover a em.h3_second_color {  color:#fff;}
/**/

/* header */
.header { margin:0 auto 0px; padding:0 0 1px; width:100%; position:relative; }
.header_resize { padding:0 0 0px; width: 100%; }
.header_menu { width: 100%; padding:0px 0 0px; height:62px; /**/}
.header_text {float:right; padding:18px 20px 0 0; color:#b4b4b4; font-size:8px;}
.header_top {min-height:100px; margin:0 auto; width: 100%;}
.header_bg { margin:0 auto; background:#fff; padding:30px; width:900px;}

.logo { margin:0; padding:29px 0 0px 0px; font-size:48px;  line-height:1em; float:left; width: 100%;}
.logo div { margin:0 auto; padding:0 0 0;  text-transform:uppercase;   }
.logo div a,
.logo div span,
.logo div a:hover { color:#2d2d2d; text-decoration:none; font-weight:bold;  text-align:left; }
/*.logo div {background:url(../images/logo_bg.png) no-repeat top left; padding:6px 0 0 30px; }/**/
.logo div em { color:#2ba0d7; font-style:normal;}
.logo p { padding:5px 0 1px 35px; margin:0; font-size:12px; line-height:1em;  color:#646464; font-weight:normal; font-style:normal; text-transform:none;text-align:left; display:block;}



/*now_page*/
.now_page { margin:0px auto 30px; padding:0 0 22px; width: 100%;  background:url(../images/now_page_bg.png) no-repeat bottom center; }
.now_page_resize { margin:0 auto; padding:20px; width: auto; text-align:center; width: auto; background:#f9f9f9;  }
/*.now_page_resize h1 {float:left;}/**/
.now_page_btn { float:right; padding-top:15px; }
.now_page_btn a { background:url(../images/now_page_btn.png) no-repeat center center; padding:18px 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 em {color:#fff; font-size:14px; font-weight:bold; font-style:normal;}

/*slider*/
#now_slider { width: 100%; height:530px; margin:0px auto 0px; padding:0px 0px 0px; }
#now_slider.no_bg {background:none; padding-bottom:10px; margin-bottom:30px; height:auto;} 
#slider-wrapper {}
#slider { /*width:886px; */padding:0; margin:00px auto 0px; }
#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:18px 0px 0px; padding:0px 0 3px 0px; float:right;  }
.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.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); }
.social6 { background:url(../images/social-06.png); }
.social7 { background:url(../images/social-07.png); }
.social8 { background:url(../images/social-08.png); }
.social9 { background:url(../images/social-09.png); }
.social10{ background:url(../images/social-10.png); }
.social11{ background:url(../images/social-11.png); }
.social1:hover { background:url(../images/social_a.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); }
.social6:hover { background:url(../images/social_a-06.png); }
.social7:hover { background:url(../images/social_a-07.png); }
.social8:hover { background:url(../images/social_a-08.png); }
.social9:hover { background:url(../images/social_a-09.png); }
.social10:hover{ background:url(../images/social_a-10.png); }
.social11:hover{ background:url(../images/social_a-11.png); }

.p404 h2,.p404 h2 em.p404_h2_second_color{ font-size:50px; color:#2ba0d7;  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:20px; }
/* Slider */

/* content */
.content { margin:0px auto; padding:10px; width: auto; background:#fff;  /*margin-top:-30px;*/}
.content_resize { margin:0px auto; width: 100%; padding:0px 00px; /* position:relative; z-index:21; */}
.content_resize2 { margin:0px auto; width: 100%; height: 100%; padding:0px 00px; /* position:relative; z-index:21; */}
.content_resize3 { margin:0px auto; width: 100%; height: 75%; padding:0px 00px; /* position:relative; z-index:21; */}
.content_resize4 { margin:0px auto; width: 100%; height: 20%; padding:0px 00px; /* position:relative; z-index:21; */}


.h2_href_fr a span{color:#fff; font-size:8px; 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:#2ba0d7;}
.backgr h3 {padding:10px 15px; font-size:8px;}
.backgr h3 a span{ color:#999999; font-size:8px; 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: 24%; margin:0 10px 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: 32%; margin:0 16px 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: 45%; margin:0 10px 0 0; float:left; padding:0; }
.col2.last { margin-right:0;  }
.col2.big { width:415px;}
.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:#2ba0d7;}
.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 #2ba0d7;}

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


/*h3.h3_act_href*/
.div_h3_act_href { clear:both; text-align:center; display:block; padding:110px 0px 10px 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:#474747; text-decoration:none; text-transform:uppercase; }
.div_h3_act_href a:hover span,
.div_h3_act_href a:hover em,
.div_h3_act_href a:hover{color:#2ba0d7; text-decoration:none;  }
.div_h3_act_href a em {font-style:normal;}

.div_h3_act_href h3 {padding:0; margin-bottom:0;}
.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; height:260px}
.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: 100%; float:left; padding:0; }
.centercol.last {float:center;}
/*sidebar*/
.sidebar {width: 100%; padding:0; float:left;  }
.sidebar_bg { /*background:#fff; border:1px solid #e9e9e9; padding:0 20px 20px; */ }
.sidebar.last { float: left; }
.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:8px; 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:8px;  }

.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:8px; 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:8px; 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:8px; font-weight:normal; margin:5px 0 15px 0px; }
.post_detail a { font-size:8px; color:#a4a4a4; font-weight:bold; font-style:normal; text-decoration:none; }
.post_detail a:hover { font-size:8px; color:#a4a4a4; text-decoration:none; }
.post_date {  color:#fff; font-style:normal; font-weight:normal; font-size:8px; float:left; text-align:center; padding:8px 15px; background:#2ba0d7; 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:8px; display:block; margin-top:5px; padding:5px 3px 0; text-align:center; border-top:1px solid #fff; }


.post_detail a.read_more:hover { color:#2ba0d7; 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:#2ba0d7; 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:8px; text-decoration:none; font-weight:normal; }
.navigation a:hover { color:#656566; }
.navigation span.current { color:#656566; padding:0; font-size:8px; }
.navigation span.text { color:#c3c3c3; padding:0; font-size:8px; }
/*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:8px; color:#8b8b8e; }
#contactform_main textarea { width: 75%; border:1px solid #d3d3d3; margin:4px 0; padding:5px 2px; background:#ffffff; float:left; font-size:8px; color:#8b8b8e; }
#contactform_main li.buttons input { padding:2px 10px 4px 10px; margin:10px 0 0 60px; border:0; color:#FFF; float:left; background:#2ba0d7; font-size:8px; font-weight:bold; }


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


.pic img {/*padding:3px; background:#fbfbfb; border:1px solid #e5e5e5;/**/}
.pic a:hover img {/* border:1px solid #c5c5c5;/**/} 
.pic img.h {background:none;}
.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:#2ba0d7; 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:10px;text-align:center; width:82px; height:27px; padding-top:3px; background:url(../images/btn.png) no-repeat top left; }
p.btn a{  padding:0px 15px 11px 15px; color:#939292; font-size:8px; 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:#939292;}
p.btn a:hover,p.btn:hover a em,p.btn a:hover em { color:#fff; }

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.8; 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/img_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_link.png) no-repeat;}

.img_hover_box.pic .r_plus {height:25px; width:25px; margin:-12px 0 0 -12px; }
.img_hover_box.pic .r_plus.pos_left {margin-left:-27px; }
.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:#2ba0d7;}

/*4cols_gallery*/
.col44 { width:203px; float:left;margin-right:10px; 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:5px;}
.detail a,a.detail {color:#b3b3b3; font-size:8px; text-align:left; font-weight:normal; text-transform:none; display:block;  }
.detail a:hover,a.detail:hover {color:#2ba0d7; 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:8px; color:#333333; font-weight:bold; text-align:center; line-height:1.5em; }/**/
.note p span { display:block; margin-top:0px; font-size:8px; 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:35px 0px 0 0; float:right; padding:00px 0 0 0; width: auto; height:32px; }
.search form { margin:0; padding:0; width:auto; }
.search label {float:left; padding:5px 10px 0 0; color:#666666; text-transform:uppercase;}
.search span { display:block; margin:0; padding:0; float:left; border: 1px solid #e6e6e6; height: 27px; background: #fff; }
.search input.editbox_search { margin:0; padding:3px 10px 7px; float:left; width:120px; height:22px; font-size:8px; 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:30px 0 10px; background:url(../images/quote.png) no-repeat left top;}
.testom a {text-align:left; display:block;  font-size:8px; margin-top:5px; font-weight:bold;  }
.testom a,.testom a em { color:#636363;  font-style:normal; }
.testom a:hover,.testom a:hover em {color:#2ba0d7; }
.testom a span {color:#bebdbd; font-size:8px; display:block; font-weight:normal;}

.tweet_list li a { text-decoration:none; color:#2ba0d7; }



.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 #545454;*/}
.ul_list li.first{  border-top:none; padding-top:0;}
.ul_list li a{color:#989898;font-size:8px;}
.ul_list li a:hover{color:#2ba0d7; text-decoration:none; }
.ul_list li span {display:block; padding:0px 0 0 8px; color:#c7c7c7; font-size:8px;}

/* prefooter */

.bg { width: 100%; overflow: hidden; background:#2d2d2d; }
.prefooter { width:100%; padding:0px 0 0;  }

.prefooter_resize { width: auto; padding:60px 30px 20px; background:url(../images/prefooter_bg.png) repeat-x top left;   }

.prefooter .fcol { margin:0 18px 0 0; float:left; width: 32%; padding:0; }
.prefooter .fcol p,.prefooter .fcol li { color:#949494; /*font-size:11px; /**/ }
.prefooter_bg_2 .fcol p { color:#949494;}
.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:8px; color:#868686; }
.prefooter #contactform textarea { width:186px; margin:0 0 4px 0; padding:3px 2px; background:#ffffff; float:left; font-size:8px; 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 div {float:none;}
/* footer */
.footer {margin:0 auto; width:100%; padding:0px 0 0;height:60px; background:#2D2D2D;}
.footer_resize { width: 100%; margin:0 auto; padding:0px 0 0px ; }
.footer a,.footer a em {font-style:normal; color:#fff; }
.footer p { text-align:center; padding-top:20px; color:#fff;/* font-size:12px;/**/ }

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


/* special */
.right { float: right; }
.container #coment img { width: auto; }
.container #coment2 img { width: auto; }
.container #coment3 img { width: auto; }
.centercol.new img { width: 100%; }
.content_full.some .col2 { width: 46%; }
.content_full.some .col2.last { float: right; }
.cols3.add .col3 { margin-right: 27px; width: 30%; }
.cols3.add .col3.last { margin-right: 0px; }
.content_full.some .col3 .pic img { width: 100%; }
.col4 img { width: 100%; }
.cols4.diff .col4 { margin-right: 20px; width: 22%; }
.cols4.diff .col4.last { margin-right: 0px; }
h1.niit { padding-bottom: 18px; }
.one_third_pad h2 { padding: 0 0 20px 0; text-align: left; line-height: 20px; }
span.nel { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;font-weight: 400; font-size: 8px;color:#999;line-height:130%; }
.dc_iso_container { width: 98%!important; }
.now_page.ungap { margin-bottom: 0px; }
.container .flickr img { width: auto; }
.format { width: auto; overflow: hidden; }
.format h1 { padding: 20px 0 30px 0!important; overflow: hidden; font-size: 8px!important; color: #555; }
.format h3 { font-family: Arial!important; color: #555!important; }
.format h4 { font-family: Arial!important; color: #555!important; }
.format p { padding-top: 15px!important; color: #000!important; }
.one_half_pad, .one_third_pad, .two_third_pad, .three_fourth_pad, .one_fourth_pad, .one_fifth_pad, .two_fifth_pad, .two_fourth_pad, .two_fifth_pad, .three_fifth_pad, .four_fifth_pad, .one_sixth_pad, .five_sixth_pad { color: #000; }
.som  h1 { font-size: 8px!important; color: #555!important; }
.som  p { color: #000; }
img.play_btn  { width: auto; }

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

.dc_pricingtable03 li h2 { font-size:8px !important;}
.dc_pricingtable03 li h2, .dc_pricingtable03 li h1, .dc_pricingtable03 li h1 span, .dc_pricingtable03 li h3 { color:#fff !important; background: none !important; padding:0px !important; text-align:center !important;}
.dc_pricingtable03 li h2.caption { color:#999 !important; font-size:8px !important;}
.dc_pricingtable06 ul li h3 { font-size:8px !important; margin:0px !important; color:#fff !important; line-height:180% !important; background: none !important; padding:0px !important; text-align:center !important;}
.dc_pricingtable05 ul li h3 { font-size:8px !important; color:#505050 !important; margin:0px !important; line-height:180% !important; background: none !important; padding:0px !important; text-align:center !important;}

.webstore-clear h3 { background: none; text-align: left;}

.content.none { padding: 0px; }

#dc_tile_portfolio .element.size310x220 { width: 290px; }
#dc_tile_portfolio .element.size310x320 { width: 290px; }
#dc_tile_portfolio .element.size310x420 { width: 290px; }

.dc_pricingtable03.dc_pt3_style1 .col2 { padding: 0px; width: auto; float: none; }
.dc_pricingtable03.dc_pt3_style1 .col3 { padding: 0px; width: auto; float: none; }
.dc_pricingtable03.dc_pt3_style1 .col4 { padding: 0px; width: auto; float: none; }
.dc_pricingtable03.dc_pt3_style1 h1 span { display: inline; }

.content_resize.nav h1.gap { padding-left: 10px; }
.dc_pricingtable02 { padding: 0 5px 0 10px!important; width: auto !important; }
.space1 { padding-left: 4px; padding-right: 0px; }

iframe { border: 0px; outline: none; margin: 0px; padding: 0px; }
#slider-wrapper object { width: 100%; }
iframe.wid5 { height: 400px; width: 100%; }
iframe.wid6 { height: 550px; width: 100%; }
iframe.wid7 { height: 400px; width: 100%; }
iframe.wid8 { height: 500px; width: 100%; }
.sliderspace { width: 100%; padding:30px 0 0 0;}


#mailform-subscribe {
	color: #fff;
	padding: 20px 15px;
	text-shadow: 1px 1px #111;
}
#mailform-subscribe input {
	font-size: 8px;
	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: 8px;
	line-height: 1;
}
#mailform-subscribe input[type="submit"]:hover {
	background-color: #AAA;
	color: #fff;
}
#mailform-subscribe input[type="submit"]:active {
	top: 1px
}
div.tarea {
    width: 100%;
    background: #e6e6e6;
    height: 592px; /* or whatever measurements you want */
    overflow: auto; /* in most browsers, this will results in a scrollbar when there's more content than can fit in the dimensions defined above */
}
#logo2{
 position: relative;
}
.sobre {
 position:absolute;
 top:35px;
 left:50px;
 border:none;
}
.sobre1 {
 position:absolute;
 top:28px;
 left:80px;
 border:none;
}