/****************************formattazione***************************/

body {margin:0; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #9c9c9c;}
td {font-size: 10px;}
a {text-decoration: none; color: #9c9c9c;}
a:hover {color: #bebebe;}

p {font-size: 10px;  margin-top:0}
p a{color: #444444;}
p a:hover{color: #bebebe;}
strong {color: #566987;}
h1 {font-size:18px; color:#566987; margin-top:0}

.piedipagina {font-size:11px; color:#565656; margin:0}
.piedipagina-menu {font-size:10px; color:#556986}
.piedipagina-menu a{color:#556986;}
.piedipagina-menu a:hover{color:#bebebe;}
.credits {font-size:8px; color:#565656}
.credits a{color:#565656}
.credits a:hover{color:#bebebe}
.txt-riga-alta { line-height:15px}

.menu {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color:#556986; padding:0 1px;}
.menu a{color:#556886; padding:0 1px;}
.menu a:hover{color:#ffffff; background-color:#556886; padding:0 1px;}
.menuselected{color:#ffffff; background-color:#556886; padding:0 1px;}
.pallino {margin: 0 0px}

.caption-foto {font-family:Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color:#ffffff; margin:250px 15px 10px 0; }
.titolo-sfondo {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color:#ffffff; margin:12px 0 5px 0; padding-left:3px; display:block; background-color:#566b8a}
.titolo-news-home {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color:#556986}
.titolo-newsletter {color:#556986; padding-top:10px; padding-bottom:15px}
.testo-newsletter {color:#566987}
.privacy-newsletter {color:#556986; text-align:left;}

.txt-evidenza {color:#687993}
.txt-evidenza a{color:#687993}
.txt-evidenza a:hover{color:#444444}

select, textarea, input {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #444444; margin-right:10px;}
.pulsante-ok {background-image:url(../images/pulsante-ok.jpg); width:16px; height:16px; border:0px; margin-right:10px; float:right}

/***************************** struttura *****************************/

#container {width:857px; margin:0 auto; text-align:justify;}
#logo {width:215px; height:60px; margin-top:30px; background: transparent url(../images/logo-santambrogio.jpg) no-repeat}
#logo a{width:215px; height:60px; display:block}
#menu {width:857px; height:18px; margin-top:25px; margin-bottom:40px; text-align:center; background: transparent url(../images/riga-menu.jpg) bottom repeat-x}
#newsletter {width:857px; padding-bottom:22px; border-bottom:1px solid #aab4c2; margin-top:20px; margin-bottom:22px}
#box-newsletter {width:857px; padding:0px; background-color:#e3e3e3; border:1px solid #aab4c2;}
#footer {width:857px; height:40px;}

/***************************** struttura HOME *****************************/

#content-home {width:857px; height:369px; margin-bottom:39px;}
#intro-home-bottom {padding-bottom:25px; float:left; clear: both;}
#intro-home {width:270px; height:310px; text-align:justify; padding-right:18px; float:left;}
#intro-home1 {padding:0px; float:left; clear: both;}
#tipologie {width:857px; height:200px; margin-bottom:23px; margin-top:28px; overflow:hidden}
.riquadro-tipologie {width:138px; height:200px; margin-right:41px; float:left}
#news {width:857px; height:134px; border-bottom:1px solid #aab4c2; clear:both}
#logo-news {width:857px; height:11px; background:transparent url(../images/riga-news.jpg) repeat-x }
.news {width:265px; height:82px; text-align:left; overflow:hidden; margin:20px 20px 23px 0; float:left}
.fotonews {margin-right:11px; border:1px solid #aab4c2; float:left}

/***************************** struttura pagina CATEGORIA *****************************/

#content-categoria {width:857px; margin-bottom:20px;}
#intro-categoria {width:521px; padding-left:62px; float:right}
#foto-categoria {width:274px; text-align:right; float:left}
.prodotti {width:856px; background-color:#ffffff; border-bottom:1px solid #aab4c2; padding-bottom:15px}
#wrapper { width:856px; }
.bottom-elenco-left {display:inline; width:280px; margin:15px 1px; border:1px solid #aab4c2; float:left; text-align:center;} 
.bottom-elenco-center {display:inline; width:280px; margin:15px 1px; border:1px solid #aab4c2; float:left; text-align:center;} 
.bottom-elenco-right {display:inline; width:280px; margin:15px 1px; border:1px solid #aab4c2; float:left; text-align:center;} 

/***************************** struttura pagina SCHEDA PRODOTTO *****************************/

#content-scheda {width:857px; margin-bottom:28px; padding-bottom:15px; border-bottom:1px solid #aab4c2;}
#sinistra-scheda {width:358px; float:left}
#destra-scheda {width:474px; float:right; margin-left:25px}
#ytapiplayer {float:left; margin-left:25px}
#chiedi-info {width:474px; margin-top:22px}
#box-info {width:275px; height:134px; background-color:#e3e3e3; float:left}
#table-box-info {width:240px; height:110px; margin-left:20px; margin-top:10px; color: #566987;}
#table-box-preventivo {width:600px; margin-left:0px; margin-top:0px; color: #566987;}
.bottone-download {border: 1px solid #566b8a; background-color:#e3e3e3; padding:3px;}
.bottone-sumisura, .bottone-sumisura a, .bottone-sumisura a:link, .bottone-sumisura a:active {
   display: -moz-inline-stack;
   display: inline-block;
   width: 350px;
   height: 40px;
   background-image: url("../images/bottone_divano_su_misura_on.png");
	 background-repeat: no-repeat; 
   line-height: 40px;
   vertical-align: text-middle;
   text-align: center;
   color: #ffffff;
   font-family: sans-serif;
   font-size: 13px;
   font-weight: bold;
   font-style: normal;
   text-shadow: #333344 1px 1px 0;
}
.bottone-sumisura a:hover {
   display: -moz-inline-stack;
   display: inline-block;
   width: 350px;
   height: 40px;
   background-image: url("../images/bottone_divano_su_misura.png");
	 background-repeat: no-repeat; 
	 color: #ffffff;
}

/***************************** struttura pagina PREVENTIVO SU MISURA *****************************/

#content-preventivo {width:857px; margin-bottom:28px; padding-bottom:15px; border-bottom:1px solid #aab4c2;}
#sinistra-preventivo {width:520px; float:left;}
#destra-preventivo {width:310px; height:530px; overflow:auto; float:right; margin-left:25px; border:1px solid #aab4c2;}
.titolo-sfondo-elenco {font-family:Arial, Helvetica, sans-serif; font-size: 10px; color:#ffffff; margin:0px; padding-left:3px; display:block; background-color:#566b8a}
#table-box-preventivo {width:520px; margin-left:0px; margin-top:0px; color: #566987;}


/***************************** struttura pagina STATICA *****************************/

#content-pagina-standard {width:857px; height:510px; padding-bottom:15px; margin-bottom:28px; border-bottom:1px solid #aab4c2; }
#intro-pagina-standard {width:200px; padding-left:20px; float:left}
#mappa {width:480px; height:440px; position:relative; overflow:hidden; float:right; margin-left: 20px;}

/**************************** bottoni con rollover *******************************/

#button_moderni, #button_moderni a{display:block; width:138px; height:200px; background:url("../images/divani-moderni.jpg") no-repeat top left; margin-right:41px; overflow:hidden; float:left}
#button_classici, #button_classici a{display:block; width:138px; height:200px; background:url("../images/divani-classici.jpg") no-repeat top left; margin-right:41px; overflow:hidden; float:left}
#button_letto, #button_letto a{display:block; width:138px; height:200px; background:url("../images/divani-letto.jpg") no-repeat top left; margin-right:41px; overflow:hidden; float:left}
#button_chester, #button_chester a{display:block; width:138px; height:200px; background:url("../images/divani-chester.jpg") no-repeat top left; margin-right:41px; overflow:hidden; float:left}
#button_angolari, #button_angolari a{display:block; width:138px; height:200px; background:url("../images/divani-angolari.jpg") no-repeat top left; margin-right:41px; overflow:hidden; float:left}
#button_moderni a:hover, #button_classici a:hover, #button_letto a:hover, #button_chester a:hover, #button_angolari a:hover {width:138px; height:200px; background-position:top right; float:left}

.prodotto {display:block; width:280px; margin:1px; height: 258px; overflow:hidden; border:1px solid #aab4c2; float:left; background-color:#FFF;}
.prodotto a {display:block; width:280px; margin:0px; height: 258px; overflow:hidden; border:0px solid #aab4c2; float:left; background-color:#FFF}
.prodotto a:hover {display:block; width:280px; float:left; background-color:#eaeaea; color:#a5a5a5}
.foto-prodotto {display:block; width:260px; height:160px; overflow:hidden; margin:10px; border:0px solid #aab4c2; float:left; text-align:center; background-color:#FFF}
.foto-prodotto a {display:block; width:260px; height:160px; overflow:hidden; margin:10px; border:0px solid #aab4c2; float:left; text-align:center; background-color:#eaeaea; color:#a5a5a5}
.foto-prodotto a :hover {display:block; background-color:#eaeaea; color:#a5a5a5}
.txt-prodotto {display:block; width:260px; height:26px; margin:0px 0px 0px 10px; float:left;}
.dettagli {width:80px; height:12px; margin-top:5px; padding-top:5px; margin-left:10px; padding-left:16px; float:left; clear:left; background-image:url(../images/pulsante-prodotto.gif); background-repeat:no-repeat; background-position:bottom left; color:#556986}
.sconto {
   width: 150px;
   height: 30px;
   background-image: url("../images/bollino_sconto_small.png");
	 background-repeat:no-repeat;
	 background-position:top right;
	 line-height: 30px;
   vertical-align: text-middle;
   text-align: right;
	 padding-right:3px;
   color: #ffffff;
   font-family: sans-serif;
   font-size: 12px;
   font-weight: bold;
   font-style: normal;
   text-shadow: #333344 1px 1px 0;
	 float:right;
}
.scontobig {
   height: 45px;
	 display:block;
   background-image: url("../images/bollino_sconto_big.png");
	 background-repeat:no-repeat;
	 background-position:top left;
	 line-height: 45px;
   vertical-align: text-middle;
   text-align: left;
	 padding-left:5px;
   color: #ffffff;
   font-family: sans-serif;
   font-size: 17px;
   font-weight: bold;
   font-style: normal;
   text-shadow: #333344 1px 1px 0;
}
.titolo-prodotto {color:#556986; margin:10px 10px 0px 10px; font-weight:bold; font-size:11px;}
.clearer {clear: both; text-align:center;}