
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	margin			: 0;
	padding			: 0;
	border			: 0;
	background-color	: #FFF;
	 text-align			: center;
}

b,strong {
	font-weight			: bold;
}

body a,
object {
   outline           : none 
}

body,
select,
input,
textarea,
div,
.btn,
.btn2,
table,
td {
	font-family			: Open sans, Helvetica,Arial,sans-serif;
	font-size			: 14px;
}

.header {
	height					: 138px;
	background-image		: url(bg_header.png);
	background-repeat		: repeat-x;
	background-position	: center top;
	position					: relative;	
	z-index					: 100;
}

.header .header_cont {
	width					: 960px;
	margin				: auto;
	position				: relative;
}

.header .header_cont .logo {
	position					: absolute;
	left						: 0;
	background-image		: url(logo.png);
	background-repeat		: no-repeat;
	background-position	: center;
}

.header .header_cont .logo,
.header .header_cont .logo img {
	width						: 300px;
	height					: 118px;
}

.header .header_cont .user {
	width					: 400px;
	height				: 100px;
	position				: absolute;
	top					: 13px;
	right					: 0;
	
}


.header .header_cont .user,
.header .header_cont .user table,
.header .header_cont .user table td {
	color					: #FFF;
}

.header .header_cont .user table td {
	padding				: 1px;
}

.header .header_cont .user table td .welcome {
	padding				: 5px 0;
	font-size			: 13px;
}

.header .header_cont .user table td .btn_header {
	display				: block;
	float					: left;
	padding				: 3px 2px 3px 20px;
	font-weight			: bold;
	color					: #FFF;
	font-size			: 12px;
	text-decoration	: none;		
}

.header .header_cont .user table td .btn_header:hover {
	text-decoration	: underline;		
}

.header .header_cont .user table td .print {
	background-image: url(ico_print.png);
}

.header .header_cont .user table td .logout {
	background-image: url(ico_logout.png);
}

.header .header_cont .user table td .comunicazione {
	background-image: url(ico_message.png);
}

.header .header_cont .user table td .print,
.header .header_cont .user table td .logout,
.header .header_cont .user table td .comunicazione {
	background-repeat: no-repeat;
	background-position: left center;	
}



.cont {
	background-color	: #FFF;
	width					: 960px;
	margin				: auto;
	border				: 1px solid #CCC;
	border-top			: 0;
	margin-bottom		: 10px;
	margin-top			: -20px;
   position				: relative;	
   z-index				: 10;
  
}

.messaggio {
	background-color		: #e17719;
	font-size				: 22px;
	color						: #FFF;
	margin					: auto;
	margin-top				: 10px;
	margin-bottom			: 10px;
	width						: 80%;
	padding					: 15px;
	border-radius			: 8px;
	box-shadow				: 3px 3px 10px rgba(0,0,0,0.1);	
}

.lista_canali,
.lista_eventi_table,
.lista_siti {
	width					: 100%;
	color					: #444;
}

.lista_eventi_table {
	padding				: 15px;
}

.lista_canali table,
.lista_eventi_table table {
	width					: 97%;
	margin				: auto;
}

.lista_siti table {
	width					: 100%;
}

.lista_canali table,
.lista_eventi_table table,
.lista_siti table {
	color					: #444;
}

.lista_canali > table td,
.lista_eventi_table > table td,
.lista_siti > table td {
	padding				: 12px;
	font-size			: 12px;
	vertical-align		: middle;
	border-bottom		: 1px solid #DDD;
}

.lista_canali > table .data {
	width						: 15%;
}

.lista_canali > table .canale {
	width						: 8%;
	color						: #888;
}

.lista_canali > table .stato {
	width						: 5%;
}

.dati_dettaglio {	
	margin						: auto;
	padding						: 30px;
	text-align					: left;
}

.dati_dettaglio .titolo,
.lista_canali .titolo {
	margin-top					: 4px;
	text-align					: left;
	font-size					: 24px;
	color							: #626D99;	
}

.dati_dettaglio .titolo{
	border-bottom				: 1px solid #CCC;
	padding						: 0 0 6px 0;
	margin-bottom				: 12px;

}

.dati_dettaglio h2 {
	font-size					: 18px;
}

.dati_dettaglio h2,
.dati_dettaglio .fasce {
	margin-top					: 15px;
	
}

.lista_eventi_table td.descrizione_dtl {

}

.dettaglio_text {

}

.dettaglio_text h2 {
	font-size					: 22px;
	margin-top					: 25px;
	margin-bottom				: 5px;
	text-align					: left;
	letter-spacing: -1px;
}

.dettaglio_text h1 {
	font-size					: 35px;
	font-weight					: bold;
	margin-top					: 5px;
	letter-spacing				: -2px;
	text-align					: left;
}

.dettaglio_text h2, 
.dettaglio_text h1 {
	padding						: 0 17px;
}

.dettaglio_text table {
	width							: 97%;
	margin						: auto;
}

.dettaglio_text table td {

	border-bottom				: 1px solid #DDD;
	padding						: 13px;
	text-align					: left;

}


.lista_eventi_table td.links {
	width							: 15%;
}

.lista_eventi_table td.links .btn {
	float							: left;
	padding						: 4px;
}


.lista_eventi_table td.links .text,
.lista_eventi_table td.links .img,
.lista_eventi_table td.links .map {
	background-color			: transparent;
	background-repeat			: no-repeat;
	background-position		: center;
	width							: 32px;
	height						: 32px;

}

.lista_eventi_table td.links .text {
	background-image			: url('ico_list.png');
}

.lista_eventi_table td.links .map {
	background-image			: url('ico_map.png');
}

.lista_eventi_table td.links .img {
	background-image			: url('ico_img.png');
}

.lista_eventi_table td.links .map span,
.lista_eventi_table td.links .img span,
.lista_eventi_table td.links .text span {
	display						: none;
}

.lista_siti > table td {
	background-image: url(bg_td.png);
	background-repeat: repeat-x;
	background-position: center top;
}

.lista_siti > table td.opzioni {
	width:490px;
	text-align: right;
}

.lista_siti > table .opzioni .btn {
	float					: left;
	margin				: 0 4px;
}

.lista_siti > table .data {

}

.lista_siti > table .data .nome {
	font-size				: 18px;
	font-weight				: bold;
}

.lista_siti > table .data .indirizzo {
	font-size				: 13px;
}

.header_sito {
	background-color			: #efefef;
	padding						: 20px 0 0 0;
	background-image			: url(bg_header_eventi.png);
	background-repeat			: repeat-x;
	background-position		: center bottom;
}

.header_sito .btn {
	display						: inline;
}

.header_sito .dati,
.header_sito .dati p {
	text-align					: center;
	color							: #393c44;
}

.header_sito .dati .nome {
	font-size					: 34px;
	font-weight					: bold;
}

.header_sito .dati .indirizzo {
	font-size					: 22px;
	margin-top					: 6px;
}

.header_sito .dati .opts {
	margin						: 20px;
}

.header_sito .tabs {
	height						: 60px;
}

.header_sito .tabs a {
	display						: block;
	padding						: 10px;
	font-size					: 15px;
	width							: 260px;
	background-color			: #CCC;
	float							: left;
	text-align					: center;
	background-image			: url(bg_btn.png);
	background-repeat			: repeat-x;
	background-position		: center;
	margin						: 8px 4px 0 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	
}

.header_sito .tabs a img {
	vertical-align				: middle;
}

.header_sito .tabs a:link,
.header_sito .tabs a:visited {
	color							: #FFF;
	text-decoration			: none;
}

.header_sito .tabs a.selected {
	padding						: 14px;
	margin						: 0 4px 0 0;
	background-image			: url(bg_tab_selected.png);
	color							: #626d99;
	font-weight					: bold;
	
}

.header_sito .tabs a.selected:link,
.header_sito .tabs a.selected:visited {
	color							: #626d99;
	text-decoration			: none;
}

.header_sito .tabs a.tab_1 {
	margin-left					: 50px;
}


.filtri_sito {


}

.filtri_sito table {
	width:80%;
	margin: auto;	
}

.filtri_sito p.titolo {
	font-size: 120%;
	color: #333;
	margin: 10px 0;
}

.filtri_sito table td {
	vertical-align				: top;
	padding						: 12px;
	width: 33%;		
}

.filtri_sito table td select.expanded {
	height						: 270px;
}
.filtri_sito table td select {
	width							: 250px;
	font-size					: 13px;
	padding						: 3px;
}

.filtri_sito table td table {

}

.filtri_sito table td table td {
	padding						: 5px;
}

.filtri_sito .ui-datepicker-calendar {	

	
}

.filtri_sito .ui-datepicker-calendar td {	
	padding						: 3px;
}



div.dettaglio{
	display: none;
}


div.dettaglio_map{
	width:600px;
	height:450px;
}

div.dettaglio_text{
	width:600px;
	height:450px;
}

div.dettaglio_text div.msg{
	line-height: 40px;
}

div.dettaglio_text span.cod{
	color:#CCC;
}

div.dettaglio_text span.msg{
	margin: 5px;
}

div.invia_comunicazione_form{
	width:550px;
	height:350px;	
	display: none;
}



.btn {
	display						: block;
	border						: 0;
	background-color			: #40496d;
	background-image			: url(bg_btn.png);
	background-repeat			: repeat-x;
	background-position		: center;
	border-radius				: 4px;
	color							: #FFF;
	font-size					: 14px;
	font-weight					: normal;
	padding						: 5px 10px 5px 8px;	
}

.btn img {
	vertical-align				: middle;
}

.btn:link,
.btn:visited {
	color						: #FFF;
	text-decoration		: none;	
}

.btn:hover {
	color						: #FFF;
	text-decoration		: underline;
}

.btn2 {
	display						: block;
	border						: 0;
	background-color			: #adadad;
	background-image			: url(bg_btn2.png);
	background-repeat			: repeat-x;
	background-position		: center;
	border-radius				: 4px;
	color							: #FFF;
	font-size					: 12px;
	font-weight					: normal;
	padding						: 8px 10px;
	box-shadow					: 1px 1px 1px rgba(0,0,0,0.5);
}

.btn2 img {
	vertical-align				: middle;
}

.btn2:link,
.btn2:visited {
	color						: #3b4467;
	text-decoration		: none;	
	font-weight				: bold;
}

.btn2:hover {
	color						: #3b4467;
	text-decoration		: underline;
}



div.fasce,
div.fasce div{
	padding: 0;
}

div.fasce{/*dimensioni obbligatorie (entrambe)*/
	width: 100%;
	height: 300px;
	border: 1px solid #CCC;
}

div.fasce div.fascia div{
	text-align: center;
	font-size: 80%;
	border-radius: 20px 0;
	line-height: 150%;
}


div.fasce div.fascia div{
	margin-top: 13px;
}


div.fasce div.intestazione{
	text-align: right;
}

div.fasce div.intestazione div{
	margin-top: 16px;
	margin-right: 10px;
}

.login_cont {
	
	width						: 300px;
	margin					: auto;
	padding					: 20px;	
	padding-top				: 50px;
	padding-bottom			: 50px;
	
}

.login_cont .input_1 {
	border-radius				: 5px;		
	border						: 1px solid #CCC;
	padding						: 10px;
	width							: 300px;
}

.login_cont table {
	width						: 100%;	
}

.login_cont table td {
	padding					: 8px;	
}

.login_cont .btn_login {
	cursor						: pointer;
	padding						: 8px 22px;
	background-color			: #4e9900;
	background-image			: url('bg_btn_3.png');
	background-repeat			: repeat-x;
	background-position		: center;
	color							: #FFF;
	border						: 0;
	border-radius				: 8px;		
	box-shadow					: 1px 1px 2px rgba(0,0,0,0.5);
	text-transform				: uppercase;
	font-size					: 14px;
	font-weight					: bold;
	
}

#div_comunicazione textarea{
	margin: 0;
}
#div_comunicazione{
	text-align: center;
}

#div_comunicazione input{
	display: inline;
}

.ui-widget-header {
	background-image		: none;
}

.ui-widget-content {
    background-image		: none;
    background-color		: #EEE;
}

.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight {

    background-image		: none;
    border					: 1px solid #3b4777;
    color					: #FFF;
    background-color		: #5e6994;
    
    
}


.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
   background-image		: none;
    border					: 1px solid #3b4777;
    color					: #FFF;
    background-color		: #5e6994;
}

div.dati_dettaglio div.attivazioni_programmate div{
	line-height: 40px;
}

div.dati_dettaglio span.ora{
	margin-right: 10px;
}
