@import url("/css-resp/cookiebar.css");
@import url("/css-resp/main.css");
/* MOBIL Layout: 480px and below. */

/* COLOR BLUE: #285EA6  LIGHT BLUE: #3693CF*/
/* ---------------------------*/
#cookie-bar p { width:100%; }
/* ---------------------------*/

#top-article .sub-tit h2 {             
	color:#3693CF;        /*light blue*/                  
}	
h1, h2, h3, h4 {
	color:#285EA6;
}
a:link.col, a:visited.col {
	text-decoration:none;
    color:#555;
}
a:hover.col  {
	text-decoration:underline;
	color:#285EA6;
}
a:link.col2, a:visited.col2 {
	text-decoration:underline;
    color:#285EA6;
}
a:hover.col2  {
	text-decoration:none;
	color:#285EA6;
}
.reg ul li a:link, a:visited, .thbox2 ul li a:link, a:visited {
	text-decoration:none;
    color:#555;
}
.reg ul li a:hover, .thbox2 ul li a:hover {
	text-decoration:underline;
	color:#285EA6;                        
}   
/* ---------------------------- */

/* DROP-DOWN MENU - BLUE-HOME */
.menu-trigger {
  	display:block;
	text-align:left;
	cursor:pointer;
	background:#285EA6;                
	padding:1px 15px;
	color:#fff;
	font-size:16px;             
	font-size:1.067rem;
}
.nav-menu {
	display:none;
}
.nav-expanded {
	display:block; 
}
.nav-menu {
	background-color:rgba(238, 238, 238, 0.9);
	padding:0 3.0%;
	margin-bottom:3px;
	width:94%;
	font-weight:bold;
	font-size:16px;            
	font-size:1.067rem;
	line-height:1.8;
}
.nav-menu ul li {
	float:none;
	border-bottom:1px dotted #CCC;		
}
.nav-menu ul li:last-child {
	border-bottom:none;		
}
.nav-menu ul li a:link,
.nav-menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#285EA6;                   
}
.nav-menu ul li a:hover { 
	display:block;    
	color:#285EA6;                  
	text-decoration:underline;
}
/* ------------ End-------------- */

/* MOBIL  ------------------------------------*/
.gridContainer {
	margin-left:auto;
	margin-right:auto;
	width:96.7391%;
	padding-left:1.6304%;
	padding-right:1.6304%;
}
#top-header {
	clear:both;
	float:left;
	display:block;
	width:100%;
}
#top-header img {
	border:1px solid #FFF;
}
#top-header p {
	width:300px;
	background:#666;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}
#social-m {
	width:100%; 
	text-align:right;
	margin-top:2px;
}
#social-m ul li { 
	display:inline;
	padding-right:2%;
}
#top-menu {
	clear:both;
	float:left;
	display:block;
	width:100%;
	margin-top:4px; 
}
.sub-nav { 
	background-color:#285EA6;
	height:2px;           
}
#wrapper {
	clear:both;
	float:left;
	display:block;
	width:100%;
	background:#FFF;
	border:0;
}
#dir {
	clear:both;
	float:left;
	display:block;
	width:96.15384%;  
	padding:1px 1.92307% 2px 1.92307%;
}
#content {
	clear:both;
	float:left;
	display:block;
	width:96.15384%; 
	margin:0 1.92307% 20px;
}
#top-article, #main-article {
	clear:both;
	float:left;
	display:block;
	background-image:url('/images/sf-in.png');
	background-repeat:repeat-x;
	width:100%;
}
#top-article {
	padding-bottom:6px;
	box-shadow:0 8px 6px -6px #999;
	-webkit-box-shadow:0 8px 6px -6px #999;
	-moz-box-shadow:0 8px 6px -6px #999;   
}
.title {
	width:100%;
}
#top-article .tit-img, #main-article .tit-img, #bottom-article .tit-img {
	clear:both; 
	float:left; 
	width:9.0909%;
	margin-top:6px;
	text-align:center;
}
#top-article .tit, #main-article .tit, #bottom-article .tit {
	float:left; 
	width:89.39393%;
	margin-top:10px; 
}
#top-article .sub-tit, #top-article .art {
	clear:both;
	float:left;
	width:90.90909%;
	margin:0 4.54545%; 
}
#top-article h3 {
	margin:4px 0; 
}
figure {
	text-align:center;
	margin:2px 0;
}
.bann-hor {
	clear:both;
	float:left;
	display:block;
	width:100%;
	text-align:center;
	margin:20px 0;           
}
#main-article .sub-tit {
	clear:both;
	float:left;
	width:100%;
	text-align:center;
}
#main-article h3 {
	padding-bottom:6px;
}
#main-article .art {
	clear:both;
	float:left;
	width:100%;
}
.box1 {
	clear:both;
	float:left;
	width:48%;
	margin:20px 2% 0 0;
}
.box2 {
	float:left;
	width:48%;
	margin:20px 0 0 2%;
}
.box1 p.small, .box2 p.small {
	padding-bottom:2px;
}
.box1 img, .box2 img {
    float:none;
    border:1px solid #ccc;
    padding:1.33%;
}
.lk1 {
	clear:both;
	float:left;
	display:block;
	width:48%;
	margin:6px 2% 0 0;
}
.lk2 {
	float:left;
	display:block;
	width:48%;
	margin:6px 0 0 2%;
	text-align:right;
}
#bottom-article {
	clear:both;
	float:left;
	display:block;
	width:100%;
	margin-bottom:12px;
}
#bottom-article .subp h3 {
	padding:40px 0 10px 0;
	text-align:center;
	color:#555;
	font-weight:normal;
	font-size:17px;
	font-size:1.133rem;
}
.left-box, .right-box {
	clear:both;
	float:left;
	width:100%;
}
.ins {
	clear:both;
	float:left;
	width:100%;
	background-image:url('/images/sf-in.png');
	background-repeat:repeat-x;
  	padding-bottom:12px;
}
.box3 {
	width:92%;
	padding-bottom:10px;
	margin:8px auto 0 auto;
	border-bottom:1px dotted #ccc;
}
.box3 img {
    float:left;
    border:1px solid #ccc;
	padding: 1.33%;
    margin-right:3.33%;
}
.box3 h3 {
	padding-bottom:2px;
}
.lk3 {
	width:92%;
	margin:12px auto 0 auto;
	text-align:right;
}
#aside {
	clear:both;
	float:left;
	display:block;
	width:96.15384%;  
	margin:0 0 20px 1.92307%;
}
.s1,.s2,.s3 {
	clear:both;
	float:left;
	display:block;
	width:100%;
}
.search {
	width:93.75%;
	background-color:#ddd;
	padding:2px 3.125% 15px 3.125%;
	margin-top:12px;
	margin-bottom:24px;		
}
.cerca  {
	display:block;
	font-weight:bold;
}
#time {
	display:none;
}
.bann-q {
	clear:both;
	float:left;
	display:block;
	width:100%;
	text-align:center;
	margin-bottom:12px;
}
.reg, .sbox-hor {
	clear:both;
	float:left;
	display:block;
	background-color:#F5F5F5;
	background-image: url('/images/sf-sup.png');
	background-repeat: repeat-x;
	width:96.875%;
	border:1px solid #CCC; 
	padding: 4px 1.25% 10px 1.25%;
	margin-bottom: 12px;
}
.reg .tit-img {
	clear:both;
	float:left;
	width:15.625%;
}
.reg .tit {
	float:left;
	width:84.375%;
	margin:0;
	padding-top:12px;
}
.reg .subp {
	clear:both;
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:2px;
	padding:0;
}
.rgt {
	float:left;
	width:46.8%;
	padding-top:2px;
	padding-left:3.125%;
}
.reg ul {
    list-style-image:url('/images/arrow-yellow-pp.png');
	padding-left:20px;
	margin:2px 0;
}
.reg ul li, .thbox2 ul li {
	font-size:15px;            
	font-size:1rem;
	line-height:1.8;
}
.sbox-hor .tit-img {
	clear:both;
	float:left;
	width:12.5%;
}
.sbox-hor .tit {
	float:left;
	width:87.5%;
	margin-top:6px;
}
.sbox-hor .subp {
	clear:both;
	float:left;
	width:90.625%;
	margin-left:4.6875%;
}
.sbox-hor .subp p {
	padding:5px 0;
	text-align:right;
}
.sbox-hor .cont {
	clear:both;
	float:left;
	width:90.625%;  
	margin-left:4.6875%;
}
.sbox-hor .cont img {
    float:left;
    border:1px solid #ccc;
    padding:1.25%;
	margin-right:3.125%; 
}
.thbox1, .thbox2 {
	clear:both;
	float:left;
	display:block;
	background-image:url('/images/sf-sup.png');
	background-repeat:repeat-x; 
	background-color:#F5F5F5;
	width:96.875%; 
	border:1px solid #CCC;
	padding:4px 1.25% 15px 1.25%;
	margin-bottom:12px;
}
.thbox1 .tit-img, .thbox2 .tit-img {
	clear:both;
	float:left;
	width:12.5%;
}
.thbox1 .tit, .thbox2 .tit {
	float:left;
	width:87.5%;
	margin-top:6px;
}
.thbox1 .subp {
	clear:both;
	float:left;
	width: 100%;
	padding-bottom:2px;
	text-align:center;
	background-color:#fff;
}
.thbox1 .cont, .thbox2 .cont {
	clear:both;
	float:left;
	display:block;
	width:100%;  
	padding:10px 0;
	background-color:#FFF;
	border-bottom:1px dotted #ccc;
}
.thbox1 .cont img {
	float:left; 
	border:1px solid #ccc;
    padding:0.6666%;
	margin:0 3.125% 0 3.125%;
}
.thbox2 ul {
    list-style-image: url('/images/arrow-yellow-pp.png');
	padding-left:45px;
	text-align:left;
}
.lks {
	clear:both;
	float:left;
	width:100%;
	padding-top:4px;
	text-align:right;
}     
.lk1, .lk2, .lk3, .lks {
	font-size:15px;          
	font-size:1rem;
	line-height:1.8;
	font-weight:bold;
}
.fbg {
	clear:both;
	float:left;
	display:block;
	width:100%; 
}
#main-footer {
	font-size:15px;          
	font-size:1rem;
	line-height:1.8;	
}


/* TABLET Layout: 481px to 768px. Inherits styles from: Mobile Layout.  --------*/
@media only screen and (min-width: 481px) {
/* ------------------------------------*/
.gridContainer {
	width:98.3695%;
	padding-left:0.8152%;
	padding-right:0.8152%;
}
.box1 img, .box2 img {
    float:left;
    margin-right:3.33%;
}
#bottom-article .tit-img {
	width:10%; 
}
#bottom-article .tit {
	width:90%;
}
.left-box {
	clear:both;
	float:left;
	width:48%;
	border:1px solid #ccc;
	padding:0.15151%;
}
.right-box {
	clear:none;
	float:right;
	width:48%;
	border:1px solid #ccc;
	padding:0.15151%;
}
.box3 {
	margin:12px auto;
}
.s2, .s3 {
	width: 48.48484%;
}
.s3 {
	clear:none;
	float:right;
}
.thbox1 .cont img {
    padding:1.333%;
}

}

/* DESKTOP Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. ---- */
@media only screen and (min-width: 769px) {
#cookie-bar p { width:80%; }
/*-------------------------------------*/
.menu-trigger { display:none; }
.nav-menu { display:block; }
/*---------------------- --------------*/
.gridContainer {
	width:98.913%;
	max-width:1040px;
	padding-left:0.5434%;
	padding-right:0.5434%;
	margin:auto;
}
#social-m {
	display:none;
}
#top-menu {
	margin-top:80px; 
}
#wrapper {
	box-shadow:
		8px 0px 15px 0px rgba(190,190,190,0.8),
		-8px 0px 15px 0px rgba(190,190,190,0.8);
	-webkit-box-shadow: 
		8px 0px 15px 0px rgba(190,190,190,0.8),
	    -8px 0px 15px 0px rgba(190,190,190,0.8);
	-moz-box-shadow: 
		8px 0px 15px 0px rgba(190,190,190,0.8),
		-8px 0px 15px 0px rgba(190,190,190,0.8);
}
.sub-nav {
	height:24px;
}
#content {
	width:63.46153%; 
	margin:0 1.92307% 20px; 
}
#main-article h3 {
	font-size:15px;
	font-size:1.250rem;
}
#bottom-article .subp h3 {
	font-size:12px;
	font-size:1rem;
}
#aside {
	clear:none;
	float:left;
	display:block;
	width:30.76923%;
	margin-left:0;
}
.s2,.s3 {   /*.sbox-th*/
	clear:both;
	float:left;
	width:100%;
}
.search {
	padding:2px 3.125%;
	margin-bottom:12px;
	margin-top:0;
}
.cerca  {
	display:none;
}
#time {
	display:block;
	width:97%;
	margin-bottom:12px;
	padding:2px 0;
	border:4px solid #ccc; 
}
#time #social {
	background-color:#ddd;
}
#time ul {
	text-align:center;
}
#time ul li { 
	display:inline; 
	padding:0 5px;
}
#time .data {
	padding-right:4.375%;
	text-align:right;
}
.bann-q {
	width:93.75%;
	background-color:#ddd;
	padding:3.125%;                
}
.reg ul li, .thbox2 ul li {           
	font-size:12px;
	font-size:1rem;
	line-height:1.4;
}
.thbox1, .thbox2 {             
	width:93.24324%;
	padding:4px 2.7027% 15px 2.7027%;
}
.thbox1 .cont img {
	padding:2.666%; 
}
.thbox2 ul {
	padding-left:25px;
}
.lk1, .lk2, .lk3, .lks {      
	font-size:12px;
	font-size:1rem;
	line-height:1.25;
}
#main-footer {
	font-size:12px;          
	font-size:1rem;
	line-height:1.25;	
}


/* ---- TAB MENU BLUE-HOME (1) ------ */
.nav-menu {
	position:relative;
	width:100%;
	height:30px;
	padding:0;
	background-color:transparent;
}
.nav-menu ul#primary {
	margin:0;
	padding:0;
	position:absolute;
	bottom:-1px;
	width:100%;
	left:1px;
}
.nav-menu ul#primary li  {
	display:inline;
	list-style:none;
	line-height:24px;
}
.nav-menu ul#primary a,.nav-menu ul#primary span,.nav-menu ul#primary a.current {
	width:11.80%; 
	display:block;
	float:left;
	padding:4px 0;
	margin:1px 2px 0 0;
	text-align:center;
	font-family:verdana, ariel, helvetica, sans-serif;
	font-weight:normal;
	font-size:11px; 
	font-size:0.917rem; /*11px*/
	text-decoration:none;
	color:#333;
}
.nav-menu ul#primary span,.nav-menu ul#primary a.current,.nav-menu ul#primary a.current:hover {
	border:1px solid #ccc;
	border-bottom:none;
	background-image:url('/images/blue.png');
	background-color:#285EA6;
	color:#fff;
	padding-bottom:6px;
	margin-top:0;
	font-weight:bold;
}
.nav-menu ul#primary a {
	background-image:url('/images/grey.png');
	border:1px solid #ccc;
	border-bottom:none;
}
.nav-menu ul#primary li#due a:hover {
	margin-top:0;
	border-color:#ccc;
	background-color:#437E78;
    background-image: url('/images/smeraldo.png');
	background-repeat:repeat-x;
	padding-bottom:5px;
	color:#fff;
}
.nav-menu ul#primary li#tre a:hover {
	margin-top:0;
	border-color:#ccc;
	background-color:#810403;
    background-image:url('/images/bordo.png');
	background-repeat:repeat-x;
	padding-bottom:5px;
	color:#fff;
}
.nav-menu ul#primary li#quatt a:hover {
	margin-top:0;
	border-color:#ccc;
	background-color:#AD5403;
    background-image:url('/images/orange.png');
	background-repeat:repeat-x;
	padding-bottom:5px;
	color:#fff;
}
.nav-menu ul#primary li#cinq a:hover {
	margin-top:0;
	border-color:#ccc;
	background-color:#AB0000;
    background-image:url('/images/red.png');
	background-repeat:repeat-x;
	padding-bottom:5px;
	color:#fff;
}
.nav-menu ul#primary li#sei a:hover {
	margin-top:0;
	border-color:#ccc;
	background-color:#6B7311;
    background-image:url('/images/lightgreen.png');
	background-repeat:repeat-x;
	padding-bottom:5px;
	color:#fff;
}
.nav-menu ul#primary li#sett a:hover {
	margin-top:0;
	border-color:#ccc;
	background-color:#905E7C;
    background-image:url('/images/rosa.png');
	background-repeat:repeat-x;
	padding-bottom:5px;
	color:#fff;
}
.nav-menu ul#primary li#ott a:hover {
	margin-top:0;
	border-color:#ccc;
	background-color:#347594;
    background-image:url('/images/azzurro.png');
	background-repeat:repeat-x;
	padding-bottom:5px;
	color:#fff;
}

}