/*
Theme Name: Aquatic Life Lab
Theme URI: http://flatsome.uxthemes.com/
Description: This is a child theme for Flatsome
Author: UX Themes
Author URI: http: //www.uxthemes.com/
Template: flatsome
Version: 2.0
*/
@import url("../flatsome/css/foundation.css");
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@font-face {
	font-family: "Flaticon";
	src: url("fonts/flaticon.eot");
	src: url("fonts/flaticon.eot#iefix") format("embedded-opentype"),
	url("fonts/flaticon.woff") format("woff"),
	url("fonts/flaticon.ttf") format("truetype"),
	url("fonts/flaticon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-size: 20px;
font-style: normal;
margin-left: 0px;}.flaticon-diploma2:before {content: "\e000";}
.flaticon-gears3:before {content: "\e001";}
.flaticon-geo1:before {content: "\e002";}
.flaticon-restaurant26:before {content: "\e003";}

/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
p,h1,h2,h3,h4,h5,h6{
	color:#056787;
}
h1{
	font-size:300%;
}
h2{
	font-size:220%;
}
h3{
	font-size:180%;
}
h4{
	font-size:150%;
}
h5{
	font-size:125%;
}
h6{
	font-size:80%;
}

.button,
ul.header-nav li.button a.nav-top-link{
	padding:10px;
	color:#fff;
	opacity:1;
	margin:0;
	text-transform:none;
}
.button{
	text-transform:uppercase;
}
ul.header-nav li.current-menu-item a.nav-top-link,
ul.header-nav li.active a.nav-top-link{
	color:#04536e;
	opacity:1;
	border-bottom:1px solid #04536e;
}
ul.header-nav a.nav-top-link{
	color:#1E8C8C;
	text-transform:none;
}
ul.header-nav li.button.current-menu-item a.nav-top-link,
ul.header-nav li.button.active a.nav-top-link{
	border:none;
	color:#fff;
}
.button.current-menu-item{
	background-color:#04536e;
}

.block-white{
	border-radius:30px;
	background-color:rgba(255,255,255,0.75);
	padding:30px;
}

hr{
	border-top:1px solid #aaa;
}

#container {
    background: #04536e;
    max-width:660px;
    margin:0 auto;
    text-align: center;
}

.icona-argomento{
	border-radius:100%;
	background-color:rgba(255,255,255,0.50);
	display: inline-block;
  width:  100px;
  height: 100px;
  margin: 10px;
}

.icona-argomento-titolo{
	display:none;
	color:#fff;
	background-color:#04536e;
}

.icona-argomento:hover .icona-argomento-titolo {
	display:inline-block;
	color:#fff;
	background-color:#04536e;
}

li.menu-item{
	text-transform:none!important;
	font-weight:normal!important;
	padding-top:6px!important;
	padding-bottom:6px!important;
}
li.menu-item img{
	margin-top:-12px;
}
ul.menu li.menu-item a{
	color:#056787!important;
}
li.current-menu-item{
	text-transform:uppercase!important;
	font-weight:bold!important;
}

ul.menu li ul.sub-menu{
	margin:0!important;
	display:inline!important;
}
ul.menu li ul.sub-menu li{
	padding-left:55px!important;
}
ul.menu li ul.sub-menu a{
	color:#056787!important;
}
