/*
Theme Name: Matteo theme
Theme URI: http://www.matteorotta.com/themes
Description: Tema per il sito dell'architetto Matteo Rotta.
Author: Matteo
Author URI: http://www.matteoscotti.com
*/
/* =Reset default browser CSS. Based on work by Matteo Scotti
-------------------------------------------------------------- */


/*generico*/

*{outline: none; margin: 0; padding: 0; font-family:sans-serif;}

img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

#lightbox{ 
	background: url("assets/img/light.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10;}
#lightbox #open_gallery{  
    position: relative;
    display: inline-block;
    margin: 0 auto;
    margin-top:40px;
    background-color: white;
    width: 700px;
    z-index: 201;}
#open_gallery img.show{width: 700px; height: 477px;}
#lightbox #bottom_controllers{  
    position: relative;
    margin: 0 auto;
    background-color: white;
    width: 700px;
    z-index: 201;
    text-align: right;
    padding-bottom: 12px;
}
#bottom_controllers a{
    font-size: 30px;
    text-align: right;
    text-decoration: none;
    margin-right: 10px;
    color: black;
      }

#bottom_controllers a.close_gallery{
    margin-right: 20px;
      } 



#open_gallery a.avanti{position:absolute; top:250px; right:5px}
#open_gallery a.avanti img{
display: block;
max-width: 72px;

}
#open_gallery a.indietro{position:absolute; top:250px; left:5px}
#open_gallery a.indietro img{
    display: block;
    max-width: 72px;
}
#content{position: relative; max-width: 1280px; margin: 0 auto;}

#menu nav ul li{display: inline-block; margin-right: 20px;}
#menu nav ul li.last{display: inline-block; margin-right: 0;}

section#header{height: 136px; margin-bottom:10px;}

div#logo{float:left; }
div#menu{float:right; margin-right: 20px; text-align: right;}
div#menu nav{margin-top:95px; color:#6d6e70;}
div#menu nav a:link, div#menu nav a:visited{color:#6d6e70; text-decoration: none;}
div#menu nav a:hover, div#menu nav a:active{color:#000000; text-decoration: none;}


section#slider, section#portfolio{max-width: 1280px; display: block; position: relative;}
#slider img, #portfolio img{max-width: 100%;}

#slider img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slider img.active {
    z-index:10;
}

#slider img.last-active {
    z-index:9;
}




#portfolio .item{width: 31.25%; float:left; margin-right:1.01556%; margin-left: 1.01556%; margin-bottom: 20px; cursor: pointer;}
#portfolio .item img.evidenza{display: block;}
#portfolio .info a, .info img{display: none;}
#portfolio .info{text-align: right; height: 40px; padding-top: 10px;}
.info h1{display: block;}
.info h1, .info h2{display: inline;  text-transform: uppercase; font-size: 14px; color:#231f20;}

/*scritte nella modal*/
span.titolo {
    float: left;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-left: 20px;
    text-align: left;
}
span.luogo {
    float: left;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.5px;
    margin-left: 20px;
    text-align: left;
}


#footer{margin-bottom: 20px; position: relative; font-size: 14px;}

#footer ul.ulsx{list-style: outside none none;margin-top: 20px; padding-left: 10px; padding-top: 15px; float: left; font-weight: bold; text-align: right; margin-left: 28px; padding-right: 8px;}

#footer ul.uldx {border-left: 3px solid #242424; list-style: outside none none; margin-top: 20px; padding-left: 6px; padding-top: 15px; float: left;}
#footer ul.uldx a{color:black; text-decoration: none;}
#footer ul li{margin-top: 10px;}
#footer ul.uldx li img{vertical-align: top;}
span.piva{display: block; position: absolute; right: 20px; top:98px; color:#6d6e70; font-size: 14px;}

/*Separatore delle news */
#news h1{font-size: 24px;}
#news h2{font-size: 18px;}
#news p{font-size: 14px; margin-top:20px; line-height: 21px; text-align: justify;}
hr{height:1px; border:none; color:#ccc;background-color:#ccc; width: 80%; margin: 20px auto; }