/* ===================//
CSS for MilanoLayout.it

- author: Andyy <andyydev.com>
- date: 9/06
// =================== */

body{
  margin: 0;
  padding: 20px;
  background:#333; /*#202020;*/
  color: #202020;
  font: 11px/1.5  Verdana, sans-serif;
  text-align: center;
}

a{ text-decoration: none;font-weight: bold;color:#F33A3A;overflow: hidden;}
a:hover{color: #BC0C0C;}
a img{border: 0;}
img{background: none;}

ul{  margin: 0; padding: 0; list-style: none;}
.miscs ul, .fauxbullet{  margin: 0 0 20px 0;}
ul li, .fauxbullet{ padding: 4px 0 5px 20px; background: url(img/li.gif) 10px -1px no-repeat;}
ul li.odd{  background: #EFEFEF url(img/li.gif) 10px -1px no-repeat;margin: 1px 0; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC;}

#elencoEspPro {background:none;padding:5px}
#elencoEspPro ul{  margin: 0; padding: 0; list-style: disc;margin-top:3px}
#elencoEspPro ul li {background:none;padding:0;margin-left:30px;}
#elencoEspPro b{margin-left:10px;}
#elencoEspPro li b{margin-left:0px;}
#elencoEspPro u {display:block; background: #ececec;border-bottom:1px solid #666;text-decoration:none;margin:10px 0;padding-left:5px;border-left:5px solid #ccc;font-size:14px}
.red {color:#eb0011}

.velo {background:url(img/tans.png);filter:alpha(Opacity=90);height:100%;}
/* Layout */

#wrapper{
  margin: auto;
  width: 750px;
  overflow: hidden;
  border-bottom:1px solid #fff;
  text-align: left;
  margin-top:30px;
background:#3e3e3e;
}

#header{
  background: #333/*#202020*/ url(img/logo.jpg) no-repeat 10px 20px;
  padding: 30px 0 0 0px;
  height:82px;
}

.spacer{
  margin: 0;
  height:10px;
  list-style: none;
  border-top: 4px solid #BBB;
  background: #E5E5E5;
}

#content{ padding: 30px; background:#3e3e3e ;color:#fff;}
.bodytext{  width: 750px;margin:0 auto;}
.blogtext{ float: left; width: 440px;}
.miscsHome{float: right; width: 210px;}
.miscs{float: right; width: 190px;}
.miscs .colsplash {padding-left: 30px;}
.colsplash{ padding: 0 0 10px 0;}

.colspash p{  margin: 0;  padding: 0;}
.commentstitle{  margin: 30px -10px 0 -10px;}
.tags{  line-height: 1.2;  width: 380px;}

#ClientsBox{
  margin: 15px 0 0 20px;
  padding: 0 0 10px 0;
  list-style: none;
}

#ClientsBox li, #ClientsBox li.odd{
  border: 0;
  float: left;
  margin: 0 5px 5px 3px;
  padding: 3px;
  background: url(img/shadow.jpg) top no-repeat;
}

#ClientsBox li a img{
  display: block;
  border: 5px solid #FFF;
  width: 140px;
  height: 30px;
}

#mappa {width:410px;height:282px;float:right;border:2px solid #ccc;z-index:-1;}
#mappa div {display:block;margin-top:265px;margin-left:340px;background:#fff;width:100px;padding-left:10px;font-weight:bold;border:1px solid #333;width:65px;height:17px;padding-top:2px;z-index:1;}
#mappa a{cursor:hand;}

.hidden{display: none;}
.codecomment{color: #999;}

#footer{padding: 10px 17px;background: #333; border-top: 4px solid #000;color: #A0A0A0;}
#footer a{color: #686868;}
#footer p{ margin: 0;padding: 0;}

/* Navigation */

#header ul{
  list-style: none;
  float:right;
  margin-top:0px;
  padding:0;
  width:750px;  
  border-top:1px solid #fff;
}

#header ul li{
  float: right;
  margin-right:12px;
  border: 0;
  padding: 0;
  background: none;padding-top:7px;
}

#header ul li a{
  display: block;
  color:#707070;
  background-position: top;
  background-repeat: no-repeat;
  text-transform: uppercase;
font-size:10px;
}

#header ul li a.selected{  background-position: 0 -30px; color:#fff; }
#header ul li a:hover{  background-position: 0 -30px;  color:#fff;  }
#header ul li#info{ }
#header ul li#info a{}
#header ul li#prog{ }
#header ul li#prog a{  }
#header ul li#clienti{  }
#header ul li#clienti a{  }
#header ul li#pubb{ }
#header ul li#pubb a{  }
#header ul li#cont{ }
#header ul li#cont a{  }

ul.privati  {float:left;margin-right:14px;margin-left:5px;}

ul.privati li{
  background-color: #FFF;
  border: 0;
  margin: 0;
  padding-top:0px;}

/* Titles */

h1{
  margin: 0;
  padding: 0;
  width: 216px;
}

h1 a{  
  display: block;
  height: 50px;
  text-indent: -9000px;
}

h2.shorty{
  background: none;
  height: 0;
  border-bottom: 4px solid #BBB;
  overflow: hidden;
}
h2.shorty2{
  background: none;
  height: 19px;
  background:#3e3e3e; /*#d7d7d7*/
  overflow: hidden;
  text-indent:0;
  font-size:12px;
  color:#666;
  font-weight:normal;
  padding:0 17px;
  padding-top:3px;
}
h2.shorty2 a {color:#6d6d6d;}
h2.shorty2 a#ProjCurr,h2.shorty2 a:hover,h2.shorty2 a#ProjCurr:hover {color:#E6E6E6; }
h3{
  font-family:Arial,verdana;
	font-size:16pt;
	line-height:19pt;
	font-weight:lighter;
	color:#707070;
  padding:0 3px;
  margin: 0 0 10px 0;
}

h3 a{  font-weight: normal;}
.blogtitle h3{  width: 380px;  _width: 350px;}

h4{
  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
  font-size: 14px;
  line-height: 1.0;
  font-weight: normal;
  background: url(img/blog_icon.gif) 4px center no-repeat;
}

h5{
  margin: 0;
  padding: 10px 0;
}


#ProgettoTitolo,#ProgettoDesc {
	font-family:verdana,Arial;
	font-size:10px;
	font-weight:lighter;
	color:#fff;
  padding:0 0px;
}
.ProjMTitolo,.ProjMDesc {color:#fff;padding:4px 2px 2px 6px;position:absolute;font-family:Arial,verdana;		font-weight:lighter;}
.ProjMTitolo {	font-size:14pt;padding-top:15px}
.ProjMDesc,#seeAll {font-size:10pt;padding-top:30px;text-align:right;}
.ProjMTitolo a,.ProjMDesc a {color:#fff;font-family:Arial,verdana;font-weight:lighter;}
.ProjMTitolo a {	font-size:14pt;}
	
#ProgettoTitolo,.ProgettoTitolo {
  font-size:16pt;
	line-height:19pt;
}
#ProgettoDesc,.ProgettoDesc {
	font-size:11pt;
	line-height:normal;
}
#projMosaico {  padding:0;margin:0;}
#projMosaico div.off { padding:0px;margin:0;cursor:hand;float:left;width:145px;height:105px;float:left;border-left:1px solid #333;border-bottom:1px solid #333}
#projMosaico div.on1 {padding:0px;margin:0;cursor:hand;float:left;width:145px;height:105px;float:left;border-left:1px solid #000;border-bottom:1px solid #000;
background: url(img/red_trans.png);filter:alpha(Opacity=90);}
#projMosaico div.on {padding:0px;margin:0;cursor:hand;float:left;width:145px;height:105px;float:left;border-left:1px solid #ee3838;border-bottom:1px solid #000;
background: url(img/red_trans.png);filter:alpha(Opacity=90);}
.projPics img {border:1px solid #9E9E9E;display:inline;}
#projMainHeight {height:310px}
#projDesc {padding-left:10px;float:left;height:230px !important;height:220px;}
#projthumbs {padding-left:20px;margin-top:175px;}
#projthumbsless {padding-left:20px;margin-top:235px;}
#projthumbsone {padding-left:20px;margin-top:235px;}
#projthumbs  img {margin-top:2px; cursor:hand;}
#ProjAll td{padding:2px;padding-left:10px;color:#000;}
.projHead a {color:#fafafa;display:block}
.projHead a:hover {color:#fafafa;background:#000;display:block}
.projHeadOver {color:#fafafa;background:#000;}
#projIDDesc {padding:40px 20px 0 20px;}
#projIDDesc div {padding-left:20px;color:#fff;}
#projIDthumbs {padding-left:10px;padding-top:22px}
#projIDthumbs  img {margin-top:2px; cursor:hand;}

#seeAll {margin-top:180px;margin-left:15px;}
#seeAll, #seeAll  a,#seeAll a:hover {color:#fff;}

#ProgPubb {float:right;background:url(img/tans.png);filter:alpha(Opacity=90);margin-bottom:0;width:432px;color:#000;padding-left:6px;padding-bottom:0;}

/* Hacks */

#header, .spacer, #content, .blogtitle, .pagination, .foliosplash, #ClientsBox{  _height: 1%;}
#header:after, .spacer:after, #content:after, .blogtitle:after, .pagination:after, .foliosplash:after, #ClientsBox:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

ul.pubblicazioni {  background:none;margin-top:30px;}
ul.pubblicazioni li {  background:none; line-height:12px;}

/** lightbox **/ 

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
 
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;	}
#imageContainer{	padding: 10px;	}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;	}
#imageData{	padding:0 10px;	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 20px; float: right;  padding-bottom: 0.7em;	}	
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}