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


/*----------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
-----------------------------ACCIONES PARA EJECUTAR AL DETECTAR LA PANTALLA A MAS DE 1000px----------------
------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------*/

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


#contenedormobil{
display:none;
}

/*-----------------------ESTE ES EL CONTENEDOR DE TODO EL MENU----------------------------------------*/
#contenedor{

	/*ALINEAR EL MENU AL LADO DERECHO DE LA PANTALLA*/
	text-align:center;

	/*ESTOS VALORES SOLO DEBE CAMBIARLOS SI TIENE LOS CONOCIMIENTOS NECESARIOS*/
	
/*	margin-right:30px;*/
/*	max-width:1000px;*/
	padding-top:10px;
}

.avatar{
    margin-left:80px;
}

.intitulo{
display:none;
}

}


/*----------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
-----------------------------ACCIONES PARA EJECUTAR AL DETECTAR LA PANTALLA A MENOS DE 1200px----------------
------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1200px){
nav ul li{
/*	width: auto;*/
	/*min-width:14%;*/
}
header{
	display:block;
	width:auto;
}

.avatar{
    width:100%;
	border:0px solid white;

	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
/*	padding-bottom: 20px;*/
	margin-left:0px;
}
		
/*propiedades de la imagen logo*/
img.logo{
	margin-left:0px;
	width:70px;
	height: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:300px;
	padding:10px;
	float:left;
	height:auto;
}

#contenedormobil{
display:none;
}
}



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

@media screen and (max-width:870px){
.itemn{
    width:100%;
}	
	
.itemn2{
    width:100%;
    margin:0;
    padding-left:0;
}	

.formcl {

    margin-left:5px;

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

@media screen and (max-width:760px){
#contenedor{
display:none;
}

#contenedormobil{
display:block;
}

.nombrei{
display:none;
}
.slogan{
display:none;
}

.intitulo{
display:block;
}

.ttemn {
    width: 100%;
}

.ttemn2{
        width: 90%;
        padding:10px;
}

.bdiv{
    width:100%;
}

}

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

@media screen and (max-width:750px){
nav ul{
    margin:0px;
}

nav ul li{
	width: 23%
}
header{
	display:block;
	width:auto;
}
.avatar{
    width:100%;
	border:0px solid white;

	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
	padding-bottom: 20px;
}
		
/*propiedades de la imagen logo*/
img.logo{
	/*margin-left:50px;*/
	width:50px;
		height: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:20%;
 height:25px;
}

.derecha img{
width:120px;
height:60px;
}

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

.idiv{
    width:95%;
}

#articuloss div img{
	width:100%;
	padding:10px;
	float:left;
	height:auto;
}

.formc{
	width:100%;
	}
	
.formc2{
	width:100%;
	}
	


}



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

@media screen and (max-width:500px){
nav ul li{
	width: 23%;
}
header{
	display:block;
	width:auto;
	}
	
.avatar{
    width:100%;
	border:0px solid white;

	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
	padding-bottom: 20px;
}
		
/*propiedades de la imagen logo*/
img.logo{
	/*margin-left:50px;*/
	width:50px;
		height: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;

}

.derecha img{
width:100px;
height:50px;
}

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

.idiv{
    width:95%;
}

#articuloss div img{
	width:100%;
	padding:10px;
	float:left;
	height:auto;
}

.formc{
	width:100%;
	}
	
.formc2{
	width:100%;
	}
}