* {   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;
}


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

.logo { width: 50%; text-align: left; float: left;}
.logo img {width: 100%; padding: 2% 2% 2% 5%;  }
.botones { width: 46%; text-align: right; float: right; padding: 3% 0 0 0;right: 0;}
.boton-llamar{ width: 30%; float: left;  text-align: right; margin-left: 25%;  }
.boton-llamar img { width: 100%; text-align: right;   }
.boton-wp { width: 30%;  float: left; text-align: left;  margin-left: 5%; }
.boton-wp img { width: 100%;   }

.portada { width: 100%; text-align: center; z-index: 20;  }
.portada img { width: 100%; text-align: center; }


.catalogo { width:100%; margin: auto; text-align: center;}
.catalogo ul { width:100%;  display: inline;}
.catalogo li { width:100%;  display: inline;}
.catalogo li img { width:32%; margin: auto; display: inline;}
.catalogo2 { width:100%; 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: #434343; padding: 2% 0; }
.cita  p {width:90%; font-family: 'labtop_wideregular'; font-size: 120%; text-align: justify; color: #434343;  padding: 1% 5%;} 

.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: #434343;  padding: 1% 0% 10% 0%;} 
.footer img { width: 50%; padding-top: 5%;  }



.texto1 {width:80%; margin:30%   auto 5% auto; font-family: 'kasseflfregular'; }
.texto1 h1 {width:100%;   font-family: 'labtop_wideregular'; font-size: 160%; text-align: center; color: #434343; padding: 2% 0; }
.texto1 p {width:90%;   font-family: 'labtop_wideregular'; font-size: 140%; text-align: justify; color: #434343;  padding: 1% 5%; margin:auto;}
.texto2 {width:80%; margin:25%   auto 5% auto; font-family: 'kasseflfregular'; }
.texto2 h1 {width:100%;   font-family: 'labtop_wideregular'; font-size: 160%; text-align: center; color: #434343; padding: 2% 0; }
.texto2 p {width:90%;   font-family: 'labtop_wideregular'; font-size: 140%; text-align: center; color: #434343;  padding: 1% 5%; margin:auto;}









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

.box0 nav ul { overflow:hidden; list-style:none; padding-top: 25%; }
.box0 nav ul li { float:left;}
.box0 nav ul li a { width: 80%; color:#BA7821; padding:3% 10%; display:block; text-align: center; text-decoration:none; font-size:140%; }
.box0 nav ul li a:hover { width: 80%; background-color:#ab7d39; text-align: center;  padding:3% 10%; font-size:140%; color: #FFF;
}
.box0 nav ul li spadn { 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%;
		 background-repeat:repeat;
	bottom:0; position:fixed;
	border-top:1px solid #BA7821;
	background-image: url(../images/cuadro2.png); background-repeat: repeat;
			
	}

	.menu-bar img{	width:14%; 
	
			
	}
	
	
	.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:15px;  }
	.icon-logo{float:right;
	font-size:120%; margin-right:5%; font-family:'quicksandlight'; font-weight:bold; }

	

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