@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:300;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*/


#div1 {width: 100%; text-align:center  }
/*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:350px; overflow:hidden;}
#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 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: 10px;
    padding-right: 10px;
    position: relative;
    width: 100%;
    float: left;
}


.Header-social > *, .u-lg-inlineBlock {
    display: inline-block;
    max-width: 100%;
	color:#fff
}
ul.Header-socialIcons li{display:inline-block}
ul.Header-socialIcons li a{color:#fff;font-size:24px}

#tagline {
    font-size: 34px;
    color: #fff;
    text-align: right;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    margin-top: 68px;
    font-style: inherit;
	letter-spacing:0.02em;
}

.box {

    margin: inherit;
    overflow: inherit;
    position: relative;
    cursor: pointer;
    background: inherit;
    font-family: inherit;
    color: inherit;
    height: inherit;

}

.box{padding:20px}
.bg{background: #2776a3;}
  
  .tagline{color:#fff;padding:40px 20px 50px; text-align:center;}


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 13px;
	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;
	font-size: 19px;

letter-spacing: 0.03em;
}
.dropdownmenu li:hover a {
	background: #fff;
color: #005f98; 
}
#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%;
	font-size:16px;
}

#submenu li a{
	float: none;
	width: 100%;
	font-size:16px;
}
#submenu a:hover {
	background: #005f98;color:#fff
}
#submenu a {
	background-color:#fff;
}

#logo {
    display: block;
    width: 250px;
    height: 90px;
    background-size: 250px 90px;
    background-repeat: no-repeat;
    background-position: left center;
    margin: 20px 0px;
    padding: 0;
}