body{font-family: 'Titillium Web', sans-serif; font-weight: 400; font-size: 16px; background-color:#256e83}
.error{ color:#C30}
.container-fluid{padding: 0;}
.container{padding: 0 10px;}
#log{position:fixed; top:0; z-index:1000; txt-align:center}
.scuro{ background-color: rgba(0,0,0,.8); position: fixed; width: 100%; height: 100%;z-index: 90; display: none}
a{	color:#124885; font-weight: 700; text-decoration: underline}
a:hover{ color: inherit }
h1{ }
h2{color:#E94E1D; font-size: 24px; font-weight: 700;line-height: 28px}
strong,b{color:#007AC1!important}

.padding-5{padding: 5px;}

.padding-tb5{padding-top: 5px; padding-bottom: 5px}
.padding-tb6{padding-top: 6px; padding-bottom: 6px;}
.padding-tb10{padding-top: 10px; padding-bottom: 10px;}
.padding-tb20{padding-top: 20px; padding-bottom: 20px;}
.padding-t5{padding-top: 5px;}
.padding-t10{padding-top: 10px;}
.padding-t20{padding-top: 20px;}
.padding-t30{padding-top: 30px;}
.padding-t45{padding-top: 45px;}
.padding-b5{padding-bottom: 5px;}
.padding-b10{padding-bottom: 10px;}
.padding-b20{padding-bottom: 20px;}
.padding-b30{padding-bottom: 30px;}
.padding-b50{padding-bottom: 50px;}
.padding-b60{padding-bottom: 60px;}
.padding-b100{padding-bottom: 100px;}
.padding-b200{padding-bottom: 200px;}
.padding-b300{padding-bottom: 300px;}
.padding-r5{padding-right: 5px;}
.padding-r10{padding-right: 10px;}
.padding-r30{padding-right: 30px;}
.padding-l5{padding-left: 5px;}
.padding-l10{padding-left: 10px;}
.padding-lr5{padding-left: 5px; padding-right: 5px;}
.padding-lr10{padding-left: 10px; padding-right: 10px;}
.padding-lr20{padding-left: 20px; padding-right: 20px;}
.padding-10{padding: 10px;}

.padding-2010{padding: 20px 10px;}

.margin-t42{margin-top: 42px;}
.margin-t10{margin-top: 10px;}
.margin-b10{margin-bottom: 10px;}
.margin-b20{margin-bottom: 20px;}
.margin-b30{margin-bottom: 30px;}
.margin-tb10{margin-top: 10px; margin-bottom: 10px;}
.margin-r10{margin-right: 10px;}

.lineh-24{line-height: 24px;}


.size-50{font-size: 50px;}
.size-28{font-size: 28px;}
.size-24{font-size: 24px;}
.size-20{font-size: 20px;}
.size-18{font-size: 18px;}
.size-16{font-size: 16px;}
.size-12{font-size: 12px;}

.radius-4{border-radius: 4px;}
.radius-top-4{border-top-left-radius: 4px; border-top-right-radius: 4px;}
.radius-bottom-4{border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}

.header{background: #FFF; position: fixed; z-index: 50;left: 50%; top: 0%; transform: translateX(-50%); padding-bottom:10px }
.sicilia{margin-top: 42px}

.green-row{background-color: #007AC1; padding-top: 10px; padding-bottom: 12px;}
.green-row:hover{background-color: #50ACE1 !important;}

.programma{background-color: white; border-radius: 4px; border: 1px solid #124885; font-family: 'merriweather'; }
.programma a{text-decoration: none;}
.programma:hover{background-color: #EDF7FD !important; }

.scadenza{text-transform: uppercase; font-weight: 700; color: white;}

.content{
	background-color: #E0F6FF;
	border-top: 6px solid #E94E1D;
	border-bottom: 6px solid #E94E1D;
	background-repeat: repeat;
  overflow-x: hidden;
  padding-bottom: 20px;
}

.home{font-size: 24px; line-height: 30px; text-transform: uppercase; font-family: 'merriweather'; font-weight: 700;  color: #E94E1D; margin: 0;}

.cum-laude{font-size: 20px; font-family: 'merriweather';   color: #E94E1D; margin: 0;}
.cum-laude p{padding: 20px 10px; margin: 0;}

.reale-mutua{font-weight: bold; font-size: 16px;}

.like{color: #A2A2A2; font-size: 20px;}
.like-comment{font-size: 12px; top: 10px; right: 10px; color: #A2A2A2;}
.delete-comment{font-size: 12px; top: 10px; right: 10px; color: #A2A2A2}

.commenti{text-decoration: underline #004996; color: #004996; font-weight: bold;}
.posted-comment{background-color: #E6E6E6}

.absolute-button{position: absolute; top: 9px; right: 16px;}

.giorno,.orari h1{ text-transform: uppercase; font-size: 24px; font-family: merriweather; padding:10px 0px 10px 0;  color: #E94E1D; margin: 0; line-height: 30px}

.copyright{ background: transparent linear-gradient(180deg, #007AC1 0%, #00C6E5 100%) 0 0 no-repeat padding-box;}
.copyright p{padding: 20px; color: white; font-size: 12px;  font-weight: 400;}

.mobile-menu{list-style-type: none; padding: 0; margin: 0;}
.mobile-menu .sub-menu{padding: 0; color: #00172F; font-size: 14px; font-family:"Titillium Web"; font-weight: 300; text-transform: none;}

.button {background-color: #007AC1; color: white; padding: 8px 15px; text-align: center; text-decoration: none;
        display: inline-block; font-size: 14px; border-radius: 4px; font-family: "Titillium Web"; font-weight: bold; margin-top: 5px}
.add-post{border-radius: 50%; font-size: 28px; background-color: #00624A; border: 2px solid #FFFFFF; z-index: 50; bottom: 67px; right: 20px; width: 51px; height: 51px; }
.circle-not{ font-family:"merriweather"; font-weight:400; font-size:17px; padding-top:1px; top:-25px; left:0; height: 25px; width: 25px; border-radius: 50%; background-color: #E94E1D; border: 2px solid #FFFFFF; z-index: 2; text-align: center}

.credenziali{font-size: 14px; font-family: "Titillium Web"; font-weight: 400; color: #00172F;}

.notification{background: transparent linear-gradient(180deg, #007AC1 0%, #00C6E5 100%) 0 0 no-repeat padding-box; opacity: 1;}

.notifiche{text-align: center; font: normal 24px/28px 'merriweather'; letter-spacing: 0; color: #AFE2EC; text-transform: uppercase; opacity: 1;}
.footer{background-color: #00C6E5; position: fixed; z-index: 50; bottom: 0%; padding: 10px 0; left: 50%; transform: translateX(-50%);}

.notifica{
  
}

.utente{color: #AFE2EC; font-size: 22px; font-family: "merriweather"; font-weight: 700;}

.blue{color: #000000 !important;}
.grey{color: #A2A2A2;}
.yellow{color:#0F3971}
.green{color: #E94E1D}
.letto{ color:#f0c47a}

.border-grey{border: 1px solid #84A4C4}
.border-grey2 {border: 1px solid #DBDBDB}
.border-green{border: 1px solid #00624A}
.border-yellow{border: 1px solid #FBBA00}
.border-blue{border: 1px solid #004996}


.text-grey{color: #84A4C4}

.bg-yellow{background-color: #FBBA00;}
.bg-green{background-color: #00624A;}

.droidserif{font-family: merriweather; font-weight: 700}

.provvisorio{color: white;}
.provvisorio:hover{text-decoration: none; color: white;}

.no-border{border: none;}
.no-border-top{border-top: none}

.info{color: white!important; font-size: 20px;}

.tavolo-utente:hover{text-decoration: none;}
.tavolo:hover{text-decoration: none; color: #00624A;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{ border-color:#FFF}
.tab-pane { border-radius: 0 0 0.25rem 0.25rem}

.ristorante h3{ color:#e94e1d; font-family:merriweather;  font-size:25px; margin:25px 0 0 0}
.ristorante .descrizione{font-family:merriweather;  color:#e94e1d; padding-top:10px}
.ristorante .menu{ line-height:20px}
.ristorante .menu h3{ font-weight:700}
.ristorante .menu ul{
	margin: 0;
	padding: 0px 10px 20px 0px;
	list-style-type: none;
	
}
.ristorante .menu ul li{ padding:10px 0 10px 10px;border-top: 1px solid #0F3971;}
hr{
  background-color: #0F3971;
  height: 1px;
  border:none;
  margin: 10px 0
}
.informazioni a{color:#FFF}


/*Tab menù*/
.menuLinee{	display: none; position: fixed; z-index: 5; width: 100%; height:1800%; left: 0; top:42px; background: transparent linear-gradient(180deg, #007AC1 0%, #00C6E5 100%) 0 0 no-repeat padding-box; 
}
ul.menuInfo{
  list-style-type: none; margin:0; padding: 0;
}
ul.menuInfo li{border-top: 1px solid #0F3971; padding: 20px 0}
ul.menuInfo li a{ color: #FFF; font-size: 18px; font-weight: 700; text-decoration: none; display: block}
.btn_giorni{ width:100%;font-size:16px }
.giorniFoto{text-transform: uppercase;
font-family: 'merriweather'; 
color: #E94E1D;
font-size:18px}
ul.giorni{
  list-style-type: none; margin:-1px 0 0 0 ; padding: 0 10px; background-color:#FFF; display:none; border-radius:5px;font-size:16px;
}
ul.giorni li{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FBBA00;
	padding:10px
}
ul.giorni li a{
	font-weight: 600;
	color: #124885;
	text-decoration: none;
}
.gallery a{ display:inline-block; width:33%; padding:5px}
.orari table{}
.orari table td{
	vertical-align: top;
	padding: 10px 5px 10px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #007AC1;
}
.elenco{
	padding: 10px 0;
	margin: 0px 0;
	border-top: 1px solid #124885;
	font-size: 20px;
	font-weight: 700;
	color: #124885;
	text-align: center;
	display: block;
	line-height: 27px;
	text-decoration: none;
}
.no-decoration{ text-decoration: none!important}
.orari table td a{ color:#004996; text-decoration:underline!important; font-weight:700}
.orari table td:nth-child(1){ color:#E94E1D;  text-align:right}
#swipebox-download{ width: 100%; font-size: 15px; position:absolute; text-align: center;z-index:10; bottom:30px; left:0; color:#FFF; cursor: pointer; opacity: 1;padding: 30px}

@media (min-width: 375px) {


}