/* ----------------------------- Esprimo Typo3 ---------------------------- */

/* Data ultima modifica: 25 febbraio 2020 */


/*********** #font styles ***********/
@import url(https://use.fontawesome.com/releases/v5.6.3/css/all.css);
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:500,700&display=swap');


/* Definizione delle classi principali */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
	line-height: 1.166;
	padding: 0px;
	margin: 0px;
	background: #F2F5F6;
}

p.bodytext, p.align-center, p.align-right, p.align-left, p.align-justify {
	font-size: 90%;
	color: #333;
}
.align-center {
	text-align: center;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.align-justify {
	text-align: justify;
}

.contenttable p {
	margin: 0px;
}

a:link, a:visited, a:hover {
	color: #CC0000;
	text-decoration: none;
	/*font-weight: normal;*/
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a {
	outline: none;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0 0 10px;
	line-height: 1.2;
	font-family: "Playfair Display",serif;
	font-weight: 700;
	color: #000;
}
h1{
	font-size: 160%;
}
h2{
	font-size: 140%;
}
h3{
	font-size: 130%;
}
h4{
	font-size: 120%;
}
h5{
	font-size: 110%;
}
h6{
	font-size: 100%;
}
h1 a:link, h1 a:visited, h1 a:hover,
h2 a:link, h2 a:visited, h2 a:hover,
h3 a:link, h3 a:visited, h3 a:hover,
h4 a:link, h4 a:visited, h4 a:hover,
h5 a:link, h5 a:visited, h5 a:hover,
h6 a:link, h6 a:visited, h6 a:hover {
	color: #000;
	text-decoration: none;
	font-weight: 700;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	color: #CC0000;
}

ul{
	list-style-type: square;
	font-size: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
}
ul ul{
	list-style-type: disc;
	font-size: 100%;
}
ul ul ul{
	list-style-type: none;
	font-size: 100%;
}
ol{
	font-size: 90%;
	line-height: 1.462;
}
ol ol{
	font-size: 100%;
}
ol ol ol{
	font-size: 100%;
}

ol ul {
	font-size: 100%;
}

hr {
	height: 0px;
	padding: 0px;
	margin: 5px 0px 5px 0px;
	border-top: 3px solid #E8E8E8;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	color: #E8E8E8;
}

img {
	border: 0px;
}



/***********************************************/
/* Layout dei Divs principali   (struttura)    */
/***********************************************/

#container {
	width: 998px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	border: 1px solid #D0D7DD;
	background-color: #FFF;	
}

#top {
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: 10px 9px;
	overflow: hidden;
}
#topSx {
	/*width: 260px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;*/
}
#topCenter {
	/*width: 440px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;*/
}
#topDx {
	/*width: 260px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;*/
}

#advertisingStriscia {
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: 0px 9px 0px 9px;
}

#topMenu {
	width: 980px;
	padding: 0px 0px 0px 0px;
	margin: 0px 9px 0px 9px;
	overflow: hidden;
}

#main {
	width: 980px;
	padding: 20px 0px 20px 0px;
	margin: 0px 9px 0px 9px;
	background: url(../images/bgr02.jpg) repeat-y 634px top scroll;
	overflow: hidden;
}
#mainSx {
	width: 624px;
	float: left;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
	overflow: hidden;
}
#mainDx {
	width: 336px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

#pageTitle {
	padding: 0px 0px 32px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	background: url(../images/bgr01.jpg) repeat-x left bottom scroll;
}
#pageTitle strong {
	display: block;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #D0D7DD;
	font-size: 190%;
	font-weight: normal;
	text-transform:uppercase;
}
#pageTitle span {
	display: block;

	float: right;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;
	color: #000;
	font-size: 75%;
	font-weight: normal;
}
#contentSxTop {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
#contentSxBottom {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
#contentDxTop {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
#contentDxBottom {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

#bottomMenu {
	width: 998px;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url(../images/bgr01.jpg) repeat-x left top scroll;
	overflow: hidden;
}

#footer {
	width: 980px;
	padding: 20px 0px 20px 0px;
	margin: 0px 9px 0px 9px;
}




/***********************************************/
/* Caratteristiche specifiche dei Divs         */
/***********************************************/

/************** TITOLI CONTENUTI **************/
#mainSx .csc-header h1,
#mainSx .csc-header h2,
#mainSx .csc-header h3,
#mainSx .csc-header h4,
#mainSx .csc-header h5,
#mainSx .csc-header h6 {
	padding: 0px 0px 32px 0px;
	margin: 0px 0px 0px 0px;
	background: url(../images/bgr01.jpg) repeat-x left bottom scroll;
	font-family: Arial, Helvetica, sans-serif;
	color: #D0D7DD;
	font-size: 190%;
	font-weight: normal;
	text-transform: uppercase;
}
#mainSx .csc-header h1 a:link, #mainSx .csc-header h1 a:visited, #mainSx .csc-header h1 a:hover,
#mainSx .csc-header h2 a:link, #mainSx .csc-header h2 a:visited, #mainSx .csc-header h2 a:hover,
#mainSx .csc-header h3 a:link, #mainSx .csc-header h3 a:visited, #mainSx .csc-header h3 a:hover,
#mainSx .csc-header h4 a:link, #mainSx .csc-header h4 a:visited, #mainSx .csc-header h4 a:hover,
#mainSx .csc-header h5 a:link, #mainSx .csc-header h5 a:visited, #mainSx .csc-header h5 a:hover,
#mainSx .csc-header h6 a:link, #mainSx .csc-header h6 a:visited, #mainSx .csc-header h6 a:hover {
	color: #D0D7DD;
	text-decoration: none;
	font-weight: normal;
}
#mainSx .csc-header h1 a:hover,
#mainSx .csc-header h2 a:hover,
#mainSx .csc-header h3 a:hover,
#mainSx .csc-header h4 a:hover,
#mainSx .csc-header h5 a:hover,
#mainSx .csc-header h6 a:hover {
	color: #9AAAB7;
	text-decoration: none;
}

#mainDx .csc-header h1,
#mainDx .csc-header h2,
#mainDx .csc-header h3,
#mainDx .csc-header h4,
#mainDx .csc-header h5,
#mainDx .csc-header h6 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	background: #9AAAB7;
	line-height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 100%;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
}
#mainDx .csc-header h1 a:link, #mainDx .csc-header h1 a:visited, #mainDx .csc-header h1 a:hover,
#mainDx .csc-header h2 a:link, #mainDx .csc-header h2 a:visited, #mainDx .csc-header h2 a:hover,
#mainDx .csc-header h3 a:link, #mainDx .csc-header h3 a:visited, #mainDx .csc-header h3 a:hover,
#mainDx .csc-header h4 a:link, #mainDx .csc-header h4 a:visited, #mainDx .csc-header h4 a:hover,
#mainDx .csc-header h5 a:link, #mainDx .csc-header h5 a:visited, #mainDx .csc-header h5 a:hover,
#mainDx .csc-header h6 a:link, #mainDx .csc-header h6 a:visited, #mainDx .csc-header h6 a:hover {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
#mainDx .csc-header h1 a:hover,
#mainDx .csc-header h2 a:hover,
#mainDx .csc-header h3 a:hover,
#mainDx .csc-header h4 a:hover,
#mainDx .csc-header h5 a:hover,
#mainDx .csc-header h6 a:hover {
	color: #EEE;
	text-decoration: none;
}



/************** DIV contenitore dei contenuti testo e testo+immagine **************/
#main .content_object_container,
#mainTopDx .content_object_container {
	/*padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 3px solid #E8E8E8;
	overflow: hidden;*/
}

/************** DIV contenitore dei contenuti html - div inserito manualmente nel contenuto **************/
#main .content_object_container_html {
	padding: 0px 0px 10px 0px;
	/*margin: 0px 0px 10px 0px;
	border-bottom: 3px solid #E8E8E8;
	overflow: hidden;*/
}

/************** DIV contenitore dei contenuti form **************/
#main #mailform {
	/*padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 3px solid #E8E8E8;
	overflow: hidden;*/
}

/************** DIV contenitore del plugin rss **************/
#main .tx-chnewsfeeds-pi1 {
	/*padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 3px solid #E8E8E8;
	overflow: hidden;*/
}



/************** DIV topMenu **************/
#topMenu ul {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	font-size: 100%;
}
ul#topMenu01 {
	background: #9AAAB7;
	/*text-transform: uppercase;*/
}

ul#topMenu01 li.menu_top_NO,
ul#topMenu01 li.menu_top_ACT {
	display: block;
	float: left;
	padding: 0px 2px 0px 0px;
	background: url(../images/line01.png) no-repeat right center scroll;
	list-style-type: none;
	font-size: 75%;
}
ul#topMenu01 li.menu_top_NO:last-child,
ul#topMenu01 li.menu_top_ACT:last-child {
	padding: 0px;
	background: none;
}
ul#topMenu01 li.menu_top_NO a, ul#topMenu01 li.menu_top_NO a:link, ul#topMenu01 li.menu_top_NO a:visited, ul#topMenu01 li.menu_top_NO a:active,
ul#topMenu01 li.menu_top_ACT a, ul#topMenu01 li.menu_top_ACT a:link, ul#topMenu01 li.menu_top_ACT a:visited, ul#topMenu01 li.menu_top_ACT a:active {
	display: block;
	padding: 0px 4px;
	margin: 0px 0px 0px 0px;
	line-height: 40px;
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}
ul#topMenu01 li.menu_top_NO a:hover,
ul#topMenu01 li.menu_top_ACT a:hover {
	background: #90A1AD;
	color: #FFF;
	text-decoration: none;
}

ul#topMenu01 li.menu_top_ACT a, ul#topMenu01 li.menu_top_ACT a:link, ul#topMenu01 li.menu_top_ACT a:visited, ul#topMenu01 li.menu_top_ACT a:active {
	background: #CC0000;
}



/************** record di tipo menu **************/
ul.csc-menu {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	font-size: 100%;
	text-align: center;
}
ul.csc-menu img {
	padding-right: 3px;
	vertical-align: middle;
}
ul.csc-menu li {
	display: inline;
	padding: 0px 0px 0px 8px;
	list-style-type: none;
	font-size: 65%;
}
ul.csc-menu li a, ul.csc-menu li a:link, ul.csc-menu li a:visited, ul.csc-menu li a:active {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
ul.csc-menu li a:hover {
	color: #CC0000;
	text-decoration: none;
}



/************** DIV search_google **************/
.search_google {
	overflow: hidden;
}
.search_google img {
	display: block;
	float: left;
}
.txt_search_google {
	width: 60px;
	float: right;
	padding: 1px;
	margin: 5px 0px 5px 0px;
	border: 1px solid #CCC;
	font-size: 75%;
}
.btn_search_google {
	clear: both;
	display: block;
	/*float: right;*/
}



/************** DIV bottomMenu **************/
#bottomMenu ul {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	font-size: 100%;
	text-align: center;
}

li.menu_bottom_NO {
	display: inline;
	list-style-type: none;
	font-size: 90%;
	color: #000;
}
li.menu_bottom_NO a, li.menu_bottom_NO a:link, li.menu_bottom_NO a:visited, li.menu_bottom_NO a:active {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
li.menu_bottom_NO a:hover {
	color: #CC0000;
	text-decoration: none;
}
li.menu_bottom_ACT {
	display: inline;
	list-style-type: none;
	font-size: 75%;
	color: #000;
}
li.menu_bottom_ACT a, li.menu_bottom_ACT a:link, li.menu_bottom_ACT a:visited, li.menu_bottom_ACT a:active {
	color: #CC0000;
	font-weight: normal;
	text-decoration: none;
}
li.menu_bottom_ACT a:hover {
	color: #CC0000;
	text-decoration: none;
}



/************** #footer **************/
#footer {
	font-size: 70%;
	color: #333;
	text-align: center;
}
#footer a, #footer a:link, #footer a:visited, #footer a:active {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	color: #000;
	text-decoration: none;
}



/************** contenitori BANNER **************/
.phpads_container {
	text-align: center;
}
.phpads_container div {
	margin: auto;
}

#mainTop .phpads_container {
	padding: 10px;
	background: #EFF4F7;
	text-align: center;
}

.skinAdv {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:850px;
}
.skinAdv a {
	display:block;
	width:100%;
	height:850px;
}



/************** didascalia immagini **************/
.csc-textpic-caption {
	padding-top: 2px;
	color: #333;
	font-size: 70%;
}
.csc-textpic-caption .csc-caption {
	margin: 0px;
}



/************** bordo img contenuti styles **************/
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
	padding: 1px;
	border: 1px solid #E8E8E8;
}



/************** CLASSI RELATIVE AI FORM **************/
form {
	padding: 0px;
	margin: 0px;
}
fieldset {
	padding: 0px;
	margin: 0px;
	border: 0px;
}
.csc-mailform legend {
	display: none;
}
.csc-mailform-field {
	margin: 0px 0px 5px 0px;
	overflow: hidden;
}
.csc-mailform-label {
	margin: 0px 0px 3px 0px;
	font-size: 80%;
}
.csc-mailform-field label {
	width: 40%;
	float: left;
	font-size: 70%;
}
.csc-mailform-field input[type="text"], .csc-mailform-field textarea, .csc-mailform-field select {
	padding: 1px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #CCC;
	font-size: 75%;
}
.csc-mailform-field textarea {
	font-size: 12px;
}
.csc-mailform-check {
	margin: 0px;
}
.csc-mailform-radio fieldset {
	margin: 0px 0px 5px 0px;
}
.csc-mailform-radio label {
	width: auto;
	float: none;
}
.csc-mailform-privacy {
	font-size: 70%;
}
.csc-mailform-submit {
	padding: 1px 5px;
	margin: 0px;
	border: 1px solid #666;
	background-color: #666;
	font-size: 70%;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
}



@media only screen and (max-width: 999px) {

  #container {
	position: relative;
	width: 100%;
	border: 0;
  }
  
  #top {
	width: 100%;
	margin: 0 0 10px;
  }
  #top DIV.csc-textpic-imagewrap,
  #top DIV.csc-textpic-imagecolumn,
  #top DL.csc-textpic-image {
    width: 100% !important;
  }
  #top img {
	width: 100%;
	height: auto;
  }
  
  #advertisingStriscia {
	width: 100%;
  }
  
  #topMenu {
	position: absolute;
	top: 10px;	
	right: 3%;
	width: auto;
	padding: 0;
	margin: 0;
	overflow: visible;
  }
  
  #main {
	width: 100%;
	margin: 0;
	background: none;
  }
  #mainSx, #mainDx {
	width: 100%;
	float: none;
	padding: 0;
	margin: 0;
  }
  
  #pageTitle {
	padding: 0px 4% 32px;
  }
  
  #bottomMenu {
	width: 92%;
	padding: 20px 4% 0;
  }

  #footer {
	width: 92%;
	padding: 20px 4%;
	margin: 0;
  }
  
  /************** TITOLI CONTENUTI **************/
  #mainSx .csc-header h1,
  #mainSx .csc-header h2,
  #mainSx .csc-header h3,
  #mainSx .csc-header h4,
  #mainSx .csc-header h5,
  #mainSx .csc-header h6 {
	padding-left: 4% !important;
	padding-right: 4% !important;
  }
  #mainDx .csc-header h1,
  #mainDx .csc-header h2,
  #mainDx .csc-header h3,
  #mainDx .csc-header h4,
  #mainDx .csc-header h5,
  #mainDx .csc-header h6 {
	margin-left: 4% !important;
	margin-right: 4% !important;
  }
  
  /*********** #menu styles ***********/
  #nav-aux {
	
  }
  #toggle-navigazione {
	display: block;
	padding: 0;
	margin: 0;
	text-decoration: none;
  }
  #toggle-navigazione:before {   
	content:"\f0c9";
	font-family: Font Awesome\ 5 Free;
	font-weight: 900;
	font-size: 180%;
	color: #FFFFFF;
	cursor: pointer;
  }
  .topMenu {
	position: absolute;
	top: 35px;
	right: 0px;
	z-index: 1000;
	display: none;
	width: 260px;
	padding: 15px 20px 20px;
	margin: 0px 0px 0px 0px;
	background: #90A1AD;
	text-align: left;
  }
  #topMenu ul {
	padding: 0px;
	margin: 0px;
	overflow: visible;
	font-size: 100%;
  }
  ul#topMenu01 {
	background: none;
	text-transform: uppercase;
  }
  ul#topMenu01 li.menu_top_NO,
  ul#topMenu01 li.menu_top_ACT {
	float: none;
	padding: 0;
	background: none;
	list-style-type: none;
	font-size: 100%;
  }
  ul#topMenu01 li.menu_top_NO a, ul#topMenu01 li.menu_top_NO a:link, ul#topMenu01 li.menu_top_NO a:visited, ul#topMenu01 li.menu_top_NO a:active,
  ul#topMenu01 li.menu_top_ACT a, ul#topMenu01 li.menu_top_ACT a:link, ul#topMenu01 li.menu_top_ACT a:visited, ul#topMenu01 li.menu_top_ACT a:active {
	display: block;
	padding: 8px 0px;
	margin: 0px 0px 0px 0px;
	background: none;
	line-height: 1.166;
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
  }
  ul#topMenu01 li.menu_top_NO a:hover,
  ul#topMenu01 li.menu_top_ACT a:hover {
	background: none;
	color: #FFFFFF;
	text-decoration: none;
  }

}


@media only screen and (max-width: 768px) {

  

}


@media only screen and (max-width: 480px) {

  #pageTitle {
	padding: 0px 4% 52px;
  }
  #pageTitle strong {
	float: none;
  }
  #pageTitle span {
	float: none;
	margin: 2px 0px 0px 0px;
  }

}


@media only screen and (max-width: 360px) {

  

}