* {   padding:0; margin:0;}
a:active {color:inherit; font-style:normal; text-decoration:none;}
a:visited {color:inherit; font-style:normal; text-decoration:none;}
a:hover {color:inherit; font-style:normal; text-decoration:none;}
a {color:inherit; font-style:normal; text-decoration:none;}
body {   width:100%; 
        
        background-size: cover; 


background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);}
@font-face {
    font-family: 'quicksandlight';
    src: url('../fonts/quicksand-light-webfont.eot');
    src: url('../fonts/quicksand-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quicksand-light-webfont.woff2') format('woff2'),
         url('../fonts/quicksand-light-webfont.woff') format('woff'),
         url('../fonts/quicksand-light-webfont.ttf') format('truetype'),
         url('../fonts/quicksand-light-webfont.svg#quicksandlight') format('svg');
    font-weight: normal;
    font-style: normal;
}


.header {width: 100%; text-align: center; top: 25%; position: absolute; left: 0; }


.logo { width: 100%; margin: 0 auto; }
.logo img {width: 70%; padding: 50% 15% 0 15%;
-webkit-transition:all 1.5s ease; /* Safari y Chrome */
-moz-transition:all 1.5s ease; /* Firefox */
-o-transition:all 1.5s ease; /* IE 9 */
-ms-transition:all 1.5s ease; /* Opera */
	
	-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);

	transform: scale(1.5)
}
.logo img:hover {-webkit-transform: rotate(360deg);transform: rotate(360deg);}

.header2 {width: 100%; text-align: center;   }


.logo2 { width: 100%; margin: 0 auto; }
.logo2 img {width: 60%; padding: 5% 20% 0 20%;

}











.box0 {width:100%;}
.box0 nav {width:100%; max-width:100%; margin: 20% auto; background-image: url(../images/cuadro.png); background-repeat:repeat; }

.box0 nav ul { overflow:hidden; list-style:none; padding-top: 40%; }
.box0 nav ul li { float:left;}
.box0 nav ul li a { color:#BA7821; padding:3% 10%; display:block; text-decoration:none; font-size:100%; }
.box0 nav ul li a:hover { background-color:#ab7d39; padding:22px; font-size:130%; padding-left:32px;color: #FFF;
 -webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;}
.box0 nav ul li span { margin-right: 10px; }


	.box0 nav {
		width:30%;
		
	
		bottom:-100%;
		margin:auto;
		position:fixed;
	

	}
	
	.box0 nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid #BA7821;
		font-family: 'FelixTitlingMT';
	}
	
	.menu-bar {display:block;
	width:100%; min-height: 10%;
		 background-repeat:repeat;
	bottom:0; position:fixed;
	border-top:1px solid #BA7821;
	
			
	}
	
	.menu-bar .bt-menu {
		display:block;
		padding:2%;
	
		color:#BA7821;
		text-decoration:none;
		font-weight:bold;
		font-size:130%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
		
		font-family: 'FelixTitlingMT';

		
		
		}
	
	.icon-menu {float:left;
	font-size:120%; margin-right:15px;  }
	.icon-logo{float:right;
	font-size:120%; margin-right:5%; font-family:'quicksandlight'; font-weight:bold; }