@import url("reset.css");



/* CSS RESET */
* {	margin: 0px; padding: 0px; text-indent: 0px; }
.left { float: left!important}
.right { float: right!important}

/* COMMON */

/* COMMON */
html { background-color: #000; border:none;}
body { background: #000000; font-size: 11px; font-family: Helvetica, sans-serif; color: #666666; line-height: 15px; }

:link, :visited { text-decoration: none; color: #0099ff;  }
a:hover { color:#fff!important; }
h1, h2, h3, h4, h5, h6, h7, h8 { font-family:'Molengo', arial, serif; }
h1, h2 { font-size: 36px; color: #fff; line-height: 50px; font-weight: normal; padding-bottom: 10px; }
h3 { color: #fff; font-size: 12px; font-weight: normal; padding-bottom: 8px; }
p, ul, ol { padding-bottom: 12px; }
span { color: #0099ff; }
.button { background: url(_include/img/background-button.gif); display: block; width: 120px; height: 19px; padding: 8px 0 0 15px; margin: 5px 4px 0 0; text-transform: uppercase; color: #fff; }
.button:hover { color: #0099FF!important; }
strong, em { color: #fff; font-weight: normal; }







/* LAYOUT */
#header-content, #footer { width: 915px; margin: 0px auto; padding:0px 0px 150px 20px; }

#header { display:block ;}
#header-content { position: relative; z-index: 5; }
#footer-content {  width: 915px;  height: 55px;  position:relative; top:100px;}
#logo { padding-top: 36px; width: 302px; float:left; margin-top:-10px; }

#footer ul li { float: left; height: 10px; border-right: 1px solid #292929; padding-right: 7px; margin: 4px 7px 0 0; line-height:10px; }
#footer :link, #footer :visited { color: #666666; -webkit-text-size-adjust: none; }
#footer p { background: url(_include/img/icons.gif) no-repeat right 0; padding: 2px 38px 4px 0px; margin-right:0px; }
#footer p, #footer p span { -webkit-text-size-adjust: none;  }
#content { width: 915px; padding: 0 40px; margin: 0 auto; }



/* NAVIGAZIONE */
ul#menu {
	float: right;
	list-style:none;
	margin:5px;
	top:25px;
	padding:5px;
	overflow: hidden; /* makes sure the container fits the floated list-items below */

}
ul#menu li h8{  }
ul#menu li{
	margin:10px 2px;
	padding:4px 5px 5px 5px;
	float:left;
	font-size:12px;
	font-weight:bold;
	font-style:italic;

}
ul#menu li a {
	position: relative;
	z-index: 5;
	color:#999;
	text-decoration:none;
padding:10px; 
}
ul#menu li.backLava {
	position:absolute;
	z-index:3;
	background:url(../img/lava.png)  no-repeat center;
	top:52px;
	margin-top:25px;
	height:30px;
	color:#FFF;

}
ul#menu li a:hover { color:#fff;}


/* HOMEPAGE */
#homepage-banner { width: 915px;  margin:0px auto ;}

#portal{ margin:auto; width:915px; margin-left:50%; left:-457px; padding:100px auto; position:relative; margin-bottom:50px;}
.row { width: 915px; margin-bottom: 28px; }
.row-b { border-bottom: 1px solid #181818; margin-bottom: 28px; padding-bottom: 28px; }

.p-col { float: left; width: 183px; overflow: hidden; }
.p-col .p-img-link { width: 182px; height: 500px; display: block; overflow: hidden; position:relative; }
.p-col .p-img-link img { position: absolute; top: 0; }
.p-col .p-img-link:hover img { left: -182px; top: 0; }
.p-col h2 { text-transform: uppercase; padding: 0; font-size: 20px; height: 40px; overflow: hidden; margin-top: 12px; position:relative; font-family: 'Molengo', arial, serif; }











/* 404 */
.error-page h1 { background: url(_include/img/ERROR-404.jpg); height: 406px; width: 911px; overflow: hidden; text-indent: -9999px; }








/* Pagina PORTFOLIO */
#homeportfolio { width:915px; margin:0px auto; top:40px; display:block; }

#homeportfolio #brand { width:670px;  display:block;  float:left; }

 #homeportfolio #brand h2{ font-size:18px; width:670px;    font-family: 'Molengo', arial, serif; background:#333; padding-left:10px;  border-top:1px solid #0099FF;-moz-border-radius-bottomleft: 10px;

-moz-border-radius-bottomright: 10px;}
 #homeportfolio #brand p{ border-left:1px solid #0099ff; border-right:1px solid #0099ff; color:#999;  width:600px; padding:10px;}


#pubbli { width:200px; height:500px; float:right; margin-left:10px;}
#contattami { height:200px; width:200px; bottom:0px; }







/* Email CSS */


#contact{ width:915px; margin:0 auto; display:block;}
#contact p{ width:550px;  border-left:1px solid #0099ff; border-right:1px solid #0099ff; color:#999; padding:10px;}

#contact h2{ font-size:18px; width:650px;	text-align:left;   font-family: 'Molengo', arial, serif; background:#333; padding-left:10px; margin-bottom:10px;  border-top:1px solid #0099FF;-moz-border-radius-bottomleft: 10px;

-moz-border-radius-bottomright: 10px;}



.notification_error
{
	color:#F00;
height: auto;
width: 90%;
padding: 4px;
background: #F8F0F1;
text-align: left;
}

.notification_ok
{ color:#09F;
height: auto;
width: 90%;
padding: 8px;
background: #f5f9fd;
text-align: center;
}

.info_fieldset {  }

.info_fieldset legend
{
color: white; 

font: 13px Verdana;

}

.button
{	width:100px; height:30px; background:url(../img/pulsante_invia.png) no-repeat ; border:none; float:right; margin-right:15px;}

/* Label */
label  {  color:white;width: 70px;  padding:5px;font-size:14px; font-family:'Molengo', arial;   float: left; text-align: left; }

/* Input, Textarea */
input { height:25px; width:220px; border:none;}
input, textarea
{
	
margin: 5px;
padding: 2px; 
float: left;

border:none;
color:#FFF; 
 background:#333;ö

font: 11px  Helvetica, Arial, sans-serif;	
}

textarea {height:150px; width:545px}


#immaginecontact{ float:right; top:-200px; position:relative; }
/* BR */

br { clear: left; }



/* Altri Mezzi di comunicazione*/

#altrimezzi{ width:915px; margin:60px auto;  display:block; }
#altrimezzi a{ color:#999;}


#altrimezzi p { width:290px;margin-top:5px; margin-bottom:15px; padding:5px;}
#mail { float:left; width:305px;}
#facebook { float:left; width:305px;}
#blog { float:left; width:305px;}

#boxport { float:left; width:305px;}



#mission{ width:915px; margin:40px auto; position:relative;top:100px; display:block; }
#mission a{ color:#999;}


#mission p { width:290px;margin-top:5px; margin-bottom:15px; height:100px; padding:5px;}


 #altrimezzi h3 {color:#0099ff ; padding:5px; text-transform:uppercase; padding-top:10px; padding-bottom:0px; font-family:'molengo', helvetica, arial; font-size:13px; }
 #mission h3 {color:#0099ff ; padding:5px; text-transform:uppercase; padding-top:10px; padding-bottom:0px; font-family:'molengo', helvetica, arial; font-size:13px; }

/* Biografia */



#biografia { width:580px;  float:left;  }
#biografia p{ width:580px;  border-left:1px solid #0099ff; border-right:1px solid #0099ff; color:#999; padding:10px;}

#biografia h2{ font-size:18px; width:650px;    font-family: 'Molengo', arial, serif; background:#333; padding-left:10px;  border-top:1px solid #0099FF;-moz-border-radius-bottomleft: 10px;

-moz-border-radius-bottomright: 10px;}



/* Servizi */



/* Portfolio */
#portfolio { width:915px; margin:0px auto; top:40px;  }
	
	
			
			
	.p-img { width: 769px; position: relative; margin-top:40px; background:#CCC;}
.p-info { width: 124px;  margin-top:40px; }
.p-info strong { display: block;  }
.p-title { width: 100%; font-size: 24px; margin-top: 20px; padding-bottom: 20px; text-align:left; font-family: 'Nobile', arial, serif; }
.p-breif { width: 305px;  } 
.p-sol { width: 585px; }
.p-footer { float: left; width: 915px; border-top: 10px solid #181818; border-bottom: 10px solid #181818; padding: 11px 0 11px 0; text-align: right; margin-top: 10px; }
.p-footer :link, .p-footer :visited { background: url(_include/img/icons.gif) no-repeat 20px -276px; padding-right: 20px; -webkit-text-size-adjust: none; }
.p-info :link, .p-info :visited { color: #666; }
.profile-nav #sub-highlight { left: -0.5px; }
.profile-nav #sub-nav { width: 660px; }
.videoFront { position: relative; }
.videoBack { position: absolute; left: 0; top: 0; }