/*-----------------------MERCADO DE PÁGINAS-2017-RESPONSIVE DESIGN 100%--------------------------------------
-------------------------------------------LIMA-PERÚ-------------------------------------------------------
------------------------------------------VERSIÓN-1.0-----------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
-----------------------------ACCIONES PARA EJECUTAR AL DETECTAR LA PANTALLA A MENOS DE 850px----------------
------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){
    .avatar{
        width:100%;
        }
        
    .logo{
        float:none;
        
	width:350px;
    }
    
.centro{
    width:59%;
}

.derecha{
    width:39%;
}

}


@media screen and (max-width:850px){
nav ul li{
	width: 20%
}
header{
	display:block;
	width:auto;
}



#articulos article{
   /* width:45%;*/
	height:auto;
}
/*#articulos article img{
	width:400px;
	height:400px;
}*/

#container2 label {
 width:20%;
 height:30px;
}

.slider img{
width: 99%;
height:350px;}

.idiv{
    width:45%;
}

#articuloss div img{
	width:50%;
	padding-top:50px;
	padding-bottom:50px;
	float:left;
	height:auto;
}

.titulops{
    font-size:30px;
}



.tituloserv{
    font-size:30px;
}

.textoserv{
    font-size:50px;
}

.descserv{
    font-size:16px;
}

.vista{
    width:99%;
    float:left;
}

.tvista{
    width:99%;
        display: inline-block;
}

}



/*----------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
-----------------------------ACCIONES PARA EJECUTAR AL DETECTAR LA PANTALLA A MENOS DE 750px----------------
------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:750px){
nav ul li{
	width: 25%
}
header{
	display:block;
	width:auto;
}

		

.imagenn{
	display:block;
	margin:0 auto 0 auto;
	width: 80%;
}


#articulos article{
   /* width:100%;*/
	height:auto;
}/*
#articulos article img{
	width:350px;
	height:350px;
}*/
#container2 label {
 width:20%;
 height:25px;
}


.slider img{
width: 99%;
height:250px;}

.idiv{
    width:95%;
}

#articuloss div img{
	width:80%;
	padding-top:100px;
	padding-bottom:100px;
	float:left;
	height:auto;
}

.formc{
	width:100%;
	}
	
.formc2{
	width:100%;
	}
	
.titulops{
    font-size:20px;
}



.tituloserv{
    font-size:20px;
}

.textoserv{
    font-size:40px;
}

.descserv{
    font-size:12px;
}	
	
}

/*----------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
-----------------------------ACCIONES PARA EJECUTAR AL DETECTAR LA PANTALLA A MENOS DE 650px----------------
------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:650px){

	
.avatar{
	    border: 0px;
    float: none;
    margin-left: 10px;
    color: #696969;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
}
	
	.centro{
	border:0px solid white;

	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
	width:100%;
}	

.derecha{
    width:100%;
}

.derecha img{
    width:65%;
}

}

/*----------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
-----------------------------ACCIONES PARA EJECUTAR AL DETECTAR LA PANTALLA A MENOS DE 500px----------------
------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:500px){
nav ul li{
	width: 48%;
}
header{
	display:block;
	width:auto;
	}


.imagenn{
	display:block;
	margin:0 auto 0 auto;
	width: 100%;
}



#articulos article{
   /* width:100%;*/
	height:auto;
}/*
#articulos article img{
	width:350px;
	height:350px;
}*/
#container2 label {
 width:25%;
 height:25px;

}



.slider img{
width: 99%;
height:200px;}

.idiv{
    width:95%;
}

#articuloss div img{
	width:80%;
	padding-top:100px;
	padding-bottom:100px;
	float:left;
	height:auto;
}

.formc{
	width:100%;
	}
	
.formc2{
	width:100%;
	}
	
.titulops{
    font-size:20px;
}



.tituloserv{
    font-size:20px;
}

.textoserv{
    font-size:40px;
}

.descserv{
    font-size:12px;
}	
	
}