html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus { outline: 0;}
a, a:link, a:visited, a:hover, a:active{text-decoration:none}
table { border-collapse: separate;border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul {list-style: none;}
input, textarea, select, button {font-size: 100%;font-family: inherit;}
select {margin: inherit;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}


strong{
	font-weight:bold;}


body{
	font-family: 'proxima_nova_rgregular';
	background-image:url(../imagenes/imgs_fondo/trastoy1.jpg);
	background-repeat:no-repeat;
	background-position:0em 6em;
	color:#7a7a7a;
	
	}

#contenedor{
   opacity: .7;
   -moz-opacity: .7;
   filter:alpha(opacity=40);
   float: left;
   background-color:#4f2f20;
   width:100%;
   height:17em;
   position:absolute;
   left:0;
   margin-top:29em;
   z-index:1;
	
	}

.contenido{
	width:1300px;
	position:relative;
	margin:auto;
	height:auto;
	z-index:1000;
	}

#contenido_sup{
	min-height:53.5em;}
	
.contenido_contacto{
	width:800px !important;}

#cabecera{
	background-image:url(../imagenes/fondo_marron.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:164px;
	float:left;
	z-index:10000;
	position:relative;
	
	}


#cabecera_int{
	width:960px;
	position:relative;
	margin:auto;
	display:block;
	
	}


.menu img {
	display: none;
}



#pie{
	color:#FFF;
	background-color:#d32e12;
	height:8em;
	width:100%;
	letter-spacing:0.5em;
	font-size:0.8em;
	float:left;
	z-index:10000;
	position:relative;
	
	}

#pie_int{
	width:1150px;
	position:relative;
	margin:auto;
	display:block;
	top:3.5em;
	
	}

#pie_int p{
	float:left;
	width:1080px;}
	
#pie_int a{
	position:relative;
	top:-1.5em;}

#logo-rel{
	float: left;
	width: 100%;
	text-align: center;
}

#logo-rel img{
	width:100%;
	max-width:500px;
	margin:10px auto;
}

.flecha_pie{
	width:100%;
	float:left;
	z-index:10000;
	height:54px;}

.flecha_pie2{
	width:100%;
	float:left;
	z-index:10000;
	height:54px;
	margin-top:-3.6em;}


.flecha_pie_int{
	width:126px;
	position:relative;
	margin:auto;
	z-index:10000;}
	
h1{
	position:relative;
	width:259px;
	margin:auto;
	}
#cabecera_int .menu{
	float:left;
}

#menu{
	float:right;
	position:relative;
	top:2.5em;
	width:100%;}

#menu li{
	float:left;
	margin-left:4em;}
	
#menu a:link, #menu a:active, #menu a:visited, #menu a:focus{
	color:#e34429;
	font-weight:bold;
	font-size:0.9em;
	}

#menu a:hover{
	color:#ffffff;
	}

#menu a.marcado, #menu a span{
	color:#ffffff;
	}

#redes{
	float:right;
	width:115px;
	margin-top:2em;
	margin-right:0px;}

#redes p{
	float:left;
	font-style:italic;
	font-weight:bold;
	font-size:0.9em;
	margin-right:1em;
	margin-top:0.5em;
	font-family: 'Lato', sans-serif;
	letter-spacing:0.2em;
	
	}

#redes li{
	float:left;
	margin-right:0px;}

#redes li img{
	max-width:25px;
}
	
#garabato{
	float:left;
	background-image:url(../imagenes/garabato.png);
	background-repeat:no-repeat;
	width:533px;
	height:530px;
	padding-top:12em;
	padding-left:11em;
	text-align:center;
	margin-top:10em;
	}

.titulo_garabato{
	font-size:1.1em;
	letter-spacing:0.2em;}

#garabato p{
	color:#FFF;
	width:220px;
	}

#img_chori{
	margin-top:1.5em;
	float:left;
	margin-bottom:3em;}

.txt_garabato{
	font-size:0.8em;
	line-height:1.6em;}

.titulos{
	font-size:1.7em;
	background-image:url(../imagenes/lineas_titulos.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:1.1em;
	letter-spacing:0.2em;
	font-weight:bold;
	margin-top:2em;
	margin-bottom:2em;
	color:#000;}


#imgs_trastoy{
	width:100%;
	max-width: 1995px;
	height:auto;
	max-height:273px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 8em;
	float: none;
	margin-bottom: 2em;
	position: relative;
	overflow: hidden;}

#imgs_trastoy li{
	float:left;
	width:12%;
	height:100%;
	margin-right: 0.78%;	
}

#imgs_trastoy li.primero{
	width:18.1%;
}

#imgs_trastoy li.segundo{
	width:10.25%;
}

#imgs_trastoy li.tercero{
	width:10.34%;
}

#imgs_trastoy li.cuarto{
	width:9.15%;
}

#imgs_trastoy li.quinto{
	width:10.31%;
}

#imgs_trastoy li.sexto{
	width:18.25%;
}

#imgs_trastoy li.septimo{
	width:10.18%;
}

#imgs_trastoy li.ulti{
	margin-right:0px;
	width:7.9%;
}

#imgs_trastoy a{
	display:block;
}

#imgs_trastoy img{
	width:100%;
	height:auto;
}


#logos_bodegas{
	width:100%;
	margin-top:8em;
	float:left;
	margin-bottom:4em;}

#logos_bodegas li{
	float:left;
	width:8.3%;}

#logos_bodegas img{
	width:100%;
	}

.txt{
	font-size:0.9em;
	line-height:1.7em;
	}

.logo_rincon{
	position:relative;
	margin:auto;
	width:12em;
	display:block;
	margin-top:1em;}
	
	
#form_contacto{
	float:right;
	width:20em;
	color:#000;}

#form_contacto input{
	width:20em;
	background-color:#e8e8e8;
	border:none;
	height:2em;
	margin-bottom:1em;
	border:solid 0.1em #e8e8e8;}

#form_contacto input.borde_rojo{
	border:solid 0.1em #F00;}

#form_contacto textarea{
	width:20em;
	background-color:#e8e8e8;
	border:none;
	height:3em;
	margin-bottom:1em;
	border:solid 0.1em #e8e8e8;}
	
#form_contacto textarea.borde_rojo{
	border:solid 0.1em #F00;}

.btn{
	background-color:#d32e12 !important;
	width:7em !important;
	height:2.5em !important;
	color:#FFF !important;
	font-size:0.8em;
	text-align:center !important;
	position:relative !important;
	margin-left:10em;
	clear:both;	}

.input_tlf{
	float:left;
	width:7em !important;
	margin-right:1em;}

.input_email{
	float:left;
	width:12em !important;}

.input_condiciones{
	width:1em !important;
	float:left;
	margin-right:1em;
	position:relative;
	top:-0.4em;
	margin-left:3em;}

.campo{
	float:left;}

.linea{
	background-color:#c4c4c4;
	height:0.05em;
	width:10em;
	display:block;
	margin-bottom:2em;
	margin-top:2em;
	margin-left:-0.6em;
	}

.txt_contacto{
	float:left;
	color:#000;}

.mapa{
	width:100%;
	float:left;}

.icono_localizacion_peq{
	background-image:url(../imagenes/icono_localizacion_peq.png);
	background-repeat:no-repeat;
	padding-left:2em;
	height:2em;
	float:left;}

.icono_sobre{
	background-image:url(../imagenes/icono_sobre.png);
	background-repeat:no-repeat;
	padding-left:2em;
	height:2em;
	float:left;}

.icono_tlf{
	background-image:url(../imagenes/icono_tlf.png);
	background-repeat:no-repeat;
	padding-left:2em;
	height:2em;
	float:left;}


/* DISPOSITIVOS MÓVILES */


@media (max-width: 767px) {

	#cabecera {
		float: none;
		overflow: hidden;
		height: auto;
	}

	#cabecera_int {
		width: 100%;
		overflow: hidden;
	}

	h1 {
	    width: 150px;
		padding-top: 20px;
	}

	h1 img{
		width:100%;
	}

	.menu {
		width: auto;
		overflow: hidden;
		padding-bottom: 20px;
		margin-left: 30px;
		margin-top: 15px;
	}

	.menu img {
		display: inline;
		float: left;
	}

	#menu{
		width: auto;
		margin-left: 15px;
		display: none;
		float: left;
		border-left: 1px solid #fff;
		padding-left: 15px;
	}

	#menu {
		top: 0px;
	}

	#menu li {
		float: none;
		margin-left: 0px;
		text-align: left;
		margin-bottom: 5px;
	}

	#redes {
		width: 9em;
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		float: none;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}

	#redes img{
		width:20px;
	}

	#contenedor {
	    display: none;
	}

	#linea_negra{
		position: relative;
		overflow: hidden;
		width: 100%;
	}

	#garabato {
		width: 300px;
		height: 300px;
		padding-top: 80px;
		padding-left: 0px;
		margin-top: 1em;
		background-size: 300px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	#garabato p {
		width: 180px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 25px;
		font-size:10px;
	}

	.flecha_pie {
		display: none;
	}

	#contenido_sup {
		min-height: 100%;
		background: transparent url("../imagenes/bgMovil.jpg") no-repeat center center;
		background-size:100% 100%;
	}

	.demo-1 .sl-slider-wrapper {
		display:none;
	}

	.contenido {
		width: 100%;
	}

	#img_chori {
		margin-top: 0px;
	}

	.flecha_pie_int {
		width: 110px;
	}

	#pie{
		height:170px;
	}

	#pie_int {
		width: 100%;
		top: 85px;
	}

	#pie_int span.salto{
		display: block;
		color: #d32e12;
		height: 5px;	
	}

	#pie_int p {
		float: none;
		width: 100%;
		text-align: center;
		font-size: 11px;
	}

	#pie_int a {
		position:absolute;
		top: -5.5em;
		left: 0;
		right: 0;
		text-align: center;
	}

	.txt {
		padding: 0px 20px;
	}

	#imgs_trastoy {
		margin-top: 4em;
	}

	#imgs_trastoy li {
		display:none;
	}

	#imgs_trastoy li.primero{
		display:inline;
		width: 45%;
		margin-left: 0.78%;
	}

	#imgs_trastoy li.segundo{
		display:inline;
		width: 25.7%;
	}

	#imgs_trastoy li.tercero{
		display:inline;
		width: 26%;
	}

	#logos_bodegas {
		width: 290px;
		margin-top: 4em;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	#logos_bodegas li {
		width: 33%;
	}

	.contenido_contacto {
		width: 100% !important;
	}

	.titulos {
		font-size: 17px;
	}

	.txt_contacto.txt {
		padding: 0px;
		width: 280px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	#form_contacto.txt{
		padding:0px;
	}

	#form_contacto.txt {
		padding: 0px;
		width: 280px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	#mapa{
		position: relative;
		overflow: hidden;
	}

}


@media (min-width: 768px) and (max-width: 1023px) {

	#cabecera_int {
		width: 100%;
	}

	h1 {
	    width: 259px;
	}

	#menu li {
		margin-left: 30px;
	}

	.contenido {
		width: 100%;
	}

	#redes {
		width: 130px;
		margin-top: 32px;
		margin-right: 0px;
	}

	.flecha_pie_int {
	    width: 110px;
	}

	#pie_int {
		width: 730px;
	}

	#pie_int p {
		width: 700px;
		text-align: center;
	}

	#pie_int p a{
		color:#fff;
		top:0px;
	}

	#pie_int a {
		top: -1em;
	}

	.txt {
		padding: 0px 20px;
	}

	#logos_bodegas {
		width: 95%;
		margin-left: 25px;
	}

	#logos_bodegas li {
		width: 14%;
	}

	.contenido_contacto {
		width: 100% !important;
	}

	.txt_contacto.txt{
		padding:0px;
		margin-left:20px;
	}

	#form_contacto.txt{
		padding:0px;
		margin-right:20px;
	}

}


@media (min-width: 1024px) and (max-width: 1300px) {

	h1 {
		width: 259px;
	}

	#menu li {
		margin-left: 65px;
	}

	.contenido {
		width: 100%;
	}

	#redes {
		width: 130px;
		margin-top: 32px;
		margin-right: 0px;
	}

	#pie_int {
		width: 990px;
	}

	#pie_int p {
		width: 965px;
		font-size: 9px;
	}

	#pie_int p a{
		color:#fff;
		top:0px;
	}

	.txt {
		padding: 0px 20px;
	}

	.txt_contacto.txt{
		padding:0px;
	}

	#form_contacto.txt{
		padding:0px;
	}

}