* {   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-color: #FFFFFF;
        background-size: cover; }
@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: 50%; margin: 0 auto; }
.logo img {width: 50%; padding: 30% 5% 0 25%;
-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.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);

	transform: scale(1.1)
}
.logo img:hover {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.header2 {width: 100%; text-align: center;   }


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

}









.botones { width: 46%; text-align: right; float: right; padding: 2% 0 0 0;right: 0;}
.boton-llamar{ width: 20%; float: left;  text-align: right; margin-left: 25%;  }
.boton-llamar img { width: 40%;   }
.boton-wp { width: 20%;  float: left; text-align: right;  margin-left: -5%; }
.boton-wp img { width: 40%;  }
.boton-menu { width: 20%;  float: left; right:0;  text-align: right;  margin-left: -5%; }
.boton-menu img { width: 40%;  }
.portada { width: 100%; text-align: center; z-index: 20; float: left; }
.portada img { width: 100%; text-align: center; overflow:hidden;}
.portada img {
-webkit-transition:all 1.9s ease; /* Safari y Chrome */
-moz-transition:all 1.9s ease; /* Firefox */
-o-transition:all 1.9s ease; /* IE 9 */
-ms-transition:all 1.9s ease; /* Opera */
width:100%;
}
.portada:hover img {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);

	transform: scale(1.1)
}

.text-portada { width:40%; display: none; position: absolute; left: 0%; top:30%;
 z-index: 100;
 background-image: url(../images/cuadro.png);background-repeat: repeat;
border-bottom: solid #ab7d39 1px; border-top: solid #ab7d39 1px; border-right: solid #ab7d39 1px; 
  color: #FFF;
 padding: 5%;}
 .portada:hover .text-portada{
display: block;
}
.text-portada {
-webkit-transition:all 2.9s ease; /* Safari y Chrome */
-moz-transition:all 2.9s ease; /* Firefox */
-o-transition:all 2.9s ease; /* IE 9 */
-ms-transition:all 2.9s ease; /* Opera */

}

.text-portada h1 { width:70%; font-family: 'FelixTitlingMT'; color:#ab7d39 ;  font-size: 130%; margin-left: 10%; } 
.text-portada p { width:70%; font-family: 'FelixTitlingMT'; color: #ab7d39 ; font-size: 130%; margin-left: 10%;} 



	.footer {display:block;
	width:100%; max-height: 10%;min-height: 10%;
		 
	bottom:0; position:fixed; text-align: center;
	border-top:solid #ab7d39 1px; background-image: url(../images/cuadro.png); background-repeat: repeat;
	
			
	}
.footer p {width:70%; font-family: 'FelixTitlingMT'; color: #ab7d39 ; font-size: 90%; margin:1% auto; }












.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; }