@import "../css/reset.css";@import "../css/skeleton.css";@import "../css/superfish.css";
@import "../css/touchTouch.css";
@import "../css/ui.totop.css";

article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:18px; color:#7f7f7f; min-width:960px; background:#ffffff; -webkit-text-size-adjust: none;}

/*********************************fonts*************************************/
.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.it{font-style:italic}
.let{letter-spacing:-1px}

/*********************************CLASSES**********************************/
.menu_novo{font-family: "Bauhaus Light BT", Tahoma, Geneva, sans-serif !important;}
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}
.bg_none{ background:none !important;}

/*==================================== Links ======================================================== */
a {color:#7f7f7f;outline:none; text-decoration:none; cursor:pointer;}
a:hover{ color:#000; text-decoration:none;}

.button{ display:inline-block; padding:7px 14px 10px; margin: 30px 0 0 0; font-size: 14px; line-height: 19px; color:#fff;background:#8c8c8c;position: relative;}
.button:hover{color:#fff;}

.button strong{background:#000;position: absolute;width:0;height:0;left:50%;right:50%;top:50%;bottom:50%;z-index:1;}
.button:hover strong{width:100%;height:100%;left:0;top:0;right:0;bottom:0;}
.button span{display:inline-block;position: relative; z-index:10;}

/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {background:#e4e4e4;padding: 0 0 10px;position: relative;z-index:10;}
header h1{width:207px;float: left;margin-left:-2px;}
header h1 a {display:block;width:259px;height:91px;background:url(../images/logo_fotografia.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:20px 0px 20px 0px;background:#f4f4f4;position: relative; z-index:1;}
.cont_pad{padding:20px 0 20px 0 !important;}

/*===============================>> Paragraphs <<=============================*/

p {margin-bottom:18px}
.p2{ margin-bottom:15px;}
.p3{ margin-bottom:20px;}

/*================================>> LISTS <<========================================*/
.list1{}
.list1 li{ background:url(../images/marker1.png) 0 1px no-repeat; padding-left:26px;margin-bottom:12px;}
.list1 a{}

/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 28px; line-height: 34px; color:#000;text-transform:uppercase;}
h2 span{display:block;margin-top:-9px;}

h2.ind{ margin-bottom:24px;}
h2.ind1{ margin-bottom:19px;}
/*================================>> GOOGLE FONTS  <<========================================*/

/*================================>> hovers <<========================================*/
.sf-menu a, .button, .button strong, #content a, footer a{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

#menu-icon strong{-webkit-transition: all 1.0s ease;-moz-transition: all 1.0s ease;-o-transition: all 1.0s ease;transition: all 1.0s ease;}

#menu-icon strong, .lightbox strong, .lightbox span, .lightbox em{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}

/*********************************page_1*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

.banners{}
.banners a{display:block;margin-bottom:20px;}
.banners a img{width:100%; height:100%}

.box{background:#fff;padding: 22px 25px 30px 30px;margin-bottom:20px;}
.last_box{margin-bottom:0 !important;}

.tweeter{}

.tweet_list{}
.tweet_list>li{margin-bottom:30px;}
.tweet_list .tweet_time{padding: 0 0 10px 40px;background: url('../images/tweet.png') no-repeat;display:block;margin-bottom:10px;font-weight:bold;color:#000;}
.tweet_list a{color:#000;}

.link1{color:#000;}
.tweet_list a:hover, .link1:hover{color:#7f7f7f;text-decoration:underline;}


.view{margin-bottom:30px;}
.view>li{margin-bottom:23px;}
.view>li>div{overflow: visible;}
.view>li>figure{margin: 5px 19px 10px 0;}
.view>li>figure a{display:block;width:51px;font-size: 28px;line-height: 32px; color: #fff;text-align:center;background:#e8e8e8;padding: 8px 0 10px ;}
.view p{margin-bottom:11px;}
.view>li>figure a:hover{background:#000;}

.view>li>div a:hover, .black{color:#000;}

.view>li>div a, .news a:hover, .collection a:hover{color:#888888;}

.view>li>div a:after{display:inline-block;width:4px;height:7px;background: url('../images/link2_marker.png') no-repeat;margin-left:7px;content:"";}

.news{font-weight:bold;margin-bottom:21px;}
.news>li{margin-bottom:25px;}
.news>li>div{}
.news a, .collection a{color:#000;}
.news time{margin-bottom:11px;display:block;}
.news>li>figure{margin: 5px 20px 0 0;}

/*********************************page_2*************************************/
.collection_box{overflow: hidden;}
.collection_box .collection:first-child{margin-right:20px;}
.collection{font-weight:bold;width:270px;float: left;}
.collection>li{margin-bottom:25px;}
.collection p{margin-bottom:11px;}
.collection>li>figure{margin: 5px 20px 0 0;}
/*********************************page_3*************************************/
.blog_list{}
.blog_list>li{margin-bottom:43px;}
.blog_list .info{margin-bottom:20px;font-weight:bold;}
.blog_list .title{color:#000;}
.blog_list .links{overflow: hidden;}
.blog_list .posted{float: left;}
.blog_list .comment{float: right;padding:0px 5px 0 0;}
.blog_list .comment a{display:inline-block;background: url('../images/comment.png') right 1px no-repeat;padding: 0 33px 6px 0;}

#search{overflow: hidden;border:1px solid #d8d8d8;margin-right:4px;}
#search input{font-size: 14px; color: #7f7f7f;font-family:Tahoma, Geneva, sans-serif;border:none;float: left;padding: 8px 13px 9px;width:180px;margin:0;}
#search a{display:block;margin-top:1px;float: left;background: url('../images/search_link.jpg') no-repeat;width:32px;height:32px;}
#search a:hover{background-position:0 -32px;}

/*********************************page_4*************************************/


.gallery{width:280px;float: left; margin-left:20px;}
.gallery_box .gallery:first-child{margin-left:0;}
.gallery figure{margin-bottom:26px;}
.gallery{}
.gallery{}

.lightbox{display:block;position: relative;overflow: hidden;}
.lightbox span, .lightbox strong, .lightbox em{position: absolute;display:block;}
.lightbox span{background: url('../images/lb_overlay.png') repeat;left:50%;right:50%;top:50%;bottom:50%;width:0;height:0;}
.lightbox:hover span{z-index:1;width:100%; height:100%;top:0;bottom:0;right:0;left:0;}
.lightbox strong{top:-200%;width:101px;height:101px;border-radius:100%;background:#191919;left:32%;z-index:2;}
.lightbox em{width:45px;top:200%;height:60px;background: url('../images/loop.png') no-repeat;left:42%;z-index:3;}

.lightbox:hover strong{top:22%;}
.lightbox:hover em{top:35%;}

.m_bot1{margin-bottom:46px;}

/*********************************page_5*************************************/


/* Contact form */
#contact-form {padding:0px 0 0 0;}
#contact-form .success {width:246px; padding:10px;}
#contact-form textarea, #contact-form input {margin:0;font-size:12px; border:1px solid #f0f0f0; color:#7a7a7a; padding:11px 10px 12px;outline:none; position:relative; font-family:Tahoma, Geneva, sans-serif;background:#fff;}
#contact-form input {width:248px;}
#contact-form textarea {overflow:auto; width:378px; height:181px;resize:none; float:left; margin: 0 0 0 0;}	
#contact-form label {display:inline-block; min-height:49px; overflow:hidden;}
#contact-form label.message { display:block; padding-bottom:0; }
#contact-form .button {margin-right:8px;}
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; clear:both;}
#contact-form .buttons2 {overflow:hidden;position:relative; clear:both; padding-top:36px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;display:block;margin-bottom:15px;}
#map_canvas {
   width:100%;
   height:302px;
}
.adress{float: left;}
.adress span{ display:inline-block; width:80px;}
.adress dt{}
.address_box .adress:first-child{margin-right:35px;}

.demo{color:#000;text-decoration:underline;}
.demo:hover{ text-decoration:none;}
/****************************footer************************/
footer {padding:10px 0 10px;background: url('../images/footer.jpg') repeat-x}
footer .social{ overflow:hidden;}
footer .social a{ display:block; float:left;width:32px;height:32px; overflow:hidden; margin-left:8px;}
footer .social a:first-child{margin: 0 0 0 0;}
footer .social a:hover img{ margin-top:-32px;}

footer .f_menu{font-size: 10px;overflow: hidden;line-height: 19px;text-transform:uppercase;}
footer .f_menu>li{ float: left;margin-right:15px;}
footer .f_menu a{color:#6e6e6e;display:inline-block;}
footer .f_menu a:hover, footer .f_menu li.current a{color:#000;}

footer .privacy{text-align:right;padding: 1px 0 0;}
footer .privacy a, footer .privacy{color:#717171;}
footer .privacy a:hover{color:#000;}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .news>li>div{overflow: visible;}
 .news>li>figure{margin-bottom:10px;}
 .news img{width:100%;}
 #search input{width:116px;}
 .gallery{margin-left:10px;width:224px;}
 #contact-form2 textarea, #contact-form2 input{width:280px;}
 .adress{float: none; margin-bottom:10px;}
 h2{line-height:30px;}
 h2 span{display:inline;}
  .collection{width:auto;float: none;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 img{width:100%;}
 .view>li>div{overflow: hidden;}
 footer .privacy{text-align:left;}
 footer .grid_8{margin-bottom:10px !important;}
 footer .f_menu a{font-size:12px;}
 footer .f_menu li{margin:0 11px 0 0;}
 #search input{width:300px;}
 .gallery{width:100%;float: left;margin: 0 0 20px;}
 .lightbox:hover strong{top:25%;left:35%;} 
.lightbox:hover em{top:35%;}
.m_bot1{margin-bottom:0;}
 #contact-form2 textarea, #contact-form2 input{width:335px;}
 .placeholder img{width: auto;}

}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
#search input{width:180px;}
.lightbox:hover strong{top:22%;left:32%;}
 #contact-form2 textarea, #contact-form2 input{width:220px;}
 .f_menu{display:none;}
}