footer_spes_logo.png/*------------------------------------------------------------------
[Main Stylesheet]

Project:        Virgin Radio Italy
Version:        2.0
Last change:	26 Marzo 2010
Assigned to:	Marcello De Palo, Marco Gargano, Daniele Saguto
Primary use:	All
-------------------------------------------------------------------*/

/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/

body{
    /*background:#000 url("images/background.jpg") center top no-repeat;*/
	background:url(images/bg_white2.jpg) #FFF center top repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px !important;
}


.clear{
	clear:both;
	height:1px;
	overflow:hidden;
	display:block;
}



* html .clearit {
    height: 1%;
}


/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/
#wrapper {
	width: 990px;
	margin: 0 auto;
	background-color: #ffffff;
	overflow: hidden;
}

#header {
	width: 990px;
	height:219px;
	margin: 0 auto;
	overflow: hidden;
	padding:0;
	padding-top:22px; color:#FFF;
}

#footer {
	width: 990px;
	/*height: 240px;*/
	margin: 0 auto;
	overflow: hidden;
	/*background-color: #ffffff;*/
	float:none;
}

#content {
    width: auto;   
}

body.int #header {
	padding-top:70px;
}

.grid_1 { width:145px; float: left !important; }
.grid_2 { width:310px; }
.grid_3 { width:300px; }
.grid_4 { width:380px; }
.grid_5 { width:480px; }
.grid_5 { width:465px; }
.grid_6 { width:630px; }
.grid_7 { width:680px; }
.grid_8 { width:780px; }
.grid_9 { width:970px; }
.grid_10{ width:205px; float: left !important; }
.grid_11{ width:980px; border: 1px solid #ffffff;}


.grid_2_last { padding-right:0px;}


.column {
	margin: 0 15px;
	/*overflow: hidden;*/
	float: left;
	display: inline;
}

.column.grid_1	{ margin: 10px;}
.column.grid_2	{ margin: 0px 5px 0px 15px;}
.column.grid_5	{ margin: 10px 0px 10px 20px;}

.column.grid_10 { margin: 5px 0px 5px 15px;}
.column.grid_11 { margin: 5px 0px 5px 15px;}
.column.grid_11 { background-color:#ffffff; overflow:hidden; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 10px;}

#right .column.grid_3 {margin: 0px 10px 0px 20px;}

.row {
	
	width: 990px;
	margin: 0 auto;
	/*overflow: hidden;*/
}
.row .row {
	margin: 0 -15px;
	width: auto;
	display: inline-block;
}

p.dev {
    font:40px/80px Helvetica;
    color: #000;
    text-align: center;
    border: 1px dotted #999;
    margin: 0 0 20px 0;
}

.widget {
    /*border: 1px dotted #999;*/
    margin: 0 0 20px 0;
	width: 100%;
	display: inline-block;
    /*border: 1px dotted #DCDCDC;*/
}

.widget .widgetWrapper {
    /*segnaposto*/
    /*font:40px/80px Helvetica;*/
    /*text-align: center;*/
	/*line-height: 340px;*/
    /*segnaposto*/
    
    width: 100%;
	display: inline-block;
	margin: 0;	
}



h2.heading {
    margin: 0px 0px 2px 0px;
    padding: 0;
    color: #D51007;
    font-size: 18px;
    line-height: 13px;
    border-top: 0px dotted #ccc;
}

#black #wrapper 								{ background:url(images/bgWrapper.png) 0 0 repeat-y; }
#black #right .column							{ background: #292929;}
#black #left h2.heading 						{ color: #ffffff; font-size:17px; /*background: url(images/listGroupGray.png) repeat-x;*/ }
#black #left h2.heading .h2Wrapper 				{ display: block; padding: 10px 5px 10px 0px; }
#black #right h2.heading 						{ color: #ffffff; font-size:17px; background: url(images/listGroup.png) repeat-x; }
#black #right h2.heading .h2Wrapper 			{ display: block; padding: 10px; }
#black #right h2.heading .h2Wrapper a 			{ text-decoration: none;}
#black #right h2.heading .h2Wrapper a:hover 	{ text-decoration: underline; }
#black #right h2.heading .h2Wrapper a 			{ color: #D51007; }

/*mdp 12-ott-2010*/
#black #left h2.heading { /*background:#f0f0f0;*/ color:#cc0000; /*border-bottom:solid 1px #cc0000;*/ font-size:18px; font-weight:bold; }


h3.heading 	{ 
	color: #ffffff; 
	font-size:17px;
    margin: 0px 0px 0px 0px;
    padding: 0;
    font-size: 18px;
    line-height: 13px;
}

h3.heading .h3Wrapper { 
	display: block; 
	padding: 10px;
}



span.moduleOptions {
    clear: both;
    display: block;
    text-align: right;
    color: #0187c5;
}

span.moduleOptions a {
    float: right;
    display: block;
    font-size: 11px;
    line-height: 20px;
    padding-right: 24px;
    margin-left: 9px;
    background-image: url(images/see-more-arrow2.png);
    background-repeat: no-repeat;
    background-position: right top;
}

#left span.moduleOptions a { color: #333;}
#right span.moduleOptions a { color: #fff;}

/* AGGIUNTA 12 OTTOBRE 2010 by MARCO */
		span.moduleOptions { clear:both; color:#0187C5; display:block; text-align:right; }
		span.moduleOptions a { background-image:url("/styles/images/see-more-arrow2.png"); background-position:right center; background-repeat:no-repeat; display:block; float:right; font-size:11px; text-decoration:none; line-height:30px; margin:0 10px; padding-right:24px; }
		span.moduleOptions a:hover { text-decoration:underline; }
/* AGGIUNTA 12 OTTOBRE 2010 by MARCO */

.hr {
	clear:both;
	height:2px;
	line-height:2px;
	overflow:hidden;
	background-color:#FFFFFF;
	/*background-image:url(images/hr.gif);*/
	margin:0px 0px 5px 0px;
}


/*
#sidebox .boxhead h1 {
	color: #ffffff;
		display: block !important;
	margin:0px;
	padding:2px 5px 2px 10px;
    text-shadow: rgb(0, 0, 0) 0px 1px 0px;
	font-size:17px;
   	background: url(images/listGroup.png) repeat-x;
}
*/


/* ------------------------------
HEADER
------------------------------ */
#header	img.logo		{ float:left; margin-left:20px; }
#header	#radio			{ width:450px; height:50px; float:left; margin-left:25px; }
#header	.leaderboard	{ float:right; margin:25px 15px 15px 0; }
#header	.social			{ float:right; margin-right:15px; }

#header 					{ height:180px; background:url(/styles/images/bg_top_header_spiga.jpg) repeat-x top center #292929 !important; } /* Daniele 6 luglio 2011 */
/* #header 					{ height:180px; background:url(/styles/images/bg_top_header.jpg) repeat-x top center #292929 !important; } */
#header .leaderboard 		{ margin:0 20px 5px 0; }
#header .social 			{ height:32px; padding:15px 0 0 0; }
#header .social a img:hover { opacity:0.7; filter:alpha(opacity=70); }
#header img.logo 			{ margin: 5px 0 0 30px; }


/* ------------------------------
FOOTER
------------------------------ */
#footer										{ background:#1C1C1C; font-size:11px; color:#fff; }
#footer	.top								{ background:#2b2b2b; height:20px; padding:10px; text-align:right; }
#footer	.top .social						{ float:right; }
#footer .top ul a 							{ text-decoration:none; font-size:12px; font-weight:bold; color:#999; padding:3px 5px; }
#footer .top ul a:hover						{ text-decoration:none; font-size:12px; font-weight:bold; background: #f0f0f0; }
#footer .top ul								{ list-style:none; display:block; float:right; margin:0; padding-bottom:5px; }
#footer .top ul li 							{ list-style:none; display:block; float:left; margin:0; padding:3px 5px; border-right:solid 1px #999; }
#footer .top ul li.ultimo 					{ border-right:none; }

#footer .middle								{ height:250px; padding-top:20px; color:#000;  border-bottom: 1px solid #0f0f0f;}
#footer .middle	ul							{ float: left; list-style: none; margin: 0px 0px 0px 30px; padding: 0px; }
#footer .middle	ul li						{ display:block; float:left; margin-right:50px; }
#footer .middle	ul li h1					{ font-size:12px; background:url(/styles/images/hr.gif) bottom repeat-x; border-bottom:solid 1px ##0F0F0F; font-weight:bold; margin:0; padding:5px; margin-bottom:5px; }
#footer .middle	ul li h1 a:hover			{ text-decoration:none; color:#C00;}
#footer .middle	ul li p						{ margin:0; padding:1px 5px; font-size:11px; }
#footer .middle	ul li p	a					{ font-size:11px;}
#footer .middle	ul li p a:hover				{ text-decoration:none; color:#C00; }

#footer .bottom								{ background:#1C1C1C; height:120px; padding:15px; border-top: 1px solid #2b2b2b; }
#footer .bottom .sponsor 					{ width:650px; margin:0 auto; text-align:center; }
#footer .bottom .sponsor ul 				{ list-style:none; width: 99%;}
#footer .bottom .sponsor ul li 				{ float:left; display:block; margin:0 0px; width: 25%; }
#footer .bottom .sponsor ul li img:hover 	{ opacity:0.4; filter:alpha(opacity=40); }
#footer .bottom p							{ font-size:10px; color:#999; text-align:center; }



/* ------------------------------
primaryNav
------------------------------ */
#primaryNav 					{ height:37px; overflow: hide; background:url("images/navbar-home-bg.png") 0 0 repeat; margin:2px -10px 2px -20px; padding-left:20px;}

#primaryNav li 					{ list-style:none; display:inline; border:none !important; }
#primaryNav a 					{ width:100px; color:#fff; text-decoration:none; float:left; padding:12px 0px 11px 0px; margin:0; text-indent: -99999px; height:14px;}
#primaryNav a.home 				{ width:58px; background:url("images/navbar-home.png") 0 0 no-repeat; }
#primaryNav a.programmi 		{ width:100px; background:url("images/navbar-home.png") -59px 0 no-repeat; }
#primaryNav a.community 		{ width:101px; background:url("images/navbar-home.png") -159px 0 no-repeat; }
#primaryNav a.webtv 			{ width:63px; background:url("images/navbar-home.png") -262px 0 no-repeat; }
#primaryNav a.concerti 			{ width:85px; background:url("images/navbar-home.png") -326px 0 no-repeat; }
#primaryNav a.magazine 			{ width:85px; background:url("images/navbar-home.png") -415px 0 no-repeat; }
#primaryNav a.tv	 			{ width:125px; background:url("images/navbar-home.png") -505px 0 no-repeat; }

#primaryNav a.stylerock 		{ width:99px; background:url("images/navbar-home.png") -630px 0 no-repeat; }
#primaryNav a.frequenza 		{ width:99px; background:url("images/navbar-home.png") -729px 0 no-repeat; }
#primaryNav a.giochi 			{ width:75px; background:url("images/navbar-home.png") -828px 0 no-repeat; }

#primaryNav a.home:hover 		{background-image:url("images/navbar-home.png"); background-position: 0 -37px; }
#primaryNav a.programmi:hover 	{background-image:url("images/navbar-home.png"); background-position: -59px -37px; }
#primaryNav a.community:hover 	{background-image:url("images/navbar-home.png"); background-position: -159px -37px; }
#primaryNav a.webtv:hover 		{background-image:url("images/navbar-home.png"); background-position: -262px -37px; }
#primaryNav a.concerti:hover 	{background-image:url("images/navbar-home.png"); background-position: -326px -37px; }
#primaryNav a.magazine:hover 	{background-image:url("images/navbar-home.png"); background-position: -415px -37px; }
#primaryNav a.tv:hover		 	{background-image:url("images/navbar-home.png"); background-position: -505px -37px; }

#primaryNav a.stylerock:hover 	{background-image:url("images/navbar-home.png"); background-position: -630px -37px; }
#primaryNav a.frequenza:hover 	{background-image:url("images/navbar-home.png"); background-position: -729px -37px; }
#primaryNav a.giochi:hover 		{background-image:url("images/navbar-home.png"); background-position: -828px -37px; }
#primaryNav a:active 			{background-image:url("images/navbar-home.png"); background-position:0 -37px; }



/*PROMO*/

/*rayban*/
.rayban1{ background:#000 url('/images/promo/rayban/wallpaper_flowers_black.jpg') top center no-repeat;}
.rayban2{ background:#000 url('/images/promo/rayban/wallpaper_subway_black.jpg') top center no-repeat;}

/*tuborg*/
.tuborg{ background:#2C9221 url('/images/promo/tuborg/wall_tuborg.jpg') top center repeat-y;}

/*Pampero*/
.pampero{ background:#2C9221 url('/images/promo/pampero/pampero_bg.jpg') top center;}

/*Pampero*/
.lipton{ background:#7eb159 url('/images/promo/lipton/lipton_virgin.jpg') top center no-repeat;}

/*Pampero 2011*/
body#black.pampero2011{ background:#000 url('/images/promo/pampero/wall_virgin.jpg') top center no-repeat; !important}

/*Lacoste*/
body#black.lacoste{ background:#FFF; !important}

/*BRAUN*/
body#black.braun{ background:#000 url('/images/promo/braun/wall_braun.jpg') top center no-repeat; !important}