/*
 * CSS PLANES DE luz
 * HOME Y NEGOCIOS
 */
.contenedor-planes-luz {
    background: #FFFFFF;
    padding: 30px 0 130px 0;
    text-align: center;
} 
.contenedor-planes-luz .infoplanes {
    background:  #F1F5ED;
    display: inline-block;
    text-align: center;
}
.contenedor-planes-luz .asesor {
    margin: 25px auto;
    text-align: center;
}
.contenedor-planes-luz .asesor-text {
    font-size: 1.4em;
    line-height: 1.25em;
    margin: 0 auto 20px auto;
}
.contenedor-planes-luz .asesor-button .button {
    padding: 12px;
    border-radius: 31px;
    border-color: #5C881A;
    background-color: transparent;
    color: #5C881A;
    font-size: 1em;
}
.contenedor-planes-luz .infoplanes .panel-h,
.contenedor-planes-luz .infoplanes .panel-v,
.contenedor-planes-luz .infoplanes .panel-v-doble {
    position: relative;
    border: 1px solid white;
}
.contenedor-planes-luz .infoplanes .panel-h{
    border-bottom-width: 0;
}
.contenedor-planes-luz .panel-v .infoplan-background,
.contenedor-planes-luz .panel-v-doble .infoplan-background {
    width: 100%;
}
.contenedor-planes-luz .img-behind {
    margin: 0;
    width: 100%;
}
.contenedor-planes-luz .infoplanes .panel-v:last-child {
    border-left-width: 0;
}

.btn-contratar-position{
	margin-top: 40px!important;
}

/* INFOPLANES */
.contenedor-planes-luz .infoplanes .infoplan-detail {
    padding: 10px 15px;
    overflow: hidden;
    background-color: #ffffff;
    opacity: 0.9;
} 
.contenedor-planes-luz .infoplanes .infoplan-detail-grande {
    padding: 40px 25px;
    overflow: hidden;
    background-color: #ffffff;
    opacity: 0.9;
} 
.contenedor-planes-luz .infoplan-detail .infoplan-icon,
.contenedor-planes-luz .infoplan-detail-grande .infoplan-icon
 {
    float: left;
    height: 32px;
}
.contenedor-planes-luz .infoplan-detail .infoplan-title,
.contenedor-planes-luz .infoplan-detail-grande .infoplan-title {
    font-family: Lato-Bold;
    float: left;
    text-align: left;
    color: #5c881a;
    font-size: 2.2rem;
    line-height: 1em;
    max-width: 239px;
    padding-left: 10px;
    margin-top: 5px;
}
.contenedor-planes-luz .infoplan-detail .infoplan-text{
    float: left;
    clear: both;
    text-align: left;
    font-size: 1.275em;
    line-height: 1.35em;
    margin-top: 5px;
}

.contenedor-planes-luz .infoplan-detail-grande .infoplan-text {
    float: left;
    clear: both;
    text-align: left;
    font-size: 1.275em;
    line-height: 1.35em;
    margin-top: 25px;
}
.contenedor-planes-luz .infoplan-detail p,
.contenedor-planes-luz .infoplan-detail-grande p {
    margin: 5px 0 0;
}
.contenedor-planes-luz .infoplan-detail span,
.contenedor-planes-luz .infoplan-detail-grande span {
    float: left;
    font-size: 1.025em;
}
.contenedor-planes-luz .infoplan-button .button {
    margin: 0 auto 0 auto;
    padding: 12px;
    border-radius: 31px;
    border-color: white;
    background-color: #5C881A;
}
.contenedor-planes-luz .img-behind {
    background-color: lightgrey;
    color: #ffffff;
}
.contenedor-planes-luz .infoplan-button  img {
    margin-top: -4px;
    margin-left: 10px;
} 
.contenedor-planes-luz .infoplan-detail .infoplan-subtitle, 
.contenedor-planes-luz .infoplan-detail .infoplan-subtitle-sameline,
.contenedor-planes-luz .infoplan-detail-grande .infoplan-subtitle, 
.contenedor-planes-luz .infoplan-detail-grande .infoplan-subtitle-sameline {
    color:  #D86600;
}
/* BOTON */
.contenedor-planes-luz .infoplan-detail,
.contenedor-planes-luz .infoplan-detail-grande {
    position: relative;
}

.contenedor-planes-luz .panel-h .infoplan-detail,
.contenedor-planes-luz .panel-v .infoplan-detail,
.contenedor-planes-luz .panel-h .infoplan-detail-grande,
.contenedor-planes-luz .panel-v .infoplan-detail-grande {
    bottom: 0;
    left: 0;
}

.contenedor-planes-luz .panel-h .infoplan-detail,
.contenedor-planes-luz .panel-v-doble .infoplan-detail,
.contenedor-planes-luz .panel-h .infoplan-detail-grande,
.contenedor-planes-luz .panel-v-doble .infoplan-detail-grande{
    bottom: 0;
    left: 0;
}

.btn-contratar-position{
	margin-top: 40px!important;
}
/* ends INFOPLANES */



/* Pantallas superiores a 1280px (large desktop)*/
@media screen and (min-width: 80em) {
    .contenedor-planes-luz .infoplanes {
        width: 944px;
        margin: 0 auto;
    }
    .contenedor-planes-luz .asesor-button .button {
        min-width: 380px;
    }
    .contenedor-planes-luz .asesor .asesor-text {
        width: 710px;
        display: block;
    }
    .contenedor-planes-luz .asesor-button .button {
        margin: 30px auto;
    }
	.contenedor-planes-luz .infoplanes .infoplan-detail-grande {
        width: 460px;
        position: absolute;
        height: 260px;
    }
    .contenedor-planes-luz .infoplanes .infoplan-detail {
        width: 380px;
        position: absolute;
		height: 200px;
    }
    .contenedor-planes-luz .infoplan-button .button {
        clear: left;
        float: left;
        margin-top:15px;
    }
    .contenedor-planes-luz .infoplan-detail .infoplan-subtitle,
    .contenedor-planes-luz .infoplan-detail-grande .infoplan-subtitle {
        float: left;
        margin-top: 10px;
        line-height: 1.1em;
        text-align: left;
        margin-left: 10px;
         clear: left;
         height: 30px;
         width: 75%;
    }
    .contenedor-planes-luz .infoplan-detail .infoplan-subtitle-sameline,
    .contenedor-planes-luz .infoplan-detail-grande .infoplan-subtitle-sameline {
        float: left;
        width: 35%;
        margin-top: 10px;
        line-height: 1.1em;
        text-align: left;
        margin-left: 10px;
    }
    .contenedor-planes-luz .infoplan-detail .infoplan-title,
    .contenedor-planes-luz .infoplan-detail-grande .infoplan-title {
        max-width: 85%;
    }
    .contenedor-planes-luz .infoplanes .img-behind {
        z-index: 1;
        display: block;
        margin: 0 auto;
    }
    .contenedor-planes-luz .infoplanes .panel-h {
        width: 944px;
        float: left;
    }
	.contenedor-planes-luz .infoplanes .panel-v-doble
    {
    	float: left;
	    width: 100%;
    }
    .contenedor-planes-luz .infoplanes .panel-v
    {
    	float: left;
	    width: 50%;
    }
    .contenedor-planes-luz .panel-h .img-behind {
		height: 500px;
    }
	.contenedor-planes-luz .panel-v .img-behind,
	.contenedor-planes-luz .panel-v-doble .img-behind {
	    height: 537px;
	}
	.btn-contratar-position2{
		margin-top: 40px!important;
	}
	.btn-contratar-position3{
	margin-top: 40px!important;
}
}



/* Pantallas entre 1024px y 1280px (desktop)*/
@media screen and (min-width: 64em) and (max-width: 79.99em) {
    .contenedor-planes-luz .infoplanes {
        width: 944px;
        margin: 0 auto;
    } 
    .contenedor-planes-luz .asesor-button .button {
        min-width: 380px;
    }
    .contenedor-planes-luz .asesor .asesor-text {
        width: 580px;
        display: block;
    }
    .contenedor-planes-luz .asesor-button .button {
        margin: 30px auto;
    }
    .contenedor-planes-luz .infoplanes .infoplan-detail {
    	width: 380px;
    	position: absolute;
		height: 200px;
    }
    .contenedor-planes-luz .infoplanes .infoplan-detail-grande {
        width: 460px;
        position: absolute;
        height: 260px;
    }
    .contenedor-planes-luz .infoplan-detail .infoplan-button .button,
    .contenedor-planes-luz .infoplan-detail-grande .infoplan-button .button {
        clear: left;
        float: left;
        margin-top:15px;
    }
    .contenedor-planes-luz .infoplan-detail .infoplan-subtitle,
    .contenedor-planes-luz .infoplan-detail-grande .infoplan-subtitle {
        float: left;
        margin-top: 10px;
        line-height: 1.1em;
        text-align: left;
        margin-left: 10px;
         clear: left;
         height: 30px;
    }
    .contenedor-planes-luz .infoplan-detail .infoplan-subtitle-sameline,
    .contenedor-planes-luz .infoplan-detail-grande .infoplan-subtitle-sameline {
        float: left;
        width: 35%;
        margin-top: 10px;
        line-height: 1.1em;
        text-align: left;
        margin-left: 10px; 
    }
    .contenedor-planes-luz .infoplan-detail .infoplan-title,
    .contenedor-planes-luz .infoplan-detail-grande .infoplan-title {
        max-width: 85%
    }
    .contenedor-planes-luz .infoplanes .img-behind {
        z-index: 1;
        display: block;
        margin: 0 auto;
    }
    .contenedor-planes-luz .infoplanes .panel-h {
        width: 944px;
        float: left;
    }
    .contenedor-planes-luz .infoplanes .panel-v {
        float: left;
        width: 50%;
    }
    .contenedor-planes-luz .infoplanes .panel-v-doble
    {
    	float: left;
	    width: 100%;
    }
    .contenedor-planes-luz .panel-h .img-behind {
		height: 500px;
    }
	.contenedor-planes-luz .panel-v .img-behind,
	.contenedor-planes-luz .panel-v-doble .img-behind {
	    height: 537px;
	}
	.btn-contratar-position2{
		margin-top: 40px!important;
	}
	.btn-contratar-position3{
		margin-top: 40px!important;
	}
}



/* Pantallas entre 768px y 1024px (tablet) */
@media screen and (min-width: 47.96em) and (max-width: 63.95em) {
	.contenedor-planes-luz {
		padding: 30px 0 80px 0;
	} 
		.contenedor-planes-luz .asesor {
        max-width: 650px;
    }
    .contenedor-planes-luz .asesor-button .button {
        min-width: 370px;
    }
    .contenedor-planes-luz .infoplanes { 
        width: 738px;
        margin: 0 auto; 
    }
    .contenedor-planes-luz .infoplanes .infoplan-detail {
        width: 325px;
        height: 200px;
        position: absolute;
    } 
    .contenedor-planes-luz .infoplanes .infoplan-detail-grande {
        width: 460px;
        position: absolute;
        height: 260px;
    }
    .btn-contratar-position3{
		margin-top: 18px!important;
	}
	.btn-contratar-position2{
		margin-top: 16px!important;
	}
    .contenedor-planes-luz .infoplan-button .button {
        float: left;
        clear: left;
    } 
    .contenedor-planes-luz .asesor-button .button {
        margin: 30px auto;
    }
    .contenedor-planes-luz .infoplan-detail .infoplan-subtitle,
    .contenedor-planes-luz .infoplan-detail-grande .infoplan-subtitle {
        float: left;
        margin-top: 10px;
        line-height: 1.1em;
        text-align: left;
        margin-left: 10px;
         clear: left;
         width: 75%;
         height: 30px;
    }
    .contenedor-planes-luz .infoplan-detail .infoplan-subtitle-sameline,
    .contenedor-planes-luz .infoplan-detail-grande .infoplan-subtitle-sameline {
        float: left;
        width: 104px;
        margin-top: 10px;
        line-height: 1.1em;
        text-align: left;
        margin-left: 8px;
    }
    .contenedor-planes-luz .infoplan-detail .infoplan-title,
    .contenedor-planes-luz .infoplan-detail-grande .infoplan-title {
        max-width: 82%
    }
    .contenedor-planes-luz .infoplanes .img-behind {
        z-index: 1;
        display: block;
        margin: 0 auto; 
    }
    .contenedor-planes-luz .infoplanes .panel-v {
        float: left;
        width: 50%;
    }
    .contenedor-planes-luz .infoplanes .panel-v-doble
    {
    	float: left;
	    width: 100%;
    }
    .contenedor-planes-luz .panel-v .img-behind,
    .contenedor-planes-luz .panel-v-doble .img-behind {
		height: 524px;
    }
    .contenedor-planes-luz .panel-h .img-behind {
		height: 500px;
    }
    .contenedor-planes-luz .infoplanes .panel-h {
        width: 736px;
        float: left;
    }
	
}


/* Pantallas inferiores a 768px (mobile) */
@media screen and (max-width: 47.95em) {
	.contenedor-planes-luz {
		background: #F1F5ED;
		padding: 30px 0 30px 0;
	} 
    .contenedor-planes-luz .button {
        white-space: normal;
    }
    .contenedor-planes-luz .asesor .asesor-text {
        width: 85%;
        display: block;
    }
    .contenedor-planes-luz .asesor-button .button {
        width: 90%;
        margin: 30px 5%;
    }
    .contenedor-planes-luz .infoplanes .panel-v,
    .contenedor-planes-luz .infoplanes .panel-h {
        border: 0;
    }
    .contenedor-planes-luz .infoplanes .panel-v-doble,
    .contenedor-planes-luz .infoplanes .panel-h {
        border: 0;
    }
	.contenedor-planes-luz .panel-h .infoplan-detail,
	.contenedor-planes-luz .panel-v .infoplan-detail {
	    margin-top: 0;
	    height: auto;
	}
	.contenedor-planes-luz .panel-h .infoplan-detail,
	.contenedor-planes-luz .panel-v-doble .infoplan-detail {
	    margin-top: 0;
	    height: auto;
	}
    .contenedor-planes-luz .infoplanes .infoplan-detail,
    .contenedor-planes-luz .infoplanes .infoplan-detail-grande {
        max-width: 320px;
        margin: 15px auto;
        padding: 20px 12px;
    }
    .contenedor-planes-luz .infoplan-detail .infoplan-subtitle,
    .contenedor-planes-luz .infoplan-detail .infoplan-subtitle-sameline {
        display: block;
        line-height: 1.1em;
        text-align: center;
        clear: left;
        width: 80%;
        margin: 0 auto;
        margin-top: 15px;
    }
    .contenedor-planes-luz .infoplan-button {
        position: relative;
        left: 0;
        bottom: 0;
        clear: both;
    }
    .contenedor-planes-luz .infoplan-button .button {
        width: 100%;
        margin-top: 15px;
        display: inline-block;
        word-break: break-word;
        overflow: hidden;
    }
	.btn-contratar-position{
		margin-top: 40px!important;
	}
}