/*************************
* MENSTYLE - vers. 0.2   *
*						 *
************************/


/* regole generali =========================================*/

/* Neutralize styling: 
   Elements we want to clean out entirely: */
   
   
html, body, form {margin: 0; padding: 0;}
img {border:0;}
ul {list-style:none;}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, ul, ol, dl {margin: 0; padding: 0;}

/* Miscellaneous conveniences: */
form label {cursor: pointer;}
fieldset { border: none;}
input, select, textarea {font-size: 12px;font-family: inherit;font-family: arial, sans-serif;}

/* Apply styles */
	
body {font: 11px arial, sans-serif; background-color:#FFF; text-align: center;}
.body_minisito {background: url(/cm/img/bg_header_minisito.gif) repeat-x;}

a, a:link { color:#34484E; text-decoration:none; }
a:hover, #mainMenu a:hover {background:#D0D4D5}
a:visited { }

h1 { }
h2 {font-size:22px; font-weight:normal;} /* titoli articolo */
h3 {font-size:13px; } /* strillo home*/
h4 {font-size:15px; font-weight:bold; margin:0;  } /* titoli colonna */
h5 {font-size:12px; font-weight:bold; margin:0; padding:5px 10px; color:#3D474A; } /* promotion */
h6 {font-size:18px; font-weight:normal; padding-left:7px; color:#fff;} /* commenta, vota */

.clear {clear:both;}
br.clear {height:0; line-height:0}

/* struttura principale  =========================================*/

#container {width:1000px; margin:0 auto; text-align:left;z-index:1}
#header_minisito {height:90px;clear:both;}
#wrapper {width: 1000px;  float:left;position:relative;} 


#main {float:left; width:700px; }
#top {float:left; background: url(../img/bg_maintop.gif) top left repeat-x; height:34px;color:#FFF}
#rightCol {float:right; width:300px;background:#FFF}
.left {float:left}
.right {float:right;}

/*strilli home 2010 */

.hpstrillo {margin:0; height:100%; font-size:13px; border-bottom:#FFF 10px solid; float:left; padding-bottom:10px; background: url(/cm/img/bg_dot_strillo.gif) bottom left repeat-x; width:100%} /*modificato*/
.hpstrillofoto {float:left; width:83px; margin:0 10px 0 1px;}
.hpstrillotesto {float:left; width:295px;}
.hpstrillo  h3 {margin:0 0 0 0; font-size:11px; color:#33383A; text-transform:uppercase; font-weight:bold;}
.hpstrillo  h4 {padding:4px 0 2px 0; font-size:16px; color:#0D7F91; display:inline; padding-right:28px;}
.hpstrillo.top h4 {background: url(/cm/img-2010/top.png) top right no-repeat;}
.hpstrillo  h4 a {color:#0D7F91}
.hpstrillo  h4 a:hover {color:#FFF; text-decoration:none; background:#0E8091;}
.hpstrillotesto  p {margin:0; font-size:13px;}
.hpstrillotesto a {color:#000}
.hpstrillotesto a:hover {text-decoration:none}
.hpstrillo .art-extra {margin-left:5px;}

.art-extra LI, .art-extra SPAN {display:inline; background: url(/cm/img-2010/ico-articoli.gif) no-repeat; font:10px arial, sans-serif; font-weight:bold; color:#0C7F91; padding:0 4px 2px 15px;}
.art-extra A {color:#0C7F91; border-right:1px solid #999999; padding-right:4px;}
.art-extra A:hover {color:#0C7F91; background-color:transparent; text-decoration:underline;}
.art-extra .foto {background-position: 0px -14px;}
.art-extra .commenti {background-position: 0px 2px;}
.art-extra .video {background-position: 0px -27px;}
.art-extra LI:last-child {border-right:0px;}

.art-extra LI {display:inline; background: url(/cm/img-2010/ico-articoli.gif) no-repeat; font:10px arial, sans-serif; font-weight:bold; color:#0C7F91; padding:0 5px 2px 15px;}
.art-extra LI A {color:#0C7F91; border-right:1px solid #999999; padding-right:8px;}

/* in RIGHTCOL  =============== */

.bannerCol {margin-top:5px;}
.pubblicita {text-align:right; clear:both;border-top:#D0D4D5 1px solid;margin-bottom:10px }

/*box utenti community*/
#utentiCommunity {background: url(../img/bg_utenti.gif) 0 0 no-repeat;}
#utentiCommunity h4 {color:#0e8091; text-transform:uppercase; margin:2px 10px; font-size:14px; padding-top:3px}
#utentiCommunity p {padding: 0 0 0 10px;}
#utentiCommunity .fotoUtenti {padding-left:10px;}
#utentiCommunity .fotoUtenti .avatar30 {padding:2px; border:#656C6F 1px solid; float:left; margin:0px 5px 2px 4px;}
#utentiCommunity .fotoUtenti a:hover .avatar30 {background:#D0D4D5}
#utentiCommunity .utenti {background: url(../img/bg_utenti_bottom.gif) bottom left no-repeat;font-size:11px; padding:0px 10px 8px 10px;}
#utentiCommunity .utenti span {_margin-left:10px;}

#utentiCommunity .avatar30 {margin-right:5px; margin-left:4px;}
#utentiCommunity .styleLink, #utentiCommunity .styleLink:link, #utentiCommunity .styleLink:visited {color:#34484E;}
#utentiCommunity .styleLink {background:url('../img/style_mini.gif') no-repeat right 3px ; padding-right:10px;}

/*box promo*/
.promo {border-top:#D0D4D5 1px solid;  border-left:#FFF 1px solid; border-right:#FFF 1px solid; background: url(../img/bg_dot_promotion.gif)  0 2px ;margin: 0; font-size:11px; float:left;width:298px}
.promo .inner {display:block;height:69px;width:100%; cursor:pointer;}
.promo .inner:hover, a:hover {background:#D0D4D5; cursor:pointer;}
.promo .lancio {float:left; width:175px; margin:5px;display:inline;_width:160px}
.promo h4 {font-size:12px}
.promo h4 a {color:#0E8091;}
.promo img { float:right; padding:2px 1px}
ul.adv {clear:both; background:#FFF; font-size:11px}
ul.adv li {border-top:#D0D4D5 1px solid; font-weight:bold; padding:3px }
ul.adv li a {background: url(../img/list_promo.gif) 5px 3px no-repeat; padding-left:17px; display:block}
ul.adv li a:hover {background:#D0D4D5 url(../img/list_promo.gif) 5px 3px no-repeat;}

/* ============================ elementi centrali ripetuti 
=============================================================*/


#path {background:#fff; height:16px; width:700px;border-bottom:#FFF 5px solid; font: 11px Arial, sans-serif; color:#000;}
#path STRONG {font: 13px Arial, sans-serif; color:#0D7F91; font-weight:bold;}
#path_sx {float:left; padding:0px 7px 0 7px; width:500px;}
#path SPAN {background:#fff url("/cm/img-2010/path.gif") no-repeat left 4px; margin-left:2px; padding-left:10px;} 
#path_dx {float:right;  margin:0px 7px 0 7px; background-color:#0D7F91;}
#path A {color: #000000;}
#path a:hover {background:transparent; text-decoration:underline;}

/*controllare se togliere*/
.sepDotted { background-image: url(../img/dottedwhite_trasp.gif); background-repeat:repeat-x;}
.sepDottedGrey { background-image: url(../img/dottedtop_trasp.gif); background-repeat:repeat-x;}
.lineDotted { background-image: url(../img/dottedwhite_trasp.gif); background-repeat:repeat-x; height:3px;}
.lineDottedGrey { background-image: url(../img/dottedtop_trasp.gif); background-repeat:repeat-x; height:3px;}

.separatore {background: #FFF url(../img/dottedgrey_trasp.gif) top left; height:22px; width:695px;margin:5px 0 0; clear:both}




/* =============================================================================== */
/* ===================== elementi che cambiano colore  =========================== */
/* =============================================================================== */

#mainMenu  a.big, h2, h4, .guarda a {color:#0e8091;}
#mainMenu  a, #path h3 { color:#0d7f91;}

/* in hp */
#next a.sel {background:#0E8091;}
.hp_gen #contCloud h3 {color:#0e8091;}

/* in articolo */
#articolo_testo #star {background: url(../img/star_verde.gif) no-repeat;}
#articolo_testo p {font-size:13px}
#articolo_tags strong, #articolo_comu strong, #correlati li a  {color:#0E8091;}
#articolo_tags a:hover, #articolo_comu a:hover {background:#0E8091;color:#FFF}

#articolo_commenti .comment p span.autore, h3.comm  {color:#0d7f91;}
#articolo_commenti #leggitutti, .leggitutti, #invia_commento a {background-color:#0d7f91;} /*sfondo del bottone*/
#articolo_commenti A {color: #0d7f91;}
#post_TAB {color: white; padding: 4px 4px 4px 4px; margin: 5px 5px 5px 20px; width: 250px; background-color:#0e8091; border: 1px solid white; position: relative}
#post_TAB A {position: absolute; display: block; top: 5px; left: 243px; background-color: Transparent}


/*paginazione*/
.paginazione {position:relative}
.paginazione span, .stripGallery .thumb a, #galleryBottom .paginazione span  {color:#0E8091 }
.paginazione a, .paginazione span, #infoPag {background:#FFF;}
.paginazione .prev {position:absolute; top:5px; left:5px; }
.paginazione .next {position:absolute; top:5px; right:5px;}
.paginazione a:hover { text-decoration:none}
.paginazione a:hover img {border:none;}

/*in gallery sfilate e accessori*/
h2 img.plus, #tabRight img.plus {background:#0e8091;}
#tabLeft h3, #tabLeft h3 a, #tabCenter h3 a, #tabLeft  select, #tabCenter select {color:#0E8091}
#tabRight h3 a, #tabRight  select {color:#0e8091}
#tabLeft img.plus, #tabCenter img.plus {background:#0E8091;}
/*#page #gallery a:hover img {border:#0e8091 2px solid }*/

/*in video*/
#tabVideo, #tabVideo li a, #tabVideo li.sel a:hover  {color:#0E8091;}
#tabVideo li a:hover, #stripVideo img, #stripVideo  a:hover img {background:#0E8091}
.txtVideo a.guarda {color:#0d7f91}
.txtVideo a.guarda:hover {color:#FFF; background:#0e8091}


/*pagina feed*/
#feed #goArt {background:#0E8091}

/*ricerca*/
#menuOrdina a { color:#0E8091}
#menuOrdina a:hover, #menuOrdina span, #general .searchGen #immagini a:hover img, #general .searchGen #leggitutti a img, #general .searchGen #leggitutti a:hover img  {background:#0E8091}
#page ul li .dataPubbl, .rating  {background-color:#0E8091}

/*strilli mappe*/
.hpstrilloMappe {/*position:relative;*/width:342px; margin:0;height:100%; font-size:13px; border-bottom:#FFF 4px solid; border-right:#FFF 4px solid; float:left; padding-bottom:15px;background: url(/cm/img/bg_strillo.gif) bottom left repeat-x; } /*modificato*/
.hpstrilloMappefoto {float:left; width:83px;margin:5px;}
.hpstrilloMappetesto {float:left; width:175px;}
.hpstrilloMappe  h3 {margin:-1px 0 0; font-size:14px; display:inline; background:#FFF; color:#3B484E; text-transform:uppercase; padding:1px 4px;}
.hpstrilloMappe  h4 {margin:2px 0; font-size:16px;padding-top:2px;}
.hpstrilloMappe  h4 a {color:#0E8091; text-decoration:none}
.hpstrilloMappe  h4 a:hover {color:#FFF; text-decoration:none}
.hpstrilloMappetesto  p {margin:0;}
.hpstrilloMappetesto a {color:#000}
.hpstrilloMappetesto a:hover {text-decoration:none}
#doppioBox {width:554px; float:left; position:relative;background: url(/cm/img/bg_left.gif) repeat-x;}
#doppioBoxMappe {width:692px; float:left; position:relative;background: url(/cm/img/bg_left.gif) repeat-x;}

/*###colonna centrale###*/
.contBox {padding:0 0 0 5px; }
.middle {background: #E8EAEA url(../img/bg_strillomiddle.gif) bottom left repeat-x ; height:100%; font-size:13px;padding-bottom:15px;float:left;width:290px !important; border-bottom:#FFF 8px solid;}
.middle  h3 {margin:0 0 0 5px; font-size:14px; display:inline; background:#FFF; color:#3B484E; text-transform:uppercase; padding:0 4px 1px; }
.middle .hpstrillofoto {float:right; margin-top:6px; margin-right:6px;}
.middle .hpstrillotesto {float:left; width:185px; margin:0;}
.middle .hpstrillotesto p, .middle h4 {margin-left:9px}
.middle .hpstrillotesto h4 {display:block; padding:4px 0px 2px 0;}


/*=========== home generiche ============*/

#homeTop {float:left; margin:0 0 0 5px; display:inline;}
#homeTop .middle {margin-bottom:0;height:298px;border-bottom:#FFF 1px solid; /*per togliere margin-bottom in FF*/}

#fotobig {width:400px; position:relative; border-top:4px solid #333333;}
#fotobigDesc {background: url(/cm/img/bg_dot_strillo.gif) bottom left repeat-x; padding-bottom:10px; margin-bottom:10px;}
#fotobigDesc DIV {font-size:1px; border-bottom:4px solid #333333; padding-bottom:10px; margin-bottom:0px;}
#fotobig #title H2 {font:22px Arial, sans-serif; color:#FFF; font-weight:bold; background: url(/cm/img-2010/slideshow-h2.png) top left; width:400px; position:absolute; bottom:0px; left:0px;}
#fotobig #title H2 A, #fotobig #title H2 A:hover {color:#FFF; display:block; padding:8px 0 8px 10px;}
#fotobig #title H2 A:hover {color:#FFCC08; background-color:transparent;}
#fotobig_cont img {display:block} /*per correggere baco ie che lascia uno spazio*/
p.fotobigDida {font:14px Arial, sans-serif; color:#000000; padding:10px 10px 5px 0; width:380px}

#video .imgVideo img {float:left; display:block} /*per correggere baco ie che lascia uno spazio*/
#title #occhiello {margin:7px 0 0; width:390px}

/*box video e foto*/

#video ul {margin:5px 0;}
#video ul li {clear:both;/*height:100%;*/ background: url(../img/bg_dot_strillo.gif) bottom left repeat-x;padding:9px 5px 0; height:75px; overflow:hidden;} /*in ie aggiunge spazio, bisogna ridurre il padding-top a 6, comm condizionale*/
#video ul li a {background:none; padding-left:0; display:inline; text-decoration:none; }
#video ul li a:hover {background:#D5D8D8; padding-left:0; display:inline; text-decoration:none}
#video li a.leggi {color:#0d7f91;font-size:11px;}
#video ul li a.leggi:hover {text-decoration:underline}
#video .imgVideo {position:relative;float:left;width:83px;}
#video li img.play {position:absolute; top:44px; right:3px;}
#video .txtVideo {float:right; width:190px;display:inline;}
#video  h3 a.title {margin-left:0}
.middle .paging {text-transform:none;text-align:right;font-size:10px;margin:7px 10px 3px 0; clear:both;}
.middle .paging a img {background:#FFCC07; margin:0 5px}
#contFoto {margin:30px 0 10px 7px; float:left; display:inline;width:283px}
#contFoto img {width:65px; height:65px;margin:1px 1px 10px 1px; float:left}

#foto, #video {height:295px;}

/*box blog*/
.blog {padding-bottom:30px}
.blog h3 {color:#0E8091}
.blog .hpstrillofoto {float:left;width:38px;display:inline; margin-right:0;margin-top:7px; }
.blog .hpstrillofoto img {padding:2px; border:#656C6F 1px solid; float:left;margin-left:2px}
.blog .hpstrillotesto {float:left; width:232px; margin:5px 5px 0 8px;}
.blog h4, .blog .hpstrillotesto p {margin:0; padding:0}
.blog h4 a {color:#000; font-size:13px}
.blog h4 a:hover {background:#D0D4D5; color:#000}
.blog span {font-size:11px}
.blog .autore a {color:#0E8091}
.blog .data, .blog .data a {color:#3B484E}

.boxTab {height:314px; background: url(../img/bg_boxtab.gif) 0 19px repeat-x;width:290px;border-bottom:#FFF 8px solid;float:left;overflow:hidden; }
.boxTabCloud {height:94px; background: url(../img/bg_boxtab.gif) 0 19px repeat-x;width:290px;border-bottom:#FFF 8px solid;float:left;overflow:hidden;}
.boxTab ul {background:#E8EAEA;width:290px; float:left}
.boxTab ul li {text-transform:uppercase; border-right:#FFF 3px solid; color:#FFF;float:left; font-size:12px; height:19px; line-height:19px; margin:0;}
.boxTab ul li span { background:#343A3D; background: url(../img/bg_boxtab.gif) 0 0 repeat-x;padding:2px 10px 5px}
.boxTab ul li a {background:#DCE0E1; color:#575D5F;padding:2px 10px 1px; /*border-bottom:#FFF 2px solid*/ }
.boxTab p {color:#FFF; font-size:13px; margin-bottom:20px}
#cloudImg {margin:20px 10px; clear:both; padding-top:20px; height:100px}
.boxBottom { height:280px} /*modifica per il box con la cloud swf*/

#homeTop .boxTab {border-bottom:0}

.ricercaAvanzata {clear:both; margin:0 10px 10px; padding-top:20px}
.ricercaAvanzata iframe  {margin: 3px 0;}

/*news*/
.news ul { margin:10px 0;font-size:11px }
.news li {float:left;display:inline; width:100%;}
.news li a {display:block; padding:0 10px 0 20px; background:url(../img/list_news.gif) 0 3px no-repeat; margin: 0; line-height:22px}
.news li a:hover { background: #D0D4D5 url(../img/list_news.gif) 0 3px no-repeat}

/* ajax */
.ajax_userDiv {z-index:100000; position:relative; width:500px;}
.ajax_tooltip_content_ombra {z-index:100000; width:1px; height:1px; position:absolute; top:0px; left:0px; background-color:#373F41; -moz-opacity:0.60; -khtml-opacity:0.60; filter:alpha(opacity='60'); opacity:0.60; z-index:-1;}
.ajax_userDiv HR {height:1px; color:#FFFFFF; background-color:#FFFFFF; border-width:0px 0px 2px 0px; border-bottom:2px dotted #CCCCCC; margin-left:-6px; margin-right:-6px;}
INPUT#ok {margin:15px 10px 0 0; width:68px; height:23px; float:right; background: url(http://life.menstyle.it/static/img/site/cercabutton.gif) 0 0px no-repeat; border:0px; color:#3B484E; text-transform:uppercase; font-size:12px; font-weight:bold; cursor:pointer;letter-spacing:-1px;}
.chiudi {background-color:#454c4f; padding:3px; text-align:right; margin:10px -6px -21px -6px}
.chiudi A {font-size:10px; color:#D2D4D5; text-transform:uppercase; background: url('http://life.menstyle.it/static/img/admin/chiudi.gif') no-repeat center right; padding-right:18px;}

#tabCondividi {position:relative;margin:30px 0 0 0; height:20px;}
#tabCondividi ul {line-height:14px;background: url(../img/bg_tab.gif) 3px 19px no-repeat;position:absolute;top:0; left:3px;_left:1px;font-size:11px;font-weight:bold;text-transform:uppercase;list-style:none}
#tabCondividi li {float:left; background:#D5D8D8; text-align:center; margin:5px 2px 0 2px;padding-top:0px;width:87px;}
#tabCondividi li a {display:block}
#tabCondividi li a:hover {color:#FFF}
#tabCondividi li.sel {border:#D0D4D5 1px solid;border-bottom:0;padding:5px 5px 0; background:#FFF; width:96px;margin-top:0; }
#tabCondividi li.sel a:hover {background:transparent}
#tabCondividi, #tabCondividi li a, #tabCondividi li.sel a:hover  {color:#0d7f91;}
#tabCondividi li a:hover, #tabCondividi img, #tabCondividi  a:hover img {background:#0e8091}
.condividiBox {margin:-1px 5px 20px; border:#D0D4D5 1px solid; background-color:#FFFFFF; font-size:11px;float:left; width:288px; display:inline; padding:20px 5px; text-align:left;}
.condividiBox INPUT, .condividiBox textarea {font-size:11px; border:1px solid #D0D4D5; padding:5px 5px 4px 5px; color:#000000 !important; font-weight:normal !important; margin:5px 0 -1px 0}
.condividiBox B {color:#0d7f91;}
.condividiBox .quote {margin:0 0 0 30px; position:relative;}
.condividiBox .quote .open {font-family:Georgia; font-size:70px; color:#CCCCCC; position:absolute; top:-15px; left:-30px;}

#page_minisito {text-align:center; margin-bottom:5px;}