* {   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: 'labtop_wideregular';
    src: url('../fonts/labtopw_-webfont.eot');
    src: url('../fonts/labtopw_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/labtopw_-webfont.woff2') format('woff2'),
         url('../fonts/labtopw_-webfont.woff') format('woff'),
         url('../fonts/labtopw_-webfont.ttf') format('truetype'),
         url('../fonts/labtopw_-webfont.svg#labtop_wideregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.cabezote { width: 100%; position: fixed; top: 0%;  margin: 0 auto; border-bottom: solid #ab7d39 1px; background-image: url(../images/cuadro.png);background-repeat: repeat; z-index: 300; }

.logo { width: 40%; text-align: left; float: left;}
.logo img {width: 50%; padding: 1% 5% 0 25%;  }
.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: 40%;  }
.boton-llamar img { width: 40%; text-align: right;   }
.boton-wp { width: 20%;  float: left; text-align: left;  margin-left: 5%; }
.boton-wp img { width: 40%;   }


.catalogo { width:80%; margin: auto; text-align: center;}
.catalogo ul { width:90%; margin: auto; display: inline;}
.catalogo li { width:30%; margin: auto; display: inline;}
.catalogo li img { width:30%; margin: auto; display: inline;}
.catalogo2 { width:80%; margin: auto; text-align: center;}
.catalogo2 ul { width:100%; margin: auto; display: inline;}
.catalogo2 li { width:100%; margin: auto; display: inline;}
.catalogo2 li img { width:100%; margin: auto; display: inline;}
.cita {width:100%; margin: 5% auto; font-family: 'labtop_wideregular'; padding-top: 10%; text-align: center;}
.cita h2 {width:100%; font-family: 'labtop_wideregular'; font-size: 150%; text-align: center; color: #A6A6A6; padding: 2% 0; }
.cita  p {width:80%; font-family: 'labtop_wideregular'; font-size: 120%; text-align: justify; color:#A6A6A6;  padding: 1% 10%;} 

.footer {width:100%; margin: 5% auto 0 auto; font-family: 'kasseflfregular'; padding-top: 10%; text-align: center; background-image: url(../images/cuadro-rojo.png); background-repeat: repeat; padding-bottom: 10%;}
.footer  p {width:100%;   font-family: 'labtop_wideregular'; font-size: 120%; text-align: center; color: #A6A6A6;  padding: 1% 0%;} 
.footer img { width: 20%; padding-top: 5%;  }



.texto1 {width:80%; margin:5%   auto 5% auto; font-family: 'kasseflfregular'; }
.texto1 h1 {width:100%;   font-family: 'labtop_wideregular'; font-size: 150%; text-align: center; color: #A6A6A6; padding: 2% 0; }
.texto1 p {width:80%;   font-family: 'labtop_wideregular'; font-size: 120%; text-align: justify; color: #A6A6A6;  padding: 1% 0; margin:auto;}
.texto2 {width:80%; margin:10%   auto 1% auto; font-family: 'kasseflfregular'; }
.texto2 h1 {width:100%;   font-family: 'labtop_wideregular'; font-size: 150%; text-align: center; color: #A6A6A6; padding: 2% 0; }
.texto2 p {width:80%;   font-family: 'labtop_wideregular'; font-size: 120%; text-align: center; color: #A6A6A6;  padding: 1% 0; margin:auto;}




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

.box0 nav ul { overflow:hidden; list-style:none; padding-top: 15%; }
.box0 nav ul li { float:left;}
.box0 nav ul li a { width: 100%; color:#BA7821; padding:1% 0%; display:block; text-decoration:none; font-size:100%; text-align: center; }
.box0 nav ul li a:hover {width: 100%; background-color:#fff; text-align: center; font-size:100%; color: #000;
}
.box0 nav ul li span { margin-right: 10px; }


	.box0 nav {
		
	
		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%;max-height: 10%;
		
	bottom:0; position:fixed;
	border-top:1px solid #BA7821;
	background-image: url(../images/cuadro.png); background-repeat: repeat;
			
	}

	.menu-bar img{	width:3%; 
	
			
	}
	
	
	.menu-bar .bt-menu {text-align: center;
		display:block;
		padding:1%;
	
		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:5%px;  }
	.icon-logo{float:right;
	font-size:120%; margin-right:5%; font-family:'quicksandlight'; font-weight:bold; }

	



.perfil {width:100%; margin: auto;  font-family: 'labtop_wideregular'; font-size: 120%; text-align: center; color: #b7b7b7;  }
.perfil h1 {width:100%; margin: auto;  font-family: 'labtop_wideregular'; font-size: 100%; text-align: center; color: #b7b7b7;  }
.perfil h2 {width:100%; margin: auto;  font-family: 'labtop_wideregular'; font-size: 100%; text-align: center; color: #b7b7b7; padding-bottom: 2%;  }
.fotos-de-perfil {width:100%; margin: auto;  font-family: 'labtop_wideregular'; font-size: 120%; text-align: center; color: #b7b7b7; } 
.fotos-de-perfil img { padding: 1%;} 
.fotos-de-perfil h2 {width:100%; margin: auto;  font-family: 'labtop_wideregular'; font-size: 80%; text-align: center; color: #b7b7b7; padding-bottom: 2%;  }
.texto1 h2 img {width:6%; pading:2%; }
.catalogo-icono {width:15%; pading:5%; margin: auto;}
.catalogo-icono img {width:45%; pading:5%; margin: auto;}