/**********************************/
/*                                */
/* CSS per il sito invaldaosta.it */
/*                                */
/**********************************/

/* Autore: Simone Morlacchini - 2009 */

/*------------------------------------------------------ BODY ------------------------------------------------------*/
body{
   margin:0px; padding:0px;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 11px;
   color: #6298BB; /* Colore di base per il testo */
   
   /* Scostamento del top uguale all'altezza dell'header */
   background: url(../images/bg_body.gif) repeat-x left 178px #6EA1C1;
}

/* Usato per gli header bianchi all'interno della barra azzurra */
h2 {
	font-size: 16px; font-weight: bold; color: #FFFFFF;
}

h2 span { 
	display: block; float: left; 
	padding: 31px 0px 0px 13px;  margin: 0px;
}

h2 a{
	display: block; float: right; font-size: 11px; color: #FFFFFF;
	padding: 33px 18px 0px 13px;  margin: 0px;
	background: url(../images/bullet_rombo_bianco.gif) no-repeat left bottom;
} 
h2 a:hover { text-decoration: none; color: #FFFFFF; }

/*---------------------------------------------------- FINE BODY ----------------------------------------------------*/

/*------------------------------------------------------ HEADER ------------------------------------------------------*/
#header{
	display: block; height: 178px; width: 100%; 
	top:0px; position:absolute;
   	background: url(../images/bg_header.gif) repeat-x left top #FFFFFF;
	color: #FFFFFF;
}

#header .body {
	clear:both; display: block; float: left; _float: none; /* IE6 */
	width: 944px; height: 100%;

   	/* Per centrare orizzontalmente la pagina */
	left: 50%; margin-left: -472px; position: relative; padding: 0px;
	/* - - - - - - - - - - - - - - - - - - - - */
}

#header .body h1.logo{ 
	display: block; float: left;
	height: 132px; width: 268px;
	background: url(../images/logo.jpg) no-repeat left top #FFFFFF;
	margin: 46px 0px 0px 0px; padding: 0px;
	
	text-indent: -9999px; overflow: hidden; outline: none;
}
#header .body h1.logo a{
	display: block; height: 100%; width: 100%;
}

#header .body .lingue{ 
	display: block; float: right;
	height: 19px; width: 267px; _width: 270px; /* IE 6 */
	margin: 153px 0px 0px 0px; padding: 0px;
	text-indent: -9999px; overflow: hidden;
}

#header .body .lingue a{ 
	display: block; float: right;
	width: 89px; height: 100%; 
	margin:0px; padding: 0px;
	background-position: left top;
}

/*#header .body .lingue a:hover{ background-position: left bottom !important; } */

#header .body .lingue a.link_home{ background: url(../images/link_home.gif) no-repeat right bottom transparent; }
/*#header .body .lingue a.link_eng{ background: url(../images/link_eng.jpg) no-repeat #FFFFFF; }
#header .body .lingue a.link_fra{ background: url(../images/link_fra.jpg) no-repeat #FFFFFF; }*/

/*#header .body .menu{ 
	display: block; float: right;
	clear: right;
	height: 42px; width: 658px; _width: 659px;
	margin: 37px 0px 0px 0px; padding: 0px;
	text-indent: -9999px;
}

#header .body .menu a{
	display: block; float: right;
	width: 93px; height: 100%;
	margin: 0px 0px 0px 1px; padding: 0px;
}

#header .body .menu a:hover{ background-position: left bottom; }

.menu .presentazione{ background: url(../images/menu/presentazione.jpg) no-repeat left top; }
.menu .valledaosta{ background: url(../images/menu/valledaosta.jpg) no-repeat left top; }
.menu .collegamenti{ background: url(../images/menu/collegamenti.jpg) no-repeat left top; }
.menu .meteo{ background: url(../images/menu/meteo.jpg) no-repeat left top; }
.menu .linkutili{ background: url(../images/menu/linkutili.jpg) no-repeat left top; }
.menu .traffico{ background: url(../images/menu/traffico.jpg) no-repeat left top; }
.menu .webcam{ background: url(../images/menu/webcam.jpg) no-repeat left top; }*/


/*------------------------------------------------- FINE HEADER ------------------------------------------------------*/

/*-------------------------------------------------------CONTAINER-------------------------------------------------------*/
#container{
   	width: 100%;
   	top: 178px; /* Uguale all'altezza dell'header */
	position: absolute;

   	display: block; float: left;
   	margin: 0px; padding: 0px;
}

/*-------------------------------------------------------WRAPPER-------------------------------------------------------*/
#wrapper{
   	clear:both; width: 944px;
  	display: block;	float: left; _float: none; /* IE6 */
	background: url(../images/shadow_maincontent.gif) repeat-y right top #FFFFFF;
   
   	/* Per centrare orizzontalmente la pagina */
	left:50%; margin-left:-472px; position:relative;
	/* - - - - - - - - - - - - - - - - - - - - */
	
	padding: 0px 15px 0px 0px;
	_padding: 0px !important; border: none;
}

/*------------- WRAPPER - BANNER -------------*/
#wrapper #banner{
	clear:both; display: block;	
  	width: 100%; height: 358px;
	margin: 0px; padding: 0px 16px 0px 0px;
	
	background: url(../images/shadow_banner_wide.gif) no-repeat right top #FFFFFF;
}

#wrapper #banner img{ float: right; border: none; }

/*------------- FINE WRAPPER - BANNER -------------*/

/*------------ WRAPPER - MAINCONTENT ------------*/
#wrapper #maincontent{
	display:block; float: left; width: 696px;
	background-color: transparent;
	padding: 0px 21px 15px 33px;
	margin: -215px 0px 0px 0px;
}

#wrapper #maincontent h2{ 
	display: block; width: 100%; height: 58px;
	padding: 0px; margin: 0px 0px 3px 0px;
	background: url(../images/header_long_interno.gif) no-repeat left bottom;
}

#wrapper #maincontent .griglia_box {
	display: block; float: left; width: 675px;
	padding: 21px 0px 0px 21px; margin: 0px;
	background: #D1E2EC;
}

/*--- BOX_INTERNO ---*/
#wrapper #maincontent .griglia_box .box_interno{ 
	display: block;
	width: 657px; height: 187px;
	background: url(../images/bg_box_interno.gif) no-repeat left top #D1E2EC;
	
	padding: 0px 18px 18px 0px; margin: 0px;
}

.box_interno img {
	display: block; float: left; border: none;
	width: 175px; height: 129px;
	margin: 26px 0px 0px 11px; padding: 0px;
	margin-left: 6px;
}

.box_interno .area_testo {
	display: block; float: right;
	width: 410px; height: 129px;
	margin: 26px 11px 0px 0px; padding: 0px;
	_margin-right: 5px;
}

.box_interno .area_testo h3 {
	display: block; float: left;
	color: #FFFFFF;	font-size: 12px; font-weight: bold;
	padding: 5px 0px 0px 0px; margin: 0px;
}

.box_interno .area_testo p {
	display: block; float: left; 
	width: 385px; height: 63px;
	font-size: 12px; line-height: 21px;
	margin: 0px; padding: 20px 25px 0px 0px;
}

.box_interno .area_testo a {
	display: block; float: right; font-weight: bold;
	margin: 20px 0px 0px 0px; padding: 0px 1px 0px 14px;
	background: url(../images/bullet_rombo.gif) no-repeat left 2px;
}
/*--- FINE BOX_INTERNO ---*/

/*--- Stili e classi per le pagine interne del sito ---*/
#wrapper #maincontent .griglia_box .header_interno{
	display: block; width: 651px; height: 59px;
	background: url(../images/box_interno_header.gif) no-repeat left top; 
	margin: 0px; padding: 0px;
}

.header_interno h3 {
	display: block; float: left;
	color: #FFFFFF;	font-size: 12px; font-weight: bold;
	padding: 32px 0px 0px 48px; margin: 0px;
}

.header_interno a {
	display: block; float: right;
	padding: 0px 1px 0px 14px; 
	margin: 32px 28px 0px 0px; _margin-right: 14px;
	background: url(../images/bullet_rombo_bianco.gif) no-repeat left 2px;
	color: #FFF;
}

.header_interno a:hover {
	color: #FFF; text-decoration: none;
}

#wrapper #maincontent .griglia_box .body_interno{
	display: block;
	width: 615px; /*width: 651px;*/
	background-color: #E4EBEE;
	margin: 0px; padding: 0px 17px 20px 19px;
}

.body_interno .widget {
	display: block;
	width: 100%; height: 295px;
	margin: 0px; padding: 0px;
}

.body_interno .widget img {
	display: block; float: left; 
	width: 390px; height: 278px;
	margin: 0px; padding: 0px;
}

.body_interno .widget .mappa {
	display: block; float: right;
	height: 276px; width: 210px;
	margin: 0px; padding: 0px;
	
	border: 1px solid #94B9C9;
	overflow: hidden;
}

.body_interno .widget .mappa a{ display: block; width: 100%; height: 100%; }

.body_interno p {
	display: block;
	margin: 0px; padding: 0px 20px 20px 20px;
	font-size: 13px; line-height:21px; font-weight: normal;
}

.body_interno .commenta {
	display: block;
	margin: 0px; padding: 0px;
	height: 48px; width: 100%;
	border-top: 2px solid #94b9c9; border-bottom: 2px solid #94b9c9;
}

.body_interno .commenta span {
	display:block; float:left;
	margin: 0px; padding: 17px 0px 17px 33px;
	background: url(../images/baloon.gif) no-repeat left 11px;
}

.body_interno .commenta a {
	display: block; float: right;
	margin: 16px 0px 0px 0px; padding: 0px 1px 0px 14px;
	
	background: url(../images/bullet_rombo.gif) no-repeat left 2px;
	font-weight:bold;
}

.body_interno .lista_commenti {
	display: block; width: 100%;
}

.body_interno .lista_commenti span {
	display: block;
	font-size: 12px; font-weight: bold;
	padding: 15px 0px 10px 0px; margin: 0px;
}

.body_interno .lista_commenti p {
	display: block;
	margin: 0px; padding: 0px 0px 8px 0px;
	font-size: 11px; line-height: 16px;
	border-bottom: 1px dashed #94b9c9;
}

.body_interno .lista_commenti .posted_by {
	display: block;
	margin: 0px; padding: 9px 0px 0px 0px;
}

.body_interno .lista_commenti .posted_by span {	
	display: block; float: left;
	font-size: 11px; 
	padding: 0px; margin: 0px;
}

#wrapper #maincontent .griglia_box .footer_interno{
	display: block;
	width: 651px; height: 15px;
	background: url(../images/box_interno_footer.gif) no-repeat left top;
	margin: 0px; padding: 0px 0px 18px 0px;
}

/*--- FINE Stili e classi per le pagine interne del sito ---*/

/*------------ FINE WRAPPER - MAINCONTENT ------------*/

/*------------- WRAPPER - COLONNA_DX -------------*/
#wrapper #colonna_dx{
	display:block; float: right;
	width: 162px; height: 100%; 

	padding: 0px 32px 15px 0px;
	margin: -215px 0px 0px 0px;
}

#wrapper #colonna_dx h3{ 
	display: block; width: 100%; height: 58px;
	font-size: 16px; font-weight: bold;
	padding: 0px; margin: 0px 0px 3px 0px;
	background: url(../images/header_short.gif) no-repeat left bottom;
 }
 
#wrapper #colonna_dx h3 span { 
	display: block; color: #FFFFFF;
	padding: 31px 0px 0px 13px; margin: 0px;
}
 

#wrapper #colonna_dx .colonna_sponsor {
	display: block; float: left; width: 120px;
	padding: 21px 21px 4px 21px; margin: 0px;
	background: #D1E2EC;
}

#wrapper #colonna_dx .colonna_sponsor .block_sponsor {
	display: block; width: 100%; height: 600px;
	padding: 0px; margin: 0px 0px 14px 0px;
	background: #9CBFD5;
}

/*------------- FINE WRAPPER - COLONNA_DX -------------*/

/*------------- WRAPPER - FOOTER -------------*/
#wrapper #footer{
	clear:both; width: 100%; height: 54px;
	display: block;	
 	
	margin: 0px; padding: 0px 10px 0px 0px;
	
	background: url(../images/bg_footer.gif) no-repeat left top #6EA1C1;
	_background: url(../images/bg_footerIE6.gif) no-repeat left top #6EA1C1;
}

#wrapper #footer .copy{ 
	display: block; float: left;
	
	color: #FFFFFF; font-size: 12px; 
	
	margin: 0px; padding: 14px 0px 0px 24px;
}

#wrapper #footer .link{
	display: block; float: right;
	color: #FFFFFF; font-size: 12px;
	
	margin: 0px; padding: 14px 24px 0px 0px;
}

#wrapper #footer .link a{
	color: #FFFFFF; font-size: 12px;
	
	margin: 0px; padding: 0px;
}
#wrapper #footer .link a:hover{ text-decoration: none; }
/*------------- FINE WRAPPER - FOOTER -------------*/

/*-------------------------------------------------- FINE WRAPPER ------------------------------------------------------*/




/*** CLASSI DI UTILITA' GENERICHE */


a { color: #6298BB; }

a:hover { color: #0F75BC; }

.bold{ font-weight: bold; }

.underline{ text-decoration: underline; }