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

.textoBase {
	font-family:  font-family: 'Roboto Slab', serif;
	text-align: justify;
	line-height: 2em;
	font-weight: 300;
	padding: 20px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	color: #111111;
}

.tituloBaseNosotros {
	font-family:  font-family: 'Roboto Slab', serif;
	text-align: left;
	font-size: 16px;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: 500;
	padding: 0px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	color: rgba(43,43,43,1.00);
}

.textoBaseNosotros {
	font-family:  font-family: 'Roboto Slab', serif;
	text-align:justify;
	font-size:16px;
	font-size:1em;
	line-height: 1.2em;
	font-weight: 600;
	padding: 0px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	color: #000000;
}

.textoBaseServ {
	font-family:  font-family: 'Roboto Slab', serif;
	text-align: justify;
	font-size: 14px;
	line-height: 1.3em;
	font-weight: 600;
	padding: 0px;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	color: rgba(30,30,30,1.00);
}


.porqueHueresBtnVerde {
	position:absolute;
	margin:0.5% 0.2% 0.2% 0%;
	font-family:  font-family: 'Roboto Slab', serif;
	text-align:center;
	color: #FFFFFF;
	background-color:rgba(153,209,5,1.00);
	text-align: center;
	font-size:16px;
	font-size:0.7em;
	font-weight: 700;
	text-decoration:none;
	padding: 10px 15px;
	display:block;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: -2px 2px 0px 2px rgba(50, 50, 50, 0.29);
	-moz-box-shadow:    -2px 2px 0px 2px rgba(50, 50, 50, 0.29);
	box-shadow:         -2px 2px 0px 2px rgba(50, 50, 50, 0.29);
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	
}

.porqueHueresBtnVerde:hover {

	color: #FFFFFF;
	background-color:rgba(98,134,3,1.00);
	-webkit-box-shadow: -3px 3px 0px 0px rgba(50, 50, 50, 0);
	-moz-box-shadow:    -3px 3px 0px 0px rgba(50, 50, 50, 0);
	box-shadow:         -3px 3px 0px 0px rgba(50, 50, 50, 0);

	
}
.img50 {
	width:50px;
	height:auto;
}

.contactoServicios {
	position:relative;
	margin:0.5% 0.2% 0.2% 0%;
	font-family: 'Roboto Slab', serif;
	text-align:center;
	color: #FFFFFF;
	background-color:rgba(207,19,22,1.00);
	text-align: center;
	font-size:16px;
	font-size:0.7em;
	font-weight: 700;
	text-decoration:none;
	padding: 10px 15px;
	display:block;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: -2px 2px 0px 2px rgba(50, 50, 50, 0.29);
	-moz-box-shadow:    -2px 2px 0px 2px rgba(50, 50, 50, 0.29);
	box-shadow:         -2px 2px 0px 2px rgba(50, 50, 50, 0.29);
	cursor:pointer;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	
}

.contactoServicios:hover {

	color: #FFFFFF;
	background-color:#2209F8;
	-webkit-box-shadow: -3px 3px 0px 0px rgba(50, 50, 50, 0);
	-moz-box-shadow:    -3px 3px 0px 0px rgba(50, 50, 50, 0);
	box-shadow:         -3px 3px 0px 0px rgba(50, 50, 50, 0);

	
}

.titulo {
	font-family: 'Roboto Slab', serif;
	font-size: 3em;
	text-align: center;
	line-height: 1em;
	font-weight:bold;
	color:rgba(66,66,66,1.00);
	padding: 20px;
}

.leyendas {
	font-size:0.9em;
	text-align:center;
	line-height:2em;
	font-weight:300;
	

}

.leyendas:hover {
	color: rgba(5,18,255,1.00);
}

.footer {
	font-size:0.9em;
	text-align:center;
	line-height:2em;
	font-weight:300;
	

}

.footer a {
	color:rgba(50,50,50,1.00);
	font-size:1em;
	text-align:center;
	line-height:2em;
	font-weight:300;
	padding:5px;
	line-height:1em;
	text-decoration:none;
	

}

.footer a:hover {
	color: #FFFFFF;
	background-color: rgba(5,26,255,1.00);
	text-decoration: underline;
}

.footerUno {
	
	font-size:0.9em;
	text-align:center;
	line-height:2em;
	font-weight:300;
	

}


.bold {
	font-weight:600;
	
}


.tituloCentrado {
	font-family: 'Play', sans-serif;
	font-size: 3em;
	text-align: center;
	font-weight: 600;
	color: rgba(29,29,29,1.00);
	padding: 30px;	

}

.tituloContacto {
	font-family:  'Roboto Slab', serif;
	font-size:3em;
	text-align:center;
	font-weight:600;
	color:#FFFFFF;
	padding:30px;
	text-shadow: 1px 1px 0 #5C5C5C;
	

}

.tituloIzq {
	font-family: 'Roboto Slab', serif;
	font-size:16px;
	font-size:2em;
	text-align:left;
	font-weight:700;
	color:rgba(59,59,59,1.00);
	padding:20px;
	

}

.subtituloIzq {
	font-family:  'Roboto Slab', serif;
	font-size:1.5em;
	text-align:left;
	font-weight:300;
	color:rgba(59,59,59,1.00);
	padding:20px;
	

}


.tipoDeSoporte {
	font-size:1em;
	text-align:center;
	font-weight:700;
	color:rgba(66,66,66,1.00);
	padding:10px;
}

.valoresTexto {
	font-size:20px;
	font-size:1.7em;
	text-align:center;
	font-weight:700;
	color:#ff0000;
	padding:10px;
}


.contactoHeader {
	color:rgba(0,0,0,1.00);
	font-size:1em;
	text-align:center;
	line-height:1em;
	font-weight:600;
	

}

.contactoHeader:hover {

	color:#0200FC;

}


.botonVerMas {
	background-color:rgba(153,209,5,1.00);
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:3px;
	border:0.5px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:0.8em;
	font-weight:bold;
	padding:15px 15px;
	text-decoration:none;

}
.botonVerMas:hover {
	background-color:rgba(83,113,2,1.00);
}
.botonVerMas:active {
	position:relative;
	top:1px;
}

.seccionTestimonios {
	width:100%;
	height:auto;
	border: rgba(227,227,227,1.00) solid 1px;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
}

.cajaTestimonio {
	width: 31.1%;
	height: auto;
	display:inline-block;
	margin:1%;
	vertical-align:top;
	background-color:rgba(255,255,255,0.5);	
	border:#BCBCBC solid 1px;
	-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;
	
	
}

.cajaTestimonio:hover {
	
	background-color:rgba(255,222,191,1.00);
	
}

.textoTestimonios {
	font-style:oblique;
	padding:10px 30px;
	font-weight:400;
	font-size:12px;
	line-height:24px;
	text-align:center;
	
	
}
.avatarContainer {
	width:100%;
	height: auto;

}

.avatarNombre {
	width:60%;
	display:inline-block;
	padding:10px 0px 0px 30px;
	vertical-align:top;
	font-style:oblique;
	font-weight:bold;
	font-size:14px;
	
}
.estrellas {
	width:30%;
	display:inline-block;
	padding-top:10px;
	vertical-align:top;	

}
.estrellas img {
	width:90%;
	height:auto;
}



.casillas {
	width:65.1%;
	height:40px;
	font-family:  'Roboto Slab', serif;
	font-size:2em;
	text-align:center;
	font-weight:300;
	color:rgba(255,128,6,1.00);
	padding:20px;
	word-spacing:0px;
	letter-spacing:0px;
	border:rgba(212,212,212,1.00) solid 1px;
	-webkit-transition: border 0.5s ease-in-out;
	-moz-transition: border 0.5s ease-in-out;
	-ms-transition: border 0.5s ease-in-out;
	-o-transition: border 0.5s ease-in-out;
	transition: border 0.5s ease-in-out;	
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	outline: 1px solid transparent;
	outline-offset: 0px; /*Delete if you don't want an offset*/

}

.casillas:hover {
	border: rgba(31,5,255,1.00) 1px solid;
	border-top: rgba(31,5,255,1.00) solid 1px;
	border-left: rgba(31,5,255,1.00)  solid 1px;
	border-right: rgba(31,5,255,1.00)  solid 1px;	
	
}


.sendbutton {
	background-color: rgba(255,128,6,1.00);
	letter-spacing: 0px;
	word-spacing: 0px;
	height: 60px;
	width: 20%;
	margin-left: 7%;
	font-size: 14px;
	color: #FFF;
	-webkit-transition: background 0.7s ease-in;
	-moz-transition: background 0.7s ease-in;
	-ms-transition: background 0.7s ease-in;
	-o-transition: background 0.7s ease-in;
	transition: background 0.7s ease-in;
	outline: 1px solid #fff;
	outline-offset: 0px; /*Delete if you don't want an offset*/
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
.sendbutton:hover {
	background-color: #069;
	-webkit-transition: background 0.7s ease-in;
	-moz-transition: background 0.7s ease-in;
	-ms-transition: background 0.7s ease-in;
	-o-transition: background 0.7s ease-in;
	transition: background 0.7s ease-in;
	outline: 1px solid #fff;
	outline-offset: 0px; /*Delete if you don't want an offset*/
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
}


@media screen and (max-width:1210px) {
	
	.cajaTestimonio {
	width: 30.5%;
	margin:1%;
	
	
	
	}

	

	
}

@media screen and (max-width:800px) {
	
	.cajaTestimonio {
	width: 98%;
	
	}
	
	.estrellas img {
	width:60%;
	}


	.textoBase {
	
	line-height:1.2em;

	}
	
	.sendbutton {

	margin-left: 2%;

	}
	
	.textoBaseNosotros {
	font-size:16px;
	font-size:1em;
	line-height: 1.2em;
	

}
	
	.tipoDeSoporte {
	font-size:1em;
	font-weight:700;

	
	}
	
	
	.porqueHueresBtnAzul {

	display:none;

	}



	.porqueHueresBtnAmarillo {
		display:none;
		
	}
	


	
}


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



	.textoBase {
	
	padding:5px;
	

	}
	
	
	.titulo {
	font-size:1.5em;
	line-height:1.5em;

	}
	
	.contactoHeader {
	font-size:1em;
	font-weight:300;

	}
	
	
	.casillas {
	width:59.1%;	
	font-size:1em;
}
	
	
	.sendbutton {

	margin-left: 1%;

	}
	
	.footer a {
		display:block;
		padding:2%;
	
	
	
}