body{

	margin: 0px;

	padding: 0px;

	font-family: 'Nunito', sans-serif;

	font-weight: 400;



}



.left{

	float: left;

}



.right{

	float: right;

}



.clear{

	clear: both;

}



.hide{

	display: none;

}



.bxslider{

	margin: 0px;

	padding: 0px;

}



svg{

	width: 100%;

}



/********** HEAD *********/



.logo{

	max-width: 290px;

	width: 100%;

}



.head{

	background: url('../img/background/bg-head.jpg') repeat;

	min-height: 86px;

}





.head-box{

	position: relative;

}



.head-flotante{

	position: absolute;

	top: 0px;

	left: 50%;

	right: 50%;

	z-index: 9999;

	max-width: 900px;

	width: 100%;

	margin: 0 auto;

	-webkit-transform: translate(-50%, 1%);

    -moz-transform: translate(-50%, 1%);

    -ms-transform: translate(-50%, 1%);

    -o-transform: translate(-50%, 1%);

    transform: translate(-50%, 1%);

}



.head-flotante ul{

	padding: 0px;

	margin: 0px;

	background: #fff;

	padding: 12px 0px;

	border-radius: 6px;

	margin-top: 80px;

    margin-left: -26px;

    -webkit-box-shadow: 9px 0px 20px -9px rgba(224,221,224,1);

	-moz-box-shadow: 9px 0px 20px -9px rgba(224,221,224,1);

	box-shadow: 9px 0px 20px -9px rgba(224,221,224,1);

}



.head-flotante ul li{

	list-style: none;

	display: inline-block;

	padding: 0px 14px;

	border-right: 1px solid #000;

}



.head-flotante ul li:last-child{

	border-right: none;

}



.head-flotante ul li a{

	color: #E89647;

	font-size: 16px;

	font-weight: 400;

}



.head-flotante ul li a:hover{

	color: #569E51;

	text-decoration: none;

}	



.btn-menu{

	position: absolute;

	z-index: 999999;

	color: #fff;

	top: 20px;

	right: 2%;

	font-size: 30px; 

}



.menu-movil{

	background: #df933d;

	text-align: center;

	padding-top: 20px;

}



.menu-movil ul{

	margin: 0px;

	padding: 0px;

	text-align: center;

}



.menu-movil ul li{

	list-style: none;

	padding: 8px 0px;

}



.menu-movil ul li a{

	color: #fff;

	padding: 8px 0px;

	width: 100%;

	font-size: 18px;

}	







/********** CONTENT **********/



/********** FOOTER **********/

.footer{

	background: url('../img/background/bg-footer.jpg') repeat;

	padding: 40px 0px;

}



.footer h1, .social-foter h1{

	color: #569F51;

	font-weight: 700;

	font-size: 24px;

}



.footer-informacion{

	color: #fff;

	font-size: 15px;

	font-weight: 300;

	margin-top: 20px;

}



.footer-informacion h2{

	color: #569F51;

	font-weight: 700;

	font-size: 16px;

	color: #fff;

	margin: 5px 0px;

}



.social-footer{

	margin-top: 10px;

}



.social-footer a{

	text-decoration: none;

	margin: 0px 2px;

}



.social-footer a:hover{

	text-decoration: none;

}	



.sub-footer{

	color: #fff;

	background: #2B2B2B;

	font-weight: 700;

	font-size: 14px;

	padding: 2px 0px;

	text-align: center;

}



.sub-footer p{

	margin-bottom: 0px;

}



@media(max-width: 776px){

	.head-flotante ul{

		display: none;

	}

}	



@media(max-width: 480px){

	.footer{

		text-align: center;

	}



	.logo{

		max-width: 120px;

	}



	.head-flotante{

		top: 20px;

	}

}