/* 
1/2/07 christian cambiato #boxContainer margin:0px per abbassare spazio 
1/2/07 aggiunta regola #blogAutore per sfondo su una riga sola (83px)

19/02/07 strilloTop modificata height in combo min-height (Angy)
19/02/07 coverSmall e coverBig modificata height in combo min-height (Angy)
02/04/07 aggiunto ul li box servizi e list
*/



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


/* in CONTAINER 
============================= */
#boxContainer {margin:0px 6px 10px; /*height:500px;*/ } 
.home {margin-top:10px;}
#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 {background: #FFF url(../img/bg_box.gif) no-repeat top left; border-bottom:#C7C5BA 1px solid; border-right:#DDDACE 1px solid}

.strilloScroll {width:324px; float:left; margin: 0px 0px 6px 0;position:relative;}
.strilloScroll .top {width:324px; height: 22px; background-image: url(/cm/img/bg_sb_top.gif); background-repeat: no-repeat}
.strilloScroll .top h3 { font-family: Trebuchet MS; font-weight: bold; font-style: italic; font-size: 14px; color: #B60E3D; margin-left: 10px}
.strilloScroll .bott_close {width:324px; height: 15px; background-image: url(/cm/img/bg_sb_bott_c.gif); background-repeat: no-repeat}
.strilloScroll .bott_close A {width:292px; height: 15px; padding-left: 32px; display: block; font-family: Trebuchet MS; font-weight: bold; font-size: 10px; color: #9E9777; background-color: Transparent}
.strilloScroll .bott_open {padding: 8px 8px 8px 8px; width:308px; height: 102px; background-image: url(/cm/img/bg_sb_bott_a.gif); background-repeat: no-repeat}
.strilloScroll .bott_open P { font-family: Trebuchet MS; font-weight:normal; font-style: italic; font-size: 14px; color: #40242E; width: 230px}
.strilloScroll .bott_open .autore { font-family: Trebuchet MS; font-style: normal; font-size: 10px; font-weight: bold; color: #40242E; text-align: right; width: 200px}
.strilloScroll .bott_open .chiudi {position: absolute; top: 125px; left: 309px}
.strilloScroll .bott_open .altre { font-family: Trebuchet MS; font-style: normal; font-size: 11px; font-weight: bold; color: #B60E3D; text-align: center; display: block; width: 47px; height: 14px; background-color: #CAC5AD; position: absolute; top: 118px; left: 9px}


/* foto con altezza variabile*/
#coverSmall {float:left;width:220px; margin: 0 6px 6px 0; position:relative}
#coverBig {float:left;width:220px; margin: 0 6px 6px 0; position:relative}


/* foto in hp con 2 altezze fisse*/
#coverSmall.hp {min-height:335px; height:auto !important; height:335px;}
#coverBig.hp {min-height:423px; height:auto !important; height:423px; }
#coverSmall.hp p, #coverBig.hp p {margin:0 10px}


#coverSmall h3, #coverBig h3 {margin:5px 5px 7px 15px}
#coverSmall img, #coverBig img {margin:5px auto; display:block}
#coverSmall h4, #coverBig h4 {position:relative; top: 4px; left:14px}
#coverSmall p, #coverBig p {margin:0 10px 5px}
#coverSmall p a, #coverBig p a {text-decoration:underline;}

.strilloTop {width:323px;min-height:84px; height:auto !important; height:87px; float:left; margin:0px 0px 3px 0;position:relative;}
.strilloTop h4 {position:relative; top: 4px; left:14px;}
#testi .strilloTop h3 {font-size:14px; position:relative;left:14px;top:2px}
.strilloTop img {position:absolute;top:7px; left:246px}
.strilloTop p {margin-left:14px; width:225px;}
.strilloTop ul.foot {color:#B60E3D;background: url(../img/separatore.gif) no-repeat center right; text-align:right;margin:5px 83px 0 0; font-size:10px}
.strilloTop .foot li {background: url(../img/separatore.gif) no-repeat center left; display:inline; padding:0 3px 0 5px}
.strilloTop .foot li a {color:#B60E3D;}
.strilloTop .foot li a:hover {color:#B5AF91;text-decoration:none;background:transparent}
#video #play {background:#D4CFBB; position:absolute; top:3px; left:212px; width:104px; height:78px;}
#video #play img { position:absolute; top:0; left:0;}
#video p {margin-left:14px; width:190px;}
#video ul.foot {margin:5px 120px 0 0;}
#play h4 {position:absolute; left:75px; top:64px}
#play h4 a:hover {background:transparent; text-decoration:underline}
#list ul {margin:10px 0 3px 14px; width:290px}
#list li {display:inline;}
#list li a {background: url(../img/list.gif) 2px 5px no-repeat; padding-left:11px; display:block}
#list li a:hover {background:#E8E5D8 url(../img/list.gif) 2px 5px no-repeat;}

#today {width:322px;height:159px; float:left;background: #FFF; margin:0px 0px 6px 0; border-bottom:#C7C5BA 1px solid; border-left:#DDDACE 1px solid;border-right:#DDDACE 1px solid; position:relative}
#today h3 {text-transform:uppercase; margin:5px 0 0 5px}
#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: 0 18px 12px 7px}
#today li {display:inline;}
#today li a {display:block;border-bottom:#EBE9D9 1px solid; }
#today li strong {color:#43242E;}

#oroscopo { background: url(../img/bg_consigli.gif) top left repeat-x; padding:10px 0 10px; margin:0 1px ;position:absolute; top:125px; left:0; width:320px }
#oroscopo h4 {position:relative; top: -5px; left:0; display:inline}


.home #sfilate h4 {color:#B60E3D; font-size:13px; margin:5px 15px; width:120px}
.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}

#blogAutore {border:1px solid #d4cfbb; background-color:#FFFFFF;}
.break {background:#EBE9D9; height:1px; margin: 5px 8px; line-height:0}

/*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 0 0;}
.communityListe h4 {text-transform:uppercase; margin-left:17px}
.communityListe ul {margin:3px 0 0 17px}
.communityListe li {color:#4F2A36; padding-bottom:3px;background: url(../img/list_community.gif) 15px 8px 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; position:relative; 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; height:100%}
#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;}

#tagCloudBg {background:url('../img/boxcommunity.gif') top right no-repeat; width:44px; height:50px; position:absolute; right:-1px; top:-6px; z-index:1; _right:-2px;}
#tagCloudOver {z-index:2; position:relative; padding:0px;}
#tagCloud {border:1px solid #d4cfbb; background-color:#FFFFFF; position:relative; margin:0px 0px 10px 0; padding-bottom:0px; padding:0px;}
#tagCloud h4 {padding:0px 0 2px 0px; margin:0px 5px !important; color:#B60E3D; font-size:12px !important; text-transform:uppercase;}

#appunti {float:left;width:323px; height:151px; margin-bottom:6px;position:relative; border:1px solid #d4cfbb; background-color:#FFFFFF; position:relative;}
#appunti h3{padding:5px 0 2px 0px; margin:0px 5px !important; color:#B60E3D; font-size:12px !important; text-transform:uppercase;}
#appuntiBg {background:url('../img/boxcommunity.gif') top right no-repeat; width:44px; height:50px; position:absolute; right:-1px; top:-6px; z-index:1; _right:-2px;}
#appuntiOver {z-index:2; position:relative; padding:0px 15px 0 0;}
#appunti ul {margin:3px 0 0 17px;}
#appunti li {color:#4F2A36; padding-bottom:3px;background: url(../img/list_community.gif) 15px 8px repeat-x}
#appunti li a {font-size:11px;line-height:140%;display:block;background: url(../img/list.gif) 3px 6px no-repeat; padding-left:15px;}
#appunti li a:hover {background:#E8E5D8 url(../img/list.gif) 3px 6px no-repeat}