/*faux column di destra */
#wrapper {background: url("../img/wrapper_bg.gif") repeat-y;}/*faux column - solo in home */


/* in CONTAINER 
============================= */
#boxContainer {margin:10px 6px; /*height:500px;*/ } 
#testi {width:557px; float:left;} /* larga 557px */
#shopping {float:right; width:126px;}   /* larga 126px */

#testi h3 {font-size:15px; color:#B7103E;}
#testi h3 a {color:#B7103E;}

/*moduli dei testi */
#sfilate, #strilloBig, .strilloSmall, .strilloMed, .strilloTop, #coverSmall, #coverBig, .strilloHome, .strilloBig2, .strilloBig2_R DIV, .strilloBig3, .strilloBig3_R   {background: #FFF url(../img/bg_box.gif) no-repeat top left; border-bottom:#C7C5BA 1px solid; border-right:#DDDACE 1px solid}

/* home parte alta */
#coverHome_cont { width:551px; float:left;  margin-bottom:7px;}
#coverHome {width: 283px; float: left; position: relative;background: #FFF url(../img/bg_boxHome.gif) no-repeat top left;border-bottom: #C7C5BA 1px solid; border-right: #DDDACE 1px solid;}

#coverHome h3, #hotHome h3 {margin:4px; padding:0;  }
#coverHome h3 a { font-size:18px; background:transparent; line-height:16px;}
#coverHome h3 a.sommario { font-size:22px; color:#000; background:transparent; font-weight:normal;}
#coverHome img.fotoHome  {margin:4px; display:block}
#coverHome #slidetext {margin:0; padding:0; height:78px;}
#coverHome #slidetext p {padding:2px 4px;}


#nonperdere_cont {padding:3px 4px 4px; float:left; }
#nonperdere {  border:1px solid #D4CFBB; position:relative; width: 220px; float: left; padding: 1px 0 1px 0 }
#nonperdere_R {border:1px solid #D4CFBB; width: 30px; float: right; text-align: center; padding: 1px 0 1px 0}
#nonperdere a {color:#43232E; font-size:8px; font-family: Trebuchet MS; font-weight: bold; padding: 0 4px 0 4px; margin: 0;}
#nonperdere span {margin-right: 53px; margin-left:4px; color:#43242E;}
#nonperdere div {font-size:8px; display: inline; border: 1px solid #9E8E6C; margin-right: 1px; _margin-right: 4px; padding: 0;}
#nonperdere div a {color:#44242F; background-color: white;}
#nonperdere div a:hover {color:#44242F; background-color: #9E8E6C;}
#nonperdere img.arrow {position:absolute; top:4px; right:10px;}


#hotHome {width: 260px; /*height: 355px;*/ float: right; margin-bottom:6px;position: relative; /*background: #FFF url(../img/bg_boxHome.gif) no-repeat top left;border-bottom: #C7C5BA 1px solid;border-right: #DDDACE 1px solid;*/}
#hotHome h3 a { font-size:15px; background:transparent;}
#hotHome .strilloHome { margin:0 0 6px 0; float:left; padding: 6px 5px 6px 16px;}
#hotHome .strilloHome h3  {font-size: 13px;  font-weight: bold; margin: 0 0 0 0}
#hotHome .strilloHome h3 A {font-size: 13px;  font-weight: bold; margin: 0 0 0 0}
#hotHome .strilloHome img {float:right; border-bottom:1px solid #EEECE0; margin-left: 4px}
.linkHome {margin:4px;border-bottom: 1px solid #EEECE0;background-image: url(../img/dot.gif);background-repeat: no-repeat;background-position: left center;}
.linkHome a {margin-left:10px;}



/*** i TAB ***/

#tab_space { background-color: #E8E5D8; font-size: 1px; line-height: 1px; height: 3px; margin:0; padding: 0 0 0 0}
#t_gossip {float: left; margin: 0;}
#t_video {float: right; margin: 0;}
#t_news {float: left; margin: 0;}

#tab_cont_gossip {display: block; clear:both; height: 140px; background: #FFF url(../img/bg_boxHome.gif) no-repeat top left; border-right: #DDDACE 1px solid;}
#tab_cont_video {display: none; clear:both; height: 140px; background: #FFF url(../img/bg_boxHome.gif) no-repeat top left; border-right: #DDDACE 1px solid}
#tab_cont_news {display: none; clear:both; height: 140px; background: #FFF url(../img/bg_boxHome.gif) no-repeat top left; border-right: #DDDACE 1px solid}

#today {/*margin: 0px 0px 6px 0;position: relative;*/ }
#today h4 {text-transform: uppercase;margin: 2px 8px 0 8px;position: relative;}
#today h4 a {position: absolute;top: 0;right: 10px;color: #B60E3D;text-decoration: underline;text-transform: none;font-size: 10px;font-weight: normal;}

#today ul {margin:5px; padding:5px; float:left; width: 230px}
#today li { display: inline;  }
#today li a {display: block; border-bottom: #EBE9D9 1px solid; background-image: url(../img/dot.gif);background-repeat: no-repeat;background-position: left center; padding:2px 0 2px 10px; }
#today li strong { color: #43242E; }

#gossip ul { margin:5px; padding:5px; float:left;}
#gossip li { display: inline;}
#gossip li a {display: block; border-bottom: #EBE9D9 1px solid; background-image: url(../img/dot.gif);background-repeat: no-repeat;background-position: left center; padding:2px 0 2px 10px;}
#gossip li strong { color: #43242E; }

#oroscopo { text-align: center;background: #FFF url(../img/bg_boxHome.gif) no-repeat top left; border-right: #DDDACE 1px solid; border-bottom: #C7C5BA 1px solid;}
#oroscopo .sep {clear:both; height:10px; line-height:10px; background: url(../img/dot_separatore.gif) 5px 0px repeat-x;}

.tuttilink {text-align:right; padding-right:15px; clear:both;}
.tuttilink a {font-size:10px; color:#B60E3D; text-decoration:underline;}
.tuttilink .lnk_sx {float: left; margin-left: 15px}


/* strilli */

.home #sfilate h4 {color:#B60E3D; font-size:13px; margin:5px 15px; width:120px; position: relative}
.home #sfilate img {position:absolute; top:0; right:0}
.home #sfilate select {position:relative; top:5px; left:15px; border:#745660 1px solid; font:11px arial}
.home #sfilate a {text-decoration:underline; position:relative; top:15px; left:15px}

.strilloSmall {width:157px; float:left;height:141px;margin:0px 6px 6px 0;}
.strilloSmall p, .strilloSmall ul {margin:5px 14px;}
.strilloSmall li {background: url(../img/list.gif) 0 4px no-repeat; padding-left:9px;}

#strilloBig p {float:left;margin:0; width:130px}
#strilloBig img { margin:2px 7px;float:left;}
#strilloBig h3, #sfilate h3, .strilloSmall h3, .strilloMed h3, #searchHair h3 {text-transform:uppercase; margin:3px 0 0 15px}

.strilloBig2  {float:left;margin-right: 5px; width:220px; margin-bottom: 7px; height: 180px}
.strilloBig2 img { margin:2px 12px;float:left;}
.strilloBig2 h3 {text-transform:uppercase; margin:3px 0 2px 15px}
.strilloBig2 p {margin:3px 0 2px 15px;}

.strilloBig2_R  {width: 323px;  float: left;}
.strilloBig2_R DIV  {height: 86px; }
.strilloBig2_R DIV A  { cursor: hand}
.strilloBig2_R DIV img {float: right; margin-top: -12px; margin-right: 5px}
.strilloBig2_R DIV h4 {width: 215px; float: left; margin: 5px 0 0 15px; color: #B7103E; display: inline; font-size: 13px}
.strilloBig2_R DIV p { width: 215px; float: left; margin: 0 0 0 15px; display: inline }
.strilloBig2_R .fc {margin-bottom: 7px}

.strilloBig3  {float:left;margin-right: 5px; width:220px; margin-bottom: 7px; height: 140px}
.strilloBig3 img { margin:2px 5px 0 12px;float:left;}
.strilloBig3 h3 {text-transform:uppercase; margin:3px 0 2px 15px}
.strilloBig3 p {margin:3px 0 2px 15px;}

.strilloBig3_R  {width: 322px;  float: left; height: 140px;}
.strilloBig3_R DIV A  { cursor: hand; background-color: Transparent}
.strilloBig3_R DIV .dis_foto {float: left; border-right: 1px solid #EBE9D9}
.strilloBig3_R DIV .dis_foto p {float: none; margin: 3px 9px 0 9px;}
.strilloBig3_R DIV .dis_foto img {border: 3px solid #B7AF8F; margin: 0 9px 0 9px; }
.strilloBig3_R DIV .dis_foto .fc {margin-right: 9px; margin-left: 18px;}
.strilloBig3_R DIV .lc {border: 0}
.strilloBig3_R DIV h3 {text-transform:uppercase; width: 215px;  margin: 5px 0 5px 15px; color: #B7103E; }

#blogAutore {float:left;width:320px; height:129px; border:1px solid #d4cfbb; background-color:#FFFFFF; margin-bottom:6px}

/*community*/
#community {clear:both; height:199px;position:relative; background:url(../img/bg_community.gif) top left no-repeat;margin-bottom:6px;margin-right:6px}
#community h3 { background: url(../img/h3_community.gif) 0 2px no-repeat; padding:3px 0 5px 23px;text-transform:uppercase; position:relative; top:3px; left:8px; margin-bottom: 5px}

.communityListe {width:200px; float:left; margin:0 5px 5px 0;}
.communityListe h4 {text-transform:uppercase; margin-left:17px}
.communityListe ul {margin:3px 0 0 17px}
.communityListe li {color:#4F2A36; padding-bottom:2px;background: url(/cm/img/list_community.gif) 15px 7px no-repeat}
.communityListe li a {font-size:11px;line-height:140%;display:block;background: url(../img/list.gif) 3px 6px no-repeat; padding-left:15px; }
.communityListe li a:hover {background:#E8E5D8 url(../img/list.gif) 3px 6px no-repeat}
.communityListe li .commenti {font-size:10px;}

#linkbutton {clear:both; top:12px; left:0;}
#linkbutton a {float:left; text-align:center; background: url(../img/bg_linkbutt.gif) 0 0px no-repeat; width:125px; color:#43242E; text-transform:uppercase; font-weight:bold; margin-left: 10px;padding:4px 0}
#linkbutton a:hover {background: url(../img/bg_linkbutt.gif) 0 -28px no-repeat; width:125px;}

/*da rivedere, tutto in assoluto*/
#communityFoto {width:134px; background: url(../img/bg_fotocommunity.gif) 0 13px no-repeat; height:100%; position:absolute; top:3px; left:415px}
#communityFoto img {position:absolute; top:33px; left:19px}
#communityFoto h4 {text-transform:uppercase;position:absolute; top:19px; left:6px; text-align:right; width:110px;}
#communityFoto strong {position:absolute; left:19px; top:175px}


#consigli {margin:0 8px 20px 0; background:#FFF; clear:both; border-left:#DDDACE 1px solid; border-right:#DDDACE 1px solid; border-bottom:#C7C5BA 1px solid; /*tolto height:100% hack per ie perchè aggiunto div in pagina*/}
#consigli h3 { background: url(../img/bg_consigli.gif) bottom left repeat-x; padding:7px 12px 10px;text-transform:uppercase; }
#consigli #contVetrine {height:100%;}
#consigli .vetrina {width:115px; display:inline; float:left; margin:5px 10px;}
#consigli .vetrina .categoria {font-weight:bold; color:#43242E} /*in alternativa ad h4*/
#consigli .vetrina .tit {font-weight:bold; color:#B60E3D;display:block} /*in alternativa ad h5*/
#consigli .vetrina img {margin:5px 0;display:block; border:#EBEADF 1px solid}
#consigli .vetrina a {display:block;padding:3px 5px}



/* ====== shopping */
#shopping {background: url(../img/bg_shopping.gif) top left repeat-y;position:relative;color:#000;}
#shopping img {margin-bottom:-5px}
#shopping p {margin: 0 3px;}
#shopping h3 {font-size:15px; color:#B7103E;margin:2px}
#shopping h4 {font-size:14px; color:#43242E;margin: 5px}
#shopping h5 {font-size:11px; color:#43242E;margin: 10px 5px 5px}
#shopping ul {margin:7px 0; padding:0px;width:122px}
#shopping ul li {display:inline}
#shopping ul li a {background: url(../img/list_small.gif) 7px 7px  no-repeat; padding-left:14px; display:block; padding-right:3px}
#shopping ul li a:hover {background:#D4CFBB url(../img/list_small.gif) 7px 7px  no-repeat;}
#shopping ul.red li a {color:#B60E3D} 
#shopping #shopHeader {width:122px;top:0; left:2px; position:relative; border-top:#96A7B3 1px solid; background: #FFF url(../img/bg_consigli.gif) bottom left repeat-x;padding-bottom:10px}
#shopping .shopBox {margin:3px 2px 0; background: url(../img/bottom_shopbox.gif) bottom left  no-repeat;}
#shopping .shopBox img {margin:5px auto; display:block;}
#shopping .shopBox p {margin:0 6px 10px 6px}
#shopping .shopBox a.address {display:block;margin:6px 0; padding-left:18px; background: url(../img/arr_brown.gif) 8px 3px  no-repeat; color:#B60E3D; text-transform:uppercase; font-weight:bold}
#shopping .shopBox a.address:hover {background:#D4CFBB url(../img/arr_brown.gif) 8px 3px  no-repeat;}
#shopping #lastShop {background: transparent;}
#shopping .shopBox .shopbreak {clear:both; background: url(../img/bg_consigli.gif) top left repeat-x; height:8px; margin:10px 0}


/* in RIGHTCOL 
============================= */
/* login (3 stati differenti) */
#loginWrapper {background:#E8E5D8; padding:10px 6px; }
#login {padding:5px;border-bottom:1px solid #C7C5BA;border-left:1px solid #DDDACE;border-right:1px solid #DDDACE;background:#D4CFBB;color:#43242E;}
#login a {text-decoration:none; color:#43242E;}
#login p.esci {text-align:right; padding-right:6px; font-size:10px;}
#login .small {font-size:10px;}
#login p.user {font-size:15px;}
#login p.userblog {font-size:12px;}

#loginbutton {height:20px; border-top:5px solid #D4CFBB; } 
#loginbutton a {float: left;text-align: center;background: url(../img/bg_login_button.gif) 0 0px no-repeat;width: 87px;color: #43242E;text-transform: uppercase;font-size:10px;font-weight:bold;margin-left: 5px;padding: 5px 0;}
#loginbutton a:hover {background: url(../img/bg_login_button.gif) 0 -24px no-repeat;width: 87px;}

#bannerCol {margin-left: 5px;}
#bannerCol p {height:21px; font-size:9px; background:#E8E5D8; color:#000; text-align:right; padding-right:5px;}

/* =========== contiene servizi e promo */
#contDXcol {margin:0 7px 0 5px;} 
#contDXcol h3 {color:#313131; font-size:12px; font-weight:bold; padding:5px;}

#contDXcol .box_promo_new { overflow: hidden; border-left: 1px solid #DDDACE; border-bottom: 1px solid #9B9A94; height: 73px; background-color: #BEB89D; margin-bottom: 5px;}
#contDXcol .box_promo_new h4 {cursor: hand;}
#contDXcol .box_promo_new p {cursor: hand; line-height: 13px;}
#contDXcol .box_promo_new .content_box { float: left; width: 170px;}
#contDXcol .box_promo_new img { float: right; width: 106px; height: 66px}
#contDXcol .box_promo_new a { display: block;  padding: 4px 4px 4px 12px; height: 65px}
#contDXcol .box_promo_new a:hover { background-color: #d4cfbb}

#contDXcol .lista_promo_new li {font-size: 12px; line-height: 11px; color: #BEB89D; border-left: 1px solid #DDDACE;  border-bottom: 1px solid #BBB8A7; background-color: #D4CFBB;  margin-bottom: 5px;}
#contDXcol .lista_promo_new li span { font-size: 11px; font-weight: bold; color: #40242E;}
#contDXcol .lista_promo_new li A {background: url(../img/lista_promo_bullet.gif) 4px 8px no-repeat; font-size: 11px; font-weight: bold; color: #40242E; display: block; padding: 3px 0 3px 12px;}
#contDXcol .lista_promo_new li a:hover { background-color: #beb89d; }

#contDXcol .box_promo_text_new {border-left: 1px solid #DDDACE; border-bottom: 1px solid #BBB8A7; background-color: #E2DECF; margin-bottom: 5px; }
#contDXcol .box_promo_text_new p { line-height: 13px}
#contDXcol .box_promo_text_new a { display: block; padding: 4px 4px 4px 12px;}
#contDXcol .box_promo_text_new a:hover { background-color: #d4cfbb; }

/* === servizi */
#servizi {width:192px; float:left; }
.boxServizi { border-bottom:4px solid #e8e5d8; padding:6px;}
.boxServizi h4 {color:#43242E; font-size:13px; font-weight:bold;}
.boxServizi p {font-size:11px; color:#000;}
.boxServizi ul {margin:2px 0; padding:2px 0;}
.boxServizi li {background: url(../img/list.gif) 0 5px no-repeat; padding-left:15px; padding-bottom:2px;}
.boxServizi li a {font-weight:bold;}
.boxServizi select {width:170px; font:11px arial; border:#745660 1px solid; }


/* === promo */
#promo {width:94px; float:right; }
.boxPromo {border-bottom:4px solid #e8e5d8; }
.boxPromo a {display:block;  font-size:10px; color:#717171; padding:6px; display:block;}
.boxPromo a:hover {background-color:#F6F5F0;}