/* reseteo */
*{
	border: 0;
	margin: 0;
	padding: 0;
}

article,figcaption,figure,footer,header,hgroup,nav,section{
	display: block;
}

/* estilos del sitio */

@font-face {
    font-family: "gill_sans_mt_condensedregular";
    src: url("../fonts/gillsans-cond.ttf-webfont.eot");
    src: url("../fonts/gillsans-cond.ttf-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/gillsans-cond.ttf-webfont.woff") format("woff"),
         url("../fonts/gillsans-cond.ttf-webfont.ttf") format("truetype"),
         url("../fonts/opensans-condlight-webfont.svg#gillsans-cond") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "rockwellregular";
    src: url("../fonts/rockwell-webfont.eot");
    src: url("../fonts/rockwell-webfont.eot?#iefix") format("embedded-opentype"),
         url("../fonts/rockwell-webfont.woff") format("woff"),
         url("../fonts/rockwell-webfont.ttf") format("truetype"),
         url("../fonts/rockwell-webfont.svg#gillsans-cond") format("svg");
    font-weight: normal;
    font-style: normal;
}

body{
	background: #000 url(../img/fondo-cuero.jpg);
	color: #fff;
	font-family: "rockwellregular", Helvetica, Arial;
	font-size: 1em;
	text-align: center;
}

a{
	color: #d3bc97;
	text-decoration: none;
}

a:hover{
	color: #fff;
}

figcaption{
	font-size: 0.85em;
	padding: 0.25em;
	text-align: center;
}

img, video{
	max-width: 100%;
}

header{
	background: url(../img/fondo-madera.jpg) no-repeat;
}

header, section#cont-galeria, section#caja-madera, footer{
	margin: 0 auto;
	max-width: 1280px;
	text-align: center;
}

div#caja-logo-menu{
	margin: 0 auto;
	max-width: 100%;
	padding-top: 2em;
	text-align: center;
}

div#caja-logo, nav#menu{
	display: inline-block;
	max-width: 100%;
	vertical-align: bottom;
}

nav#menu{
	background: url(../img/cuero.jpg) no-repeat;
	background-position: right;
}

nav#menu ul{
	list-style: none;
}

nav#menu li{
	display: inline-block;
	padding: 0.1em;
	vertical-align: middle;
}

nav#menu a{
	display: block;
	font-family: "gill_sans_mt_condensedregular", Helvetica, Arial;
	font-size: 1.45em;
	padding: 0.55em;
	transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
}

nav#menu a:hover{
	color: #d3bc97;
	background: #b8a079;
	background: rgba(0, 0, 0, 0.5);
	transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
}

article#galeria-inicio{
	margin: 0 auto;
	max-width: 1155px;
}

div#info-footer{
	background: #3a1700;
	margin: 0 auto;
	padding: 1em;
}

div#derechos, nav#menu-redes{
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	vertical-align: middle;
}

div#creditos{
	font-size: 0.85em;
	color: #70371A;
}

nav#menu-redes a{
	opacity: 0.4;
	filter: alpha(opacity=4);
}

nav#menu-redes a:hover{
	opacity: 0.8;
	filter: alpha(opacity=8);
}

nav#menu-redes ul{
	list-style: none;
}

nav#menu-redes li{
	display: inline-block;
	vertical-align: middle;
}

.activo{
	background: #b8a079;
	background: rgba(0, 0, 0, 0.5);
}

.fade{
	opacity: 1;
	filter: alpha(opacity=10);
	transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-ms-transition: all 0.1s ease-in;
}

.fade:hover{
	opacity: 0.8;
	filter: alpha(opacity=8);
	transition: all 0.1s ease-out;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
}

/* Estilos de Nosotros -*/

section#cont-nosotros{
	background: #9c845d;
	margin: 0 auto;
	text-align: center;
	max-width: 1150px;
}

article#bota, article#texto-nosotros{
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	padding-top: 2em;
	vertical-align: middle;
	width: 30%;
}

article#texo-nosotros{
	width: 50%;
}

article#texto-nosotros{
	text-align: center;
	padding: 2em;
	width: 60%;
	padding-bottom: 10em;
}

div#mision, div#vision, div#historia{
	display: block;
}

div#mision-titulo, div#vision-titulo, div#historia-titulo{
	color: #592b14;
	font-size: 2.75em;
	padding-top: 0.5em;
}


/* Estilos de Productos -*/

div#cont-productos{
	background: #9c845d;
	margin: 0 auto;
	max-width: 1150px;
	padding-top: 2em;
	text-align: center;
}

.boxcaption{
	line-height: 260%;
}

div#mueble{
	position: absolute;
	padding-left: -55em;
}

div#titulo-productos, .thumbnails-productos{
	display: inline-block;
	margin: 0 auto;
	vertical-align: top;
	padding-top: 2em;
	max-width: 90%;
}

.boxcaption{
	line-height: 260%;
}

div#titulo-productos{
	color: #592b14;
	font-size: 3em;
	line-height: 100%;
	width: 25%;
}

.boxgrid {
	width: 250px;
	height: 200px;
	margin:10px 10px 80px 10px;
	float:left;
	background:#161613;
	border: 5px solid #3a1700;
	overflow: hidden;
	margin-left: 3.5em;
	margin-bottom: 3.5em;
	position: relative;
	text-transform: capitalize;
	display: inline;
}

.thumbnails-productos{
	overflow: hidden;
	width: 70%;
}

.boxgrid img {
	top: 0;
	left: 0;
	border: 0;
}

.boxcaption {
	float: left;
	position: absolute;
	background: #000;
	height: 80px;
	width: 100%;
	overflow: hidden;
	opacity: .85;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	display: inline;
}

.captionfull .boxcaption {
	top:160px;
	left: 0;
}

/* Estilos de Productos-muebles -*/

div#muebles-artesanales{
	background: #592b14;
	color: #fff;
	font-size: 2em;
	opacity: 0.75;
}


.volver{
	padding-bottom: 2em;
}

.volver a{
	color: #592b14;
}

.volver a, .volver img{
	vertical-align: top;
}

.volver a:hover{
	color: #d3bc97;
}

div#muebles-artesanales{
	background: #592b14;
	color: #fff;
	font-size: 2.75em;
	opacity: 0.75;
}

.thumbnails-muebles{
	overflow: hidden;
	padding-top: 2em;
	margin: 0 auto;
	text-align: center;
	padding-left: 4em;
}

/*---estilos de productos-botas----*/

div#logo-cuatralba{
	margin: 0 auto;
	padding-top: 0.5em;
	padding-bottom: 0.75em;
	text-align: center;
	width: 90%;
}

div#botas{
	background: #592b14;
	color: #fff;
	font-size: 2.75em;
	opacity: 0.75;
}

.thumbnails-botas{
	padding-top: 2em;
	padding-left: 4em;
	overflow: hidden;
	text-align: center;
}

.thumbnails-justin{
	padding-top: 2em;
	padding-left: 4em;
	overflow: hidden;
	text-align: center;
}

.thumbnails-cuadra{
	padding-top: 2em;
	padding-left: 4em;
	overflow: hidden;
	text-align: center;
}

.thumbnails-tonylama{
	padding-top: 2em;
	padding-left: 4em;
	overflow: hidden;
	text-align: center;
}


div#cont-distribuidores{
	font-family: "rockwellregular", arial;
	font-size: 1.5em;
	background: #9c845d;
	margin: 0 auto;
	max-width: 1150px;
	padding-top: 2.5em;
	text-align: center;
}

div#parrafo-1, div#parrafo-2{
	color: #592b14;
	display: inline-block;
	line-height: 65%;
	padding-left: 3em;
	padding-top: 2em;
	text-align: left;
	vertical-align: top;
}

div#distribuidores-titulo{
	background: #592b14;
	color: #fff;
	font-size: 2em;
	opacity: 0.75;
}

div#contactanos{
	font-family: "rockwellregular", arial;
	font-size: 1.5em;
	background: #9c845d;
	margin: 0 auto;
	max-width: 90%;
	padding-top: 2.5em;
	text-align: center;
}

div#cont-contactanos{
	margin: 0 auto;
	max-width: 1150px;
	padding-top: 2.5em;
}

form {
	text-align: left;
	width:459px;
	margin-left: 3em;
	margin-top: 2em;
}

form, div#fotos-tiendas{
	display: inline-block;
	vertical-align: top;
}

div#fotos-tiendas{
	padding-top: 4em;
	padding-left: 4em;
	padding-right: 4em;
}

div#fotos-tiendas p{
	text-align: center;
	margin: 0 auto;
	font-size: 0.55em;
}

div#fotos-tiendas img{
	border: 5px solid #3a1700;
}

label {
	display:block;
	margin-top:20px;
	letter-spacing:2px;
}

input, textarea {
	width:439px;
	height:27px;
	background:#efefef;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:0.65em;
	color:#3a3a3a;
}

	input:focus, textarea:focus {
		border:1px solid #97d6eb;
	}

textarea {
	height:213px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/textarea-bg.jpg) right no-repeat #efefef;
}

#submit {
	background:#694126;
	color: #e6e0d6;
	width:127px;
	height:38px;
	text-indent:8px;
	border:none;
	margin-top:20px;
	cursor:pointer;
	margin-bottom: 5em;
}

	#submit:hover {
		opacity:0.75;
	}

div#contactanos{
	text-align: center;
}

div#mapa{
	max-width: 100%;
	height: 400px;
	padding-bottom: 2em;
}

div#mapa a{
	background: #694126;
	margin-top: 1em;
	padding: 0.35em;
	text-align: center;
}


/* -------------------------------------------MediaQuerys -*/

@media(min-width: 1081px){
	div#caja-logo{
		text-align: left;
		width: 35%;
	}
	nav#menu{
		text-align: right;
		width: 55%;
	}
	div#derechos{
		text-align: left;
		width: 50%;
	}
	nav#menu-redes{
		text-align: right;
		width: 20%;
	}

	/* MediaQuery de Nosotros -*/

	nav#menu a#contactanos{
		padding-right: 2em;
	}

	/* MediaQuery de Productos -*/

	div#titulo-productos, .thumbnails-productos{
		margin-left: 0em;
	}
}

@media(max-width: 1080px){
	nav#menu{
		background-position: center;
		font-size: 1em;
		text-align: center;
		width: 100%;
	}
	div#derechos{
		font-size: 0.85em;
		text-align: left;
		width: 50%;
	}

	nav#menu-redes{
		text-align: right;
		width: 20%;
	}


	/* MediaQuery de Nosotros -*/

	article#bota{
		margin: 0 auto;
	}

	article#texto-nosotros{
		margin: 0 auto;
		text-align: center;
		padding: 2em;
		width: 90%;
	}

	/* MediaQuery de Productos -*/

	div#titulo-productos{
		font-size: 2.2em;
		width: 90%;
	}

	div#titulo-productos, .thumbnails-productos{
		display: block;
	}

}

@media(max-width: 800px){
	nav#menu li{
		font-size: 0.95em;
	}
	div#derechos{
		font-size: 0.85em;
	}

	div#creditos{
		margin-top: 1em;
	}

	/* MediaQuery de Nosotros -*/

	article#texto-nosotros, article#bota{
		margin: 0 auto;
		text-align: center;
	}
	article#bota{
		text-align: center;
		width: 50%;
	}
	article#texto-nosotros{
		width: 90%;
	}
	/* MediaQuery de Productos -*/
	
}

@media(max-width: 600px){
	nav#menu{
		background: none;
		width: 100%;
	}
	nav#menu a{
		background: url(../img/cuero.jpg) no-repeat;
		background-position: center;
		font-size: 1.8em;
		padding: 0.35em;
	}

	nav#menu a:hover{
		color: #fff;
		background: rgba(0, 0, 0, 0.5);
		background-position: center;
	}

	nav#menu li{
		background: url(../img/cuero.jpg) no-repeat;
		background-position: center;
		display: block;
		width: 100%;
	}
	article#bota{
		width: 50%;
	}

	section#cont-nosotros{
		max-width: 100%;
	}

	article#texto-nosotros{
		text-align: center;
		width: 90%;
	}

	div#titulo-productos, .thumbnails-productos{
		display: block;
	}
	.thumbnails-productos{
		width: 90%;
	}
	div#distribuidores-titulo{
		font-size: 1.35em;
	}	
	input, textarea {
		width:70%;
	}
	div#fotos-tiendas{
	padding-top: 4em;
	padding-left: 1.5em;
	padding-right: 4em;
	width: 70%;
}
}

@media(max-width: 380px){
	.boxgrid {
		width: 250px;
		height: 200px;
		margin: 0 auto;
		background: #161613;
		border: 5px solid #3a1700;
		overflow: hidden;
		margin-bottom: 3.5em;
		position: relative;
		text-align: center;
		text-transform: capitalize;
	}
	.thumbnails-productos{
		width: 90%;
	}
	input, textarea {
		width:30%;
	}
	form{
		margin: 0 auto;
	}
}