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

p {font-size: 10px; margin-top:0}
p a{color: #444444;}
p a:hover{color: #bebebe;}
h1 {font-size:18px; color:#566987; margin-top:0}
h2 {font-size:16px; color:#566987; margin-top:25px; margin-bottom:15px; padding-bottom:4px; line-height:22px; background: transparent url(../images/riga-h2.jpg) bottom repeat-x}
h2 a{display:block;background-color:#566987;color:#FFFFFF!important; padding-left:4px;}
h2 a:hover{display:block;background-color:#e3e3e3;color:#566987!important;}

.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: 0px 0px 0px 1px;}

.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; text-align: left; 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 {font-size: 10px; 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:7px; border:1px solid #aab4c2;}
.pulsante-ok {background-image:url(../images/pulsante-ok.jpg); width:16px; height:16px; border:0px; margin-right:10px; float:right}
.pulsante-ok-prezzo {background-image:url(../images/pulsante-ok-prezzo.png); 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; display:block; float: left; margin-top:30px; background: transparent url(../images/logo-santambrogio.jpg) no-repeat}
#logo a{width:215px; height:60px; display:block; float: left;}
#fb {width:125px; height:100px; display:block; float: right; margin-top:20px; background: transparent url(../images/facebook.gif) no-repeat}
#fb a{width:125px; height:100px; display:block; float: right;}
#menu {width:857px; height:18px; margin-top:25px; margin-bottom:15px; 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}
#intro-offerte {width:856px;}
#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; margin-top:8px; margin-bottom:8px;}
.bottom-elenco-left {display:inline; width:280px; margin-right:1px; margin-left:1px; margin-bottom:8px; border:1px solid #aab4c2; float:left; text-align:center;} 
.bottom-elenco-center {display:inline; width:280px; margin-right:1px; margin-left:1px; margin-bottom:8px; border:1px solid #aab4c2; float:left; text-align:center;} 
.bottom-elenco-right {display:inline; width:280px; margin-right:1px; margin-left:1px; margin-bottom:8px; 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; background-color:#e3e3e3; float:left}
#table-box-info {width:240px; 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;}
.button1 { display:block; background-color:#FF6600; color:#fefefe; font-weight:bold; font-size:13px; width:350px; height:30px; margin-top:5px; text-align:center; line-height:30px;}
.button1 a { display:block; border:double; color:#fefefe; background-color:#FF6600;}
.button1 a:hover {border:double; border-color:#566987; background-color:#FF3300; color:#fefefe; text-decoration:none;}
.button2 { display:block; color:#fefefe; font-weight:bold; font-size:12px; margin-left: 15px; margin-top:25px; margin-bottom:10px; text-align:center; line-height:30px; float:left;}
/*.button2 a { display:block; color:#fefefe; background-color:#566987; border:3px double; border-color:#FF6600; width:260px; height:30px; float:left;}
.button2 a:hover { display:block; border:3px double; border-color:#566987; background-color:#FF6600; color:#fefefe; text-decoration:none; float:left;}*/
.button2 a { display:block; color:#fefefe; background-color:#566987; border:3px double; border-color:#FFFFFF; width:542px; height:30px; float:left;}
.button2 a:hover { display:block; border:3px double; border-color:#566987; background-color:#556886; color:#fefefe; text-decoration:none; float:left;}
.button3 { display:block;  border:4px double; background-color:#FF6600; color:#fefefe; font-weight:bold; font-size:13px; width:350px; height:40px; padding-top:0px; margin-top:5px; text-align:center; line-height:30px;}
.button3:hover {border:double; border-color:#FF6600; background-color:#FF6600; color:#fefefe; text-decoration:none;}
.button_invia { display:block; border:4px double; background-color:#FF6600; color:#fefefe; font-weight:bold; font-size:14px; width:120px; height:40px; padding-top:0px; margin-top:5px; text-align:center; line-height:30px;}
.button_invia:hover {border:double; border-color:#FF6600; background-color:#FF6600; color:#fefefe; text-decoration:none;}

/***************************** 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_pelle, #button_pelle a{display:block; width:138px; height:200px; background:url("../images/divani-pelle.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, #button_pelle 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; border:0px solid #aab4c2; padding-top:9px; 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;}
.foto-prodotto a {display:block; width:260px; 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}
.prezzo {width: 170px; height: 30px; line-height: 30px; vertical-align: middle; text-align: right; padding-right:3px; color:#ab5e15; font-size: 12px; font-weight: bold; text-shadow: #cccccc 1px 1px 0; float:right;}
.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: 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: 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-left:10px; font-weight:bold; font-size:11px;}
.clearer {clear: both; text-align:center;}