/*
* LOCALI STORICI CSS Framework
* Copyright (c) 2009 Davide Portanome - Studiobard
* davide@studiobard.it
*/



/********************************************
******** CHANGE COLOR properties ***********
*********************************************/

.green { background: #807D17 url(../../images/localistorici/color/green.png) repeat-x ;}	
.switch_green { background: url(../../images/localistorici/color/switch_green.jpg) no-repeat ;}	

.container .left_column .menu ul a {
	color: white;
	text-decoration: none;	
	}
.container .left_column .menu ul a:hover {
	color: #4a490d;
	text-decoration: underline;	
	}
.container .left_column .menu li.first a{color: #1d1d1d;}

 a {color:#6c6c6c;}	
 a:hover {color:#1d1d1d;}	
 
 .thead {
	color: #fff;
	background: url(../../images/localistorici/color/bg_thead_green.png) repeat-x #8A8520 ;
	padding: 2px 10px;
	font-size: 1.2em;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;		
	}
	
.info_row .data {
	width: 70px;
	float: left;
	color: #807D17;
	font-weight: bold;
	}	

/**************** END ***********************/


/* MAIN properties 
-------------------------------------*/

body {
	text-align: center;
	background: #1d1d1d;
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif; /* was Times, serif */
	font-size: 0.75em; /* was 0.9em*/
	}
	
.container {
	position: relative;
	width: 980px;
	height: auto;
	margin: 0 auto;
	background: url(../../images/localistorici/layout/bg_cont.png) right top repeat-y;
	}	
	
.header {
	position: relative;
	width: 980px;
	height: 50px;
	margin: 0 auto 4px auto;
	}
	
.footer {
	position: relative;
	width: 954px;
	text-align: center;
	margin: 1px auto 0 auto;
	color: white;
	font-size: 0.8em;
	
	}

	
.container .content{
	float: left;
	width: 760px;
	width: 715px!important;
	color: #1d1d1d;
	margin: 10px 0 0 0;
	min-height: 550px;
	height: auto !important;
	height: 550px;
	padding: 15px 15px 10px 30px;
	font-size: 0.95em;
	background: #fff;
	
	}
	
	

/* GENERAL PROPERTIES  
----------------------------------*/	

.right {float: right;}		
.left {float: left; }	
span.first_letter {font-size: 2.2em; line-height: 0.8em; }
div.white {background: white; padding-top: 15px; }	
.column a img {border: 0; }	


/* CHANGE CSS  
----------------------------------*/	

.container .color {
	position: absolute;
	width: 20px;
	height: auto;
	margin: 0;
	display: none;
	top: 30px;
	right: 0;
}	
.container .color a { width: 20px; height: 12px; margin: 0 0 10px 0; cursor: pointer; background-position: bottom left; position: relative; float: left;}

.container .color a:hover {background-position: top left;}	
		


/* HEADER ELEMENTS 
---------------------------------*/	
		
.header .logo{
	position: absolute;
	width: 190px;
	height: 15px;
	bottom: 2px;
	left: 2px;
	text-align: left;
	}	
	
.header .top_menu {
	position: absolute;
	width: 780px;
	height: 50px;
	top: 0;
	right: 0;
	text-align: center;
	background: url(../../images/localistorici/layout/bg_top_menu.jpg) repeat-x;	
	}	
	
.header .top_menu .lang {
	position: absolute;
	width: 60px;
	height: 14px;
	top: 0;
	right: 20px;
	text-align: right;
	background:#d7d8d3 url(../../images/localistorici/layout/bg_lang.jpg) bottom left no-repeat;
	padding:2px 10px; 	
	}
	
.header .top_menu .lang img{margin-right: 5px; }	
.header .top_menu .lang a:hover img{filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }		
	
.header .top_menu .link_menu {
	position: absolute;
	width: 720px;
	height: 20px;
	top: 20px;
	left: 15px;
	text-align: center;
	}
	
.header .top_menu .link_menu a{color: #6d6f72; font-size: 0.98em; text-decoration: none; margin: 0 8px;}	
.header .top_menu .link_menu a:hover{color: #1d1d1d}	
.header .black {background: #1d1d1d; position: absolute; top: 0; right: 0; width: 20px; height: 50px;}		
					
	



/******************************************************
*********************** LEFT COLUMN ***********************
*******************************************************/

/*see "change color properties" at line 10 to modify color's link
----------------------------------------------------------------*/	
				
	
.container .left_column {
	float: left;
	width: 200px;
	text-align: left;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	
	}
	
.container .left_column .menu {
	float: right;
	width: 188px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	background: url(../../images/localistorici/layout/shadow.png) repeat-y right top ;
	padding: 8px 0 20px 0;
	}
	
.container .left_column .menu h1 {
	margin: 0;
	list-style-image: none;
	list-style-type: none;
	padding: 0;	
	color: #000;
	font-size: 1em; 
	font-weight: bold;
	}	
.container .left_column .menu h1 a {text-decoration: none; color: #000;}		
	
.container .left_column .menu ul {
	list-style-image: none;
	margin: 6px 0;
	color: black;
	background: url(../../images/localistorici/layout/bg_ul.png) no-repeat bottom left ;
	line-height: 16px;
	font-weight: bold;
	padding: 0 0 10px 6px;
	}
	
	
.container .left_column .menu li.level0 {
	margin: 0;
	list-style-image: none;
	list-style-type: none;
	padding: 0;	
	color: #1d1d1d;
	font-size: 0.95em; /* was 13px*/
	
	}
	
.container .left_column .menu li {
	list-style-position: outside;
	margin: 0 0 0 20px;
	color: white;
	font-size: 0.9em; /* was 13px*/
	font-weight: normal;
	list-style-image: url(../../images/localistorici/layout/item_list.png);
	padding: 0 0 0 0px;
	}
	
.container .left_column .menu ul li.level1 {
	color: white;
	font-size: 0.9em;	/* was 13px*/
	font-weight: normal;
	background: none;
	padding: 0;
	list-style-type: disc;
	list-style-image: none;
	margin: 0 0 0 20px;
	}
	
.container .left_column .menu ul ul , .container .left_column .menu ul ul ul {
	margin: 0;
	background: none;
	
	}
span.number_items{
	font-size: 0.8em; /* was 11px*/
	font-style: italic;
	}	
	
	



		
/******************************************************
*********************** CONTENT ***********************
*******************************************************/	

/* one column 
----------------------------------*/

.content .column {
	width: 48%;
	text-align: left;
	}
	
.content .column:first-letter {
	font-family: Times;
	font-size: 3em;
	line-height: 0.6em;
	}	
	
span.init_big {
	font-family: Times;
	font-size: 3em;
	line-height: 0.6em;
	}		

/* TWO column 
----------------------------------*/
.content.two_column {
	
	padding-top: 0;
	margin-bottom: 20px;
	}
	
	
	
	
.column.left {
	float: left; 
	
	min-height: 430px;
	height: auto !important;
	height: 430px;
	}	
.column.right {
	
	background: url(../../images/localistorici/layout/bg_cont_home.png) repeat-y left top; 
	padding: 0 0 0 20px;
	min-height: 430px;
	height: auto !important;
	height: 430px;
	}		
	
	
/* BOX CONTENT  
------------------------------------*/	
	
.content .column .box_content {
	text-align: left;
	width: 95%;
	line-height: 1.5em;
	float: left;
	margin: 15px 0;
	background: white;
	min-height: 180px;
	height: auto !important;
	height: 180px;
	}
	
.content .column .box_content p:first-letter {
	font-family: Times;
	font-size: 3em;
	line-height: 0.6em;
	}	
	
.content .column .box_content  a{
	margin: 2px 0;
	padding: 0;
	font-style: italic;
	line-height: normal;
	display: block;
	}	
	
.content .column .box_content .box_title {
	width: 100%; 
	margin: 0 0 7px 0; 
	line-height: normal;
	}
		
.content .column .box_content .box_title h1 {
	display: block;
	font-size: 0.98em;
	
	
	background: url(../../images/localistorici/layout/line_title.png) no-repeat bottom left;
	padding: 0 0 2px 0;
	margin: 0 0 4px 0;
	color: #807D17;
	}
.content .column .box_content .box_title .subtitle {
	font-size: 1.1em;
	display: block;
	margin-bottom: 15px;
	color: #1d1d1d;
	font-weight: bold;
	}	

/* PHOTOBOX general style thumbnails 
------------------------------------------*/
	
div.photobox {
	background: url(../../images/localistorici/layout/photo_shadow_long.jpg) no-repeat bottom right;
	margin: 0 10px 0 0;
	padding: 0 0 6px 0;
	text-align: left;
	line-height: normal;
	float: left;
	}
	
div.photobox.right {
	margin: 0 0px 0 10px;
	float: right;
	}	
	
div.photobox .s_left{
	height: 6px;
	width: 40px;
	background: url(../../images/localistorici/layout/photo_shadow_l.jpg) no-repeat;
	position: relative;
	margin: 0;
	padding: 0 0 -6px 0;

	}		
	
div.photobox img{
	border: 1px solid #ccc;
	padding: 2px;
	margin: 0;
	}	
	
	
/* FULLBOX (to show content in one column full
------------------------------------------------*/
				
.content .fullbox {
	width: 700px;
	float: left;
	padding: 10px 0 0 0;
	text-align: left;
	background: white;
	margin: 12px 0 12px 0;
	}
	
/*  txt intro hitlist
------------------------------------------------*/
				
.content .txt_hitlist {
	width: 700px;
	float: left;
	padding: 10px 0 10px 0;
	text-align: left;
	background: white;
	margin: 20px 0 0px 0;
	border-bottom: 1px solid #ccc;
	font-size: 1.1em;
	}
.content .txt_hitlist b.big{
	font-family: Times;
	font-size: 3em;
	line-height: 0.6em;

	}
.content .txt_hitlist h1 {
	font-family: Times;
	font-size: 2.5em;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
	
	}				

/* EVENT TABLE IN HOME PAGE 
--------------------------------------*/
	
.content .fullbox.events {
	padding: 0 0 16px 0;
	background: url(../../images/localistorici/layout/bg_fullbox_event.png) no-repeat bottom left;
	}	

	
.content .fullbox table td{
	padding: 10px 5px 5px 5px;
	background: url(../../images/localistorici/layout/bg_td.gif) repeat-x bottom left ;
	
	}
	
.content .fullbox.hitlist table tr:nth-child(even) td, .content .fullbox.hitlist table tr.even td {
	background-color: #DCDBBD;
	
}
	
.content .fullbox table.thead td{background: none;}
	
.content .fullbox.hitlist table {
	text-align: left;
	background: url(../../images/localistorici/layout/bg_table.gif) repeat-y ;
	}	
	
.content .fullbox table.two_colums {
	background: url(../../images/localistorici/layout/bg_table_twocolums.gif) repeat-y ;
	padding: 0 15px;	
	}
	
.content .fullbox table .calendar{
	text-align: center;
	float: left;
	width: auto;
	margin: 0 0 0 5px;
	font-size: 1.2em;
	line-height: 1em;
	color: gray;	
	}
	
.day {
	color: #1d1d1d;
	font-size: 1.5em;
	}
	
.content .fullbox table .event{
	text-align: left;
	float: left;
	width: 280px;
	margin: 0 0 0 10px;
	color: #1d1d1d;
	
	}
.content .fullbox table .event ul{
	padding: 0;
	margin: 0 0 0 20px;
	}
	
.content .fullbox table .event  li{
	margin: 0 0 10px 0;
	}	
	
.content table.consiglio td{background: none ;}	
.content table.consiglio {text-align: left; font-size: 1.05em;}
.content table.consiglio i {color: #666; font-size: 0.95em;}	
.content table.consiglio ul {padding: 0; margin: 0; list-style: none;}		
.content table.consiglio li {padding: 0 0 5px 0; }	
	
/* box related 
--------------------------------------*/	
	
	.box.related img{
	margin: 0 10px 10px 0;
	float: left;
	}
	.box.related {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 5px 0 10px 0;
	-moz-border-radius: 10px ;
	-webkit-border-radius: 10px ;
	box-shadow:2px 2px 7px #ccc;
	-webkit-box-shadow:2px 2px 7px #ccc;
	-moz-box-shadow: 2px 2px 7px #ccc;
	}	
	.box.related h1 {
	font-size: 1.3em;
	padding: 0;
	margin: 0 0 5px 0;
		}	
	
		


/******************************************************
********************* NAVIGATION *********************
*******************************************************/

.content .navigation {
	width: 700px;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	text-align: left;
	background: white;
	}
	
.content .navigation.top { border: 0;}	
.content .navigation.bottom { border-top: 1px solid #8a8d91; padding-top: 2px; margin-top: 10px;}
	
.content .navigation.sub {border: none; margin-top: 10px;}		
	
.content .navigation a {
	color: #8a8d91;
	text-decoration: none;
	}
	
	
.content .navigation a img {margin: 0 5px;}
	
.content .navigation a:hover img {filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;}	

.content .navigation a:hover {color: #1d1d1d;}	
.content .navigation a.selected  {color: #1d1d1d; font-weight: bold;}		
	
.content .navigation .breadcrump {
	width: 100%;
	float: left;
	text-align: left;
	border-bottom: 1px solid #8a8d91;
	font-size: 1.1em
	}	
	
.content .navigation .pagination {
	width: 100%;
	float: right;
	text-align: right;
	font-size: 12px;
	}	
	
.content .navigation .pagination div.active{
	font-weight: bold;
	display: inline;
	}	
	
.content .navigation .legend {
	width: 380px;
	float: right;
	text-align: right;
	}		
.content .navigation .legend td img {
	padding: 0 0 0 10px;
	}	

/******************************************************
****************** HITLIST LOCALI *********************
*******************************************************/

.content .fullbox.hitlist table thead {
	color: white;
	margin: 10px 0 0 0;
	
	}
.content .fullbox.hitlist table thead td{padding: 5px; background: url(../../images/localistorici/layout/bg_thead.png) #919191 repeat-x;	}
.content .fullbox.hitlist table.hitlist_loc a {font-weight: bold; color: #1d1d1d; font-size: 1.05em;}	
.content .fullbox.hitlist table.hitlist_loc a:hover { color: gray;}
h1.thead {-moz-border-radius: 5px; -webkit-border-radius: 5px ;}	


/******************************************************
****************** SCHEDA LOCALI *********************
*******************************************************/	


/* Photo style
--------------------------------------*/

.content .column .thumb .photobox {
	
	margin: 5px 5px 0 0;
	width: 70px;
	height: 70px;
	overflow: hidden;
	
	
	}



/* Locale text description e data
--------------------------------------*/
	
.content .column .description {
	width: 320px;
	line-height: 1.5em;
	font-size: 1.05em;
	text-align: justify;
	padding-top: 15px;
	}

.content .column .description:first-letter {
	line-height: 0.85em;
	font-size: 3em;
	font-family: Times;
	}	
		
.content .column .description .info_row {
	background: url(../../images/localistorici/layout/dash.gif) repeat-x left bottom;
	width: 320px;
	float: left;
	height: auto;
	line-height: normal;
	padding: 5px 0;
	margin: 0;
	font-size: 0.9em;
	text-align: left;
	
	}
/*
THIS CLASS is at line 10
.info_row .data {
	width: 70px;
	float: left;
	}
*/

.info_row .value {
	width: 245px;
	float: right;
	}
.info_row .map_txt{
	color: #9f0101;
	padding-left: 5px;
	font-size: 0.95em;
	
	}	
.info_row .value a:hover img {
	filter:alpha(opacity=65);
	 -moz-opacity:.65; 
	 opacity:.65;
	}	
	
.info_row .value ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.info_row .value li span {
	font-style: italic;
	color: #666;
	font-size: 0.9em;
	}					

	

/*************************************************************** 
VERY IMPORTANT! use this propety to fix show map in a dialog box
ATTENTION! use the same z-index inside iframe tag into the markup
****************************************************************/
div#mappa {
	padding: 5px;
	border: 1px solid #ccc;
	-moz-box-shadow: 3px 3px 15px #000;
	-webkit-box-shadow: 3px 3px 15px #000;
	-moz-border-radius: 10px ;
	-webkit-border-radius: 10px ;
	z-index: 10000;
	background: #fff;
	height: 550px;
	width: 860px;
	position: absolute;
	margin-top: -275px;
	top: 50%;
	left: 50%;
	margin-left: -430px;
	
	}
div#mappa td {
	background: none;
	border: 0;
	}	
	
	
/***************************************************************/	
	
/* big div map
--------------------------------------

	
div#map {
	width: 900px;
	height: 560px;
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -450px;
	margin-top: -280px;
	background: white;
	z-index: 1000;
	filter:alpha(opacity=95);
	 -moz-opacity:.95; 
	 opacity:.95;
	border: 2px solid #1d1d1d; 
	border-bottom: 5px solid #1d1d1d; 
	-moz-box-shadow: 3px 3px 15px #000;
	-webkit-box-shadow: 3px 3px 15px #000;
	text-align: center;
	}
		
div#map .map_hd {
	width: 900px;
	width: 880px!important;
	-moz-box-shadow: 0px 0px 15px 0 #666;
	-webkit-box-shadow: 0px 0px 15px 0 #666;
	text-align: left;
	padding: 5px 10px;
	color: white;
	background: #1d1d1d;
	}	
	
div#map .map_bd {
	border: 1px solid #1d1d1d;
	position: relative;
	width: 850px;
	height: 480px;
	margin: 20px auto 0 auto;
	}
		
div#map .map_hd a.close {
	width: 16px;
	height: 16px;
	float: right;
	position: relative;
	background: url(../../images/localistorici/layout/close.png) top left no-repeat;
	}	
	
div#map .map_hd a.close:hover {background-position: bottom left;}	
*/



/* tab (other PROPERTIES  tab are in jquery.css
---------------------------------------------------------*/

/******************************************************
****************** HITLIST ALTRI CONTENUTI *********************
*******************************************************/	

h2.trigger {
	color: #000;
	
	
	float: left;
	width: 95%;
	text-align: left;
	cursor: pointer;
	padding: 3px 15px;
	margin: 0 0 10px 0;
	font-size: 1.05em;
	/* background: url(../../images/localistorici/layout/arrow_down.png) no-repeat right bottom #666; */
	border-bottom: 2px solid #666;
	background: url(../../images/localistorici/layout/down.png) no-repeat right center;
	
	}
h2.trigger.active {	
	color: #fff;
	font-weight: bold;
	background: url(../../images/localistorici/layout/up.png) no-repeat right center #666;
	}

div.mostra_nascondi {
	text-align: left;
	float: left;
	margin: 0px 0 25px 0;
	padding: 2px 5px;
	background: #666;
	-moz-border-radius: 0 0 5px 5px  ;
	-webkit-border-radius: 0 0 5px 5px ;
	color: #fff;
	font-size: 0.95em;
	
	}
div.mostra_nascondi a {
	cursor: pointer;
	color: #fff;
	}			
div.mostra_nascondi a:hover {
	text-decoration: underline;
	}	
		
.splash {
	width: 700px;
	position: absolute;
	height:500px;
	font-size: 1.1em;
	margin-left: -350px;
	margin-top: -250px;
	top: 50%;
	left: 50%;
	background: #fff;
	}	
.splash .foot {
	width: 700px;
	position: absolute;
	height:30px;
	font-size: 0.65em;
	bottom: 0;
	left:0;
	
	}	
.splash .lang {
	width: 700px;
	position: absolute;
	height:25px;
	font-size: 0.75em;
	bottom: 150px;
	left: 0;
	text-align: center;
	background: url(../../images/localistorici/bg_home_lang.gif) no-repeat top center;
	padding-top: 6px;
	}
.splash .lang img{
	margin: 0 5px;
	
	}				
	
******************************************************
****************** CONTACT FORM  *********************
******************************************************/	

form textarea {
	background: black;
	width: 300px; 
	height: 120px;
	
	
	}
	
form input {
	border: 1px solid #ccc;
	
	
	
	}	
	
form  {
	margin: 0;
	
	
	
	}	
label{
	width: 200px;    	
	
	}	
	
ul.error_list {
	list-style: none;
	padding: 0;
	margin: 0;
	   	
	
	}	
ul.error_list li {
	color: red;
	font-size: 0.85em;
	   	
	
	}