* {
	padding: 0;
	margin: 0;
}
html, body 
{
	margin: 0; padding: 0;
	}

body 
{
	background: #BDD269 url(/i/bg/background.gif);
	font: 100.01% trebuchet ms,verdana,arial,sans-serif;
	text-align: center;
	color:#333;
	}

/*Generics Links*/
a
{
	color: #537345; 
	text-decoration: none; 
	}

	

a:hover 
{
	color: #0089B3; 
	text-decoration: none; 
	}
	
a img
{
	border: none;
	}


hr
{
	border: 1px dotted #000; 
	}

h1 {font-size:1.5em; /*text-transform: uppercase;*/  margin-bottom:16px; color:#0098C0;letter-spacing: -1px;}
h2 {font-size:1.3em; font-weight:normal; margin-bottom:10px; color:#0098C0;letter-spacing: -1px; font-style:italic; margin-top:-10px;}
h3 {letter-spacing: -1px; color:#666;}
h5{font-style:normal; font-weight:normal;}
h4 {margin-bottom:15px;}
	
sup, sub
{
	font-size: x-small; 
	letter-spacing: -1px; 
	}	


p
{ 
	line-height: 20px; 
	text-align: left; 
	margin-left:3px; 
	}



acronym 
{
	font-weight: bold; 
	letter-spacing: -1px; 
	cursor: help; 
	color: #cc0000; 
	}

form {
	margin:0;
	padding:0;
	font-size:1em;
}	
	
/* SEZIONI DEFINITE*/

/*div principale*/
div#vacanze_musicali 
{
	width: 740px; 
	background:#fff url(/i/bg/topcont.jpg) no-repeat top;
	margin: 0 auto; 
	margin-left: auto; 
	margin-right: auto;
	margin-top:5px; 
	text-align: left;

	}
/*menu superiore del sito*/
div#noteinviaggio_santa_cecilia {
	height:61px;
	text-align:left;
}

div#logo {
	background:#fff url(/i/loghi/logo_noteinviaggio.jpg) no-repeat 2px 5px;
	position:relative;
	top:7px;
	left:0;
	width:250px;
	height:61px;
	float:left;
}
div#logo a{
	display:block;
	width:250px;
	height:61px;
	float:left;
}

/*contiene lo sfondo random dell'header*/
div#concerti 
{
	color: #537345; 
	border-top: 1px solid #ACD105; 
	border-bottom: 1px solid #ACD105; 
	background:#537345 url(/i/sfondi_header/0.jpg) no-repeat bottom right; 
	height: 170px; 
	width:740px;
	padding-left:1px;
	padding:0px;
}
/*Contiene lo slogan a sinistra dell'immagine random*/	
div#viaggi_eventi_musicali {
	height:170px;
	margin:0;
	padding:0;
	float:left;
	width:250px;
	border-right: 1px solid #ACD105; 
	background: #fff url(/i/bg/sf_logo.gif) no-repeat bottom;
	color:#fff;
	
}
div#viaggi_eventi_musicali p{
	padding:60px 10px 15px 10px;
	font-size:100%;
}



/*contiene il corpo delle pagine*/
div#viaggi_musicali_italia_europa_asia_africa_america_australia
{	
	min-height:510px;
	height:auto!important;
	height:510px;
	margin-left:1px;
	margin-right:0;
	padding:10px 8px 10px 10px; 
	float: left; /*utile per fare allineare il contenuto a destra*/ 
	width: 533px; 
	position: relative; 
	background: transparent url(/i/icone/vert_dot.gif) repeat-y right;

}
	
/*contiene la colonna destra del sito*/
#viaggi_concerti
{
	padding:10px 0 0 0px; 
	width: 183px; 
	border: 0; 
	margin: 0; 
	margin-left: 551px;  
	}

#viaggi_concerti p{
	font-size:70%;
	margin-left:5px;
	line-height:1.2em;
}	
/*contiene i form di ricerca nella colonna destra*/
#ricerca_viaggio{
	padding:5px 0 5px 0;
 	margin:-10px 0 10px 0;
	background: #E2F7D9 url(/i/icone/dots.gif) repeat-x bottom;
}
#ricerca_viaggio p{
	margin-top:3px;
	margin-bottom:5px;
}
/*contiene l'ultimo podcast pubblicato nella colonna destra*/
#podcastdx {
	margin-bottom:12px;
}


/*footer*/
div#viaggi_etno_musicali
{
 	width:730px;
	clear: both; 
	background: #0098C0 url(/i/bg/bottomcont.jpg) no-repeat bottom; 
	color: #fff; 
	height: 34px;
	margin: 0px 0px 0px 0px;  
	padding: 5px 5px 5px 5px; 
	font-size: x-small; 
	border-top:1px solid #ACD105;
	}

#opera_lirica
{
	margin-left: 12px; 
	}

#opera_lirica p
{
	text-align:center;
	line-height: 15px; 
	margin-bottom:2px;
	}

#opera_lirica a 
{
	color: white; 
	text-transform: uppercase; 
	text-decoration: none; 
	}

#opera_lirica a:hover 
{
	color: white; 
	text-transform: uppercase; 
	text-decoration: underline; 
	}
/*End footer*/




#navbar .normal
{
	padding: 5px; 
	/*border: 1px solid #710302;*/ 
	padding-bottom: 30px; /*bordo inferiore tra paragrafo e piedipagina*/ 
	}

#podcast   { color: #666; font-size: 12px; margin-bottom:5px; font-family: Geneva, Helvetica, Arial; background-color: #fff; }


#scarica_podcast   { float:left; margin-top:15px;width:48%; margin-right:10px;}
#scarica_podcast a { color: #333; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: underline; }
#scarica_podcast a:hover { text-decoration: none;}

#calendario_partenze{float:left; margin-top:15px; width:48%;}






/*CLASSI*/


/*classe di span prioritaria, deve stare sempre come ultima posizione nel css in maniera di avere priorità su tutti gli altri elementi*/
span.red
{
	visibility: visible; 
	color: #fff; 
	background-color: #cc0000; 
	padding: 3px; 
	padding-left: 5px; 
	padding-right: 5px; 
	font-weight: bold; 
	font-size: 80%; 
	letter-spacing: -1px; 
	margin-left: 25px; 
	border-bottom: 2px solid #000; 
	border-right: 2px solid #000; 
	}

.firstl
{
	color: #cc0000; 
	background-color: Black; 
	border: 10px solid #fff; 
	padding: 5px; 
	padding-bottom: 10px; 
	text-transform: uppercase; 
	}



.formfield{
 border:1px solid #537345;
 width:10em;
 background: transparent url(/i/bg/back_input.gif) no-repeat;
}
.formselect{
 border:1px solid #537345;
 font-size:.9em;
 width:12em;
  margin-bottom:5px;
}
.txtarea{
 border:1px solid #537345;
 font-size:.9em;
 width:18em;
 margin-bottom:5px;
 background: transparent url(/i/bg/back_input.gif) no-repeat;
}
.formbutton{
 border : 1px solid #eee;
 font-size:1em;
 background: #0098C0;
 cursor:pointer;
 font-weight:bold;
 color:#fff;
}

.formbutton:hover{
 background: red;
 border : 1px solid #eee;
 color:#fff;
}

.riquadro{padding:1px 2px 1px 2px; margin:0 0 5px 0px; border:1px solid #E9F2F4; background:#F9FBFC;}
.torna {text-align:center; margin-top:20px; font-size:.8em; }
.torna a {font-weight: bold;}
.logo {padding-right: 20px;}
.normal {font-size: 80%; margin-bottom:5px;} 
.normal_right {font-size: 80%; text-align:right;} 
.normal_right_space {font-size: 80%; text-align:right; margin-top:10px; margin-bottom:10px;} 
.normal_space {font-size: 80%; margin-top:10px;margin-bottom:20px;} 
.normal_space_top {font-size: 80%; margin-top:20px;} 
.normal a, .normal_space  a{font-weight: bold;}
.normal_right a{color:#0098C0; font-weight: bold;}
.normal_right a:hover{text-decoration:underline;}

.midsmall {font-size: 80%;}
.small {font-size: 70%;}
.small_grey {font-size: 70%; color: #999;}

.white {color: #fff; }
.grey {color: #999; }
.greyb {color: #666; font-weight:bold;}
.green {color:#ACD105;}
.greenb {color:#ACD105;font-weight:bold;}
.greenevidence{color:#ACD105; font-size:1.3em;font-weight:bold;}

.blue{color:#0098C0;}
.blueevidence{color:#0098C0;font-weight:bold;}
.blueevidence a{color:#0098C0; font-weight: bold;}
.blueevidence a:hover{text-decoration:underline;}
.center{text-align:center;}
.green_news {font-size:80%;color:#ACD105; margin-top:5px;}
.b {font-weight:bold;}
.i {font-style:italic;}
.s {text-decoration:underline;}
.sidenews {margin-top:1px; margin-bottom:10px;}
.sidenewstit{color:#ACD105; font-size: 80%; margin-top:7px; margin-bottom:10px;}
.sidenewsimg{border:1px solid #ACD105; margin:0px 5px 5px 5px; width:168px;}
.sidetravel {margin-top:1px; margin-bottom:3px; padding-left:14px; background: url(/i/icone/page_icon_blue.gif) no-repeat left 1px;}
.tipo_viaggio {margin-top:15px; margin-bottom:10px;font-weight:bold;color: #ACD105; }
.prenota {margin-top:3px; margin-bottom:10px; padding-top:1px;padding-left:20px; background: transparent url(/i/icone/prenota.gif) no-repeat left 0;}
.segnala {margin-top:3px; margin-bottom:10px; padding-left:20px; background: transparent url(/i/icone/email.gif) no-repeat 1px 0;}
.brochure {margin-top:3px; margin-bottom:10px; padding-left:20px; background: transparent url(/i/icone/brochure.gif) no-repeat 1px 0;}
.prenota a, .segnala a, .brochure a {font-weight:bold;}
.clear {clear:both;}
.clear_dots{ clear:both; text-align:right; padding-top:5px; background: transparent url(/i/icone/dots.gif) repeat-x bottom; font-size:70%;}
.clear_dots a{color:#999;}
.sidecal {color:#0089B3; margin-top:3px; margin-bottom:5px;}
.sidecaltit{color:#ACD105; font-size: 80%; margin-top:7px; margin-bottom:7px; font-weight:bold; color:#ACD105;}
.title   { color: #333; font-size: 15px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; border-bottom: 1px solid #333 }
.blue_title   { color: #0089B3; font-size: .9em; font-weight: bold; margin:15px 0 0px 3px; }
.green_title   { color: #ACD105; font-size: .9em; font-weight: bold; margin:15px 0 0px 3px;}
.gensmall {padding:5px 1px 0 0; font-size:.9em;}
.img_viaggio {width:170px; float:left;border:1px solid #666; margin:5px 5px 0 0;}
.img_viaggio_big {float:left;width:200px; border:1px solid #666; margin:5px 10px 5px 0;}
.img_link {width:120px; float:left;border:1px solid #666; margin:5px 5px 0 0;}

.calendario {background:#666; margin-top:10px;margin-left:3px;}
.calcell {background:#fff; height:20px; width:50px; text-align:center; }
a.calen {text-decoration:none; border:0; background:#D6E79B; padding-top:2px; display:block; height:20px; width:50px; }
a.calen:hover { background:#9BD7ED;}
a.travelsub   { color: #000; font-size: .9em; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline }
a.travelsub:hover   { color: #000; font-size:  .9em; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

a.romano   { color: #000; font-weight: normal;text-decoration: underline }
a.romano:hover   { color: #000;  text-decoration: none }

.proposte_di_viaggio { font-size: .7em;  line-height: 17px; padding-top:15px; padding-bottom:5px; background: transparent url(/i/icone/dots.gif) repeat-x bottom;}
.proposte_di_viaggio a{ color:#000;}


.house{font-size: 80%; margin:5px 0 5px 3px; padding-left:20px; background: url(/i/icone/house.gif) no-repeat left 3px;}
.phone{font-size: 80%; margin:5px 0 5px 3px; padding-left:20px; background: url(/i/icone/phone.gif) no-repeat 0 2px;}
.fax{font-size: 80%; margin:5px 0 5px 3px; padding-left:20px; background: url(/i/icone/fax.gif) no-repeat 0 2px;}
.email{font-size: 80%; margin:5px 0 5px 3px; padding-left:20px; background: url(/i/icone/email.gif) no-repeat left 4px;}
.hmenu{padding-top:38px; font-size:11px;}
.lista {margin-top:6px;padding-left:15px; background: url(/i/icone/page_icon.gif) no-repeat 0 5px;font-size:.8em;}
.lista a{font-weight:bold;}

.lista2 {margin-top:6px;padding-left:15px; background: url(/i/icone/li.gif) no-repeat 0 7px;font-size:.8em;}
.lista a, .lista2 a{font-weight:bold;}
.light_title{color:#666; font-size:1.1em; margin-top:10px; margin-bottom:10px;}
.mini_title{color:#666; font-size:1em;font-weight:bold; margin-top:5px; margin-bottom:35px;}
.title_s {margin-top:15px; margin-bottom:5px;text-decoration:underline;}

/* Sezione temporanea "Roma di Note" */
#roma_di_note, #hotels,#romapass, #navetta  {tetx-align:center; margin-top:30px;}
#roma_di_note h5, #hotels h5,#romapass  h5, #navetta h5, #roma_di_note h4, #hotels h4,#romapass  h4, #navetta h4  {text-align:center;}
#roma_di_note h3, #hotels h3,#romapass  h3, #navetta h3 {text-align:center; color:#0098C0;}
.sideweek {margin-top:5px; margin-bottom:5px; padding-left:20px; background: url(/i/icone/page_icon_blue.gif) no-repeat 4px 1px;}
.costi_roma_note {border:1px solid #999;background:#999;}
.costi_roma_note td{background:#fff;}

/*Landing page offerte capodanno*/
.off_des{padding:15px 0 0px 0; width:350px; margin:0 5px 20px 0;float:left;text-align:center;border:2px solid #9bbb59;min-height:420px; height:auto!important;height:420px;background:#f8f6f6; }
.capodanno{width:300px; height:205px; margin:10px 0 15px 0; border:1px solid #ccc;}
.capodanno_p{width:300px; height:100px;font-size:.9em;text-align:center;}
.capodanno_tasti{border-top:2px solid #9bbb59;height:56px; width:350px; font-size:.7em;background:#eee; text-align:center;}
.tasto_sing{float:left; width:80px;height:46px;border-right:1px solid #9bbb59;margin-right:9px;padding-top:9px;}

#offerta_form td, #offerta_form2 td{height:25px;padding-left:5px; text-align:left;}