@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:0;
border:none;
width:100%;height:100%;background:#FFF;	
}
html{
margin:0;
height:100% !important;
border:0 !important;
	*a:hover{cursor: pointer;}
}

.flickr{vertical-align:middle !important;top:-5px;}
#slidemovil{display:none;}
.azul a:hover{color:#06F;}
.verdecito{color:#d7df23 !important;}
#contenido2, #contenido3, #contenido4, #contenido5, #contenido6, #logotipos{display:block !important; font-family: 'latoregular';color:#FFF;font-size:25px;width:100% !important;height:auto !important;padding:80px 5% 75px 5%;box-sizing:border-box !important;		
}

.titulares{font-family: 'latobold';font-size:250%;color:#000;text-align:center;}
.titularesv{font-family: 'latobold';font-size:250%;color:#d7df23;text-align:center;}
.titularcontacto{font-family: 'latobold';font-size:250%;color: #FC0;text-align:center;}

.titular1{font-family: 'latobold';font-size:250%;color: #F09;text-align:center;}
.titular2{font-family: 'diavloblack';font-size:250%;color: #000;text-align:center;}
.material-icons{color:rgba(255,255,255,0.5) !important;font-size:350% !important;transition: all .5s ease-in-out;}
.material-icons:hover{color:rgba(255,255,255,1) !important;transition: all .5s ease-in-out;}
#logo1{width:230px;height:auto !important;margin-left:25px !important;display:block !important;float:left;padding-top:3px !important;}
#logorespon{display:none;}




#contenido2{background: #000;text-align:center;padding-top:15% !important;color:#FFF;
background: url(../imagenes/bg1.jpg);
  background-position: center center;  
  background-repeat: no-repeat;  
  background-attachment: fixed;  
  background-size: cover;  
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}




#contenido3{background: #ffd545;text-align:center !important;color:#333;padding-bottom:20px !important;
/*background: url(../imagenes/bg2.jpg);
  background-position: center center;  
  background-repeat: no-repeat;  
  background-attachment: fixed;  
  background-size: cover;  
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;*/
}
#tuweb{width:33%;height:auto;display:inline-block;margin: 25px auto;margin-top:50px;padding:20px;color:#000;text-align:center;font-family: 'latolight';font-size:20px;transition: all .5s ease-in-out;vertical-align:top !important;}




#contenido7{display:table !important; width:100%;height:auto;padding:0 !important;margin:0 auto !important;}
#contenido7 < #slide{width:100% !important;height:auto !important;}
#slide{z-index:1;}
#slide img{width:100%;}







#letra{width:100%;height:400px;background: url(../imagenes/disenodepaginaswebqro1.jpg);
  background-position: center center;  
  background-repeat: no-repeat;  
  background-size: cover;  
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-align:center;color:#F00;font-family: 'latoblack_italic';font-size:35px;padding:5%;box-sizing:border-box !important;}
#letra2{width:100%;height:400px;background: url(../imagenes/disenodepaginaswebqro2.jpg);
  background-position: center center;  
  background-repeat: no-repeat;  
  background-size: cover;  
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-align:center;color:#F00;font-family: 'latoblack_italic';font-size:35px;padding:5%;box-sizing:border-box !important;}

/*CLIENTES*/
#contenido4{background: #0C6;text-align:center !important;font-family:'latoregular' !important;font-size:23px;}
#clientes{width:33%;height:auto;display:inline-block;margin: 25px auto;margin-top:25px;padding:25px;color:#000;text-align:center;font-family: 'latolight';font-size:20px;transition: all .5s ease-in-out;vertical-align:top;}
.titulocliente{font-family: 'latobold';color:#000 !important;font-size:125%;}
#contenido4 a{color:#FFF;}#contenido4 a:hover{color:#000;text-decoration:underline;}
.titulocliente a:hover{color:#FFF !important;}
#clientes a{color:#000;text-decoration:none;}#clientes a:hover{color:#000;text-decoration:underline;}
#clientes img{border:1px solid #000;}#clientes img:hover{cursor:pointer;border:1px solid #FFF;}
#masclientes{transition: all 2s ease-in-out !important;margin-top:-100px;background: #0C6 !important;z-index:999999 !important;}
/*CLIENTES*/




/*LOGOTIPOS*/
#logotipos{background:#0077c8;text-align:center;display:inline-block !important;}
#logos{max-width:500px !important;width:25% !important;display:inline !important;float:left !important; margin:0 0;line-height: 0; }

#logos:hover{border:1px solid #000;cursor:pointer;background: rgba(0,0,0,0.5);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
#logos img{width:100%;height:auto;}







#contenido5{background: #000;text-align:center;}
#videos{width:33%;height:auto;display:inline-block;margin: 25px auto;margin-top:25px;padding:25px;color:#FFF;text-align:center;font-family: 'latolight';font-size:20px;transition: all .5s ease-in-out;vertical-align:top;}
.titulovideo{font-family: 'latobold';color:#d7df23 !important;font-size:125%;}
.titulocliente a:hover{color:#FFF !important;}
#videos a{color:#d7df23;text-decoration:none;}#videos a:hover{color:#FFF;text-decoration:underline;}
#videos img{border:1px solid #000;}#videos img:hover{cursor:pointer;border:1px solid #FFF;}


input[type="number"]
{-webkit-appearance: none;
-moz-appearance:textfield !important;}





#contenido6{width:100%;height:400px;background: url(../imagenes/disenodepaginaswebqrofondo.jpg);
  background-position: center center;  
  background-repeat: no-repeat;  
  background-size: cover;  
    background-attachment: fixed;  

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-align:center;
font-family: 'latoregular'!important;font-size:22px;color:#FFF;

}
#contenido6 a{color:#FFF;}
#nombres, #email, #tel, #mensaje{color: #FFF;font-family: 'latolight';text-align:center !important;font-size:25px;color:#FFF !important;border:none !important;
background:rgba(0,0,0,0.25);width:50%;height:40px;transition: all .5s ease-in-out;}
#mensaje{border:1px dashed #fff;}
.g-recaptcha{text-align:CENTER !important;vertical-align:middle;margin-left:35%;}
#azul{color: #39F;text-align:right !important;font-size:15px;float:right;padding-top:15px;line-height:18px;}.azul{color: #39F;}
#enviar{background:#000;
font-family: 'latolight';
	font-size:25px;
	color:#FFF;
	border:1px solid #FFF;
	padding-top:5px;padding-bottom:5px;padding-left:20px;padding-right:20px;
	cursor:pointer;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#enviar:hover{background:#FFF;color:#000;border:1px solid #000;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}



footer{background: #000;text-align:center;width:100%;height:auto;text-align:center;padding:10px !important;color: #FFF;font-family: 'latolight'!important;font-size:16px;}
footer a{color:#d7df23;text-decoration:none;}
footer a:hover{color:#FFF;text-decoration:none;}


@media only screen and (max-width: 1100px) {
#logo1{display:none !important; }
#logorespon{display:inline !important;float:left;margin-left:25px;padding-top:15px; font-family: 'diavloblack';font-size:20px;color:#FFF;}
#clientes{width:90% !important;height:auto;display:block !important;margin: 50px auto;padding:25px;color:#000;text-align:left;font-family: 'latolight';font-size:20px;transition: all .5s ease-in-out;}
#btn{display:none;}
#tuweb{width:100%;height:auto;margin-bottom:0;}
#videos{width:90% !important;height:auto;display:block !important;margin: 50px auto;color:#FFF;text-align:center;font-family: 'latolight';font-size:20px;transition: all .5s ease-in-out;}
#logos{max-width:500px !important;width:50% !important;display:inline; margin:0 0;line-height: 0;float:left; }

}


@media only screen and (max-width: 700px) {
.titular1, .titulares{font-size:150%;}
/*#contenido2 img{width:50%;height:auto;}#contenido2,*/ 
	
#contenido2{background: #000; background-size: 100% 100%;
background: url(../imagenes/bg1-movil.jpg) no-repeat center top;
	  background-size: cover;  
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}

	
	
	#contenido3{padding-top:70px !important;}
.g-recaptcha{text-align:CENTER !important;vertical-align:middle;margin-left:0;}
#nombres, #email, #tel, #mensaje{width:100%;font-size:16px;}

}

@media only screen and (max-width: 640px) {#slide{display:none !important;}#slidemovil{display:block !important;z-index:1;}
#contenido7 < #slidemovil{width:100% !important;height:auto !important;}
/*#contenido2{width:100%;height:100% !important;background: url(../imagenes/bg1-movil.jpg);
background-position: center center;  
  background-repeat: no-repeat;  
  background-attachment: fixed;  
  background-size: cover;  
  background-color:#000;}*/
}