@charset "utf-8";
/* CSS Document */
/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:768px){
	
body{
margin:1px;	
}

#contenedor-menu{
width:700px;
margin:0 auto;
height:auto;
padding-top:15px;
}
#logo{
width:150px;
float:none;
margin:0 auto;
}

nav{
width:99%;
height:auto;
position:inherit;
}


#contenedor-menu ul{
width:100%;
height:auto;
margin:0 auto;
}

#sombra{
width:90%;
}
#sombra img{
width:100%;	
}

#welcome{
width:95%;
}


#welcome #texto{
width:100%;
float:none;	
}
#welcome h1{
	width:100%;
}

#welcome #imagen{
float:none;
margin:0 auto;
}
#welcome-azul #contenido-azul{
width:100%;
background:url(../imagen/azul-servicios-generales-lima-peru.jpg) repeat;
}

#contenido-azul #servicios-azul{
margin:0 auto;
float:none;
margin-bottom:20px;	
}
#servicios-azul h2{
width:100%;
}
#servicios-azul a{
	width:100%;
	margin-left:0;
}

#contenido-azul #bolsa-de-trabajo-azul{
float:none;
margin:0 auto;
}

#bolsa-de-trabajo-azul h3{
width:100%;
}


#clientes #contenedor-clientes{
width:100%;	
}

#carousel_1,
#carousel_2 {
	/*margin: 0 auto;*/
	width:100%;
	height:320px;
}

#carousel_1 .carousel_box,
  #carousel_2 .carousel_box {
	width:160px;
	height:280px;
	}

.carousel .btns {
  width:100%;
}

#azul1 #contenedor-footer{
width:720px;
margin:0 auto;	
}

footer #azul2{
background:url(../imagen/footer-servicios-generales-lima-peru-2.jpg) repeat;	
}

#azul2 #contenedor-footer2{
width:720px;
margin:0 auto;	
}

#contenedor-footer2 p{
float:none;
text-align:center;
margin-bottom:20px;
}

#contenedor-footer2 ul{
	float:none;
	width:500px;
	margin:0 auto;
}

/*** NOSOTROS ***/
#banner-nosotros{
height:auto;
}

.aboutimagen{
/*margin-top:180px;*/
margin-top:0;
position:inherit;
}

.serviciosimagen{
margin-top:0;
position:inherit;
}

.contenedor-nosotros{
width:95%;
margin-top:0;
padding-top:50px;
}

#contenedor-clientes h1{
width:100%;
text-align:center;
}

#aboutus{
width:700px;
}

#aboutus #texto{
width:100%;
float:none;	
}

#aboutus h1{
width:100%;
text-align:center;
}

#aboutus #imagen{
float:none;
margin:0 auto;	
}

#nosotros-azul{
background:url(../imagen/especialistas-servicios-generales-lima-peru.jpg) repeat;
}

#nosotros-azul #contenidoabout-azul{
width:100%;
}

#contenidoabout-azul #serviciosabout-azul{
float:none;
margin:0 auto;	
}

#contenidoabout-azul #mision-vision{
	float:none;
	width:95%;
	margin:0 auto;
}
/*** servicios ***/
#banner-servicios{
height:auto;
}

.serviciosimagen{
margin-top:0;
position:inherit;
}

.contenedor-servicios{
width:95%;
margin-top:0;
padding-top:50px;
}

.lista-servicios{
width:100%;
}

#servicioss{
width:100%;
}

#servicioss h1{
width:100%;
text-align:center;
}

/*** cobertura ***/
#banner-cobertura{
height:auto;
}

.coberturaimagen{
margin-top:0;
position:inherit;
}

.contenedor-cobertura{
width:95%;
margin-top:0;
padding-top:50px;
}

#cobertura{
width:100%;
}

#cobertura #texto{
width:700px;
margin:0 auto;
float:none;	
}

#cobertura h1{
width:100%;
text-align:center;
}

#cobertura #imagen{
float:none;
margin:0 auto;	
}
/*** preguntas frecuentes ***/
#banner-frecuentes{
height:auto;
}
.contenedor-frecuentes{
width:95%;
margin-top:0;
padding-top:50px;
}

.frecuentesimagen{
margin-top:0;
position:inherit;
}

#question{
width:100%;
}

#question #texto{
margin:0 auto;
float:none;	
}

#question #imagen{
float:none;
margin:0 auto;	
}
/*** contacto ***/
#banner-contact{
height:auto;
}

#contacto{
width:700px;
float:none;
}

#contacto #form{
float:none;
margin:0 auto;
}

#contacto h1{
width:100%;
text-align:center;
}

#contacto #imagen{
	float:none;
	margin:0 auto;
}


}
/******************************************/
/***    DISEÑO PARA MOVILES 480        ****/
/******************************************/
@media only screen and (max-width:480px){

#sombra{
display:none;	
}

nav{
width:99%;
}

#contenedor-menu{
width:100%;
}

#contenedor-menu li{
float:none;
}

#contenedor-menu a{
text-align:center;
}

#welcome #imagen{
width:100%;
height:auto;	
}

#imagen img{
width:100%;
height:auto;
}

#carousel_1,
#carousel_2 {
	/*margin: 0 auto;*/
	width:400px;
	height:auto;
}

#contenedor-clientes h1{
width:100%;
text-align:center;
}


#carousel_1 .carousel_box,
  #carousel_2 .carousel_box {
	width:380px;
	height:280px;
	}

#azul1 #contenedor-footer{
width:98%;
margin:0 auto;	
}

footer #azul1{
background:url(../imagen/footerl-servicios-generales-lima-peru-1.jpg) repeat;	
}


#footer-left{
width:100%;
float:none;	
}

#footer-left h1{
text-align:center;
font-size:12px;
}
#footer-left p{
text-align:center;	
}


#footer-right{
width:100%;
float:none;	
}

#footer-right h1{
text-align:center;
font-size:12px;
}

#footer-right p{
text-align:center;
font-size:11px;
}


#azul2 #contenedor-footer2{
width:98%;
margin:0 auto;	
}

#contenedor-footer2 ul{
	width:420px;
	height:20px;
}

#contenedor-footer2 a{
font-size:9px;
padding-left:3px;
padding-right:2px;
}

#contenedor-footer2 p{
font-size:9px;
}


#aboutus #texto{
width:470px;
}

#aboutus #imagen{
width:470px;
margin:0;
}

/*** servicios ***/

#contenidoabout-azul #serviciosabout-azul{
width:440px;
margin:0 auto;
}

.label{
width:80%;
}
#servicioss{
height:auto;
}
/** cobertura***/
#cobertura #texto{
width:95%;
}

#cobertura #imagen{
width:80%;
}
/*** cobertura ***/
#question #texto{
width:85%;	
}

#question #imagen{
width:80%;	
}

/*** contacto ***/
#contacto{
width:100%;
}

#contacto #form{
width:90%;
}

#contacto .campo{
width:100%
}

#contacto .campo2{
width:100%;	
}

#contacto .enviar{
width:100%;
}

}
/******************************************/
/***    DISEÑO PARA MOVILES 320        ****/
/******************************************/
@media only screen and (max-width:320px){
	
	
}
/******************************************/
/***    DISEÑO PARA MOVILES 240        ****/
/******************************************/
@media only screen and (max-width:240px){
	
}