@import "reset.css";

@import "main.css";

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

#header {
	width: 100%;
	height: 180px;
	border-bottom: 3px solid #fff;
	margin-bottom: 20px;
}

#header #banner-interno {
	width: 100%;
	height: 180px;
}

/* ----- CONTENUTO ----- */

#contenuto {
	background: url(../img/contenuto_bg.gif) repeat-y 0 0;
	width: 960px;
}

#contenuto #principale {
	float: left;
	width: 630px;
}

#contenuto #principale #img_istituzionale {
	float: left;
	width: 290px;
	margin-right: 20px;
	margin-bottom: 10px;
}

#contenuto #principale h3 {
	background-color: #F5B748;
	color: #fff;
	font: bold 14px Arial;
	padding: 5px 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#contenuto #principale .box_attivita {
	padding: 10px;
	border: 1px solid #F3F3F3;
	width: 608px;
	height: 140px;
	background: url(../img/box_attivita_bg2.jpg) repeat-x 0 bottom;
	margin-bottom: 10px;
}

#contenuto #principale .box_attivita .img_attivita {
	float: left;
	width: 240px;
	height: 140px;
	margin-right: 20px;
}

#contenuto #principale .box_attivita h4, #contenuto #principale .box_attivita h4 a {
	color: #0097C4;
	text-decoration: none;
	font: bold 14px Arial;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#contenuto #principale .box_attivita h4 a:hover {
	color: #F4B747;
}

#contenuto #principale .box_attivita h5 {
	color: #666;
	font: 11px Arial;
	margin-bottom: 10px;
}

#contenuto #principale .box_attivita h5 strong {
	font-weight: bold;
}

#contenuto #principale .box_attivita p {
	color: #9A9A9A;
	font: 11px/125% Arial;
}

#contenuto #principale .paginazione {
	background-color: #F5B748;
	width: 630px;
	height: 20px;
	overflow: auto;
}

#contenuto #principale .paginazione ul {
	float: right;
}

#contenuto #principale .paginazione ul li {
	float: left;
	border-left: 1px solid #E7AF48;
	display: inline;
}

#contenuto #principale  .paginazione ul li.label {
	color: #fff;
	font: 11px Arial;
	text-transform: uppercase;
	width: auto;
	border-left-style: none;
	margin-right: 10px;
	padding-top: 3px;
}

#contenuto #principale .paginazione ul li, #contenuto #principale .paginazione ul li a {
	color: #D7A141;
	text-decoration: none;
	font: bold 11px Arial;
}

#contenuto #principale .paginazione ul li a {
	width: 20px;
	height: 17px;
	display: block;
	text-align: center;
	padding-top: 3px;
}

#contenuto #principale .paginazione ul li a:hover, #contenuto #principale .paginazione ul li a#current_page {
	color: #fff;
	background-color: #D7A141;
	width: 19px;
	font-weight: normal;
	font-style: normal;
	border-left: 1px solid #D7A141;
}

#contenuto #principale #img_attivita {
	width: 290px;
	height: 200px;
	margin-right: 10px;
	float: left;
}

#contenuto #principale h4 {
	color: #0E9DC7;
	font: bold 12px Arial;
	text-transform: uppercase;
	margin-bottom: 10px;
}

#contenuto #principale p {
	color: #666;
	font: 12px/125% Arial;
	margin-bottom: 10px;
}

#contenuto #principale #contatti {
	background-color: #eeefee;
	padding: 20px;
	margin-top: 40px;
	margin-bottom: 40px;
	overflow: auto;
}

#contenuto #principale #contatti .formBlock {
	float: left;
	display: inline;
	margin-right: 10px;
	width: 260px;
	margin-bottom: 10px;
}

#contenuto #principale #contatti .dx {
	float: right;
}

#contenuto #principale #contatti .formBlock label, #contenuto #principale #contatti .formBlock_large label {
	color: #666;
	font-size: 12px;
	font-weight: bold;
}

#contenuto #principale #contatti .formBlock input {
	border: 1px solid #ccc;
	padding: 2px;
	width: 180px;
	height: 20px;
	color: #bfbec1;
	text-decoration: none;
	font: normal normal 12px Arial;
	float: right;
}

#contenuto #principale #contatti .formBlock input:focus {
	color: #6d6f70;
	border: 1px solid #999;
}

#contenuto #principale #contatti .formBlock small {
	color: #b4b4b6;
	font: normal normal 11px Arial;
	margin-top: 5px;
	float: left;
}

#contenuto #principale #contatti .formBlock_large {
	float: left;
	width: 580px;
	margin-bottom: 20px;
	margin-top: 20px;
}

#contenuto #principale #contatti .formBlock_large textarea {
	border: 1px solid #ccc;
	padding: 2px;
	width: 440px;
	height: 100px;
	color: #bfbec1;
	text-decoration: none;
	font: normal normal 12px Arial;
	float: right;
}

#contenuto #principale #contatti .formBlock_large textarea:focus {
	color: #6d6f70;
	border: 1px solid #999;
}

#contenuto #principale #contatti .formBlock input#submit {
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font: bold 12px Arial;
	text-align: center;
	border: 1px solid #037041;
	background-color: #009154;
	width: 85px;
	height: 25px;
	margin-right: 5px;
}

#contenuto #principale #contatti .formBlock input#submit:hover {
	cursor: pointer;
	background-color: #06b067;
}

#contenuto #principale #contatti .formBlock input#reset {
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font: bold 12px Arial;
	text-align: center;
	width: 85px;
	height: 25px;
	background-color: #51050a;
	border: 1px solid #66060d;
}

#contenuto #principale #contatti .formBlock input#reset:hover {
	cursor: pointer;
	background-color: #a10a15;
}

/* ---- */

/*
* jQuery UI CSS Gruppo Terraglio
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
/*.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }*/
/*.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Vertical Tabs
----------------------------------*/
.ui-tabs-vertical { width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px;
	background-color: #ffcefb;
}
.ui-tabs-vertical .ui-tabs-panel { float: right; width: 40em;
	padding: 0;
}

/* --------- */

#contenuto #principale #luoghi {
	margin-top: 40px;
}

#contenuto #principale #luoghi h4 {
	margin-bottom: 5px;
}

#tabs {
	background-color: #F3F3F3;
	padding: 10px 10px 20px;
	width: 610px;
	overflow: auto;
	height: auto;
}

#tabs ul#labels {
	float: left;
	width: 107px;
}

#tabs ul#labels li {
	margin: 0 0 2px;
	padding: 0;
	width: 107px;
	height: 22px;
	display: block;
}

#tabs ul#labels li {
	width: 102px;
	height: 19px;
	display: block;
	padding-top: 3px;
	padding-left: 5px;
	background: url(../img/tabs_label.gif) no-repeat 0 -25px;
}

#tabs ul#labels li a {
	color: #F3F3F3;
	text-decoration: none;
	font: bold 12px Arial;
}

#tabs ul#labels li a:hover {
	color: #fff;
	background-position: 0 top;
	cursor: pointer;
}

#tabs ul#labels li:hover, #tabs ul#labels li.ui-tabs-selected {
	background: url(../img/tabs_label.gif) no-repeat 0 0;
	display: block;
	color: #ff1821;
}

#tabs ul#labels li.ui-tabs-selected a {
	color: #fff;
}

#tabs .tabs_content {
	float: right;
	width: 485px;
	margin-top: 5px;
}

#tabs .tabs_content ul {
	
}

#tabs .tabs_content ul li {
	background-color: #fff;
	margin-bottom: 2px;
	color: #999;
	text-decoration: none;
	font: normal normal 11px Arial;
	padding: 5px 5px 5px 10px;
}

#tabs .tabs_content ul li .giorno {
	color: #666;
	margin-right: 15px;
	font-weight: bold;
}

#tabs .tabs_content ul li:hover {
	color: #fff;
	background-color: #F5B748;
	cursor: default;
}

#tabs .tabs_content ul li:hover .giorno {
	color: #fff;
}

/* ---- SIDEBAR--- */

#contenuto #sidebar {
	width: 295px;
	float: right;
	padding: 10px;
}

#contenuto #sidebar h4.box_label {
	background-color: #0F9DC8;
	padding: 5px 10px;
	color: #fff;
	font: bold 12px Arial;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#contenuto #sidebar #filtro_attivita {
	margin-bottom: 20px;
}

#contenuto #sidebar #filtro_attivita .formBlock {
	background-color: #fff;
	margin-bottom: 3px;
	padding: 5px 5px 5px 10px;
	overflow: auto;
}

#contenuto #sidebar #filtro_attivita .formBlock label {
	float: left;
	color: #666;
	font: bold 11px Arial;
	text-transform: uppercase;
	margin-top: 4px;
}

#contenuto #sidebar #filtro_attivita .formBlock select {
	color: #848485;
	text-decoration: none;
	font: normal normal 11px Arial;
	padding-left: 5px;
	text-align: left;
	float: right;
	width: 175px;
}

#contenuto #sidebar #filtro_attivita .formBlock select option {
	padding-left: 10px;
	margin-bottom: 3px;
	margin-top: 3px;
}

#contenuto #sidebar #filtro_attivita .formBlock select:focus {
	color: #0097C4;
}

/* --- APPUNTAMENTI SETTIMANALI */

#contenuto #sidebar #appuntamenti-settimanali {
	width: 295px;
	margin-bottom: 20px;
}

#contenuto #sidebar #appuntamenti-settimanali ul {
	width: 295px;
}

#contenuto #sidebar #appuntamenti-settimanali ul li {
	background-color: #fff;
	width: 290px;
	height: 25px;
	margin-bottom: 2px;
	padding-right: 5px;
}

#contenuto #sidebar #appuntamenti-settimanali ul li:hover {
	cursor: pointer;
}

#contenuto #sidebar #appuntamenti-settimanali ul li a {
	text-decoration: none;
}

#contenuto #sidebar #appuntamenti-settimanali ul li a span {
	color: #999;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin-top: 7px;
}

#contenuto #sidebar #appuntamenti-settimanali ul li a span.attivita {
	color: #7F7F7F;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/giorno_label.gif) no-repeat 0 0;
	width: 102px;
	height: 16px;
	display: inline;
	margin: 2px 10px 0 2px;
	padding: 5px 0 0 5px;
	float: left;
}

#contenuto #sidebar #appuntamenti-settimanali ul li:hover span.attivita {
	background-position: 0 bottom;
	color: #fff;
}

#contenuto #sidebar #appuntamenti-settimanali ul li a span.giorno {
	float: left;
}

#contenuto #sidebar #appuntamenti-settimanali ul li a span.luogo {
	float: right;
}

/* --- NEWS */

#contenuto #sidebar #news {
	width: 295px;
	margin-bottom: 20px;
	background: url(../img/sidebar_news_bg.jpg) repeat-x 0 0;
}

#contenuto #sidebar #news .news_block {
	border-bottom: 1px solid #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 270px;
	margin-left: 10px;
}

#contenuto #sidebar #news .news_block h5, #contenuto #sidebar #news .news_block h5 a {
	color: #666;
	text-decoration: none;
	font: bold 11px Arial;
	margin-bottom: 3px;
}

#contenuto #sidebar #news .news_block h5 a:hover {
	color: #F4B747;
}

#contenuto #sidebar #news .news_block p {
	color: #A09F9F;
	font: 11px/120% Arial;
}

#contenuto #sidebar #news .news_block#selected_news h5 a {
	color: #0097C4;
}

/* ----ATTIVITA SIMILI */

#contenuto #sidebar #attivita_simili {
	margin-bottom: 20px;
}

#contenuto #sidebar #attivita_simili .box_attivita {
	width: 285px;
	height: 65px;
	padding: 5px;
	border: 1px solid #F3F3F3;
	margin-bottom: 3px;
	background-color: #fff;
}

#contenuto #sidebar #attivita_simili .box_attivita .img_attivita {
	width: 65px;
	height: 65px;
	float: left;
	margin-right: 10px;
}

#contenuto #sidebar #attivita_simili .box_attivita h4 {
	margin-bottom: 5px;
}

#contenuto #sidebar #attivita_simili .box_attivita h4 a {
	color: #0097C4;
	text-decoration: none;
	font: bold 11px/110% Arial;
	text-transform: uppercase;
}

#contenuto #sidebar #attivita_simili .box_attivita h4 a:hover {
	color: #F4B747;
}

#contenuto #sidebar #attivita_simili .box_attivita p {
	color: #9A9A9A;
	font: 10px/120% Arial;
}

/* --- MAPPA */

#contenuto #sidebar #mappa {
	margin-bottom: 20px;
}

#contenuto #sidebar #mappa p {
	color: #666;
	font-size: 11px;
	line-height: 120%;
	margin-top: 2px;
	background-color: #f6f6f6;
	padding: 5px;
}

#contenuto #sidebar #mappa p strong {
	font-weight: bold;
}