/*
************************************
 001. stili standard
************************************
 */
html, body {width:100%; font:normal 12px "Century Gothic", Tahoma, Geneva, sans-serif; margin:0 auto; text-align:center; color:#000; background-color:#fff;}
div, p, span, td, tr, th, table {font:normal 13px "Century Gothic", Tahoma, Geneva, sans-serif; margin:0; padding:0; text-align:left; color:#000;}
.titolotesto {font-size: 9pt; font-weight:bold; color:#fff;}
.error {color: #f30;}

.cursor_link {cursor:pointer;}


img, a {margin:0; padding:0; border:0;}

br.cucu {clear:both; height:0px;}
hr.cucu { height: 0px; margin: 0px; padding: 0px; overflow: hidden; clear: both; display: block; visibility: hidden;}
hr.grigiafina {width:100%; background-color:#A58534; height: 1px; border:1px; text-align:left; margin-left:1px; margin-top:2px;}
hr.grigiafina_2 {width:885px; background-color:#E4E4E4; height: 1px; border:1px; text-align:left; margin-left:1px; margin-top:2px;}
h1 {font-size:16px; margin:0 0 20px 0; font-weight:lighter; color:#333;}
h2 {font-size:14px; margin:10px 0 10px 0; font-weight:lighter; color:#A68535;}
h3 {font-size:15px; margin:0 0 10px 0; font-weight:lighter; color:#33321B; border-bottom:1px solid #E4E4E4;}
h4 {font-size:22px; margin:0 0 5px 0; font-weight:lighter; color:#333;}
h5 {font-size:14px; margin:5px 0 10px 0; color:#A68535;}

a img, a:visited img, a:active img, a:active img {border:5px solid #EEEBDE;}
a:hover img {border: 5px solid #C0B585;}

a:link, a:visited {text-decoration:none; color:#000;}
a:focus, a:hover, a:active {text-decoration:underline; color:#000;}

.sinistra {float:left;}
.destra { float:right;}

/*
************************************
002.divs pagina
************************************
*/


/* gestione larghezze */
#contenitore, #top, #corpo,  #footer {width:980px; margin:0 auto;}

#top {height:50px;}
  .logo_sx { width:217px; float:left;}


#menu{float:right;}
#menu ul{list-style:none;}
#menu li{list-style:none; display:inline; margin:0 5px;}
#menu li a{ color:#35331D; text-transform:uppercase; font-size:12px; text-decoration:none; border-bottom:3px solid #EEEBDE; cursor:pointer; padding:0 0 1px 0;}
#menu li a.login { border-bottom:3px solid #E4011C;}
#menu li a:hover{border-bottom:3px solid #C0B585; color:#000; text-decoration:none;}

#corpo {border-top:1px solid #000; padding-top:10px; height:auto !important; height:300px; min-height:300px;}
  #box_costruzioni {float:left; width:245px; height:340px; padding-left:10px; border-right:1px solid #EEEBDE;}
  .contatti {margin:0; padding:0; margin-bottom:80px;}
  .contatti ul{list-style:none;}
  .contatti li{list-style:none; left:0px}
  .contatti li a{color:#35331D; text-decoration:none; ursor:pointer;}
  .contatti li a:hover{color:#000; text-decoration:underline;}

  .box_crosetta {float:left; width:345px; height:340px; margin-bottom:20px; padding-left:18px; padding-right:10px; border-right:1px solid #EEEBDE;}
  .vedi_tutto {margin-left:110px;}
  .brochure a:link, .brochure a:visited {text-decoration:none; color:#900;}
  .brochure a:focus, .brochure a:hover, .brochure a:active {text-decoration:underline; color:#900;}

box_alberti {float:left; width:330px; padding-left:18px;}
  .vedi_tutto_2 {margin-left:90px;}
  .brochure_2 a:link, .brochure_2 a:visited {text-decoration:none; color:#900;}
  .brochure_2 a:focus, .brochure_2 a:hover, .brochure_2 a:active {text-decoration:underline; color:#900;}

#dominator {height:auto !important; height:1150px; min-height:1150px;}
#dominator_2 {height:auto !important; height:900px; min-height:900px;}

#sinistra {width:735px; float:left; }
  .titolo_crosetta {width:718px; height:90px; border: 5px solid #EEEBDE; background-color:#F3E7CC;}
  .titolo_alberti {width:718px; height:90px; border: 5px solid #EEEBDE; background-color:#1E549F;}
  .posiziona_logo {padding:7px 90px 0 15px; float:left;}
  .titoletto {margin:5px 0 0 0; line-height:200%;}
  .planimetria {width:720px; /* height:736px; */ margin:15px 0 0 0;}
  .planimetria ul {margin:0; padding:0;}
  .planimetria li { list-style:none; margin:0; padding:0;}

#destra {width:230px; height:auto !important; height:600px; min-height:600px; border: 5px solid #EEEBDE; float:left; padding:2px; margin-bottom:10px;}

#appartamenti {}
  .posizione_appartamenti { width:980px; height:auto !important; height:530px; min-height:530px; background: url(../../img/public/footer_appartamenti.jpg) no-repeat top #FFFFFE; border-top:1px solid #E4E4E4; clear:both; }
  .box {width:460px; padding:15px; float:left;}
  .box a img, .box a:visited img, .box a:active img, .box a:active img {border:5px solid #EEEBDE; padding:3px;}
  .box a:hover img {border: 5px solid #C0B585; padding:3px;}
  .box ul {margin:0; padding:0;}
  .box li { list-style:none; margin:0; padding:0;}
  .posiziona_testo {padding:8px 0 0 0;}
  .posiziona_riquadro {float:left; margin-right:20px;}

#lavori_effettuati {}
  .posiziona_foto {float:left; margin:0 10px 10px 0;}


#footer {height:25px; background: url(../../img/public/footer.jpg) no-repeat bottom; margin-top:40px; font-size:11px; text-align:center;}


/*
************************************
 003. form
************************************
 */

.form_testo { width:192px; height:22px;  background: url(../../img/public/sfondo_form.jpg) 0 0 no-repeat ; border: 0px solid; padding:2px 0 0 3px; font-size:11px; margin-left:10px;}
.form_messaggio {width:257px; height:158px;  background: url(../../img/public/sfondo_messaggio.jpg) 0 0 no-repeat ; border: 0px solid; padding:6px 0 0 3px; font-size:11px; overflow:auto; margin-left:10px;}
.form_bottone {width:124px; height:24px; background: url(../../img/public/invio.jpg) 0 0 no-repeat ; border: 0px solid; cursor:pointer; margin-left:10px;}
.posiziono_form {width:495px; background-color:#F2F2F2; border:1px solid #C8C8C8; padding:30px 0 30px 30px; float:left; ;}


.strillone_novita {
  background-color:#1e549f;
  color:white;
  padding:1em 0;
  margin:0 0 1em 0;
  border:5px solid #eeebde;
  width:718px;
  text-align:center;
  font-size:150%;
}

.strillone_novita_crosetta {
  background-color:#f3e7cc;
  color:black;
  padding:1em 0;
  margin:1em 0 1em 0;
  border:5px solid #eeebde;
  width:718px;
  text-align:center;
  font-size:150%;
}

.strillone_novita:hover {
  border: 5px solid #C0B585;
}