#rectangulo-primero{
	height: 171px !important;
	/*
	background-image: url('../img/rectangulo1.png');
	background-repeat: no-repeat;
	background-size: cover;
	*/
	padding-top: 28px;
	padding-bottom: 15px;
	line-height: 130px;
	margin-right: 10px;
	max-width: 24% !important;
	background-color: #EC5F53;
	text-align: center;
	-webkit-transition: all 1s; /* Safari */
  	transition: all 1s;
}
#rectangulo-primero:hover{
	background-color: #FFFFFF;
	-webkit-box-shadow: inset 0px 24px 5px -14px rgba(0,0,0,0.48);
	-moz-box-shadow: inset 0px 24px 5px -14px rgba(0,0,0,0.48);
	box-shadow: inset 0px 24px 5px -14px rgba(0,0,0,0.48);
	/*
	cursor: pointer;
	background-image: url('../img/rectangulo1-hover.png');
	*/
}
#rectangulo-medio{
	height: 171px !important;
	/*
	background-image: url('../img/rectangulo2.png');
	background-repeat: no-repeat;
	background-size: cover;
	*/
	padding-top: 28px;
	padding-bottom: 15px;
	/*padding-left: 35px;*/
	line-height: 130px;
	margin-right: 10px;
	max-width: 24% !important;
	background-color: #FFFFFF;
	text-align: center;
	-webkit-transition: all 1s; /* Safari */
  	transition: all 1s;
}
#rectangulo-ultimo{
	height: 171px !important;
	/*
	background-image: url('../img/rectangulo2.png');
	background-repeat: no-repeat;
	background-size: cover;
	*/
	padding-top: 28px;
	padding-bottom: 15px;
	/*padding-left: 35px;*/
	line-height: 130px;
	margin-right: 10px;
	max-width: 24% !important;
	background-color: #FFFFFF;
	text-align: center;
	-webkit-transition: all 1s; /* Safari */
  	transition: all 1s;
}
#rectangulo-medio:hover, #rectangulo-ultimo:hover{
	background-color: #EC5F53;
	-webkit-box-shadow: inset 0px 24px 5px -14px rgba(0,0,0,0.48);
	-moz-box-shadow: inset 0px 24px 5px -14px rgba(0,0,0,0.48);
	box-shadow: inset 0px 24px 5px -14px rgba(0,0,0,0.48);
	/*cursor: pointer;
	background-image: url('../img/rectangulo2-hover.png');*/
}
#rectangulo-primero h1{
	font-size: 30px;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	color: #FFFFFF !important;
}
#rectangulo-medio h1, #rectangulo-ultimo h1{
	font-size: 30px;
	font-weight: 700;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	color: #424242 !important;
}

#rectangulo-primero:hover h1{
	color: #424242 !important;
}

#rectangulo-medio:hover h1, #rectangulo-ultimo:hover h1{
	color: #FFFFFF !important;
}

#texto-banner-primario{
	color: #FFFFFF;
	font-weight: 700;
}
 #texto-banner-secundario{
 	margin-top: 15px;
	color: #FFFFFF;
	font-weight: 700;
	/*background: #FFFFFF;*/
}
#texto-banner-secundario h3{
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	margin: 0px !important;
}

.imagen-redondeada{
	border-radius: 2%;
}

.subtitulo{
	margin-top: 40px;
	font-weight: 700;
	color: #713425;
	border-bottom: 1px solid #713425;
}

.subtitulo-principal{
	font-weight: 700;
	color: #713425;
}

.imagen-subtitulo{
	margin-top: 40px;
}

#servicios-electricidad{
	margin-bottom: 50px;
}

.bordes-sombreados-out{
	-webkit-box-shadow: 0px 20px 5px -14px rgba(0,0,0,0.48);
	-moz-box-shadow: 0px 20px 5px -14px rgba(0,0,0,0.48);
	box-shadow: 0px 20px 5px -14px rgba(0,0,0,0.48);
}
.bordes-sombreados-in{
	-webkit-box-shadow: inset 0px 24px 5px -14px rgba(0,0,0,0.48);
	-moz-box-shadow: inset 0px 24px 5px -14px rgba(0,0,0,0.48);
	box-shadow: inset 0px 24px 5px -14px rgba(0,0,0,0.48);
}

.bordes-redondeados-recuadro{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #cecece;
}

.carousel-indicators li{
	color: #000000 !important;
	border: 1px solid #000000 !important;
}

.carousel-indicators li:hover{
	background-color: #FFFFEC !important;
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

.justificado{
	text-align: justify !important;
}

.contador-home span, .contador-home p{
	color: #283d50 !important;
}

/*Para dispositivos moviles*/
@media (max-width: 767px) {
	#rectangulo-primero, #rectangulo-medio, #rectangulo-ultimo{
		max-width: 100% !important;
		margin-left: 10px !important;
		margin-bottom: 10px !important;
	}
}

