@charset "utf-8";
/* CSS Document */

@import'reset.css';
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);



/*monitores*/

body{
	width:100%;
	color:#3d3d3d;
	font-size:100%;
	font-family: 'Droid Serif', serif;
	background-image:url(../../imagenes/bgnds/principal.gif);
}

.cabecera{
	width:100%;
	height:100px;
	z-index:1000;
	position:fixed;
	background-repeat:repeat-x;
	background-position:bottom left;
	background-image:url(../../imagenes/bgnds/cabecera.png);
}

.logo{
	float:left;
	width:250px;
	height:87px;
	margin-left:5%;
	background-size:75%;
	background-repeat:no-repeat;
	background-position:left center;
	background-image:url(../../imagenes/general/logo.png);
}

ul.menu{float:left; margin-top:24px;}
ul.menu li{float:left; margin-left:10px;}
ul.menu li a{
	display:block;
	padding:10px;
	color:#ffffff;
}

.redes_sociales{
	border:solid 1px #ffffff;
	padding:11px 14px;
	float:right;
	margin-right:5%;
	margin-top:23px;
}
.redes_sociales a{
	color:#FFF;
	font-size:14px;
}


/*primera seccion*/
.primera_seccion{
	width:100%;
	height:100%;
	padding:17% 5% 16% 5%;
	background-size:cover;
	background-position:bottom right;
	background:url(../../imagenes/bgnds/inicio.jpg) top right no-repeat;
}

.primera_seccion h1{
	display:block;
	margin:0 auto;
	color:#ffffff;
	font-size:550%;
	text-align:center;
	font-weight:700;
	line-height:1em;
}

.primera_seccion hr{
	width:30%;
	border-color:#FFFFFF; 
	border-width:1px;
	margin:0 auto;
	margin-bottom:70px;
	margin-top:50px;
	opacity:.5;
}

.primera_seccion p{
	color:#FFFFFF;
	text-align:center;
	font-size:27px;
	line-height:1.5em;
}

/*segunda seccion*/
.segunda_seccion{
	padding:12% 5% 5% 5%;
	height:580px;
	text-align:center;
}

.segunda_seccion h1{
	text-align:center;
	font-size:280%;
	line-height:1em;
	font-weight:700;
}

.segunda_seccion h2{
		font-size:180%;
	}
.segunda_seccion h3{
	color:#b06c3d;
	font-style:italic;
	margin:30px 0;
	font-size:160%;
	clear:both;
}
.segunda_seccion h4{
	text-align:center;
	text-transform:uppercase;
	font-size:16px;
	color:#b06c3d;
	margin-top:15px;
	margin-bottom:20px;
}

.segunda_seccion p{
	text-align:center;
	line-height:2em;
	margin-bottom:30px;
	font-size:14px;
}
.dato_chef{
	height:124px;
	margin:0 auto;
	text-align:center;
	margin-top:20px;
	background-position:center center;
	background-repeat:no-repeat;
	/*background-size:100%;*/
	background-image:url(../../imagenes/general/chef.png);
}


.columna_uno{
	float:left;
	width:49%;
}
.columna_dos{
	float:right;
	width:49%;
	margin-bottom:30px;
}
	.columna_dos img{width:95%; height:auto;}


/*tercer seccion - PRODUCTOS*/
  .tercer_seccion{
	  clear:both;
	  padding:12% 0 5% 0;
	  height:580px;
	  background:url(../../imagenes/bgnds/productos.jpg) top center no-repeat;
	  background-size:cover;
	}
	.tercer_seccion .muestra_productos{
		margin:0 auto;
		width:90%;
		background-image:url(../../imagenes/bgnds/principal.gif);
		/*height:350px;*/
	}
	
/*cuarta seccion - GALERIA*/
  .cuarta_seccion{
	  padding:12% 5% 5% 5%;
	  color:#393939;
  }
  .cuarta_seccion h1{
		color:#393939;
		font-size:280%;
		font-weight:700;
		line-height:1em;
		margin-bottom:30px;
	}
  .columna_vertical{
	  width:22%;
	  float:left;
	  margin-right:28px;
	  margin-bottom:12px;
  }
  .columna_vertical .cuarta{margin-right:0px;}
  .columna_vertical img{
	  border:solid 8px #FFFFFF;
	  margin-bottom:14px;
	  width:100%;
	  height:auto;
	  box-shadow:0px 4px 6px #AAAAAA;
  }
	
/*quinta seccion - CONTACTO*/
  .quinta_seccion{
	  clear:both;
	  padding:12% 5%;
	 /* height:580px;*/
	 background-size:cover;
	  background:url(../../imagenes/bgnds/contacto.jpg) top center no-repeat;
	}
	.quinta_seccion .contacto{
		background-color:#e1e5ca;
		padding:2%;
		width:40%;
	}
	.contacto .datos{
		background-color:#FFFFFF;
		border:2px dashed #b2b2b2;
		padding:5% 3.5%;
	}
	.contacto h1{
		font-size:180%;
		line-height:1em;
		font-weight:700;
		color:#393939;
	}
	.contacto h4{
		text-transform:uppercase;
		font-size:16px;
		color:#b06c3d;
		margin-top:15px;
		margin-bottom:20px;
	}
	.contacto p{
		line-height:1.7em;
		font-size:18px;
	}
	.contacto ul{
		margin-top:20px;
		margin-left:10px;
		font-size:16px;
		color:#555555;
	}
	.contacto ul li{
		padding:2px;
	}


/* Smartphones (landscape) ----------- */
@media only screen and (max-width: 480px) {
	.cabecera{
		height:70px;
	}
	.logo{
		width:100%;
		float:left;
		margin-left:0;
		margin:0 auto;
		height:57px;
		background-size:65%;
		background-position:center center;
		background-image:url(../../imagenes/general/logo_largo.png)
	}
	
	ul.menu{display:none;}
	
	.redes_sociales{display:none;}
	
	.primera_seccion{padding:24% 5% 16% 5%;}
	
	.primera_seccion h1{font-size:300%;}
	
	.primera_seccion hr{margin-bottom:50px;}
	
	.primera_seccion p{font-size:18px;}
	
	.columna_uno{clear:both; width:100%;}
	
	.columna_dos{display:none;}
	
	.columna_dos{display:none;}
	
	.cuarta_seccion{padding:24% 5% 5% 5%;}
	
	.columna_vertical{  width:80%; margin-left:10%; margin-bottom:12px;}
	.columna_vertical .primera{float:none;}
	.columna_vertical .segunda{float:none;}
	.columna_vertical .tercera{float:none;}
	.columna_vertical .cuarta{float:none;}
	
	.quinta_seccion{padding:15% 5%;}
	
	.quinta_seccion .contacto{width:90%; padding:3%;}
	
	.contacto .datos{padding:5% 3.5%;}
	.contacto p,
	.contacto ul li{font-size:14px;}
}



@media only screen and (min-width: 481px) and (max-width: 980px) {
	.cabecera{height:70px;}
	
	.logo{
		width:250px;
		float:left;
		height:70px;
		background-size:100%;
		background-image:url(../../imagenes/general/logo_largo.png)
	}
	
	ul.menu{display:none;}
	
	.redes_sociales{margin-top:10px;}
	
	.primera_seccion h1{font-size:370%;}
	
	.primera_seccion hr{margin-bottom:60px;}
	
	.primera_seccion p{font-size:20px;}
	
	.columna_uno{clear:both; width:100%;}
	
	.columna_dos{display:none;}
	
	.segunda_seccion{padding:16% 5% 0 5%;}
	
	.columna_vertical{width:42%;}
	.columna_vertical .primera{float:left;}
	.columna_vertical .segunda{float:right;}
	.columna_vertical .tercera{float:left; clear:left}
	.columna_vertical .cuarta{float:right; }
	
	.quinta_seccion{padding:15% 5%;}
	
	.quinta_seccion .contacto{width:65%; padding:3%;}
	
	.contacto .datos{padding:5% 3.5%;}
}