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


/*gradazioni di colore partendo dal principale indire H 202 S 91 B 60 -> #0e6699



H 202 S 16 B 80 -> #abc0cc
H 202 S 31 B 76 -> #86acc2
H 202 S 46 B 72 -> #6399b8
H 202 S 61 B 68 -> #4487ad
H 202 S 76 B 64 -> #2776a3

H 202 S 91 B 50 -> #0b5580
H 202 S 91 B 40 -> #094466
H 202 S 91 B 30 -> #07334d
H 202 S 91 B 20 -> #052233
H 202 S 91 B 10 -> #02111a



Grigio scuro #1c2024
Grigio medio #5a6772
Grigio chiaro #f5f5f0


I bottoni sono realizzati utilizzando tre gradazioni di ottanio.
Ottanio scuro Bottone Focus #004a4d
Ottanio medio Bottone #004a4d
Ottanio chiaro Bottone Hover #00c5ca

*/

/*testo*/

/*testo corpo 18px - interlinea 1.55 (corpo minimo 15px) */

body, body p{font-family:'Titillium Web', sans-serif;font-weight:400;font-size:18px;line-height:1.45;text-rendering: optimizeLegibility;}

h1{font-family:'Titillium Web', sans-serif;font-weight:600;font-size:54px; line-height:1.2;margin:1rem 0 0.5rem;}/*titolo pagina*/
h2{font-family:'Titillium Web', sans-serif;font-weight:600;font-size:40px; line-height:1.2;margin:1rem 0 0.5rem;}/*titolo sezione*/
h3{font-family:'Titillium Web', sans-serif;font-weight:600;font-size:32px; line-height:1.2;margin:1rem 0 0.5rem;}/*titolo articolo*/
h4{font-family:'Titillium Web', sans-serif;font-weight:600;font-size:23px; line-height:1.2;margin:1rem 0 0.5rem;}/*titolo paragrafo*/
h5{font-family:'Titillium Web', sans-serif;font-size:21px; line-height:1.2;margin:1rem 0 0.5rem;}/*testo grande*/
h6{font-family:'Titillium Web', sans-serif;font-weight:600;font-size:18px; line-height:1.55;margin:1rem 0 0.5rem;}/*titoletto*/




/*bottoni*/


.btn {
    -moz-user-select: none;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    display: inline-block;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.25;
    padding: 0.5rem 0.75rem;
    text-align: center;
    transition: all 0.15s ease-in-out 0s;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-outline-primary {
    background-color: transparent;
    background-image: none;
    border-color: #444;
    color: #444;
}

.btn-outline-primary:hover {
    background-color: #07334d;
    border-color: #07334d;
    color: #fff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    background-color: transparent;
    color: #004a4d;
}
.btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle {
    background-color: #004a4d;
    border-color: #004a4d;
    color: #fff;
}




.btn-outline-secondary {
    background-color: transparent;
    background-image: none;
    border-color: #00c5ca;
    color: #222;
}

.btn-outline-secondary:hover {
    background-color: #00c5ca;
    border-color: #00c5ca;
    color: #222;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    background-color: transparent;
    color: #00c5ca;
}
.btn-outline-secondary:active, .btn-outline-secondary.active, .show > .btn-outline-secondary.dropdown-toggle {
    background-color: #00c5ca;
    border-color: #00c5ca;
    color: #fff;
}


/*fine bottoni*/

/*struttura*/

a{-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	
	color:#6399b8;}
	
a:hover{color:#0b5580; text-decoration:none}	

img {
    border-style: none;
    max-width: 100%;
    vertical-align: middle;
}
#content article{margin:0 0 0 0px;clear:both;}
.row{margin:0;}

#top{height:60px; background:#fff;padding:5px 0;border-top:8px solid #0e6699}
.top-dx{text-align:right;}
.top-dx h4{font-weight:300;font-size:24px;margin:0}
#banner{height:auto;padding:20px 0; background:#0e6699;}
#menu{height:auto;  background:#2776a3;}
#immagine{height:400px; overflow:hidden;position:relative}
#immagine img{width:100%}
.logo{height:60px}
.logo img{height:42px}

.claim{color:#fff;text-align:center;font-size:30px;border-left:1px solid #2776a3;border-right:1px solid #2776a3;}
.claim h1{margin-bottom:0;font-size:45px;font-weight:400}
.claim h5{color:#fff;text-align:center;font-size:30px;line-height:80px;font-weight:300}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    min-height: 1px;
    padding-left: 24px;
    padding-right: 24px;
    position: relative;
    width: 100%;
	float:left;
}


.Header-social > *, .u-lg-inlineBlock {
    display: inline-block;
    max-width: 100%;
	color:#fff
}



.container {
    max-width: 1280px;
}




ul.Header-socialIcons li{display:inline-block}
ul.Header-socialIcons li a{color:#fff;font-size:24px}

.box{padding:20px;}
.bg{background: #0e6699;margin: 0px 0 0 !important;}
.bg-light {

    background-color: #f6f6f6 !important;
    border-bottom: 1px solid #f1f1f1;

}
  
.pon{margin:5px 0 0;text-align: center}
.pon p{font-size:13px;text-align: left;color:#fff;margin-bottom:0}

.pon img{width:300px;}
.tagline{color:#fff;padding:1px 20px 20px; text-align:center;}.claim h1{margin-top:0}
.overlay{position:absolute;text-align:center;color:#fff; font-style: italic;bottom:30px;max-width:1280px;text-shadow: 1px 0px 13px rgba(0,0,0,0.7); }

footer{background:#30373d; min-height:200px;width:100%; color:#fff;}
footer .container{padding:20px 10px}
footer a{color:#65dde0;-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;}
footer p{font-size:15px; font-weight:300;line-height:1.35}
footer h6{border-bottom:1px solid #666}
footer .col-md-4{}
footer ul{padding:0}
footer .menu{border-top:1px solid #666}
footer .menu ul li{display:inline-block; list-style:none;font-size:15px;margin:10px;}
footer a:hover{color:#fff; text-decoration:none;}
/*fine struttura*/

/*menu*/
.dropdownmenu ul, .dropdownmenu li {
	margin: 0;
	padding: 0;
}
.dropdownmenu ul {
	
	list-style: none;
	width: 100%;
}
.dropdownmenu li {
	display:inline-block;
	position: relative;
	width:auto;
}
.dropdownmenu a {
	color: #FFFFFF;
	display: block;
	padding: 10px 25px;
	text-align: left;
	line-height:1.3;
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.dropdownmenu li:hover a {
	background: #094466;
}
#submenu {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 35px;
	visibility: hidden;
	z-index: 1;
	min-width:200px
}
li:hover ul#submenu {
	opacity: 1;
	top: 40px;	/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
}
#submenu li {
	float: none;
	width: 100%;
}
#submenu a:hover {
	background: #4487ad;
}
#submenu a {
	background-color:#094466;
}


.categorie-video {
    background: #2776a3;
	padding:60px 20px;
	height:100%;	
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    font-size: 21px;
	letter-spacing:0.03em;
	margin:5px 0;
}

.nav-pills .nav-link {
    border-radius: .25rem;
    color: rgba(255,255,255,0.6);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: inherit;
	font-size:21px;
	font-weight: 600;
}

.nopadding{padding:0}