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

@media all and (max-width: 800px) {
body {
	width:100%!important;
	}
	#head {
		width:100%;
	}
	.centrador{
	width:100%;
	margin:auto;
}
	#head-contenido {
		width:100%;
	}
	#logo {
		padding:5px;
		width:45%;
	}
	#head-derecho {
		width:50%;
	}
	#banner-contenido {
		width:100%;
	}
	#banner-principal {
		background-image:none;
		margin-right:0px;
	}
	#banner-principal li {
		width:100%;
	}
	#banner-principal li img {
		width:100%;
	}
	#contacto-home {
		display:none;
	}
	#contenido {
		width:95%;
		margin:auto;
	}
	#balazo-inicio{
		background-image:none;
		padding:1%;
	}
	.balazo{
		border-bottom:none;
	}
	#menu {
		width:100%;
		display:none;
	}
	#menu ul {
		float:none;
	}
	#menu li {
		padding:0px;
		width:100%;
		border-bottom:1px dotted #069;
		text-align:center;
		background-color:#DFDFDF;
	}
	#menu li a {
		text-align:center;
		color:#666;
	}
	#menu li a:hover{
		background-color:#999;
		color:#FFF;
	}
	.seleccion{
		border-radius:0px!important;
	}
	#botonmenumovil {
display:block;
width:95%;
text-align:right;
padding:10px 0px;
}
#banner {
		width:100%!important;
		padding-top:0px;
	}
	
	.bx-wrapper .bx-loading {
	min-height: 100%;
}

.bx-wrapper .bx-prev {
	display:none;
}

.bx-wrapper .bx-next {
	display:none;
}

.bx-wrapper .bx-prev:hover {
	display:none;
}

.bx-wrapper .bx-next:hover {
	display:none;
	}
	#info-inicio {
		float:none;
		width:100%;
	}
	#info-derecho {
		float:none;
		margin:auto;
		width:90%;
	}
	#info-derecho ul {
		text-align:center;
	}
	#productoshome li {
		height:auto;
		width:31%;
	}
	#productoshome li img {
		width:100%;
	}
	#alianzas-izq {
		width:38%;
	}
	#alianzas-izq img {
		width:100%;
	}
	#alianzas-derecho {
		width:60%;
	}
	#iconos-inicio ul {
		text-align:center;
	}
	#pie1 {
		width:98%;
		padding-right:2%;
	}
	#pie2 {
		width:100%;
		margin:inherit;
		padding:10px 0px;
	}
	.pieinfo {
		margin-left:8px;
	}
	#contenido-quienes {
		width:100%;
	}
	#productos {
		margin-bottom:3%;
	}
	#productos li {
		width:47%;
		padding-left:0px;
	}
	.producto-foto, .producto-texto {
		width:100%;
	}
	.producto-foto img {
		width:100%;
	}
	#servicios-izquierdo {
		width:100%;
	}
	#servicios-izquierdo img {
		width:100%;
		height:auto;
	}
	#galeria-productos li {
		width:31%;
	}
	.banner1, .banner2, .banner3 {
		background-size:cover;
		min-height:inherit!important;
		width:100%;
	}
	#facebook, #twitter {
		display:none;
	}
	#formulario {
		float:none;
		margin:auto;
		width:70%;
		padding-bottom:8%;
	}

}
@media all and (max-width: 780px) {
#contenido{
	padding-top:2%;
}
	}
	@media all and (max-width: 763px) {
#galeria-productos li {
		width:29%;
	}
	}
	@media all and (max-width: 732px) {
	#logotipo {
	width:100%;
	background-image:none;
	background-color:#FFF;
	border-radius:0px 0px 10px 10px;
	padding:5%;
	}
		#logotipo img {
	width:100%;
	height:auto;
	}
		}
		@media all and (max-width: 723px) {
#alianzas-izq{
	display:none;
}
#alianzas-derecho{
	width:100%;
}
.balazo{
	width:95%;
	font-size:16px;
	}
	#alianzas{
		margin-top:0px;
	}
	}
	@media all and (max-width: 720px) {
		#pie2 {
		background-image:none;
		background-color:#610234;
		width:100%;
	}
	.doscolumnas {
		display:none;
	}
	.pieinfo {
		text-align:center;
		border-left:none;
		float:none;
		padding-left:0px;
		margin-right:0px;
	}
	}
	@media all and (max-width: 660px) {
#texto-centrado{
	width:70%;
	line-height:30px;
	}
		#productos li {
		width:100%;
	}
	.producto-foto {
		width:50%;
	}
	.producto-texto {
		width:48%;
	}
	}
	@media all and (max-width: 630px) {
#mision, #vision{
	float:none;
	width:97%;
	margin-bottom:3%;
	min-height:inherit;
	}
	#banner-quienes{
		padding:100px 291px 10px 10px;
	}
	#galeria-productos li {
		width:32%;
	}
	#head-izquierdo {
		margin-left:5%;
	}
	}
	@media all and (max-width: 623px) {
#galeria-productos li {
		width:45%;
	}
	#head-derecho{
		margin-right:3%;
	}
	.texto-banner {
		width:65%;
		padding-left:2%;
		padding-bottom:3%;
	}
	#productoshome li {
		width:48%;
	}
	#formulario {
		width:95%;
	}
	}
	@media all and (max-width: 560px) {
#nom img{
	width:100%;
	}
	#texto-centrado{
	width:80%;
	line-height:30px;
	}
	}
	@media all and (max-width: 521px) {
#banner-quienes{
	display:none;
	}
	}
	@media all and (max-width: 500px) {
			#productos li {
		width:100%;
	}
	.producto-foto, .producto-texto {
		width:100%;
	}
	}
	@media all and (max-width: 490px) {
#galeria-productos li {
		width:100%;
	}
	#head-derecho{
		width:60%;
	}
	#datos{
		font-size:15px;
	}
	#head-izquierdo{
		width:30%;
	}
	#logotipo{
		padding-top:20%;
	}
	.texto-banner {
		width:75%;
	}
	}