/* CLASSI GENERALI */
HTML{height:100%;}
BODY{height:90%;margin:25px 45px 20px 45px; background-color: #faf6f7; font-size: 10px; color: #383a41; font-family: Verdana, Arial, Helvetica, sans-serif;}
IMG {border:0px;}

A:link {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #373940;text-decoration: none;}
A:visited {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #373940;text-decoration: none;font-style: normal;}
A:hover {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #87898d;text-decoration: underline;font-style: normal;}
A:active {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #373940;text-decoration: none;}

.debug{border:1px solid red;}

/* PRINCIPALI */

#maincontainer{height:100%;width:100%;min-height:400px;min-width:960px;}
#mainup{position:relative;height:90%;width:100%;background-color:#FFFFFF;}
#maindown{position:relative;height:10%;width:100%;background-color:transparent;}



/* inizio MENU */
#menu {width:160px; min-height:400px; text-align:left; margin-top:150px; margin-left:40px; float:left; position:relative;}
#menu  p a{font-family: Arial, Helvetica, Verdana, sans-serif; font-size:9px; color:#383a41; font-weight:normal; text-decoration:none;}
#menu  a.selected{font-family: Arial, Helvetica, Verdana, sans-serif; font-size:9px; color:#87898d; font-weight:normal; text-decoration:none;}
/* fine MENU */


#containercontent{min-width:800px; height:100%; float:left; position:absolute; margin-left:20%;}
#content{margin:150px auto 0px; width:485px; min-height:400px;}
#containertitle{margin-bottom:20px; clear:both; height:15px;}
.title{font-family: Arial, Helvetica, Verdana, sans-serif; font-size:18px; color:#383a41; font-weight:normal;}
hr.linea1{border:0px none; border-bottom:1px solid #373940; height:1px;}
hr.linea2{border:0px none; border-bottom:1px solid #dddadc; height:1px; clear:both;}
hr.linea3{border:0px none; border-bottom:1px solid #dddadc; height:1px; clear:both;}



/* ::::: inizio CONTENT :::::::*/



/*HOME*/

#icon {margin-top:20px; margin-right:10px; width:100px; height:100px; float:left;}
#txt {margin-top:20px; width:363px; min-height:200px; margin-left:10px; float:left;}


/*NEWS*/

#data{margin-top:20px;font-family: Arial, Helvetica, Verdana, sans-serif; font-size:10px; color:#dddadc; font-weight:normal; min-width:80px; float:left;}
#newstxt {margin-top:20px; min-width:200px; min-height:20px; max-width:350px; margin-left:10px; float:left;}
#newstxt a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#383a41; font-weight:normal; text-decoration:none;}
#frecce {width:90px; height:20px; float:left; margin-left:220px; margin-top:150px; position:absolute;}
#newsarchivio {width:60px; height:20px; margin-left:400px; margin-top:150px; text-align:right; position:absolute;float:left;}
#newsarchivio a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#383a41; font-weight:normal; text-decoration:none;}
#newsarchivio a:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#dddadc; font-weight:normal; text-decoration:none;}

/*ESPERIENZE*/

div.box {	width:485px !important;width /**/:200px; height:276px !important; height /**/: 200px; overflow:auto; padding: 0px; border:0; border-right:0 solid; margin-top:20px;}


/*SERVIZI*/
#BoxServizi {width:485px; min-height:100px; position:absolute; margin-top:50px; clear:both;}



/*CONTATTI*/
#inputbox {margin:15px 0px 10px 0px; float:left;}

#ContattiBottom {width:485px; height:150px;}
#dati {margin:20px 10px 0px 0px; width:200px; height:100px; float:left;}
#inviatitle {margin:20px 5px 0px 0px; width:140px; height:15px; float:left; text-align:right;}
#invia {margin:20px 5px 0px 0px; width:15px; height:15px; float:left;}
#cancella {margin-top:20px; width:15px; height:15px; float:left;}


/*PORTFOLIO*/
#portfolioup{width:500px; height:100px; margin:20px 5px 0px 0px;}
#portfoliodown{width:500px; height:95px; margin:20px 5px 0px 0px;}

.portfoliosection{width:165px; height:100px; float:left;}



/*GALLERIA*/

#slideshow {list-style:none; color:#ffffff;}
#slideshow span {display:none;}
#wrapper {width:685px; margin:50px auto; display:none;}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; max-width:685px; height:500px; padding:2px; border:1px solid #ccc; background:#ffffff;}
#information {position:absolute; bottom:0; width:680px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:680px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; min-height:416px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:416px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:15px; height:15px; background:url(../images/sx.gif) center center no-repeat;}

#slideright {float:right; width:15px; height:15px; background:url(../images/dx.gif) center center no-repeat}

#slidearea {float:left; position:relative; width:635px; margin-left:5px; height:70px; overflow:hidden}
#slider {position:absolute; left:0; height:70px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/* ::::: fine CONTENT ::::: */



/* inizio footer */
#foot{ width:100%; clear:both;}
#iconfooter {width;80%; display:block; text-align:right; margin:50px 0px 10px 0px; }
/* fine footer */