/* CSS ADAPTABLE A PANTALLAS */
@media screen and (max-width: 1300px) {/* PANTALLAS GRANDES 1300px* /
	.pgInicial { background-color:green; }
	/* /////////////////////////////////////////////////////////////* /
}
@media screen and (max-width: 1280px) {/* PANTALLAS COMUN Y GENERALES 1280px * /
	.pgInicial { background-color:black; }
	/* /////////////////////////////////////////////////////////////*/
}
@media screen and (max-width: 800px) {/* PANTALLAS TABLETAS 800px * /
	.pgInicial { background-color:yellow; }
	/* /////////////////////////////////////////////////////////////*/
	.pgInicial {top:10%; font-size:14px;}
	.pgInicial p.intro {width:85%; margin:10px auto;}
	/*--*/
	.mnNav .barra {}
}


/**/
@media screen and (max-width: 640px) { /* especial sincronizado con el logo */
	.mnNav div.lGo img {width:40%;}
	/*- -*/
	.pgContactar .ldDer {float:none; width:100%; margin:0 auto 60px auto;}
	.pgContactar .ldIzq {width:100%;}
}

@media screen and (max-width: 480px) {/* PANTALLAS CELULARES 480px * /
	.pgInicial { background-color:red; }
	/* /////////////////////////////////////////////////////////////*/
	.pgInicial {top:2%; font-size:10px;}
	.pgInicial p.lGo span {display:none;}
	.pgInicial p.lGo img {height:80px; width:100%;}
	/*--*/
	.mnNav {font-size: 15px;}
	.mnNav div.lGo img {padding:18px 0; height:35px;}
	.mnNav div.lGo span,.mnNav .barra p span {display:none;}
	.mnNav .barra {padding:0px; text-align: center; padding:0;}
	.mnNav .barra div a {display:inline-block; text-align: center; padding:5px 4px;}
	/* -- */
	.pgProyectos .lsPro li {width:90%; }
	.pgProyectos .lsPro li a {width:100%;}
	.pgProyectos .pagi {text-align: center;}
	.pgProyectos .pagi a {font-size: 0.7em;}
	.pgProyectos .pagi div,.pgProyectos .pagi p {display:block; float: none;}
	/*_ _*/
	.vsFotos .pase {top:46%;}
	.vsFotos .pase a {font-size: 3em; margin:0 0px 5px;}
}
@media screen and (max-width: 287px) {/* especial sincronizado con el logo */
	.mnNav div.lGo img {width:100%; padding:0;}
	/* - - */
	.pgContactar .ldDer {font-size:12px;}
	.pgContactar .ldDer img {width:100%;}
	.pgContactar .ldIzq form div input {display: block;}

}
@media screen and (max-width: 250px) {/* PANTALLAS PEQUEÑAS 250px */
	.pgInicial { background-color:blue; }
	.mnNav .barra {background-color: ;}
	/* /////////////////////////////////////////////////////////////*/

	/* - - */
	.pgProyectos .lsPro li a span {padding-top:100px;}
}
@media screen and (max-height: 250px) {/* PANTALLAS PEQUEÑAS 250px */
	.mnNav {position:absolute;}
}