@charset "utf-8";
/* CSS Document */

/* Elimina gli stili di default dei vari browser */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, textarea, input, label, legend, caption, tfoot, thead, p {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: top;
}

html {
	height: 100%;
	max-height: 100%;
}

body {
	background-color: #FFF;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

a { color: #990000; border: 0; text-decoration: none;}
a:active { color: #990000; border: 0; text-decoration: none;}
a:visited { color: #990000; border: 0; text-decoration: none;}
a:hover { color: #F60; border: 0; text-decoration: none;}

a.attivo:link, a.attivo:active, a.attivo:visited, a.attivo:hover {color: #990000 !important; text-decoration: none;}

h1, h2, h3, h4, h5 {
	font-weight: normal;
}

h1 {
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 24px;
	color: #990000;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
	line-height: 26px;
}
h1.sez {
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 24px;
	color: #990000;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
	margin-top: 15px;
	line-height: 26px;
}
h1.bandi {
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 24px;
	color: #990000;
	padding-bottom: 10px;
	border-bottom: 0;
	margin-bottom: 15px;
	line-height: 26px;
}
h2 {
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 16px;
	color: #666;
	margin-bottom: 5px;
}
h3 {
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 14px;
	color: #999;
	margin-bottom: 15px;
}
h3.red {
	color: #900;
	margin: 15px 0 5px;
}
h3.bandi {
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
}
h3.dettaglio {
	color: #900;
  font-size: 16px;
	margin: 15px 0 5px;
}
p {
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
}

.rosso {
	font-weight: bold;
	color: #900;
}

/*Font face*/
@font-face {
	font-family:"ResagnictoBold";
	src:url("../font/ResagnictoBold.eot?") format("eot"),
	url("../font/ResagnictoBold.woff") format("woff"),
	url("../font/ResagnictoBold.ttf") format("truetype"),
	url("../font/ResagnictoBold.svg#ResagnictoBold") format("svg");
	font-weight:normal;
	font-style:normal;
}

/*inizio struttura*/
#intero {
	width: 100%;
	height: auto;
}
#header {
	width: 100%;
	height: auto;
	padding-top: 12px;
	padding-bottom: 8px;
}
.contenitore {
	width: 1080px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#dopolavorologo{
	width:565px;
	height:70px;
	float: left;
	z-index: 500;
}
.logo {
	height: 70px;
	width: 565px;
	text-indent: -9000px;
}
a.logo {
	height: 70px;
	width: 565px;
	display: block;
}
a.logo:hover {
	height: 70px;
	width: 565px;
	padding: 0;
	margin: 0;
}
#logo {
	background-image: url(../img/logo_dopolavoro_atac_cotral.png);
	background-repeat: no-repeat;
	background-position: center;
}
#ricerca {
	width: 288px;
	height: 70px;
	float: right;
}
label#ricerca {
	display: block;
	width: 180px;
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
}
.campotesto {
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	height: 22px;
	padding: 3px;
	border: 1px solid #CCCCCC;
	width: 172px;
	float: left;
	margin-right: 8px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.campotesto1 {
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	height: 20px;
	padding: 3px;
	border: 2px solid #CCCCCC;
	width: 350px;
	margin-bottom: 5px;
}
.campotesto2 {
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	height: 20px;
	padding: 3px;
	border: 2px solid #CCCCCC;
	width: 95%;
	margin-bottom: 5px;
}
.messaggio {
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	height: 330px;
	padding: 3px;
	border: 2px solid #CCCCCC;
	width: 95%;
	margin-bottom: 5px;
}
button#ricerca {
	float: right;
}
.clear{
	clear: both;
}
#spazionav {
	width: 100%;
	height: 36px;
	background-image:url(../img/index/bg_menu.png);
	background-repeat: repeat-x;
	background-position: left;
}
#orologio{
	width: 257px;
	height: 36px;
	float: left;
}
#clock {
	width: 216px;
	line-height: 26px;
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
	background-image: url(../img/index/orologio.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 36px;
	margin-left: 5px;
}
#menuprincipale{
	width: 1064px;
	height: 36px;
	background-image:url(../img/index/bg_menu.png);
	background-repeat: repeat-x;
	background-position: left;
  margin: 0 auto;
}
#centro {
	width: 100%;
	height: auto;
	padding-top: 37px;
	padding-bottom: 20px;
	background-color: #BFBFBF;
}
#banner {
	width: 792px;
	height: auto;
	float: left;
	margin-right: 36px;
}
.banner{
	width: 782px;
	height: 240px;
	border: 5px solid #CCC;
}

.piedebanner {
	width: 100%;
	height: auto;
	min-height: 78px;
}
.piedebanner img{
	width: 100%;
	max-width: 100%;
}
#boxnews {
	width: 252px;
	height: 250px;
	background: #333;
	background-image: url(../img/pagine/head_news.png);
	background-position: center top;
	background-repeat: no-repeat;
	float: left;
}
#boxnews h1 {
	display: block;
	width: 252px;
	line-height: 53px;
	text-align: center;
	font-size: 24px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	color: #FFF;
}
.jp-container{
    width:232px;
    height:187px;
    position: relative;
	color: #000;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.jp-container a{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
    display:block;
	line-height: 14px;
	text-align: center;
    border-bottom:1px dotted #FFFFFF;
	color: #FFF;
}
.jp-container a:first-child{
    border-top:none;
}
.jp-container a:last-child{
    border-bottom:none;
}
.jp-container a:hover{
   background: #666;
   border-bottom-color:#ECEFF5;
}
.jp-container a h3{
    font-size:14px;
	margin: 0;
    padding:2px 0 3px 0;
	color: #CCC;
}

/*slider*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {width: 100%;}
.flexslider .slides > li {display: none;}
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider
*********************************/
.flexslider {background: #333; border: 0; position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0px; top: -5px; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 20px; font-style: italic; height: 24px; text-align: center;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -26px 20px 0; display: block; background: url(../img/slide/bg_direction_nav2.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li .prev {left: -20px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -25px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../img/slide/bg_control_nav1.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
/*fine slider*/
.clear { clear: both;}

#spaziocontenuti {
	width: 100%;
	height: auto;
	margin-top: 20px;
}
#colonnasin {
	width: 732px;
	padding: 30px 30px 66px 30px;
	height: auto;
	margin-right: 36px;
	float: left;
	background-image: url(../img/pagine/ombra_contenuti.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
#colonnadex {
	width: 252px;
	height: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	float: left;
}
.download {
	width: 252px;
	height: 100px;
	margin-bottom: 20px;
}
#sottomenu {
	width: 252px;
	height: auto;
	margin-bottom: 20px;
}
#sottomenu ul {
	width: 242px;
	border: 5px solid #EFEFEF;
}
#sottomenu li {
	width: 242px;
	display: block;
	line-height: 50px;
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	list-style: none;
	text-align: center;
	border-bottom: 1px solid #FFF;
	background: #CCC;
}
#sottomenu li.ultimo {
	border-bottom: 0px;
}
#sottomenu li a{ color: #333; width: 242px; display: block; line-height: 50px;}
#sottomenu li a:hover{ color: #FFF; background: #999;}
#sottomenu li a:visited{ color: #333;}

.boxpubblicita {
	width: 242px;
	height: auto;
	border: 5px solid #CCC;
	margin-bottom: 20px;
}


/*Menù*/
#nav {
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	list-style: none;
}

#nav li {
	position: relative;
	float: left;
	display: block;
	z-index: 500;
	border-right: 1px solid #333;
}
#nav li.last {
	border-right: 0;
}

#nav li a {
	display: block;
	padding: 11px 13px;
	text-decoration:none;
	text-align: center;
	color: #FFF;
}

#nav li a:hover {
	color: #CCC;
	background-color: #C00;
	background-image: url(../img/index/bg_menu_hover.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}

#nav a.selected {
	color: #FFF;
}

#nav ul {
	position: absolute;
	left: 0;
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav ul li {
	width: 100%;
	float: left;
	background: #333;
	border-top: 1px solid #CCC;
}
.ultimo { border-bottom: 0px;}

#nav ul a {
	width: auto;
  display: block;
	height: auto;
	padding-top: 8px 0;
	color: #FFF;
	font-size: 10px;
  text-align: center;
}

#nav ul a:hover {
	text-decoration: none;
	color: #CCC;
}

/*AREA LISTE PER SCARICARE I PDF*/

#listacomunicati {
	width: 100%;
	height: auto;
	margin: 20px 0px;
}
#listacomunicati ul {
	width: 100%;
}
#listacomunicati li {
	width: 100%;
	display: block;
	line-height: 50px;
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	list-style: none;
	text-align: left;
	border-top: 1px solid #CCC;
}
#listacomunicati li.ultimo {
	border-bottom: 0px;
}
#listacomunicati li a{ color: #333; width: 100%; display: block; line-height: 50px; background: #FFF; background-image: url(../img/pagine/download_pdf.png); background-position: center right; background-repeat: no-repeat;}
#listacomunicati li a:hover{ color: #900; background: #F2F2F2; background-image: url(../img/pagine/download_pdf.png); background-position: center right; background-repeat: no-repeat;}
#listacomunicati li a:visited{ color: #333;}

.linkone a{
	width: 85%;
	height: 70px;
	padding: 12.5px 85px 12.5px 15px;
	border: 5px solid #CCC;
	background-color: #333;
	margin-bottom: 40px;
	margin-top: 20px;
	color: #CCC;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	display: block;
	background-image: url(../img/pagine/icona_pdf.png);
	background-position: 635px 12.5px;
	background-repeat: no-repeat;
}
.linkone li{list-style: none;}
.sinistra { float: left; padding-right: 20px;}
.destra { float: right; border-left: 1px solid #CCC; padding-left: 20px; padding-right: 40px;}
.linkone h3{
	font-size: 29px;
	line-height: 38px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #FFF;
	margin: 0px;
	line-height: 70px;
}
.linkone p{
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0px;
}
.linkone h3.small{
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0px;
	line-height: 30px;
	color: #FFF;
}
.linkone img{
	float: right;
	width: 75px;
	height: 70px;
}
.linkone a:hover{
	background-color: #666;
}
.listadettaglio {
	margin: 0 0 40px;
}
.linkdettaglio {
	padding: 25px 0 10px;
	border-top: 1px solid #CCC;
}
.linkdettaglio ul {
	list-style: none;
}
.titledettaglio {
	padding: 0 0 20px;
  font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 16px;
  color: #666;
  display: block;
}
#listateatri {
	width: 100%;
	height: auto;
	margin: 20px 0px;
}
#listateatri ul {
	width: 100%;
}
#listateatri li {
	width: 100%;
	display: block;
	line-height: 50px;
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	list-style: none;
	text-align: left;
	border-top: 1px solid #CCC;
}
#listateatri li.ultimo {
	border-bottom: 0px;
}
#listateatri li a{ color: #333; width: 100%; display: block; line-height: 50px; background: #FFF; background-image: url(../img/pagine/icona_teatri.png); background-position: center right; background-repeat: no-repeat;}
#listateatri li a:hover{ color: #900; background: #F2F2F2; background-image: url(../img/pagine/icona_teatri.png); background-position: center right; background-repeat: no-repeat;}
#listateatri li a:visited{ color: #333;}

#listanegozi {
	width: 100%;
	height: auto;
	margin: 20px 0px;
}
#listanegozi ul {
	width: 100%;
}
#listanegozi li {
	width: 100%;
	display: block;
	height: auto;
	padding: 15px 0px;
	/*line-height: 50px;*/
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	list-style: none;
	text-align: left;
	border-top: 1px solid #CCC;
}
#listanegozi h1{
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#listanegozi h2{
	display: block;
	width: 98%;
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 20px;
	color: #900;
	padding: 1%;
	border-top: 1px solid #CCC;
	line-height: 35px;
	margin: 0px;
}
#listanegozi p{
	font-size: 12px;
	color: #333;
	margin: 5px 0px;
}
#listanegozi li.ultimo {
	border-bottom: 0px;
}
#listanegozi li a:link{ color: #900;}
#listanegozi li a:hover{ color: #F60;}
#listanegozi li a:visited{ color: #900;}
.destra1 { float: right;}
.sinistra1 { float: left;}

#categorienegozi{
	width: 100%;
	height: auto;
	margin: 20px 0px;
}
#categorienegozi ul {
	width: 100%;
}
#categorienegozi li {
	width: 100%;
	display: block;
	line-height: 60px;
	font-family: "ResagnictoBold", Helvetica, sans-serif;
	font-size: 16px;
	color: #333;
	list-style: none;
	text-align: left;
	border-top: 1px solid #CCC;
}
#categorienegozi li.ultimo {
	border-bottom: 0px;
}
#categorienegozi li a{ color: #333; width: 100%; display: block; line-height: 60px; background: #FFF; background-image: url(../img/pagine/convenzioni_categorie.png); background-position: center right; background-repeat: no-repeat;}
#categorienegozi li a:hover{ color: #900; background: #F2F2F2; background-image: url(../img/pagine/convenzioni_categorie.png); background-position: center right; background-repeat: no-repeat;}
#categorienegozi li a:visited{ color: #333;}




/*FINER AREA LISTE SCARICABILI*/

/*GALLERIE FOTOGRAFICHE*/
#gallerie {
	position: relative;
	width: 732px;
	height: 148px;
	margin: 20px 0px;
	text-align: left;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 732px;
	height:148px;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}
.items div {
	width: 183px;
	position: relative;
	float: left;
}
/* single scrollable item */
.scrollable img {
	height: 148px;
	width: 178px;
}
/* active item */
.scrollable .active {
	position:relative;
	cursor:default;
}
.scrollable-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.scrollable-caption { width: 96%; padding: 4%; position: absolute; left: 5px; bottom: 0px; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-family: "ResagnictoBold", Helvetica, sans-serif; font-size: 12px; height: 35px; text-align: center;}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background: url(../img/slide/bg_direction_nav.png) no-repeat;
	display:block;
	width:52px;
	height:52px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right { position: absolute; top: 50%; right: -12px; background-position:-52px 0px; clear:right; margin-top: -26px; margin-right: 0px; padding: 0;}
a.right:active 	{ background-position:-52px 0px; }


/* left */
a.left	{ position: absolute; top: 50%; left: -12px; margin-top: -26px; margin-left: 0px; padding: 0; background-position: 0px 0px;}
a.left:active  	{ background-position: 0px 0px; }

.boxmappa {
	position: relative;
	width: 96%;
	height: auto;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 2%;
	padding-right: 2%;
	background: #CCC;
	color: #333;
	font-size: 16px;
	text-align: left;
	margin: 30px 0px 15px 0px;
}
.fb {
	position: absolute;
	width: 56px;
	height: 68px;
	top: -8px;
	right: 12px;
}
#map1 {
	width: 328px;
	height: 264px;
	border: 5px solid #C1C1C1;
	background: #FFF;
	margin-right: 30px;
	float: left;
}
#map2 {
	width: 328px;
	height: 264px;
	border: 5px solid #C1C1C1;
	background: #FFF;
	margin-right: 30px;
	float: left;
}
.indicamappa {
	width: 297px;
	height: 194px;
	padding-top: 80px;
	background-image: url(../img/pagine/strutture/icona_mappa.png);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}
.indicamappa h3{ font-size: 18px; color: #900; font-variant: small-caps; padding: 10px 0px; margin: 0px;}
div#call_32 { width: 73px; height: 32px; padding: 0px; margin: 0px;}

form {
	with: 100%;
}

.sezioni{
	margin: 20px 0px;
	width: 100%;
}

.capcha{
	width: 190px;
	padding: 20px;
	margin: 20px 0px;
	background-color: #CCC;
}

.capcha p{
	margin: 10px 0px;
}

.sezioni tr, td{
	border-top: 1px solid #CCC;
	padding: 15px;
	margin: 20px 0px;
}

.sezioni label{
	display: block;
	width: 100%;
	padding: 3px 0px;
}

.sezioni div{
	margin: 5px 0px;
}

.sezioni1{
	with: 45%;
	float: left;
	padding-right: 5%;
}

.sezioni h1{
	font-size: 18px;
	border-bottom: 0px;
	margin: 0px;
	padding: 0px;
}

#piede {
	clear: both;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style:italic;
	color: #FFF;
	text-align: center;
}

#piede a{
	color: #CCC;
}
#piede a:hover{
	color: #F90;
}
/* cookie */
#cookieChoiceInfo a:link {color: #CCC; text-decoration: none;}
#cookieChoiceInfo a:active {text-decoration: underline;}
#cookieChoiceInfo a:visited {color: #CCC; text-decoration: none;}
#cookieChoiceInfo a:hover {text-decoration: underline;}
#cookieChoiceDismiss, .cookie-button {
	background: #C00;
	color: #FFF !important;
	text-decoration: none !important;
	padding: 6px 12px;
	margin: 5px 0 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    font-size: 12px;
}
#cookieChoiceDismiss:hover {
	background: #900;
	color: #FFF !important;
}
.cookie-text {
    font-size: 15px;
}