﻿body{padding:0; margin:0; font-family:arial; font-size:12px; color:#343434; background:#fff}
#wrap{background:#cccfe0 url(img/bg_testatina_imma.jpg) no-repeat top center; margin:0 auto; display:block; width: 955px;}
#homepage #wrap{background:transparent url(img/bg_home.jpg) no-repeat top center;}
a {color:#DA291C;}
/*
body{background:#cccfe0 url(img/bg_main.jpg) repeat-y top center; padding:0; margin:0; font-family:arial; font-size:12px; color:#343434}
#wrap{margin:0 auto; width:1262px;display:block;}
*/
.clear{clear:both}
#main{clear:both; display:block}
#main .inner{padding-bottom:40px;}
.inner{margin:0 auto; /*width:1000px;*/ width:955px; display:block;}

/* restile 2017  */

#menu{}

#menusecond{height:25px;display:block;background-color:#7891a5;color:#fff}

#homepage #header {
    background: transparent;
    display: block;
    height: 340px;
    overflow: hidden;
}

#header{height:206px;display:block; overflow:hidden; background-transparent}
.topsocial{float:right}
.topsocial img {max-height: 30px; padding-top: 4px;}
.testata{display:block; background:#fff url(img/logo_cdp.gif) no-repeat; height:80px}
#breadcrumb{display:block; padding:5px 0; font-size:11px; }
#breadcrumb a{color:#343434; text-decoration:none}
#left{display:block;  width: 560px; float:left; min-height:300px}
/*#right{padding-top:10px; display:block; width:390px; float:left; }*/

.searchbox{display:block; float:right;  background:#fff url(img/bg_cerca.gif) no-repeat; width:200px;  margin-top:30px; padding-top:20px}
.content{min-height: 300px;}
input.hp_header_login_field{border:0; height:15px; background-color:#ebebeb}
/*#footer{width: 100%; position:fixed; bottom:0; font-size:11px; clear:both; margin-top:10px; padding:5px; background-color:#fff; text-align:center}*/
h1{color: #DA291C; font-family: times New Roman;}
.preview{ font-size:18px; font-family: times New Roman;}

.box_note, .box_download{display:block;  padding:3px; margin-left:10px; margin-bottom:10px}
.box_inner{display:block;background-color:#e6e6e6 }
.box_note .box_inner{display:block;background-color:#425563; color:#fff; }

.box_inner .title,.hp_strilli .box .title{display:block;background-color:#425563; padding:3px 10px; color:#fff; font-weight:bold }
.box_note .box_inner .title{background-color:#DA291C; padding-top:20px;}
.box_inner p{display:block; padding:10px 20px 5px 20px  }
.box_note .box_inner p{padding-bottom:20px  }

.box_download .box_inner{display:block;/* background:transparent url(img/bg_box_download.gif);*/  padding-bottom:10px }
.box_download .box_inner .title,.hp_strilli .box .title{background-color:#425563; clear:both}

.box_download .item{display:block; padding:5px 10px;clear:both}
.box_download .item .ico{display:block;width:30px; float:right; height:30px}
.box_download .item .descr{display:block;width:320px; float:left; padding-bottom:20px}
.box_download .item a.scarica{display:block; clear:both; color:#9d5f4a; text-decoration:none}

#footernav{display:block; padding:20px 0; text-align:center}
#footer a{color:#DA291C;}

/*Drop Down Menu Styles*/
#ddmenu {margin:0;
	height:25px;display:block;  background-color:#425563;
}
	
#ddmenu li.father {	
	float: left;
	list-style: none;
	font-size: 12px ;
	height: 40px
}
#ddmenu li.son {	
	float: left;
	list-style: none;
	font-size: 13px ;
}

#ddmenu li a {	
	display: block;
	padding: 0px 9px;
	text-decoration: none;
	color: #fff;
	font-weight:bold;
	white-space: nowrap;
	text-align:center;
	margin-top:9px;
}
#ddmenu li.sel a {	
color:#425563
}

#ddmenu li a:hover {	
color:#DA291C
}

#ddmenu li.sel ul {	

	display:block;

}	
	
#ddmenu li ul {	
	margin: 3px 0 0 10px;
	padding: 0;
	position: absolute;
	/*visibility: hidden;*/
        top: 25px;
	display:block;color:#fff
}

#ddmenu li ul li {	
	display:block;
}

#ddmenu li ul li a {
	width: auto;	
	display: inline;
	color: #fff; 
	font-size: 11px;
	padding: 3px 4px;
	border-right:none
}

#ddmenu li ul li a:hover {	

	padding: 3px 10px;
}


.hp_strilli{	
display:block; /*height:320px;*/ clear:both;width: 955px;
}
#strilli_1{	
display:block; height:320px; float:left; width:508px; border-right:1px dotted
}
#strilli_2{	
display:block; height:320px; float:left; width:251px; border-right:1px dotted
}
#strilli_3{	
display:block; height:320px; float:left; width:239px; 
}



    
    .strilli .box {
        border-top: 2px solid #000000;
        display: block;
        margin-right: 10px;
        padding: 3px 3px 0 0;
       
}
.strilli .box .item{margin-bottom:8px}
.strilli .box .item.first{padding:5px; border:1px solid #9D5F4A}

.strilli .box .bgbox{height: 320px;
    background:url("img/bg_box_download.gif") repeat scroll 0 0 transparent}
#strilli_1 p{font-size:14px}
.tit_strillo{font-size: 18px;display:block; margin:6px 0; font-weight:bold}
    
 #strilli_2 .box, #strilli_3 .box  {
        margin-left: 10px;

}

 #strilli_2 .box p{
        margin: 0px;

}
 #strilli_2 .box a{
        color: #9D5F4A;display:block; margin-top:5px; text-decoration:none; font-weight:bold

}

 #strilli_3 .box .imgstrillo{
       display:block; text-align:center; margin-top:10px

}
 #strilli_3 .box .textstrillo{
       display:block; clear:both; padding-left:20px

}

 #strilli_3 .box .textstrillo a{
               color: #9D5F4A;display:block; margin-top:5px; text-decoration:none; font-weight:bold
}

/*#homepage h2 {
    color: #343434;
    font-size:30px;
    margin-bottom:5px;
    font-family: times New Roman;
    margin-top:0
}*/
#homepage h1 {
    color: #343434;
    font-size:22px;
    font-weight:normal; margin-top:0px;
    font-family: times New Roman;
}

#ddmenu li#mf_2 ul {
/*left:182px*/
}

#ddmenu li#mf_3 ul {
/*left:230px*/
}


table.singleborder td{
border-right:1px solid #000;
border-bottom:1px solid #000
}

table.singleborder{
border-left:1px solid #000;
border-top:1px solid #000
}

.hp_strilli .box .title {
  font-family: times New Roman;font-size:14px
}
.translation {
  float:right; margin:5px; color:#fff
}

#ddmenu li.translation {
  float:right; margin-right:5px; color:#fff; margin-top: 0; list-style-type: none
}

.translation a{border:none;
color:#fff; font-weight:bold; text-decoration:none
}

#ddmenu li.translation a{border:none;
color:#fff; font-weight:bold; text-decoration:none
}

/* STILI 2013 */
body{padding:0; margin:0; font-family:Arial; font-size:12px; color:#363636; background-color:#ffffff}
#wrap{background:none; margin:0 auto; display:block; padding:0 10px;width: 945px;}
#homepage #wrap{background:none;padding: 0 20px 0 10px;}
.blu{ width:55px; height:7px; background-color:#425563; display:block}
.content h1{color: #DA291C; font-family:Arial; font-size:22px;margin-bottom: 0; /*float: left;*/ width:500px}

.contentbody h3 {margin-bottom: 0; font-size:20px}
.content .data{color:#464646; font-size:16px;font-family:Arial;margin-bottom: 50px;}

.contentbody{color:#425563;font-size:13px;font-family:Arial; width:95%;}
.preview{ font-size:13px; font-family:Arial;font-style:italic;width: 95%;}
div.text{float: left;/*width: 78%;*/width: 77%;}
.full{ width:935px !important;background-color: #FFFFFF;
    padding: 10px; margin-bottom:10px}
nav.sidebar-nav{display: block;float: left;margin:0 20px 0 0;width: 20%;min-height: 10px;}
nav.sidebar-nav ul.nav-list-father{ list-style-type:none;margin: 0 0 0 0;padding: 0;}
nav.sidebar-nav ul.nav-list-father li{ border-bottom:solid 1px #425563; padding:11px 0}
nav.sidebar-nav ul.nav-list-father li a{color: #425563;font-size: 12px;font-weight: bold;text-decoration: none;}
nav.sidebar-nav ul.nav-list-father li a:hover{ text-decoration:underline}
nav.sidebar-nav ul.nav-list-father li a.active{ color:#DA291C; font-size:12px; font-weight:bold}

nav.sidebar-nav ul.nav-list-son{ list-style-type:none;margin: 0 0 0 15px;padding: 0;}
nav.sidebar-nav ul.nav-list-son li{ border-bottom:none; padding:6px 0}
nav.sidebar-nav ul.nav-list-son li a{color: #5E5E5E;font-size: 12px;font-weight: bold;text-decoration: none;}
nav.sidebar-nav ul.nav-list-son li a:hover{ text-decoration:underline}
nav.sidebar-nav ul.nav-list-son li a.active{ color:#DA291C; font-size:12px; font-weight:bold}

#breadcrumb{display:block; padding:5px 0; font-size:11px; margin-bottom:25px}

#ddmenu {margin:0; height:53px;display:block; margin-top:0px;   background-color:#425563; text-transform:uppercase; padding:0; position:relative}
#ddmenu li a:hover {	
	color: #FFF ;
}
.translation a{border:none;color:#fff; font-weight:bold; text-decoration:none; font-size:11px}

#ddmenu li.translation a{border:none;color:#fff; font-weight:bold; text-decoration:none font-size:11px}
#ddmenu li.translation a:hover{ text-decoration:underline}

#menusecond{height:25px;display:block;background-color:#e6e6e6;color:#fff}

#ddmenu li.translation:hover {	
    background-color:Transparent;
    padding-bottom: 0;
}

#ddmenu li:hover {	
    background-color:#e6e6e6;
    padding-bottom: 14px;
}

#ddmenu li.sel {	
    background-color:#e6e6e6;
    padding-bottom: 14px;
}

#ddmenu li ul.menusec {	
	margin: 5px 0 0 10px;
	padding: 0;
	position: absolute;
	top: 52px;
	display:block;color:#fff;
	z-index:101; display:none
}

#ddmenu li #idmenu_43,
#ddmenu li #idmenu_50 {	
right:0 !important;width:400px !important
}

#ddmenu li ul.menusec li {	
	display:block;
}

#ddmenu li ul.menusec li:hover {	
	color:#DA291C;
	padding-bottom: 0;
}
#ddmenu li ul.menusec li.sel {	
	color:#425563;
	padding-bottom: 0;
}
#ddmenu li ul.menusec li.sel a{
    color:#DA291C;
    text-decoration:none;
}

#ddmenu li ul.menusec li a {
	width: auto;	
	display: inline;
	color: #425563; 
	font-size: 11px;
	padding: 3px 4px;
	height:15px;
}

#ddmenu li ul.menusec li a:hover {	
        color:#425563;
	padding: 3px 4px;
	font-size:11px
}



/*.strillotop{background-image: url("img/shadowStrilliTop.png");
    background-position: 10px -4px;
    background-repeat: no-repeat;
    float: left;
    height: 233px;
    margin-bottom: 30px;
    padding: 10px 10px 0 0;
    width: 476px;
    margin-right:27px}*/
    
.strillotop {

    float: left;
    height: 188px;
    margin-bottom: 11px;
    width: 467px;
    position:relative;
}

.large .strillotop {
width: 955px;
height: 242px;
}

/*.imgstrillo{ position:absolute}*/
.imgstrillo {
    /*position: absolute;*/
    width: 467px;
}


.imgstrillo img{
    width:467px
}

.large .imgstrillo,.large .imgstrillo img {
    /*position: absolute;*/
        width: 955px;
}

/*.titstrillo{ background-color:#fff; width:187px; height:98px;position: relative; left:253px; padding:10px 18px}*/
.titstrillo {
    background-color: #FFFFFF;
    height: 98px;
    right: 0px;
    padding: 10px 18px;
    position: relative;
    width: 187px;
}

.large.strillitop .titstrillo {right:0; height: 228px;}

.strillitop .titstrillo {height: 174px;
    float:right;
    position: relative;
    top: 0;
    width: 225px;
    padding:7px 12px;
	background:rgba(66,85,99,0.8);
	color:#fff}
.titstrillo a { text-decoration:none; color:#fff}
.titstrillo h2{color:#fff; font-size:16px; font-weight:bold; margin:5px 0 ; text-transform:uppercase;line-height: 16px;}
.titstrillo h3{color:#fff; font-size:18px; font-weight:bold; margin:0; line-height:18px}
.textstrillo{
    color: #FFFFFF;
    font-size: 12px; font-weight:bold
}
/*.arrowleggi{height: 32px;left: 433px;position: relative;top: -23px;width: 43px;}*/
.arrowleggi{
    height: 35px;
    right: 10px;
    position: absolute;
    bottom: 10px;
    width: 35px;
}

.large .arrowleggi {} 
.strillibottom{ width:955px}
.strillobottom{
    margin-right:27px;
    float: left;
    height: 140px;
    margin-bottom: 30px;
    /*padding: 0 10px 0 0;*/
    width: 300px;
    background-color:#425563;
    position: relative;}
	
	.strillobottom.last{
 margin-left:0; margin-right:0}
.strillobottom .titstrillo{ background-color:#e6e6e6; width:272px; height:40px;position: relative; left:0; padding:8px 14px}
.strillobottom .titstrillo h3{color:#464646; font-size:17px; font-weight:normal; margin:2px 0 0; text-transform:uppercase; line-height:16px}
.strillobottom .textstrillobt{ color:#FFF; font-size:12px; width:245px; padding:8px 40px 8px 15px}
.strillobottom .arrowleggi{    height: 25px;
    right: 10px;
    position: absolute;
    bottom: 10px;
    width: 25px;}
.last{margin-left: 21px;}
.strillobottom .titstrillo a {
    color: #425563;
}
.strillobottom .titstrillo h2 {
 color: #425563;
 text-transform: none;

}

.strilloimg{ 
    /*background-image: url("img/shadowStrilliTop.png");
    background-position: 490px -5px;
    background-repeat: no-repeat;*/
    height: 230px;
    margin: 22px auto 20px;
    padding: 10px 10px 0 0;
    position: relative;
    width: 945px;}
	
.wrapslider .strilloimg{ 

    margin: 0;
    padding: 0;
}
.strilloimgint{ 
    /*background-image: url("img/shadowStrilliTop.png");
    background-position: 490px -5px;
    background-repeat: no-repeat;*/
    margin: 12px auto 30px;
    padding: 10px 10px 0 0;
    position: relative;
    width: 955px;}
.titstrilloimg{background:rgba(66,85,99,0.8); width:478px; height:214px;float:right; padding:8px 15px;position: relative; color:#fff}
.titstrilloimg h2{color: #fff;
    font-size: 28px;
    font-weight: bold;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 20px;}
.titstrilloimg h3{color: #fff;
    font-size: 17px;
    font-weight: normal;
    line-height: 18px;
    margin:0; padding-right:30px}
	
	.titstrilloimg h3 a{color: #fff;
    font-size: 17px;
    font-weight: normal;text-decoration:none
}
.arrowplus{position: absolute;
    right: 10px;
    bottom: 10px;}
.breadcrumb{
    font-size: 10px;
    margin: 10px auto;
    text-align: right;
    width: 955px;}
	
.wrapslider	.titstrilloimg {
    background: rgba(66,85,99,0.8);
    width: 452px;
    height: 214px;
    float: right;
    padding: 8px 15px;
    position: absolute;
    color: #fff;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}
	
.topheader{
    margin: 0;
    height: 37px;
    display: block;
    background-color: #425563; /* #00205b; */
    padding: 0;
}
    
#footer{width: 100%; background-color:#fff;} /* background-color:#e6e6e6; */
.innerfooter{width: 955px; margin:0 auto; font-size:11px; clear:both; padding:0px; display:flex; flex-wrap: wrap;}
.footer_1{ float:left; width:40%; padding-bottom:33px; flex: 1 1 auto;}
.footer_2{clear:both;text-align:left; padding-bottom: 12px;}
.footer_3{float:right;width:40%; text-align:right; padding-bottom: 33px; flex: 1 1 auto; align-self: flex-end;} /* padding-top:33px; */
.shadowfooter{ display:none; background-image:url('img/shadowFooter.jpg'); width:263px; height:26px}
.footer_3 img+img {padding-left: 5px;}
.footer_3 img:last-child {padding-right: 15px;}
.footer-loghi {max-height: 35px; }


.contentcs { margin-bottom:50px}
.contentcs h1{color: #DA291C; font-family:Arial; text-transform:uppercase; font-size:22px;margin-bottom: 0;} /* #de0031 */
.contentcs .data{color:#464646; font-size:16px;font-family:Arial;margin-bottom: 50px;}
.datacs{color:#DA291C; font-size:13px; font-weight:bold;margin-top:20px}
.prevcs a{color:#363636; font-size:13px; font-weight:bold; text-decoration:none; }
.prevcs a:hover{ text-decoration:underline}

.srcres{ margin-bottom:10px; border-bottom:solid 1px #464646; padding:10px 0}
.srctit{ font-size:13px; font-weight:bold; text-decoration:none}


.searchBox {
    background-color: #F5F5F5;
    padding: 10px;
    margin-bottom:25px;
}

.searchBox input,
.searchBox select
{
  border:1px solid #ddd; margin:0 10px;
}
.searchBox #btnCerca{
  background-color:#425563; color:#fff;
}

.ricerca-avanzata article .img,
.ricerca-sito article .img{display:block; float: left; width: 30px;}

.elenco-comunicati time{color:#DA291C; font-size:13px; font-weight:bold;}
.elenco-comunicati article.alt{background-color:#f5f5f5;}
.elenco-comunicati article {padding:5px 3px 5px 10px;}
.elenco-comunicati article h2{margin-top:0; font-weight:normal;}
.elenco-comunicati article h2 a{color:#363636; font-size:13px; font-weight:bold; text-decoration:none;}

.elenco-contenuti time{font-weight:bold; color:#686868;}
.elenco-contenuti article.alt{background-color:#f5f5f5;}
.elenco-contenuti article {padding:5px 3px 5px 10px;}
.elenco-contenuti article h2{margin-top:0; }

.elenco-generico time{font-weight:bold; color:#425563;}
.elenco-generico article.alt{background-color:#f5f5f5;}
.elenco-generico article {padding:5px 3px 5px 10px;}
.elenco-generico article h2{margin-top:0; font-weight:normal;}

#sendMail {
    background-color: #FFFFFF;
    border: 5px solid #555555;
    display: none;
    font-size: 1.2em;
    font-weight: 600;
    height: 324px;
    left: 50%;
    margin: -200px 0 0 -275px;
    overflow: hidden;
    position: fixed;
    top: 50%;
    width: 550px;
}
#sendMail label {
    font-size: 12px;
}
#sendMail input, #sendMail select, #sendMail textarea {
    border: 1px solid #DDDDDD;
}
#sendMail form {
    margin: 30px auto 20px;
    width: 500px;
}
#sendMail table {
    width: 100%;
}
#sendMail td {
    padding: 3px;
    vertical-align: middle;
}
#send-mail-submitbutton {
    margin-top: 25px;
    padding: 3px 20px;
}
#sendMail #operazione-avvenuta {
    font-size: 20px;
    margin: 140px 0;
    text-align: center;
}
.close-reveal-modal {
    float: right;
    margin: 5px 10px;
    font-size: 11px;
    cursor:pointer;
}
.privacybox{ 
    background-color:#EEEEEE; padding:20px; margin:20px 0; font-size:10px;
    border: 1px solid #E0E0E0;
    height: 120px;
    overflow-y: scroll;
    
    }


#registrazioneSubscriber .privacybox .paragraph_label {
    font-size: 20px;
    font-weight: bold;
}
#registrazioneSubscriber .paragraph_label {
    color: #9E1B34;
    display: block;
}
#registrazioneSubscriber #alertSubscriptionSubmitButton{background-color: #9E1B34;
    color: #000;
    background-color:#ccc;
    cursor: pointer;
    display: block;
    font-size: 14px; text-transform:uppercase;
    margin: 20px auto 0;
    padding: 5px 0;
    text-align: center;
    width: 100px;}
    
.errored{ color:Red; font-weight:bold; text-align:center}
/*#right, #left{ display:none}*/

#left{ float:left; width:570px}
#right{ float:left; width:360px;padding-top:10px;}

#right img.sidebar_img{display:block; margin-left:10px}
.headercnt{width:95%;}
.headercnt h1{color: #425563;
font-family: Arial;
font-size: 38px;
margin-bottom: 0;
margin-top: 0;}
.imgtool{ margin:0 3px}

.toolbar{visibility:hidden;height: 50px;}
.logo{padding:33px 0}

.tmpl-img-right{ float:right}

.contentbody .progettiincorso h4{
    color: #DA291C;
    font-size: 13px;
    margin: 0;
}
.progettiincorso, .progettiincorso p{
    font-size:12px
}
.progettiincorso:nth-child(odd) td{background-color:#f5f5f5;}
.progettiincorso.alt{background-color:#f5f5f5;}

/*.toolbar ul{ list-style-type:none}
.toolbar ul li{float:left;margin: 0 3px;}
*/
#fancybox-outer {border: 3px solid #425563;}
.title{color: #DA291C;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 30px;}
.subtitle{color: #DA291C;
    font-family: Arial;
    font-size: 16px;
    margin-bottom: 30px;
    text-transform: none;
  font-style: italic;
}



.strilloimg.owl-theme .owl-controls {
    position: absolute;
    bottom: 10px;
    left: 20px;
}

.strilloimg.owl-theme .owl-controls .owl-page span {
    background: #fff;
}
.socialtoolbar{padding-left:10px}

@media all and (min-device-height: 768px){
  #main .inner{min-height:700px;}
  /* #homepage #wrap{min-height:1180px;} */
}
.navpages{width:100%}
.navleft{width:50%; text-align:left;font-size: 12px;font-weight: bold;}
.navright{width:50%; text-align:right;font-size: 12px;font-weight: bold;}
.navpages a{ text-decoration:none}
.navpages a:hover{ text-decoration:underline}
.wrapslider{position: relative;
height: 252px;
clear: both;
margin-top: 30px;}
.wrapslider .owl-carousel {position:absolute}


/* Translate */

.translate{ float: left; padding-top: 9px; }
.translate_txt{ color: white; font-size: 1rem; text-decoration:none; }