@media screen and (max-device-width: 500px) { /*CELULAR EN POSICIÓN VERTICAL*/

	
	#WEBbody_centrado{
	    min-width: 100% !important;
	    display: inline-block;
	    vertical-align: top;
	    padding-top: 15%;	    
	}
	/*=============== menu ===============*/

	#pagWeb #WEBmenu img{
		display: none;
	}
	#menu_movile{
		background-color: #17468F;
    	display: block;
	    color: white;
	    padding: 5% 0px 30px 50px;
	    text-align: left;
	    width: 100%;
	    position: fixed;
	    top:0;
	    z-index: 77;
	}
	#pagWeb #WEBmenu{
		background-color: #17468F;
		width: 100%;
		position: fixed;
		display: table;
		height: auto;
    	top: -600px;
    	opacity:0;
		-webkit-transition: all 700ms ease-out;
	}
	#pagWeb #WEBmenu ul{
		border:0px solid pink;
		width: 90%;
		padding-bottom: 35px;
		padding-top: 130px;

	}
	#pagWeb #WEBmenu ul li{
		border-bottom: 1px solid rgb(117, 117, 117);
		border-radius: 0;
		width: 94%;
		height: 60px;
		padding: 25px;
	    color: white;
	    font-size: 3em;
	    box-shadow: none;
	}
	
	/*=============== quienes somos ===============*/
	#quienessomos{
		border: solid 0px pink;
    	width: 100%;
    	padding: 0px !important;
    	margin-top: 10%;
    	display: inline-block;
	}
	#logoinigma{
		display: block;
		display: block !important;
	    width: 100%;
	    margin: 10% auto;
	}
	#qs_logo img{
		margin: 0 auto;
		border: solid 0px red;
		width: 45%;
	}
	.items_qs{
		width: 100%;
		margin-left: 0 !important;
	}
	.items_qs li{
		width: 45% !important;
		height: auto !important;
		font-size: 4em !important;
		padding: 20px !important;
	}
	.lchica{
		font-size: 45px !important;
	}
	.items_qs img{
		width: auto !important;
		height: 250px !important;
	}
	#altomovil{
		line-height: .8em;
	}
	#intro{
		position: inherit !important;
	    display: inline-block;
	    margin: 20% auto;
	    width: 80% !important;
	    font-size: 2.8em !important;
	}
	#nominai{
		margin-top:0 !important;
		width: 100% !important;
	}

/*============================================= SERVICIOS =============================================*/
	#tituloServicios{
		width: 90%;
		margin: 0 auto;
	}
	.servicios{
		width: 80% !important;
	}
	.servicios li{
		margin-left: 30px !important;
	}
	.servicios #titulo, .servicios #contenido{
    	font-size: 3em !important;
    	height: inherit !important;
	}
	.servicios #contenido{
		margin-bottom: 80px;
	}
	.servicios #imagen{
	    height: 300px !important;
	    width: 300px !important;
	    border-radius: 160px !important;
	    margin: 15px auto !important;
	}
	.servicios #imagen img {
	    max-height: inherit !important;
	    max-width: inherit !important;
	    margin-top: 20% !important;
	}
/*============================================= ESTRATEGIA =============================================*/
	#titulo_estartegia{
		width: 100% !important;
		margin-bottom: 15% !important;
	}
	.estrategia{
		margin-bottom: 15% !important;
		width: 90%;

	}
	.estrategia li{
		display: inherit !important;
		margin: 0 auto !important;
	}
	.estrategia b{
		margin-left: -5% !important;
	}
	.estrategia #contenido{
		width: 100% !important;
		font-size: 2.5em !important;
		text-align: left !important;
		padding-left: 
	}
	.estrategia #imagen {
	    width: inherit !important;
	    height: inherit !important;
	    text-align: center;
	    border-left: 0 !important;
	}
	.estrategia #imagen img{
		max-height: inherit !important;
	    max-width: inherit !important;
	    width: 50% !important;
	}
/*============================================= BENEFICIOS =============================================*/
	.titulo_beneficios{
		width: 100% !important;
		margin-bottom: 15% !important;
	}
	.beneficios{
		margin-bottom: 15% !important;
		width: 90%;

	}
	.beneficios li{
		display: inherit !important;
		margin: 0 auto !important;
	}
	.beneficios b{
		margin-left: -5% !important;
	}
	.beneficios #contenido{
		width: 100% !important;
		font-size: 2.5em !important;
		text-align: left !important;
		padding-left: 
	}
	.beneficios #imagen {
	    width: inherit !important;
	    height: inherit !important;
	    text-align: center;
	    border-right: 0 !important;
	}
	.beneficios #imagen img{
		max-height: inherit !important;
	    max-width: inherit !important;
	    width: 50% !important;
	}


/*============================================= LOGIN =============================================*/
	#login{
    	margin-top: 35% !important;
    	width: 80% !important;
    	font-size: 3em !important;
	}
	#login label{
		float: left !important;
		padding-left: 5%;
	}
	#login input{
		font-size: 0.8em !important;
		padding: 20px !important;
		height: initial !important;
	}	
	#login input[type='text'],input[type='password']{
		width: 80% !important;
	}

}/* fin @media screen  */



@media screen and (min-device-width : 501px) and (max-device-width : 1300px){/*CELULAR EN POSICIÓN HORIZONTAL*/
	
	#menu_movile{
	    padding: 10PX 0px 8px 50px;
	}
	
}