/*
/*
Theme Name: theme23
Theme URI: http://www.23bit.it/
Author: 23bit, 23bit.it
Author URI: http://www.23bit.it/
*/


html {margin:0;padding:0} 
body {margin:0; padding:0;font-family:"helvetica neue",Helvetica, Arial,Verdana,sans-serif; background:#fff; font-size:16px;text-align:justify; color:#666}
a{text-decoration:none;color:#666;}
ul{margin:0;padding:0}
li{list-style:none;}
#content{ width:100%; }
section{ position:relative;  max-width:1000px;margin:auto; padding:20px;  transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;margin-bottom:10px;}
#home img{width:80%; height:auto;margin-top:25px;}
img{border:none;}
p{margin: 0;}
h1{color:#666;text-transform:capitalize; font-weight:normal;text-align:left;padding-bottom:20px}
h2 {margin:0;}
/*  HEADER  */

 
#head{position:relative; max-width:1000px; padding: 0 20px; min-height:90px; margin:auto; margin-top:10px; z-index:666; transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; }

#logo{position:absolute;width:200px; float:left; z-index:999;}
#navigation{position:relative; max-width:390px; margin:auto; font-size:20px; top:30px;text-transform:capitalize;  color:#666;}
#navigation li{display:inline; padding: 0 10px; position:relative; cursor:pointer;}
#social{position:absolute;right:20px; top: 30px;}

#lang{position:absolute;right:20px; top:0;}
#lang li{ float:left; padding:2px;}

#menugalleria{position:absolute;left:0; width:100% ; text-align:center; background:#fff; display:none; font-size:16px;}
#menugalleria li {padding: 3px 0; width:100% ; float:left;}

#navigation-mob{position:relative; width:100%;    top:90px;  margin-bottom:20px;     }
#menu{  width: 100%;  font-size:20px; outline: none; border:1px solid #e0e0e0;   cursor: pointer; }
 

/*  PROGETTI  */

#progetti {min-height:150px; width:100%; border-bottom: 1px solid #e0e0e0; padding: 20px 0;}
#thumb{width: 30%; float:left}
#thumb img{width: 100%; height:auto;}
#text{width: 68%; float:left; padding-left: 2%; }
#text li { padding-bottom: 10px; }
#pro p{  margin-bottom:20px;}
#likebutton{  position: absolute; height:20px; right: 10px; top: 45px;}


/* GALLERY */
#testo-gallery{width: 30%; float:left}
#gallery{position: relative; width: 68%; float:left; padding-left: 2%; }

.galleria .gallery-item {	float: left;  width: 23%; padding:1%; margin: 0;}
.gallery-item {	float: left;  width: 23%; padding:1%; margin: 0;}
.gallery-item  img{ width: 100%; height:auto; opacity: 1; filter: alpha(opacity=100); transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;}
.gallery-item  img:hover{ opacity: 0.7; filter: alpha(opacity=70)}
/* Contatti  */

#thumb_cont{width: 45%; float:left}
#text_cont{width: 53%; float:left; padding-left: 2%; }
 
#form{position:relative; border:1px solid #999;outline:none; background:none; color: #000;width:98%; padding:1% ;  } 
#formt{position:relative; border:1px solid #999;outline:none; background:none; color: #000;width:980%;max-width:98%; height:100px; max-height:100px;padding:1% ;  }
#invio{position:relative; border:none;outline:none; background:#fff; color: #000;width:auto;height:auto; padding:10px 20px;  cursor:pointer; border:1px solid #999; clear:both; text-align:center; margin-bottom:20px;} 
#areaform{position:relative; margin:auto; max-width:100%; height:auto;}

/*FOOTER*/

#foo { width: 100%;text-align:center; padding:0; margin:0;font-size:12px;}
#logofoo {margin:auto;width:190px;height:auto;margin-bottom:10px;}
#logofoo img{width:100%;}
.clear{clear:both}


@media screen and (min-width: 800px)  {
#navigation-mob{display:none;}
.gallery-item {	  width: 18%;   }
.galleria .gallery-item {	width: 23%; }

} 
@media screen and (min-width: 600px) and (max-width: 800px){
#head{max-width:500px;  }
#navigation {display:none;}
section{max-width:500px; }
#thumb{width: 100%; }
#text{width: 100%;   padding:20px 0; }
.gallery-item {	 width: 48%; padding:1%; }
.galleria .gallery-item {	width: 48%; }
#home img{width:100%; }
#thumb_cont{width: 100%; margin-bottom:20px;  }
#text_cont{width: 100%;  padding-left: 0%; }
#likebutton{  position: relative;height:20px;top:-20px;left:0}
} 
@media screen and (min-width: 200px) and (max-width: 600px){
#head{max-width:85%;  }
#navigation {display:none;}
section{  max-width:85%; }
#thumb{width: 100%; }
#text{width: 100%;   padding:20px 0; }
.gallery-item {	 width: 48%; padding:1%; }
.galleria .gallery-item {	width: 48%; }
#home img{width:100%; }
#thumb_cont{width: 100%; margin-bottom:20px;  }
#text_cont{width: 100%;  padding-left: 0%; }
#likebutton{  position: relative;height:20px;top:-20px;left:0}
#logofoo {margin:auto;width:150px;height:auto;margin-bottom:10px;}
}    

#copy{width:100%;margin:auto;}