/* general */
@font-face {
  font-family: 'reading';

  src: url('../fonts/ReadingRegular.eot');
  src: url('../fonts/ReadingRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/ReadingRegular.woff2') format('woff2'), url('../fonts/ReadingRegular.woff') format('woff'), url('../fonts/ReadingRegular.ttf') format('truetype'), url('../fonts/ReadingRegular.svg#ReadingRegular') format('svg');
}

@font-face {
  font-family: 'Philosopher';

  src: url('../fonts/Philosopher.eot');
  src: url('../fonts/Philosopher.eot?#iefix') format('embedded-opentype'), url('../fonts/Philosopher.woff2') format('woff2'), url('../fonts/Philosopher.woff') format('woff'), url('../fonts/Philosopher.ttf') format('truetype'), url('../fonts/Philosopher.svg#Philosopher') format('svg');
}

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
a{
	text-decoration:none;
	color:inherit;
}

body{
	font-family: Philosopher;
}

.ie7 body{
	overflow:hidden;
}
.clr{
	clear: both;
}

/* pagina - contenido */
#pagina{
	position: relative;
	text-align: left;
	margin:0 auto;
	width:100%;
}

	#banner_txt{
		float: left;
		width: 100%;
		display:none;
	}
		#txt_banner{
			float:left;
			width:100%;
			color: rgba(255, 128, 28, 1);
			font-family: reading;
			margin-top:50px;
			text-align: center;
			background: rgba(250, 250, 250, 0.7);
		}
			.banner_productos{
				float: left;
				width: 100%;
				font-size:3.2em;
			}
			.banner_jose{
				float: left;
				width: 100%;
				font-size:4.8em;
				top: -30px;
			}
		.disponible{
			color: green;
		}
		.disponible_2{
			color: yellow;
		}
		.disponible_3{
			color: red;
		}

/* para las cookies */
#cookies{
	position: fixed;
	bottom:-100%;
	width: 100%;
	height: 130px;
	z-index: 1000;
	border-top: 1px solid orange;
	background: rgba(50, 50, 50, 0.9);
	
	-moz-transition:all 2s ease;
	-ms-transition:all 2s ease;
	-o-transition:all 2s ease;
	transition:all 2s ease;
}
	#cookies:hover{
		border-top-color: white;
		background: rgba(10, 10, 10, 1);
	}
	#texto_cookies{
		float: left;
		width: 80%;
		margin-left: 10%;
		padding: 20px 0;
		text-align: center;
		font-weight: normal;
	}
	.info_cookies{
		float: left;
		font-size: 1.3em;
		color: rgba(220, 220, 220, 1);
	}
	.info_2_cookies{
		float: left;
		font-size: 1.1em;
		color: rgba(250, 250, 250, 1);
	}
	.mas_info_cookies{
		margin-left: 10px;
		color: rgba(176, 176, 176, 1);
	}
		.mas_info_cookies:hover{
			color: orange;
			cursor: pointer;
			text-decoration: underline;
		}
	#boton_cookies{
		float: left;
		width: 20%;
		margin-left: 40%;
		max-width: 250px;
	}
		.boton_de_cookies{
			float: left;
			outline: 0;
			border: 1px solid white;
			color: white;
			background: transparent;
			padding: 2px 20%;
			font-size: 1em;
			
			-moz-transition:all .5s ease;
			-ms-transition:all .5s ease;
			-o-transition:all .5s ease;
			transition:all .5s ease;
		}
			.boton_de_cookies:hover{
				background: orange;
				cursor: pointer;
			}
			
/* pie de página */
#pie_pagina{
	float:left;
	width:100%;
	padding-top:10px;
	background-color: rgba(20, 10, 10, 1);
	margin-top: 50px;
}
	#col_pie{
		float:left;
		width:46%;
		margin:0 1.5%;
	}
		#col_pie_inferior{
			float:left;
			width:98%;
			text-align: center;
			background: black;
			margin-top: 40px;
			padding: 10px 1%;
		}
		#pie_txt{
			width:98%;
			float:left;
			padding:4px 0 4px 10px;
			color: rgba(176, 176, 176, 1);
		}
			#pie_txt a:hover{
				color: rgba(255, 128, 28, 1);
			}
		.pie_txt_titulo{
			color: white !important;
			font-weight: bolder;
			text-decoration: underline;
			margin: 15px 0 5px 0;
		}
		.izquierda{
			text-align: left;
		}
		.derecha{
			text-align: right;
		}
	.link_pie{
		width:100%;
		float:left;
		padding:4px 0 4px 10px;
	}
	
textarea{
	resize:none;
}


/* Media Queries */
@media screen and (max-width: 1100px) {
	#texto_cookies{
		width: 96%;
		margin-left: 2%;
		padding: 10px 0;
	}
		.info_cookies{
			font-size: 1.6em;
		}
}

@media screen and (max-width: 900px) {
	#pie_pagina { font-size:.9em;}
}

@media screen and (max-width: 800px) {
	#columna_zona{ width:32% !important; }
}

@media screen and (max-width: 750px) {
    .info_cookies, .boton_de_cookies{
		font-size: 0.9em;
	}
	.info_2_cookies{
		font-size: 0.8em;
		margin: 20px 0;
	}
}

@media screen and (max-width: 700px) {
	#pie_pagina { font-size:.9em;}
	#logo_cabecera{margin-left:20px; margin-top:10px;}
}

@media screen and (max-width: 650px) {
	#col_pie{ width:90%;}
	.link_pie{width:48%; margin-bottom: 10px; padding: 0;}
	.derecha{ text-align: left;}
}

@media screen and (max-width: 600px) {
	#cookies{
		height: 190px;
		background: rgba(0, 0, 0, 1);
	}
}

@media screen and (max-width: 500px) {
	#banner_txt{ display: inline; }
	#pie_pagina { font-size:.9em;}
	#pie_txt{ width:90%;}
	#pie_copy{margin-left:10px;}
	#columna_zona{ width:49% !important; }
	.link_pie{width:98%;}
	#col_pie_inferior{width:100%;	padding: 10px 0;}
}

@media screen and (max-width: 400px) {
	#pie_img{ display:none;}
}