*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

html{
	height: 100%; 
}

body{
	font-size: 18px;
	font-family: 'Comfortaa', cursive;
	text-align: center;
	background-color: #ffffff;
	height: 100%;
	
}

nav{
	font-size: 25px;
    font-family: 'Comfortaa', cursive;
	background-color: #00437a;
	
}

h1{
    font-family: 'Lauren-Normal';
	font-size: 25px;
	color: #000;
	

}

h2{
	font-family: 'Lauren-Normal';
	font-size: 25px;
	color: #000;
	
}

figure{
	text-align: center;
}

figure img
{
	max-width: 80%;
}

.page-wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*padding-bottom: 30px;*/
	margin: 0 auto -68px;
}

#mainFooter, .push {
height: 68px;
}

.area p
{
	text-align: justify;
	margin: .6em 0;
	padding: 0 1em;
}

.submenu1, .submenu2, .submenu3{
	display: none;
	position: absolute;
	z-index: 99;
	width: 100%;
}

.maintitle{

	font-size: 2em;
	color: #00437a;
}

.wrapper{

	max-width: 960px;
	margin: 0 auto;
}

.menu{

	font-size: 0;
	margin-bottom: 18px;

}


.item, .gato{

	vertical-align: top;	
	display: inline-block;
	width: 160px;
	position: relative;	
}

.item:hover .submenu1, .item:hover .submenu2, .item:hover .submenu3{
	display: block;
}

/*.gato{
	color:white;
	font-size: 1rem;
}*/

.gato{
	background: url(../img/) center top no-repeat;
}

.gato .link{
	text-indent: -500px;
}

.link{

	color:#ffffff;
	display: block;
	padding: 1em 0;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	font-size: 1rem;
	background-color: #00437a;
}

.link:after, .link:before{
	top:-4em;
	position: absolute;
	font-size: 1.5em;
	-webkit-transition: all .5s cubic-bezier(0,1.75,.83,.67);
	-moz-transition: all .5s cubic-bezier(0,1.75,.83,.67);
	-ms-transition: all .5s cubic-bezier(0,1.75,.83,.67);
	-o-transition: all .5s cubic-bezier(0,1.75,.83,.67);
	transition: all .5s cubic-bezier(0,1.75,.83,.67);
}

.link:after{

	content:"";
	right: 0;
}

.link:before{

	content:"";
	left: 0;
}


.link:hover:after, .link:hover:before{
	
	top:.5em;
}

.link:hover{
	background-color: #43457b;
	
}

ul ul .link:hover{
	background-color: #43457b;
}


.boton-mostrar{

	display: none;
	margin: 1em auto;
}

.fixed{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}


.nivoSlider img{
	position: absolute;
	top:0;
	left:0;
}

nav+.wrapper{

	padding-top: 05px;
}

#mainFooter{

           clear: both;
           font-size: 15px;
           background-color: #00437a;
           color:#fff;
           padding:15px;
           bottom:0;       
}

.lema
{
	font-size: 23px;
	padding: 20px;
	font-style: normal;
}

.gallery
{
	max-width: 1020px;
	margin: 0 auto;
}

.grid_4
{
	display: inline-block;
}

@media (max-width:480px){
	.boton-mostrar{
		display: block;
	}
	.menu{
		overflow: hidden;
		height: 0;
		-webkit-transition: height .5s;
		-moz-transition: height .5s;
		-ms-transition: height .5s;
		-o-transition: height .5s;
		transition: height .5s;
	}
	.boton-mostrar:focus + nav .menu{
	
		height: 300px;
	}



}