@media screen { /* Todas las resoluciones */

	body {
		padding-bottom: 10px;
	}

	.logo {
	  display: block;
	  float: left;
	  margin: 20px 0px;
	}

	.logo img {
	  max-width: 100%;
	}

	.datos-contacto-top {
		float: right;
		font-size: 14pt;
		padding: 40px 20px 0px 20px;
	}

	.datos-contacto-top .icon-phone {
		margin: 7px 8px;
	}

	.datos-contacto-top .icon-envelope-alt {
		margin: 7px 12px 7px 5px;
	}
	
	.datos-contacto-top .icon-facebook-sign {
		margin: 7px 12px 7px 5px;
	}

	#slides-home {
		position: relative;
	}

	.slide-home {
		position: relative;
		color: white;
	}

	.slide-home .slide-fondo-transparente {
		position: absolute;
		bottom: 0;
		right: 0;
		height: 100%;
		background: url(../img/opacity-40.png);
		width: 500px;
	}

	.slide-home .slide-contenido {
		position: absolute;
		bottom: 30px;
		right: 30px;
		width: 440px;
	}


	a.slidesjs-next.slidesjs-navigation {
		background: url("../img/slides-next.png") no-repeat scroll 0 0 transparent;
		display: block;
		text-indent: -10000px;
		overflow: hidden;
		position: absolute;
		top: 50%;
		right: 0;
		width: 40px;
		height: 40px;
		z-index: 100;
		opacity: .7;
	}

	a.slidesjs-previous.slidesjs-navigation {
		background: url("../img/slides-prev.png") no-repeat scroll 0 0 transparent;
		display: block;
		text-indent: -10000px;
		overflow: hidden;
		position: absolute;
		top: 50%;
		left: 0;
		width: 40px;
		height: 40px;
		z-index: 100;
		opacity: .7;
	}

	/* Barra de navegación */
	.navbar .navbar-inner {
	  padding: 0;
	}
	.navbar .nav {
	  margin: 0;
	  display: table;
	  width: 100%;
	}
	.navbar .nav li {
	  display: table-cell;
	  width: 1%;
	  float: none;
	}
	.navbar .nav li a {
	  font-weight: bold;
	  text-align: center;
	  border-left: 1px solid rgba(0,0,0,.3);
	  border-right: 1px solid rgba(0,0,0,.1);
	}
	.navbar .nav li:first-child a {
	  border-left: 0;
	  border-radius: 3px 0 0 3px;
	}
	.navbar .nav li:last-child a {
	  border-right: 0;
	  border-radius: 0 3px 3px 0;
	}

	/* Estilos genéricos */

	.spacer-vertical {
	  height: 20px;
	  font-size: .1px;
	}

	.foto-segunda-fila {
	  box-shadow: 0px 0px 8px rgba(0, 0, 0, .4);
	}

	.foto-segunda-fila p {
	  padding: 10px;
	  margin: 0px;
	}
	
	.bloque-seccioninterna {
		padding: 20px;
	}
	
	.elemento {
	  margin-bottom: 10px;
	}

	.padder-elemento {
	  padding: 10px;
	}

	.fondo-pie {
		position: relative;
	}
	
	.pie {
	  position: relative;
	  padding-bottom: 30px;
	}

	.logo-pie {
	  padding: 20px;
	}

	.links-pie ul {
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}

	.links-pie ul li {
	  margin: 0;
	  padding: 0;
	}
	.links-pie a {
	  font-size: .9em;
	  padding: 5px 0px;
	  color: #444;
	}

	.firma-quadra {
	  position: absolute;
	  right: 0px;
	  bottom: 0px;
	}
	
	.fotos-seccion-interna {
		padding: 20px;
	}
	
	.foto-seccion-interna-thumb {
		float: left;
		margin: 0 2% 2% 2%;
		width: 46%;
	}
	
	.foto-seccion-interna-thumb img {
		width: 100%;
	}
				
	.foto-galeria-thumb {
		float: left;
		margin: 0 1% 1% 1%;
		width: 23%;
	}
	
	.foto-galeria-thumb img {
		width: 100%;
	}

	/* Contacto */
	
	.parsley-error-list {
		list-style: none;
		margin: 0px;
		padding: 0px;
		float: left;
	}
	
	.parsley-error-list li {
		background: #a44;
		color: white;
		padding: 4px 7px;
		margin-bottom: 6px;
		border-radius: 3px;
	}
	
	/* Flexible iFrame */

	.iframe-flexible {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}

	.iframe-flexible iframe,   
	.iframe-flexible object,  
	.iframe-flexible embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.contiene-mapa {
		padding: 20px 20px 20px 0px;
		/*width: 36%;
		float: left;*/
	}
	
	.borde-mapa {
		border: 5px solid white;
		box-shadow: 0px 0px 10px rgba(0,0,0,.4);
		border-radius: 5px;
		
	}
	
	.contiene-contacto {
		padding: 20px 0px 20px 20px;
		/*
		padding: 30px;
		margin: 30px;
		background: #eee;
		border: 1px solid #ccc;
		*/
	}
	
	.form-contacto {
		
	}
	
	#form-contacto input {
		padding: 2%;
		width: 96%;
	}
	
	#form-contacto textarea {
		padding: 2%;
		width: 96%;
		height: 4em;
		resize: none;
	}
	
	.pad20top {
		padding-top: 20px;
	}
	
	/* Catálogo */
	
	.padder-catalogo {
		background: #eee;
		padding: 20px;
	}
	
	.categorias-fondo {
		background: #FFEEDD;
	}
	
	ul.categorias-catalogo {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}

	ul.categorias-catalogo li a {
		display: block;
		padding: 5px 10px 5px 25px;
		background: url(../img/chevron_icon.png) 10px 10px no-repeat;
		text-decoration: none;
	}
	
	ul.categorias-catalogo li a:hover {
		background-color: white;
		color: #7A0A1C;
	}
	
	.elemento-catalogo {
		margin-bottom: 20px;
		position: relative;
	}
	
	.elemento-catalogo .foto-ampliar {
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: black;
		opacity: 0;
		cursor: pointer;
	}
	
	.elemento-catalogo .foto-ampliar p {
		text-align: center;
		margin: 25% auto;
		color: white;
	}
	
	.elemento-catalogo h4 {
		line-height: .95;
	}
	
	.elemento-catalogo .padder-elemento {
		padding: 10px 10px 40px 10px;
		position: relative;
	}
	
	.elemento-catalogo .descripcion-producto {
		height: 50px;
	}
	
	.elemento-catalogo .padder-elemento a.btn {
		position: absolute;
		bottom: 10px;
		right: 10px;
	}
	
	.form-producto-detalle {
		margin: 10px 0;
		padding: 10px 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	
	.form-producto-detalle .form-desplegable {
		display: none;
	}
	
	.form-producto-detalle .titulo-desplegable {
		cursor: pointer;
	}

	.form-producto-detalle input, .form-producto-detalle textarea {
		width: 96%;
	}
	
	.foto-elemento-catalogo {
		position: relative;
	}
	
	.foto-elemento-catalogo .precio-elemento-catalogo {
		position: absolute;
		right: 0px;
		bottom: 20px;
		background: #FFDDAA;
		padding: 10px;
		font-size: 14pt;
		font-weight: bold;
	}
	
	.fondo-paginador {
		margin-bottom: 10px;
	}
	
	.fondo-paginador .input-append {
		margin-bottom: 0px;
	}
	
	.fondo-paginador .botones-paginador {
		float: right;
	}
	
	.con-sombra {
		position: relative;
		z-index: 5;
	}
	
	.con-sombra .sombra-izquierda {
		position: absolute;
		left: -20px;
		top: 200px;
		width: 40px;
		height: 200px;
		z-index: -1;
		background: url(../img/sombra-generica.png) no-repeat;
	}
	
	.con-sombra .sombra-derecha {
		position: absolute;
		right: -20px;
		top: 200px;
		width: 40px;
		height: 200px;
		z-index: -1;
		background: url(../img/sombra-generica.png) no-repeat;
	}
	
}

/* ======================================================================================
	RESPONSIVE
   ======================================================================================  */

/* Menor a 960 */
@media only screen and (max-width: 959px) {	

	/* Barra de navegación */
	.navbar .navbar-inner {
	  padding: 0;
	}
	.navbar .nav {
	  margin: 0;
	  display: block;
	  width: 100%;
	}
	.navbar .nav li {
	  display: block;
	  width: 100%;
	  float: none;
	}
	.navbar .nav li a {
	  font-weight: bold;
	  text-align: left;
	  border-left: none;
	  border-right: none;
	}
	.navbar .nav li:first-child a {
	  border-left: 0;
	  border-radius: 0;
	}
	.navbar .nav li:last-child a {
	  border-right: 0;
	  border-radius: 0;
	}

}

/* Tablets en modo apaisado, hasta 960px (desktop) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	.fondo-paginador .botones-paginador {
		float: none;
		display: block;
		width: 100%;
	}
	
	.fondo-paginador .botones-paginador {
		float: none;
		display: block;
		width: 100%;
	}

}

/* Todos los que van de 0 a 767 px (tablet en modo vertical) */
@media only screen and (max-width: 767px) {
	.padder-general {
		padding: 20px;
	}
	.fondo-pie {
		padding: 20px;
	}
	.contiene-contacto {
		padding: 20px;
	}
	.contiene-mapa {
		padding: 20px;
	}
	
	.elemento-catalogo .padder-elemento {
		padding: 10px 10px 40px 10px;
		height: auto;
		position: relative;
	}
	
	.fondo-paginador .botones-paginador {
		float: none;
		display: block;
		width: 100%;
		margin-top: 10px;
	}
	
	.foto-galeria-thumb {
		float: left;
		margin: 0 2% 2% 2%;
		width: 46%;
	}	

}

/* De celular apaisado (480px) a tablet vertical (767px) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.datos-contacto-top {
		float: left;
		font-size: 14pt;
		padding: 20px 0px;
	}


	.logo-pie {
		padding: 20px 0px;
	}
	
}

/* Hasta 480px (celular vertical) */
@media only screen and (max-width: 479px) {

	.logo {
	  display: block;
	  float: none;
	  margin: 10px 0px;
	}


	.datos-contacto-top {
		float: left;
		font-size: 14pt;
		padding: 20px 0px;
	}

	.logo-pie {
		padding: 20px 0px;
	}

}