@charset "utf-8";
/* CSS Document */

/*id principali standard*/
body {background-color:#fff; color:#039; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; margin:0; padding:0; line-height:normal;}
.body #container {width: 960px; margin: 0 auto; background-color:#FFFFCB;}
.body #header {padding:0; background-color:#FFFFCB; height:90px; border-bottom:4px solid #039;}
.body #content {padding:0; margin:0; background-color:#fff;}
.body #footer {padding:0; border-top:4px solid #039;}

/*elementi testata hp*/
#header #logo{background-image:url(img/gate2000a.jpg); background-position:0 0; width:350px; height:70px; display:block; cursor:pointer; text-indent:-1000em; float:left;}
#header #faro{background-image:url(img/gate2000a.jpg); background-position:0 -70px; background-repeat:no-repeat; width:480px; height:30px; float:right; padding:60px 0 0;}
#header #faro h1{text-align:right; position:relative; left:-180px;}

/*elementi footer*/
#footer #menu-sx, #menu-dx, #copy, #copy1{padding:5px;}
#footer #menu-sx{float:left;}
#footer #menu-dx{float:right;}
#footer #copy{clear:both; text-align:left; margin:5px 0 0;}
#footer #copy1{text-align:left; padding-top:0;}

/*elementi comuni*/
h1, h2, h4{margin:0; padding:0; font-family:"Trebuchet MS", Verdana; line-height:105%; letter-spacing:0.5px;}
h1{font-size:170%; font-style:italic;}
h2{font-size:130%; margin:3px 0;}
h3{font-size:100%; margin:3px 0;}
h4{font-size:110%; color:#00F; font-style:italic;}
h5 {font-size:90%; margin:3px 0;}

a {color:#00F;}
a:hover {color:#F00;}

p{padding:0; margin:0;}
ul, ol{margin:5px 25px; padding:0;}
li{margin:10px 0;}
hr{margin:5px 0 20px 0; color:#fff; border-top:1px solid #039; clear:both;}

/* form */
form {margin:0; padding:0;}
input, textarea, select {border:1px solid #039; letter-spacing:1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; padding:.1%;}
p input, p textarea{font:100% Verdana, Arial, Helvetica, sans-serif;}
p input.submit {font:90% Verdana, Arial, Helvetica, sans-serif;}
.submit {border:1px solid #039; background:#039; font-size:70%; color:#FFF; padding:.1%; cursor:pointer;}
.checkbox {border:0;}
.non-obbligatorio {color:#76A0D3;}

/*-------id content-------*/
#lista-profili-personale{list-style:none; margin:0;}

/*immagini index*/
#e-marketing-occhio, #e-card-occhio, #e-marketing-chiocciola, #e-card-chiocciola, #e-marketing-effetto, #e-card-effetto, #e-marketing-4stagioni, #e-card-4stagioni, #e-marketing-mare, #e-card-mare, #e-marketing-porte, #e-card-porte{display:block; cursor:pointer; text-indent:-1000em; position:relative; /*border:1px solid #FF0000;*/}
#img-hp-occhio, #img-hp-chiocciola, #img-hp-effetto, #img-hp-4stagioni, #img-hp-mare, #img-hp-porte{width:960px; height:450px; background-repeat:no-repeat; background-position:top center;}
/*occhio*/
#img-hp-occhio{background-image:url(img/gate2000_occhio.jpg);}
#e-marketing-occhio{width:450px; height:340px; left:20px; z-index:1;}
#e-card-occhio{width:240px; height:90px; top:15px; left:280px; z-index:2;}
/*chiocciola*/
#img-hp-chiocciola{background-image:url(img/gate2000_chiocciola.jpg);}
#e-marketing-chiocciola{width:620px; height:140px; top:15px; left:20px; z-index:1;}
#e-card-chiocciola{width:280px; height:70px; top:220px; left:655px; z-index:2;}
/*effetto*/
#img-hp-effetto{background-image:url(img/gate2000_effetto.jpg);}
#e-marketing-effetto{width:640px; height:320px; top:30px; left:20px; z-index:1;}
#e-card-effetto{width:140px; height:180px; top:-75px; left:750px; z-index:2;}
/*4stagioni*/
#img-hp-4stagioni{background-image:url(img/gate2000_4stagioni.jpg);}
#e-marketing-4stagioni{width:510px; height:100px; top:10px; left:15px; z-index:1;}
#e-card-4stagioni{width:300px; height:45px; top:300px; left:650px; z-index:2;}
/*mare*/
#img-hp-mare{background-image:url(img/gate2000_mare.jpg);}
#e-marketing-mare{width:775px; height:130px; top:35px; left:105px; z-index:1;}
#e-card-mare{width:400px; height:55px; top:245px; left:430px; z-index:2;}
/*porte*/
#img-hp-porte{background-image:url(img/gate2000_porte.jpg);}
#e-marketing-porte{width:450px; height:120px; top:10px; left:10px; z-index:1;}
#e-card-porte{width:350px; height:65px; top:255px; left:335px; z-index:2;}


/*class content*/
.testo-grande-bold{font-size:120%; font-weight:bold;}
.clear{clear:both;}
.img{background-image:url(img/gate2000a.jpg); width:230px; height:230px; margin-bottom:10px; display:block; text-indent:-1000em;}
.ecard{background-position:0 -390px;}
.email-marketing{background-position:0 -160px;}
.colonna-foto, .colonne, .col-left, .col-small-left, .doppia-colonna, .colonne-portfolio, .colonne-portfolio-link, .colonne4, .back{padding:10px; float:left;}
.colonna-foto{width:230px;}
.col-left{width:47%;}
.colonne{width:25%;}
.col-small{padding:10px; float:right; width:155px;}
.col-small-left{width:155px;}
.doppia-colonna{width:515px;}
.tripla-colonna{width:80%;}
.colonna-100{width:100%; padding:10px; clear:both;}
.testo-centrale{width:auto; margin:10px 0 0; padding:0 0 30px 0; text-align:center; clear:both;}
.testo-centrale h2{margin-bottom:5px;}
.staff-desc{padding:0 0 20px;}
.colonne4{width:210px; padding:15px !important;}
.tit{font-style:normal !important; padding:10px;}
.colonna-foto img{margin:5px 0;}
.colonne-portfolio{width:150px; height:250px; padding:0 20px;}
.colonne-portfolio-link{width:180px; padding-top:0;}