/* CSS Document */
/* Diseño móvil: 480 px e inferior. */
h1, h2, h3, h4 {
	font-family: 'Bebas Neue', cursive;
}
@media only screen and (max-width: 480px) {
	.reticula{
		width: 100%;
		margin: auto;
	}
	.banner{
		width: 100%;
		margin: auto;
	}
	.banner h1{
		font-size: 32px;
	}
	.lista_registros{
		width: 100%; height: auto; float: left;
		margin: auto; margin-top: 5px; margin-bottom: 5px; margin-left: 0%; margin-right: 0%;
		border-radius: 10px;
		padding: 3%;
		background-color: #ededed;
	}
	.lista_registros img{
		width: 30%;
		float: left;
	}
	.lista_registros p{
		width: 65%;
		float: left;
		padding: 1% 0 0 2%;
		font-family: 'Bebas Neue', cursive; font-size: 28px;
	}
	.cuerpo-prod{
		background: url( "../productos/img/1080w/back_head.jpg") no-repeat top center fixed; background-size: auto 50%;
	}
	.cuerpo{
		width: 100%;
		margin: auto;
		padding-top: 50%; padding-bottom: 70px;
	}
	.col50{
		width: 100%; float: left;
		margin: 0%;
	}
}
/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 481px) {
	.reticula{
		width: 100%;
		margin: auto;
	}
	.banner{
		width: 100%;
		margin: auto;
	}
	.banner h1{
		font-size: 32px;
	}
	.lista_registros{
		width: 100%; height: auto; float: left;
		margin: auto; margin-top: 5px; margin-bottom: 5px; margin-left: 0%; margin-right: 0%;
		border-radius: 10px;
		padding: 3%;
		background-color: #ededed;
		
	}
	.lista_registros img{
		width: 30%;
		float: left;
	}
	.lista_registros p{
		width: 65%;
		float: left;
		padding: 1% 0 0 2%;
		font-family: 'Bebas Neue', cursive; font-size: 28px;
	}
	.cuerpo-prod{
		background: url( "../productos/img/1080w/back_head.jpg") no-repeat top center fixed; background-size: auto 50%;
	}
	.cuerpo{
		width: 100%;
		margin: auto;
		padding-top: 50%; padding-bottom: 70px;
	}
	.col50{
		width: 100%; float: left;
		margin: 0%;
	}
}
/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 769px) {

	.reticula{
		width: 70%;
		margin: auto;
	}
	.banner{
		width: 100%;
		margin: auto;
	}
	.banner h1{
		font-size: 32px;
	}
	.lista_registros{
		width: 32%; height: 150px; float: left;
		margin: auto; margin-top: 5px; margin-bottom: 5px; margin-left: 0.5%; margin-right: 0.5%;
		border-radius: 10px;
		padding: 1%;
		background-color: #ededed;
	}
	.lista_registros img{
		width: 40%;
		float: left;
	}
	.lista_registros p{
		width: 55%;
		float: left;
		padding: 1% 0 0 2%;
		font-family: 'Bebas Neue', cursive; font-size: 24px;
	}
	.cuerpo-prod{
		background: url( "../productos/img/1080w/back_head.jpg") no-repeat top center fixed; background-size: 100% auto;
	}
	.cuerpo{
		width: 100%;
		margin: auto;
		padding-top: 20%; padding-bottom: 70px;
	}
	.col50{
		width: 45%; float: left;
		margin: 2.5%;
	}

body{
	margin: 0px;
	padding: 0px;
	background-color: rgba(0,113,188,1.00);
	font-family: 'Oswald', sans-serif;
}
.contenido{
	width: 100%; min-height: 620px;
	margin: auto;
	text-align: center;background: url(../img/cono-luz.png) top no-repeat;
}
.head{
	width: 100%;
	min-height: 190px;
	margin: auto;
	text-align: center;
}
.salto{
	clear: both;
}
.columna-central{
	width: 50%;
	margin: auto;
	text-align: center;
}
h2{
	font-size: 20px;
	padding: 3%;
}
.footer{
	width: 100%;
	margin: auto;
	background: url(../img/base-footer.png) top repeat-x;
}
.footer-contenido{
	width: 100%; min-height: 250px;
	background: url(../img/back-footer.png) top no-repeat;
	padding: 20px 0 0 0;
}
.base-cinta{
	width: 100%; height: 60px;
	margin: auto;
	background: url( ../img/cinta.png) left    !important;
}
.renglon{
	width: 100%; min-height: 10px;
}
.columna-mitad{
	width: 49%;
	float: left;
}
.columna-preload{
	width: 270px;
	margin: auto;
	text-align: center;
}
.float-right{
	float: right;
}
.float-left{
	float: left;
}
.text_right{
	text-align: right;
}
.cursiva{
	font-family: 'Indie Flower', cursive;
}
.text-white{
	color: white;
}
}