/* ************************************************

WWW.MENSTYLE.ES
main.css

First Draft:		Tue May  6 14:45:11 CEST 2008

----------------------------------

************************************************* */

/* BASIC
================================================== */
*{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	outline: none;
}

html, body{
	font-family: arial, sans-serif;
	font-size: 11px;
	background: #fff;
	text-align: center;
}

html{
	background:#fff url(http://www.condenet.es/menstyle/bg_page_microsites.gif);
}

body{
	font-family: arial, sans-serif;
	font-size: 11px;
	background: transparent url(http://www.condenet.es/menstyle/bg_header.gif) repeat-x;
	text-align: center;
}

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


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;
	height:0; 
	line-height:0;
	display:block;
	}
.left {
	float:left
	}
.right {
	float:right
	}

form label {
	cursor: pointer;
	}
fieldset { 
	border: none;
	}
input.button {
	vertical-align:middle;
	}
input, select, textarea {
	font-size: 12px;
	font-family: arial, sans-serif;
	}
.hidden{
	display: none;
}
/* STRUTTURA 
====================================================== */

#mainWrap{
	width:1000px; 
	margin:0 auto; 
	text-align:left;
	z-index:1;
	overflow: hidden;
	position: relative;
}

#dotbar {
position:absolute;
top: 0;
left:0;
background: transparent url(http://www.menstyle.es/img/dottedtop_trasp.gif);
height:31px;
padding-top: 6px;
width:700px;
z-index:110;
}
#dotbar h1 {
	font-size: 20px;
	padding: 2px;
	background: #fff;
	display: inline;
 }
#dotbar h2 {
	font-size: 20px;
	padding: 2px;
	background: #fff;
	display: inline;
	color: #7a823d;
	font-weight: bold;
 }
#mainContent{	
	width: 100%;
	overflow: auto;	
	/*background: #fff url(http://www.menstyle.es/img/bg_colonne.gif) top left repeat-y;
	padding-bottom: 20px;	*/
}
#contentLeft{
	float: left;
	width: 694px;
	position: relative;
}

#colonna1{
	width: 400px;
	float: left;
	background: url(http://www.menstyle.es/img/bg_strilli.jpg) top left no-repeat;
	overflow: hidden;
	position: relative;
	border-top: 38px solid #fff;
}

#colonna2{
	width: 290px;
	border-left: 4px solid #fff;
	float: right;
	border-top: 38px solid #fff;
}

#contentRight{
	float: right;
	width: 300px;
	background: #fff;
}

#bannerRight{
	margin-bottom: 15px;
}


/* HEADER 
====================================================== */
#logo {
background:#667278;
float:left;
height:90px;
width:400px;
}

#logo a:hover {
	background:transparent
}
#adv {
text-align:center; 
height:93px;
float:left;
}

#header {
	height:183px;
	clear:both;
	}

#cloud {
	width:600px; 
	height:90px; 
	float:right; 
	background:transparent url(http://www.menstyle.es/img/bg_menu.gif) 	top right no-repeat;
	text-align:center
	}
#top{
	position: relative;
	width: 100%;
	overflow: auto;
}	
	#personalizza {
		float:left;
		padding-top:9px;
		height:25px; 
		width:400px; 
		background:#3D4B51;		
		}
	#personalizza .data {
		font-size:10px;
		margin-right:5px; 
		padding:4px 12px 6px  6px; 
		color: #fff;
		}
	#personalizza img {
		vertical-align:middle
		}
	#rss {position:absolute; 
		top:10px; 
		left:380px
		}

	#search {
		width: 300px; 
		float:left;
		}
	#search form {
		margin:6px;
		}
	#search input {
		vertical-align:middle
		}
	#search label {
		display:none
		}
	input#bucasearch {
		width:250px; 
		height:16px; 
		line-height:16px; 
		border:#525252 1px solid; 
		font-size:12px;
		padding-left:5px }


/* MENU 
====================================================== */
#mainMenu{
text-align:left;
margin:0px 0 0 25px;
position: relative;
}

#mainMenu ul li{
display:block;
float:left;
text-align:left;
font-size:14px;
line-height: 18px;

font-weight:bold;
margin-right:20px;
margin-bottom: 4px;
width:140px;
border-bottom:1px dotted #ccc;
}
#mainMenu ul li a{

display: inherit;
background: none;
}
#mainMenu ul li a:hover{
background: none;
color: #0e8091;
}
#mainMenu ul li ul{
display:none;
}

#mainMenu ul li ul li{
font-size: 12px;
line-height: 100%;
text-transform: uppercase;
border-bottom: none;
}
#mainMenu ul li ul li a{
color: #999;
}
#mainMenu ul li ul{
padding: 5px 20px;
width: 112px;
height: 100px;
position: absolute;
z-index: 1001;
top: -20px;
}

#mainMenu ul li ul#menu1,
#mainMenu ul li ul#menu4,
#mainMenu ul li ul#menu7{
left: 110px;
}
#mainMenu ul li ul#menu2,
#mainMenu ul li ul#menu5,
#mainMenu ul li ul#menu8{
left: 270px;
}
#mainMenu ul li ul#menu3,
#mainMenu ul li ul#menu6,
#mainMenu ul li ul#menu9{
left: 420px;
}

#mainMenu ul li ul#menu1,
#mainMenu ul li ul#menu2,
#mainMenu ul li ul#menu3{
background: transparent url(http://www.menstyle.es/img/bg_fumetto1.gif) top left no-repeat;
}
#mainMenu ul li ul#menu4,
#mainMenu ul li ul#menu5,
#mainMenu ul li ul#menu6{
background: transparent url(http://www.menstyle.es/img/bg_fumetto2.gif) top left no-repeat;
}
#mainMenu ul li ul#menu7,
#mainMenu ul li ul#menu8,
#mainMenu ul li ul#menu9{
background: transparent url(http://www.menstyle.es/img/bg_fumetto3.gif) top left no-repeat;
}


/* NUOVO MENU 
====================================================== */
#mainMenu ul li{
float:none;
}
#mainMenu #box1, 
#mainMenu #box4, 
#mainMenu #box7{
	width:100px; 
	height:85px; 
	float:left; 
	position:relative; 
	overflow:hidden;
	display:inline;
}
ul.menu{
	margin-top: 8px;
}

div.sottomenu{
	display: none;
	position:absolute; 
	left:100px; 
	top:0; 
	background:#efefef; 
	width:240px; 
	height:85px;
}

#mainMenu ul li ul {
display: block;
position:relative;
padding:0;
padding:0 3px 0 5px;
margin:25px 0 0 0px;
width:46%;
float: left;
}
#mainMenu ul li ul li {
display:block;
float:left;
width: 100%;
overflow: visible;
font-size:11px;
line-height:10px;
margin:0;
margin-bottom: 3px;
}

/* FOOTER 
====================================================== */
#footer {
	background: url(http://www.menstyle.es/img/bg_footer.gif) bottom left repeat-x;
	clear:both; 
	width:100%; 
	height:140px; 
	text-align:center
	}
#footer_nav {
	width:1000px; 
	margin:0 auto 0; 
	text-align:left;
	}
#footer ul { 
	margin:0 4px; 
	float:left; 
	background:url(http://www.menstyle.es/img/list_footer.gif) 0 0;
	font-size:11px; 
	width:98px; 
	height:120px;
	padding-top:20px;
	line-height:130%;
	}	
#footer li {
	padding:3px 8px;
	line-height: 100%;
	}	
#footer li a, 
#credits a {
	color:#FFF;
	}
#footer li a:hover,
#credits a:hover  {
	background:#383F42
	}
#footer #testate {
	float:left; 
	width:240px; 
	margin: 12px 32px 15px 2px
	}
#footer #abbonamenti {
	float:left; 
	padding-bottom:10px; 
	margin-top:10px;
	background: url(http://www.menstyle.es/img/bg_abbonamenti.gif) bottom left no-repeat;
	padding-left:1px 
	}
#footer #abbonamenti img {
	float:left;
	margin:0 6px 0 0
	}
#footer #credits {
	float:right; 
	margin:12px 2px; 
	color:#D0D4D5;
	font-size:11px; 
	width:220px; 
	}
#footer #sitimondo {
	float:right; 
	padding-bottom:10px; 
	margin-top:10px; 
	padding-left:1px
	}
#footer #sitimondo img {
	float:right;
	margin:0 6px 0 0
	}
#credits form {
	margin-top:10px;
	}
#credits label {
	display:block; 
	color:#FFF; 
	font-size:12px
	}
#credits fieldset {
	border:#656A6E 1px solid; 
	padding:8px
	}
#credits select {
	width:190px; 
	border:#3A4244 1px solid
	}
	


/* GALLERY HOME 
====================================================== */
#hpGallery{
	width: 400px;
	height: 420px;
	position: relative;
	border-bottom: 4px solid #fff;
}

#hpGallery{
	width: 400px;
	height: 420px;
	position: relative;
	border-bottom: 4px solid #fff;
}
#hpGallery div.testoGallery{
	position: absolute;
	top: 250px;
	left: 8px;
	color: #0E8091;
	width: 360px;
}
div.testoGallery h2{
	background: #fff;
	color: #0E8091;
	font-weight: bold;
	text-transform: uppercase;
	display: inline;
	padding: 2px 4px;
}
div.testoGallery div{
margin-top: 10px;
}
div.testoGallery p{
	color: #000;
	font-size: 12px;
	padding: 2px 4px;
	background: #97a0a3;
	margin-top: 10px;
	display: inline;
}

#paginazioneFoto{
	position:absolute; 
	top:330px; 
	left:0; 
	width:400px; 
	height:36px; 
	background: transparent url(http://www.menstyle.es/img/bg_nav_gallery.gif); 
	z-index:100;
}

#nav{
float: right;
margin-right: 8px;
}
#nav a{
	display:block; 
	float:left; 
	background:#fff; 
	color:#fff; 
	width:9px; 
	height:9px; 
	border:1px solid #fff;
	margin: 0px 2px;
	padding: 0;
	vertical-align:middle
	}
#nav a:hover{
		background:#0E8091; 
		color: #0E8091;
		}		
a#pausa{
	position: absolute;
	top: 12px;
	left: 8px;
}


/* TABS home page 
====================================================== */
#tabs{
	border-bottom:8px solid #fff;
	}
#tab1, #tab2{
	background:#667278 url(http://www.menstyle.es/img/bg_tabs.jpg) top left repeat-x;
	padding:20px 8px; 
	color:#fff;	
	}
	
@media projection, screen { 
    .ui-tabs-hide {
        display: none;
    }
}
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {
background: #fff;
}
.ui-tabs-nav:after { 
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
	background: #efefef;
	color: #fff;
    float: left;
	text-transform: uppercase;
	margin-right: 2px;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
	padding: 3px 8px;
}
.ui-tabs-nav a {
	display: block;
    color: #999;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; 
}
.ui-tabs-nav .ui-tabs-selected a {
	display: block;
	background: #353b3e;
    position: relative;
    z-index: 2;
    color: #FFF;
}
.ui-tabs-nav a span {
    width: 64px; 
    min-width: 64px;
    height: 18px; 
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { 
    cursor: pointer;
}

.ui-tabs-panel {
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}



/* FORM NEL TAB 
====================================================== */
#formTab{
	margin-top: 20px;
	width: 100%;
	overflow: auto;
}
#formTab label {
	font-size:12px; 
	width:58px; 
	display:block; 
	float:left; 
	color:#FFF; 
	margin-top:5px; 
	margin-left:24px; 
	}
#formTab select {
	width:175px;
	font:11px Arial, sans-serif; 
	margin-top:4px; 
	float:right;
	}
#formTab .field {
	background: url(http://www.menstyle.es/img/bg_form.gif) center left no-repeat; 
	width:270px; 
	height:26px;
	margin:0 0 7px 0; }
#formTab form p {
	text-align:right; 
	font-size:12px;  
	clear:both; 
	}
#formTab .right {
	text-align:right; 
	margin-top:10px
	}

button.submitButton{
	float: right;
	padding: 0;
	background: none;
	margin-top: 10px;
	cursor: pointer;
}

/* ***********************************************************************
	PAGINE 
************************************************************************** */
/* HOME PAGE 
====================================================== */
body#home #colonna1{
	border-top: 0;
}
body#home #mainContent{	
	/*background: #fff url(http://www.menstyle.es/img/bg_colonne_hp.gif) top left repeat-y;*/
}

/* ARTICOLI 
====================================================== */
body#articoli #mainContent{	
	/*background: #fff;*/
}
body#articoli #mainContent #boxArticoli{
background: #d0d4d5;	
border-top: 38px solid #fff;
float: left;
width: 700px;
}
body#articoli #mainContent .box1{	
	float: left;
	width: 346px;
	border-right: 4px solid #fff;
	margin: 0;
}

/* ARTICOLO
====================================================== */
div#articolo{
	padding: 10px 0;
	background: #fff;
}
#articolo h3 {
font-size:22px;
line-height: 22px;
padding-left:5px;
color:#3e99a7;
font-weight: bold;
margin-bottom: 10px;
}

#articolo p {
margin-bottom:1em;
font-size:13px;
line-height: 18px;
margin: 8px 6px;
color: #333;
}

#torna{
position:absolute;
top:10px;
right:8px;
background: #fff url(http://www.menstyle.es/img/freccia_sx.gif) top left no-repeat;
text-transform:uppercase;
line-height: 18px;
padding: 0 2px 0 24px;
}

#articolo_tags {
font-size:12px;
padding: 6px 2px;
text-align: right;
background: #fff;
}
#articolo_tags p {
white-space: no-wrap;
font-size: 11px;
line-height: 14px;
}
#articolo_tags p strong{
color: #0e8091;
font-size: 12px;
}
#articolo_tags p a{
text-decoration: underline;
color: #000;
}
p.guarda {
background:transparent url(http://www.menstyle.es/img/cubo_guarda.gif) no-repeat scroll 0%;
font-size:12px;
line-height:12px;
margin:12px 6px;
padding-left:18px;
text-transform: uppercase;
}
p.guarda a{
font-weight: bold;
color: #0e8091;
}
#creditsArticolo{
	padding: 10px 6px;
	color: #666;
	margin: 0;
}
#condividi_stampa{
	padding: 10px 0;
}	
#condividi_stampa img{
	float: left;
	margin-right: 4px;
	}
#condividi_stampa a{
display: block;
line-height: 18px;
}

.paginazione{
position:relative;
clear: both;
font-size:11px;	
height:35px;
background: url(http://www.menstyle.es/img/dottedtop_trasp.gif);
}
.paginazione p{
position:absolute;
top:10px;
left:10px;
background:#fff;
padding:2px;
}
.paginazione *{
float:left;
}
.paginazione .pag{
position:absolute;
top:10px;
right:10px;
background:#fff;
}
.paginazione .pag span{
line-height:14px;
margin:0 5px;
display:block;
line-height:16px;
}

.paginazione .pag2{
position:absolute;
top:10px;
right:10px;
}

.paginazione .pag2 span{
line-height:14px;
font-weight: bold;
background: #fff;
padding:0 4px;
margin:0 5px;
display:block;
line-height:16px;
color: #0e8091;
}

.paginazione .pag2 span a:hover{
color: #000;
background: #fff;
}


/* ***********************************************************************
	ELEMENTI RIUTILIZZABILI 
************************************************************************** */

/* BOX 1 (colonna sinistra)
====================================================== */
.box1 {
background:transparent url(http://www.menstyle.es/img/bg_strillo.gif) repeat-x scroll left bottom;
background-color:#d0d4d5;
border-bottom:4px solid #FFFFFF;
float:left;
font-size:13px;
height:100%;
margin:0pt;
padding-bottom:15px;
width:100%;
}
.boxbanner {
background:#ffffff;
border-bottom:4px solid #FFFFFF;
float:left;
font-size:13px;
height:100%;
margin:0pt;
padding-bottom:0px;
width:100%;
}
.box1  h3 {
	font-size:14px; 
	display:inline; 
	background:#FFF; 
	color:#3B484E; 
	text-transform:uppercase; 
	padding:0 4px; 
	}
.box1 img{
	float:left;
margin:4px;
}	
.box1 h4 {
	margin:2px 0; 
	font-size:16px;
	padding-top:2px;
	color: #0E8091;
	text-decoration:none
	}
.box1  h4 a {
	color: #0E8091;
	text-decoration:none
		}	
.box1  h4 a:hover {
	color:#FFF; 
	background: #0E8091;	
	}
.box1 a {color:#000}
.box1 a:hover {text-decoration:none}

a.leggi {color:#5D6567;}
a.leggi:hover {background:#FFF}

/* BOX 2 (colonna destra)
====================================================== */

#articolo .box2 .Box2TitGreen{
	font-size:14px;
	text-transform:uppercase;
	color:#3b484e;
	line-height:14px;
}

.box2 {
	background: #E8EAEA url(http://www.menstyle.es/img/bg_strillomiddle.gif) bottom left repeat-x ; 
	height:100%; 
	font-size:13px;
	padding-left:8px;
	padding-bottom:15px;
	float:left;
	border-bottom:#FFF 8px solid;
	}
#contentLeft .box2 h3 {
	font-size:14px; 
	display:inline; 
	/*background:#FFF;*/
	color:#3B484E; 
	text-transform:uppercase; 
	padding:0 4px; 
	}
.box2 img{
	float:right;
margin:4px;
}	
.box2 h4 {
	margin:2px 0; 
	font-size:16px;
	padding-top:2px;
	color: #0E8091;
	text-decoration:none
	}
.box2  h4 a {
	color: #0E8091;
	text-decoration:none
		}	
.box2  h4 a:hover {
	color:#FFF; 
	background: #0E8091;	
	}
.box2 a {color:#000}
.box2 a:hover {text-decoration:none}



/* BOX VIDEO / FOTO 
====================================================== */
.videoFoto {
	background: #E8EAEA url(http://www.menstyle.es/img/bg_strillomiddle.gif) bottom left repeat-x ; 
	font-size:13px;
	padding-bottom:15px;
	width: 100%;
	float:left;
	border-bottom:#FFF 8px solid;
	}
.videoFoto  h3 {
	font-size:14px; 
	display:inline; 
	background:#FFF; 
	color:#3B484E; 
	text-transform:uppercase; 
	padding:0 4px; 
	margin: 0 8px;
	}
.videoFoto a{
	color:#000;
	}
.videoFoto ul{
	display:block;
	padding: 0 8px;
	}
.videoFoto ul li{
	display:block;
	padding: 10px 0;
	background:transparent url(http://www.menstyle.es/img/bg_dot_strillo.gif) repeat-x scroll left bottom;
	clear: both;
	width: 100%;
	overflow: auto;
	}

.imgVideo{
	position:relative;
	float:left;
	margin-right:6px;
}
.videoFoto li img.play {
	position:absolute;
	right:3px;
	top:44px;
}

form#searchVideo, 
form#searchFoto {
	width: 100%;
	background:transparent url(http://www.menstyle.es/img/bg_dot_strillo.gif) repeat-x scroll left bottom;
	margin-top:3px;
	padding-bottom:5px;
	}	
form#searchVideo label, 
form#searchFoto label {
	display: none;
		}		
#searchVideo input#cercaVideo, 
#searchFoto input#cercaFoto {
	border:1px solid #C5C5C5;
	margin:3px 0pt 3px 5px;
	padding:2px;
	vertical-align:middle;
	width: 84%;
	}	

.videoFoto .paging {
	clear:both;
	font-size:10px;
	margin:7px 10px 3px 0pt;
	text-align:right;
	text-transform:none;
	}
.videoFoto .paging a img {
	background:#AEB957 none repeat scroll 0%;
	margin:0pt 5px;
	}
		
/* BOX PROMO 
	====================================================== */
.promo {
	float: left;
	width: 100%;
	background:transparent url(http://www.menstyle.es/img/bg_promo.gif) repeat scroll 0pt 2px;
	border-top:1px solid #D0D4D5;
	border-bottom:1px solid #D0D4D5;
	font-size:11px;
	margin-top: -1px;
	clear:both;
	color: #3b494f;
	}
.promo img{
	float:right;
	margin: 2px 0 2px 6px;
	}
.promo h4{
	font-size: 12px;
	color:#0E8091;
	margin: 2px 0 2px 6px;
	}
.promo p{
	margin: 2px 6px;
	font-size: 11px;
	}
.grigio{ /* rollover via javascript */
	background:#D0D4D5;
	cursor: pointer;
}

/* BOX PRINCIPALE SEZIONE 
====================================================== */
#boxSezione{
border-bottom:4px solid #fff;
}
#boxSezione p{
font-size:12px;
margin:0;
padding:8px;
}
#boxSezione #dottedBorder{
border-top:4px solid #fff;
background: #fff url(http://www.menstyle.es/img/dottedtop_trasp.gif) top left repeat-x;
height: 24px;
}
#imgBox{
position:relative;
float: left;
}
#titoloBoxSezione{
	position: absolute;
	bottom: 10px;
	left: 10px;
}
#boxSezione #imgBox div h2{
	display:inline;
	background: #fff;
	color: #0E8091;
	font-weight: bold;
	text-transform: uppercase;	
	padding: 2px 4px;
}

/* NEWSLETTER 
====================================================== */
div#newsletter {
background:#667278 url(/img/bg_newsletter.jpg) no-repeat scroll right top; border-bottom:8px solid #FFFFFF; padding:60px 12px 12px; clear:both; display:inline-block; /* IE7 bugfix padding */ }
div#newsletter h3{
display: none; 

}
div#newsletter p{
	font-size: 12px;
margin-right: 100px;
margin-bottom: 10px;
}
div#newsletter label{
color: #efefef;
}
div#newsletter div{
	margin: 10px 0;
}
div#newsletter #iscriviNL{
	border:1px solid #C5C5C5;
	margin:3px 6px 3px 0px;
	padding:2px;
	vertical-align:middle;
	width: 84%;
}
div#newsletter a{
color: #fc3;
display: block;
margin: 4px;
padding-left: 15px;
background: url(http://www.menstyle.es/img/freccia_gialla.gif) center left no-repeat;
}

/* GALLERY CATWALK 
====================================================== */
body#gallery #mainContent{	
	/*background: #fff;	*/
}
#catWalk{
	width: 100%;
	overflow: auto;
	border-top: 42px solid #fff;
}
#galleryVerticale{
	float: left;
	background: #d2d4d5;
	margin-bottom: 8px;
}
#galleryVerticale #foto{
	float: left;
	width: 320px;	
}
#galleryVerticale #contenuto{
	float: right;
	width: 370px;
}
#galleryVerticale #contenuto #desc{
margin: 40px 100px 20px 10px;
font-size: 12px;
line-height: 150%;
}
#galleryVerticale #contenuto #desc h3{
font-size: 20px;
line-height: 150%;
}
#galleryVerticale #contenuto #desc h4{
font-size: 16px;
font-weight: normal;
}

#galleryVerticale #contenuto #desc p{
margin-top: 20px;
}
#galleryVerticale #contenuto #desc p.credits{
font-size: 11px;
color: #666;
margin-bottom: 20px;
}
#galleryVerticale #contenuto #desc p.credits strong{
color: #333;
}

#galleryVerticale #contenuto #desc p.guarda {
border-left: 12px solid #fff;
font-size:12px;
line-height:12px;
margin:4px 0;
padding-left:6px;
text-transform: uppercase;
}
#galleryVerticale #contenuto #desc p.guarda a{
font-weight: bold;
color: #0e8091;
}
#tags{
	margin: 5px 0;
	clear: both;
}

#tags strong {
color:#0E8091;
font-size:12px;
}

#tags a {
color:#000000;
margin-right:5px;
text-decoration:underline;
}

.ringtopten {
width: 100%;
height:100%;
float: left;
background: #D2D4D5;
padding-bottom: 10px;
}
.ringtopten a img {
border:2px solid #7C8486;
float:left;
margin-left: 5px;
}

.ringtopten img, .ringtopten a:hover img {
border:2px solid #0E8091;
}
.ringtopten img {

}

.ringtopten a img {
border:2px solid #7C8486;
float:left;
margin-left: 18px;
margin-top:15px;
}

.ringGallery {
width: 100%;
margin-bottom: 8px;
float: left;
background:  #D2D4D5;
padding: 7px 0;
}

.ringGallery a img {
border:2px solid #7C8486;
float:left;
margin-left: 18px;
}

.ringGallery img, .ringGallery a:hover img {
border:2px solid #0E8091;
}
.ringGallery img {
height:75px;
width:75px;
}
#contenuto .paginazione{
	position: relative;
	text-align: center;
	padding-top: 10px;
	height: 25px;
}

#contenuto .paginazione .prev {
	position: absolute;
	top: 10px;
	left: 10px;
}
#contenuto .paginazione .next {
	position: absolute;
	top: 10px;
	right: 10px;
}
#contenuto .paginazione a{
text-transform:uppercase;
background: #fff;
line-height: 11px;
padding: 2px 4px;
}
#contenuto .paginazione a.arrow{
padding: 0;
}
#contenuto .paginazione span {
float: none;
background:#D2D4D5;
color:#4D575A;
padding: 2px 4px;
margin: 0 auto;
}

/* GALLERIA ORIZZONTALE AUTO 
====================================================== */
body#coches #mainContent{	
	/*background: #fff;	*/
}
#carGallery{
	position: relative;
	width: 100%;
}

#carGallery .testoGallery{
	position: absolute;
	bottom: 20px;
	left: 10px;
	z-index: 100;
}

#carGallery .paginazione{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	background: url(http://www.menstyle.es/img/dottedtop_trasp.gif);
}
#carGallery .paginazione div#pagination{
	width: 350px;
	text-align: center;
	position: relative;
	padding-top: 12px;
	float: right;
	margin-right: 10px;
}

#carGallery .paginazione span {
float: none;
background:#D2D4D5;
color:#4D575A;
padding: 2px 4px;
margin: 0 auto;
}
#carGallery .paginazione div .next{
position: absolute;
right: 0;
top: 10px;
}
#carGallery .paginazione div .prev{
	position: absolute;
	left: 0;
	top: 10px;
}
#carGallery .paginazione a{
text-transform:uppercase;
background: #fff;
line-height: 11px;
padding: 2px 4px;
}
#carGallery .paginazione a.arrow{
padding: 0;
}
#more{
position:relative;
width: 100%;
float: left;
clear: both;
height:35px;
background: #d2d4d5 url(http://www.menstyle.es/img/dottedtop_trasp.gif);
border-bottom: 8px solid #fff;
}
#more div{
border-left: 12px solid #fff;
float: left;
background-image: none;
height: 14px;
padding-left: 4px;
margin-top: 10px;
margin-left: 10px;
}
#more p.guarda{
background:#efefef;
padding: 3px;
margin: 0;
margin-top: -2px;
}

/* PAGINA VIDEO 
====================================================== */
body#video #mainContent{	
background: #fff url(http://www.menstyle.es/img/bg_colonne_video.gif) top left repeat-y;	
}
#articolo_data {
color:#3D474A;
font-size:10px;
line-height:140%;
margin:8px;
margin-bottom: 20px;
}
body#video #tab1, #tab2, #tab3{
	background:#fff;
	padding:20px 8px; 
	color:#333;	
	border: 1px solid #D0D4D5;
	margin-top: -1px;
	}
	body#video #tab1 ul li, 
	body#video #tab2 ul li, 
	body#video #tab3 ul li{
width: 100%;
overflow: auto;
margin-bottom: 20px;
font-size: 12px;
		}
a.guardaVideo{
	color: #7A823D;
}
a.guardaVideo:hover{
	background: #7A823D;
	color: #fff;
}
body#video .ui-tabs-nav {
background: #fff;
}
body#video .ui-tabs-nav li {
	background: #efefef;
	color: #fff;
    float: left;
	text-transform: uppercase;
	margin-right: 2px;
}
body#video .ui-tabs-nav a {
	display: block;
    color: #999;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; 
}
body#video .ui-tabs-nav .ui-tabs-selected a,
body#video .ui-tabs-nav .ui-tabs-selected a:hover {
	display: block;
	background: #fff;
    position: relative;
    z-index: 2;
    color: #0E8091;
border-top: 1px solid #D0D4D5;
border-left: 1px solid #D0D4D5;
border-right: 1px solid #D0D4D5;
border-bottom: 1px solid #fff;
cursor: default;
}
body#video .ui-tabs-nav a:hover{
background: #0E8091;
color: #fff;
}

#stripVideo  {
margin-top: 10px;
float: left;
padding-bottom: 6px;
width: 100%;
background: url(http://www.menstyle.es/img/dottedwhite_trasp.gif) left 58px repeat-x;
}

#stripVideo .thumb {
float:left;
margin:0pt 2px 8px 3px;
text-align:center;
width:60px;
}
#stripVideo .thumb img {
border: 4px solid #0E8091;
}
#stripVideo .thumb a img{
border: 4px solid #fff;
}
#stripVideo .thumb a:hover img{
border: 4px solid #0E8091;
}
body#video h2 {
color:#FFFFFF;
height:40px;
padding-left:5px;
padding-top:5px;
}
#articolo_tags, #articolo_comu {
background:transparent url(http://www.menstyle.es/img/cubo_tags_scuro.gif) no-repeat scroll 0pt;
margin:10px;
padding-left:22px;
clear: both;
float: left;
}
#articolo_tags p {
background: #fff;
padding: 4px;
text-align: left;

}
div#star{
clear: both;
padding: 20px 10px;
}
div#star p{
	line-height: 140%;
	font-size: 12px;
}
div#star p img{
margin-bottom: -3px;
margin-right: 4px;
}

#condividi_stampa a:hover {background:transparent;}
#condividi_stampa .condividi {margin:0px 0 0 15px; position:relative; top:-9px; float: left;}
#condividi_stampa .condividi img {margin:0px 4px -3px 0px;}


/* PAGINA SEARCH 
====================================================== */
body#ricerca #mainContent{	
	/*background: #fff;	*/
}
div#general{
	margin-top: 36px;
}
#general #menuOrdina {
float:none;
left:440px;
margin-bottom:0pt;
position:relative;
top:0pt;
}
#menuOrdina {
/* background:transparent url(http://www.menstyle.es/img/bg_menuOrdina.gif) no-repeat scroll 0pt; */
float:left;
font-size:11px;
height:20px;
margin:0pt 0pt 20px 5px;
padding:10px 20px 6px;
width:247px;
}
#menuOrdina a {
font-weight:bold;
margin:0pt 5px;
padding:2px 4px;
text-transform:uppercase;
color:#0E8091;
}
#menuOrdina a:hover, #menuOrdina span {
color:#FFFFFF;
font-weight:bold;
margin:0pt 5px;
padding:2px 4px;
text-decoration:none;
text-transform:uppercase;
}
#menuOrdina a:hover, 
#menuOrdina span, 
#general .searchGen #immagini a:hover img, 
#general .searchGen #leggitutti a img, 
#general .searchGen #leggitutti a:hover img {
background:#0E8091 none repeat scroll 0%;
}
#general .searchGen {
border: 1px solid #ccc;
clear:both;
margin-bottom: 15px;
margin-left: 10px;
margin-right: 6px;
padding: 10px 20px;
font-size: 12px;
}
#general .searchGen h3 {
/* background:transparent url(http://www.menstyle.es/img/round_top.gif) no-repeat scroll 0pt; */
font-size:12px;
font-weight:normal;
margin:0pt 0pt 20px;
padding:10px 0pt 0pt 0;
}
#general .searchGen h3 span {
background:#3D474A;
color:#FFFFFF;
font-size:15px;
margin:0pt 8px 0pt 0pt;
padding:2px 4px;
text-decoration:none;
text-transform:uppercase;
}
#general .searchGen ul {
margin:10px 0pt 10px 0px;
}

#general ul li {
background:transparent url(http://www.menstyle.es/img/bg_ris_ricerca.gif) repeat-x scroll left bottom; 
margin-bottom:10px;
padding-bottom:10px;
padding-left:3px;
position: relative;
}
div.searchData{
	color:#656C6F;
}
div.searchData strong{
	color:#0E8091;
	font-weight: normal;
}
.searchGen li h4 a {
margin-left:12px;
color:#0E8091;
font-size:16px;
line-height:22px;
font-weight: normal;
}
.searchGen li h4 a:hover {
background:none;
text-decoration:underline;
}
.searchGen #leggitutti {
clear:both;
font-size:13px;
height:22px;
text-align: right;
}
#general .searchGen #leggitutti a {
line-height: 32px;
}
#general .searchGen #leggitutti a:hover {
background: #fff;
}	
#general .searchGen #leggitutti a img{
	margin-left: 6px;
background:#0E8091;
margin-bottom: -4px;
	}
	.rating {
	background: #0E8091 url(http://www.menstyle.es/img/bg_rating.gif) top left repeat-x;
	border:1px solid #D5D8D8;
	height:16px;
	position:absolute;
	right:0pt;
	top:0pt;
	width:83px;
	
	text-align: right;
	}
	.rating img{
		height: 14px;
	}
	.rating img.voto1 {width:74px;}
	.rating img.voto2 {width:66px;}
	.rating img.voto3 {width:58px;}
	.rating img.voto4 {width:50px;}
	.rating img.voto5 {width:42px;}
	.rating img.voto6 {width:34px;}
	.rating img.voto7 {width:26px;}
	.rating img.voto8 {width:18px;}
	.rating img.voto9 {width:10px;}
	.rating img.voto10 {width:0px;}
	
	div#immagini{
		margin: 0;
	}
	div.imgVideo{
		position: relative;
		margin-right: 14px;
	}
	#general .searchGen #immagini img {
	border:1px solid #656C6F;
	float:left;
	margin:0pt 25px 22px 0;
	padding:4px;
	}
	img.play {
	position:absolute;
	right:3px;
	top:44px;
	}