/*=============================================
PANTALLA DE ESCRITORIO GRANDE - LARGE (lg) - revisamos en portatil o pc
=============================================*/

@media(min-width:1200px){

	.col-lg-12{width:100%;}
	.col-lg-11{width:91.66666667%;}
	.col-lg-10{width:83.33333333%;}
	.col-lg-9{width:75%;}
	.col-lg-8{width:66.66666667%;}
	.col-lg-7{width:58.33333333%;}
	.col-lg-6{width:50%;}
	.col-lg-5{width:41.66666667%;}
	.col-lg-4{width: 33.33333333%;}
	.col-lg-3{width: 25%;}
	.col-lg-2 {width: 16.66666667%;}
	.col-lg-1 {width: 8.33333333%;}
    #nosotros div img{padding-top: 10px;}

}

/*=============================================
PANTALLA DE ESCRITORIO MEDIANO - MEDIUM (md) - revisamos en tablet horizontal 1024px
=============================================*/

@media(max-width:1199px) and (min-width:992px){

	.col-md-12{width:100%;}
	.col-md-11{width:91.66666667%;}
	.col-md-10{width:83.33333333%;}
	.col-md-9{width:75%;}
	.col-md-8{width:66.66666667%;}
	.col-md-7{width:58.33333333%;}
	.col-md-6{width:50%;}
	.col-md-5{width:41.66666667%;}
	.col-md-4{width: 33.33333333%;}
	.col-md-3{width: 25%;}
	.col-md-2{width: 16.66666667%;}
	.col-md-1{width: 8.33333333%;}

}

/*=============================================
PANTALLA DE TABLET - SMALL (sm) - revisamos en tablet vertical 768px
=============================================*/

@media(max-width:991px) and (min-width:768px){

	.col-sm-12{width:100%;}
	.col-sm-11{width:91.66666667%;}
	.col-sm-10{width:83.33333333%;}
	.col-sm-9{width:75%;}
	.col-sm-8{width:66.66666667%;}
	.col-sm-7{width:58.33333333%;}
	.col-sm-6{width:50%;}
	.col-sm-5{width:41.66666667%;}
	.col-sm-4{width: 33.33333333%;}
	.col-sm-3{width: 25%;}
	.col-sm-2{width: 16.66666667%;}
	.col-sm-1{width: 8.33333333%;display: none;}
    #menuMovil{left: 0px;}
    header{display: none;}
    #inicio{height:100px;}
    #inicio img{height: 100px;}
    
    #nosotros div img{background: blue;}
    #valores{height: 580px;}
    #valores div img{width: 100%;height: auto;}
    #valores article{display: block;width: 100%;
    transition: height .5s;
    background: yellow;
    height: 100px;}
    /*checked valor1*/
    input#bloque1:checked ~ #cont1{height: 60%;width: 100%;}
    input#bloque1:checked ~ #cont2{height: 10%;width: 100%;}
    input#bloque1:checked ~ #cont3{height: 10%;width: 100%;}
    input#bloque1:checked ~ #cont4{height: 10%;width: 100%;}
    /*checked valor2*/
    input#bloque2:checked ~ #cont1{height: 10%;width: 100%;}
    input#bloque2:checked ~ #cont2{height: 60%;width: 100%;}
    input#bloque2:checked ~ #cont3{height: 10%;width: 100%;}
    input#bloque2:checked ~ #cont4{height: 10%;width: 100%;}
    /*checked valor3*/
    input#bloque3:checked ~ #cont1{height: 10%;width: 100%;}
    input#bloque3:checked ~ #cont2{height: 10%;width: 100%;}
    input#bloque3:checked ~ #cont3{height: 60%;width: 100%;}
    input#bloque3:checked ~ #cont4{height: 10%;width: 100%;}
    /*checked valor4*/
    input#bloque4:checked ~ #cont1{height: 10%;width: 100%;}
    input#bloque4:checked ~ #cont2{height: 10%;width: 100%;}
    input#bloque4:checked ~ #cont3{height: 10%;width: 100%;}
    input#bloque4:checked ~ #cont4{height: 60%;width: 100%;}
}

/*=============================================
PANTALLA DE PHONES - EXTRA SMALL (xs) - revisamos en movil horizontal 480px o vertical 320px
=============================================*/

@media(max-width:767px){

    h3{font: lighter 10px Verdana;}
    h2{font: lighter 10px Verdana;}
    h1{font: lighter 10px Verdana;}
	.col-xs-12{width:100%;}
	.col-xs-11{width:91.66666667%;}
	.col-xs-10{width:83.33333333%;}
	.col-xs-9{width:75%;}
	.col-xs-8{width:66.66666667%;}
	.col-xs-7{width:58.33333333%;}
	.col-xs-6{width:50%;}
	.col-xs-5{width:41.66666667%;}
	.col-xs-4{width: 33.33333333%;}
	.col-xs-3{width: 25%;}
	.col-xs-2{width: 16.66666667%;}
	.col-xs-1{width: 8.33333333%;display: none;}
    #menuMovil{left: 0px;}
    header{display: none;}
    #inicio{height:100px;padding-top: 70px;}
    #inicio img{height: 100px;width: 60%;}
    .slider{height: 100px;}
    .slider h2{height: 15%;padding: 0px;}
    .slider p{font: bold 7px Verdana;height: 85%;}
    .slider a{font: bold 10px Verdana;}
    
    #nosotros{padding-left: 5px;padding-right: 5px;}
    #nosotros div{padding: 0px;}
    #nosotros div h3{padding-left: 5px;}
    #nosotros div h2{padding: 0px 5px 0px 5px;}
    #nosotros div img{height: 200px;padding-top: 30px;padding-bottom: 20px;}
    
    #valores{height: 580px;}
    #valores div{height: 200px;}
    #valores div img{width: 100%;height: auto;padding-top: 0px;}
    #valores article{display: block;width: 100%;
    transition: height .5s;
    height: 100px;}
    /*checked valor1*/
    input#bloque1:checked ~ #cont1{height: 60%;width: 100%;}
    input#bloque1:checked ~ #cont2{height: 10%;width: 100%;}
    input#bloque1:checked ~ #cont3{height: 10%;width: 100%;}
    input#bloque1:checked ~ #cont4{height: 10%;width: 100%;}
    /*checked valor2*/
    input#bloque2:checked ~ #cont1{height: 10%;width: 100%;}
    input#bloque2:checked ~ #cont2{height: 60%;width: 100%;}
    input#bloque2:checked ~ #cont3{height: 10%;width: 100%;}
    input#bloque2:checked ~ #cont4{height: 10%;width: 100%;}
    /*checked valor3*/
    input#bloque3:checked ~ #cont1{height: 10%;width: 100%;}
    input#bloque3:checked ~ #cont2{height: 10%;width: 100%;}
    input#bloque3:checked ~ #cont3{height: 60%;width: 100%;}
    input#bloque3:checked ~ #cont4{height: 10%;width: 100%;}
    /*checked valor4*/
    input#bloque4:checked ~ #cont1{height: 10%;width: 100%;}
    input#bloque4:checked ~ #cont2{height: 10%;width: 100%;}
    input#bloque4:checked ~ #cont3{height: 10%;width: 100%;}
    input#bloque4:checked ~ #cont4{height: 67%;width: 100%;}
    
    #servicios{padding: 10px 5px 5px 5px;}
    #servicios div{padding: 0px;}
    #servicios section article#textservicios{display: none;}
    
    #galeria{height: 350px;}
    #galeria ul{height: 300px;padding-top: 20px;}
    #galeria ul li{height: 50px;}
    #galeria ul li label img{height: 40px;}

}