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

@-webkit-keyframes body-carg{ 0%,50% { background:#fff; opacity:0} 100%{opacity:1}}
.body-intro {
	
    -webkit-animation: body-carg 2s  ;
       -moz-animation: body-carg 2s ;
        -ms-animation: body-carg 2s ;
         -o-animation: body-carg 2s ;
            animation: body-carg 2s ;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,header,footer,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%}article,aside,nav,section,dialog,figure,header,footer,hgroup{ display:block}legend{display:none}:focus{outline:0}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}a img,iframe{border:none}ul{list-style:none}input,textarea,select,button{font-size:100%;font-family:inherit}input,select{ vertical-align:middle}select{margin:inherit}button{border:0;padding:0;background:transparent;cursor:pointer}ol{margin-left:2em}a{text-decoration:none}.clear{clear:both}input, button{ -webkit-appearance: none; -webkit-border-radius: 0;}

body { color:#fff; background: url(../images-enermovil/bg-degrade.png) center top repeat-x #006ab1; font-family:'open_sansregular'; font-size:15px;}
*{position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  -webkit-tap-highlight-color:rgba(0,0,0,0)}

@font-face{    font-family:'open_sansregular';     src:url('../font-enermovil/opensans/opensans-regular-webfont.eot');     src:url('../font-enermovil/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),         url('../font-enermovil/opensans/opensans-regular-webfont.woff2') format('woff2'),         url('../font-enermovil/opensans/opensans-regular-webfont.woff') format('woff'),         url('../font-enermovil/opensans/opensans-regular-webfont.ttf') format('truetype'),         url('../font-enermovil/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');     font-weight:normal;     font-style:normal}

@font-face{    font-family:'OpenSansSemibold';     src:url('../font-enermovil/opensans/opensans-semibold.eot');     src:url('../font-enermovil/opensans/opensans-semibold.eot') format('embedded-opentype'),         url('../font-enermovil/opensans/opensans-semibold.woff2') format('woff2'),         url('../font-enermovil/opensans/opensans-semibold.woff') format('woff'),         url('../font-enermovil/opensans/opensans-semibold.ttf') format('truetype'),         url('../font-enermovil/opensans/opensans-semibold.svg#OpenSansSemibold') format('svg')}

@font-face{    font-family:'open_sansbold';     src:url('../font-enermovil/opensans/opensans-bold-webfont.eot');     src:url('../font-enermovil/opensans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),         url('../font-enermovil/opensans/opensans-bold-webfont.woff2') format('woff2'),         url('../font-enermovil/opensans/opensans-bold-webfont.woff') format('woff'),         url('../font-enermovil/opensans/opensans-bold-webfont.ttf') format('truetype'),         url('../font-enermovil/opensans/opensans-bold-webfont.svg#open_sansbold') format('svg');  font-weight:normal;  font-style:normal}


@font-face{    font-family:'proxima_novabold';     src:url('../font-enermovil/nova/bold-webfont-webfont.eot');     src:url('../font-enermovil/nova/bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),         url('../font-enermovil/nova/bold-webfont-webfont.woff') format('woff'),         url('../font-enermovil/nova/bold-webfont-webfont.ttf') format('truetype'),         url('../font-enermovil/nova/bold-webfont-webfont.svg#proxima_novabold') format('svg');     font-weight:normal;     font-style:normal}

@font-face{    font-family:'proxima_novaregular';     src:url('../font-enermovil/nova/regular-webfont-webfont.eot');     src:url('../font-enermovil/nova/regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),         url('../font-enermovil/nova/regular-webfont-webfont.woff') format('woff'),         url('../font-enermovil/nova/regular-webfont-webfont.ttf') format('truetype'),         url('../font-enermovil/nova/regular-webfont-webfont.svg#proxima_novaregular') format('svg');     font-weight:normal;     font-style:normal}

@font-face {    font-family: 'CenturyGothicRegular';    src: url('../font-enermovil/gothic/gothic.eot');    src: url('../font-enermovil/gothic/gothic.eot') format('embedded-opentype'),         url('../font-enermovil/gothic/gothic.woff2') format('woff2'),         url('../font-enermovil/gothic/gothic.woff') format('woff'),         url('../font-enermovil/gothic/gothic.ttf') format('truetype'),         url('../font-enermovil/gothic/gothic.svg#CenturyGothicRegular') format('svg');}

/*---- Generales -------*/
.max-w { width:95%; max-width:1000px; min-width:900px; margin:0 auto;}
.row { margin:0 -30px;}
.w-50p { width:50%; float:left;}
.w-30p { width:33%; float:left; padding:0 30px; margin:30px 0; }
.bg-iso { background:url(../images-enermovil/bg-iso-enermovil.png) no-repeat top}
.margintop-int{ padding-top:290px;}
img {display:block;}

header { width:100%; height:273px; background:url(../images-enermovil/bg-header.png) center top; position:absolute; top:0; left:0; z-index:20}
.cont-logo { width:300px; margin:0 auto; top:25px; z-index:2;}

.cont-slider-top { width:100%; height:558px; padding:263px 0 0 0; background:url(../images-enermovil/bg-slider.png) center bottom; }

nav { text-align:center; background:url(../images-enermovil/bg-nav.png) center bottom repeat-x; font-size:0;}
nav li { display:inline-block; vertical-align:top;  font-size:24px; padding:0 5px; letter-spacing:-1px;}
nav a {color:#fff; padding:10px; display:block; z-index:20;}
nav a:hover { color:#fdd700}
nav li:hover .ani-energy-bt { display:block; z-index:10;}
nav li:first-child .ani-energy-bt { left:-15px;}

footer { width:100%; /*height:136px;*/ background:url(../images-enermovil/bg-footer.png) center top; text-align:center; color:#666; padding:25px 0; font-size:14px; line-height:17px; z-index:3;}

.b-blueenermovil { color:#fdd700; background:#0086c5; clear:both; display:block; padding:10px; width:200px; text-align:center; font-size:16px; margin:5px 0; z-index:3}
.b-blueenermovil:hover { background:#fdd700; color:#006ab1;}

nav {font-family: 'CenturyGothicRegular';}

.ms-tabs .ms-thumb h3,
.contgen-infosliderarticles h2,
.b-blueenermovil,
.cont-infoslidertop,
.contgen-infoenermovil h2,
.contgen-infoenermovil h1,
.contgen-infoenermovil h3,
.contgen-formcontact h1,
.cont_botonenviar_contacto button,
.contgen-infoservicios h1,
.contgen-infoproductos h1,
.contgen-infoproductos h2  {font-family:'proxima_novabold'; }

footer h1 {font-family:'open_sansbold'; }

.b-blueenermovil,
input#email, input#nombre, textarea#mensaje, input#phone, input#city,
.cont_botonenviar_contacto button,
.cont-boxservice div  {border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px;}

.b-blueenermovil,
nav a,
input#email, input#nombre, textarea#mensaje, input#phone, input#city,
.cont_botonenviar_contacto button,
.contgen-galerias a span,
#contacto_form,
#message {transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out}

.contgen-infoenermovil { overflow:hidden;}

.list-itemsenermovil { margin:20px 0;}
.list-itemsenermovil li { margin:10px 0; padding:0 0 0 20px;}
.list-itemsenermovil li:before { content:""; width:15px; height:18px; background:url(../images-enermovil/rayo-enermovil.png) no-repeat center; background-size:100% auto; display:block; position:absolute; left:0; margin:auto; top:0; bottom:0}

/*---- Home --*/
.cont-infoslidertop {position:absolute; right:0; top:60px; font-size:60px; text-align:right; color:#fdd700;}
.cont-imglidertop { z-index:100 !important;}
.cont-infoslidertop h3 { font-size:25px; margin:0 0 0 0;}
.cont-infoslidertop h2 { line-height:45px;}


.cont-articleshome { margin:50px auto;}
.ms-tabs .ms-thumb h3 { font-size:24px; letter-spacing:-1px; line-height:23px; margin:4px 0 0 0;}
.ms-tabs .ms-thumb p { font-size:14px;}

.contgen-infosliderarticles figure { float:left; margin-right: 15px;}
.contgen-infosliderarticles h2 { color:#fdd700; font-size:35px; line-height:33px;}

.enerslider-02 h2, .enerslider-04 h2 { margin-top:20px;}
.enerslider-05 h2 { margin-top:30px;}

/*---- Quienes somos ------*/
.contgen-infoenermovil, .contgen-formcontact, .contgen-infoservicios, .contgen-infoproductos { padding:60px 0;}
.contgen-infoenermovil h2, .contgen-infoenermovil h3, .contgen-infoenermovil h1, .contgen-formcontact h1, .contgen-infoservicios h1, .contgen-infoproductos h1, .contgen-infoproductos h2{ color:#fdd700;}
.contgen-infoenermovil h2, .contgen-formcontact h1, .contgen-infoservicios h1, .contgen-infoproductos h1  { font-size:40px; margin-bottom:20px;}
.contgen-infoenermovil h3, .contgen-infoenermovil h1, .contgen-infoproductos h2{ font-size:25px;}
.contgen-infoenermovil p, .contgen-formcontact p { margin:10px 0 30px}

.contgen-infoenermovil article { padding:0 0 0 20px;}
.contgen-infoenermovil div article:first-child  { padding:0 20px 0 0;}

.descargar-rut { padding:10px; text-transform:uppercase; width:100%; max-width:400px; margin:60px auto 0; -webkit-box-shadow: 0px 7px 22px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 7px 22px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 7px 22px 0px rgba(50, 50, 50, 0.5); }
.descargar-rut img { display:inline-block; vertical-align:middle; margin:0 10px 0 0;}

/*---- Servicios --*/
.cont-boxservice { width:33.33%; float:left; text-align:center; font-family:'proxima_novabold';  color:#fdd700; font-size:30px;}
.cont-boxservice div { margin:10px; background:#0086c5; padding:100px 10px;}

/*--- productos ---*/
.contgen-galerias a { display:block;}
.fx-hove-img { position:absolute; width:100%; height:180px;  border:0px solid #fdd700;  z-index:2}
.contgen-galerias a:hover .fx-hove-img {border:6px solid #fdd700;}

/*----- Contacto ---*/
::-webkit-input-placeholder { color: #fff;}
:-moz-placeholder {color: #fff; }
::-moz-placeholder { color: #fff; }
:-ms-input-placeholder { color: #fff; }

input#email, input#nombre, textarea#mensaje, input#phone, input#city{width:100%; padding:15px 10px;  margin:5px 0; background:#0086c5; font-size:18px; border: none; color:#fff;}
input:focus, textarea:focus { background:#58acd8 !important;}
textarea#mensaje{height:247px}

.cont_campos{display:inline-block; vertical-align:top; width:100%; padding:0 30px 0 0}

label#email_error, label#nombre_error, label#city_error, label#mensaje_error{position:absolute; font-size:15px; color:#222; width:250px; height:40px; z-index:10; top:-15px; right:0; background:#DFDFDF; padding:10px 8px; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0px 3px 8px 0px rgba(50,50,50,0.35); -moz-box-shadow: 0px 3px 8px 0px rgba(50,50,50,0.35); box-shadow: 0px 3px 8px 0px rgba(50,50,50,0.35); -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out}

label#email_error:before, label#nombre_error:before, label#city_error:before, label#mensaje_error:before{position:absolute; content:""; width:0px; height:0px; bottom:-15px; margin:auto; left:0; right:0; border-style:solid; border-width:20px 15px 0 15px; border-color:#DFDFDF transparent transparent transparent}

button.button:hover{background:#FFF; color:#353535}

.cont_botonenviar_contacto button{ display:block; width:100%; text-align:center; background:#fdd700;  border:none;  padding:10px 10px; font-size:25px; color: #0086c5;}
.cont_botonenviar_contacto button:hover { background:#58acd8; color:#fff;} 

#message{font-family:'open_sansregular'; width:100%; height:120px; text-align:center; margin:auto; left:0; right:0; top:0; bottom:0}
#message span{background-position:-3px -155px; width:44px; height:42px; display:block; margin:0 auto 10px; left:0; right:0}
#message h2{font-size:30px; font-weight:normal}
#message p{font-size:17px}
#checkmark{display:none}

#map-canvas { width:100%; height:400px; margin-bottom:-100px;}

/*--- Footer --------*/
.cita-biblica { max-width:680px; margin:20px auto;}
.cita-biblica span { display:block; text-align:right; font-weight:bold; margin:10px 0;}

/*----- Animaciones ------*/
.ani-energy-top {
	width:676px; height:104px;  background: url(../images-enermovil/Energia-logo-sprite.png); position:absolute; margin:auto; left:0; right:0; top:50px;
    -webkit-animation: ani-energy-top 7s steps(14) forwards infinite;
       -moz-animation: ani-energy-top 7s steps(14) forwards infinite;
        -ms-animation: ani-energy-top 7s steps(14) forwards infinite;
         -o-animation: ani-energy-top 7s steps(14) forwards infinite;
            animation: ani-energy-top 7s steps(14) forwards infinite;
}

@-webkit-keyframes ani-energy-top{ 0% {background-position:0px} 10%, 100%{background-position:-9490px}}
@-moz-keyframes ani-energy-top{ 0% {background-position:0px} 10%, 100%{background-position:-9490px}}
@-ms-keyframes ani-energy-top{ 0% {background-position:0px} 10%, 100%{background-position:-9490px}}
@-o-keyframes ani-energy-top{ 0% {background-position:0px} 10%, 100%{background-position:-9490px}}
@keyframes ani-energy-top{ 0% {background-position:0px} 10%, 100%{background-position:-9490px}}

.ani-energy-bt {
	width:128px; height:47px;  background: url(../images-enermovil/fx-b.png); position:absolute; margin:auto; left:0; right:0; top:8px; display: none;
    -webkit-animation: ani-energy-bt .4s steps(14) forwards 1;
       -moz-animation: ani-energy-bt .4s steps(14) forwards 1;
        -ms-animation: ani-energy-bt .4s steps(14) forwards 1;
         -o-animation: ani-energy-bt .4s steps(14) forwards 1;
            animation: ani-energy-bt .4s steps(14) forwards 1;
}

@-webkit-keyframes ani-energy-bt{ 0% {background-position:0px} 100%{background-position:-1792px}}
@-moz-keyframes ani-energy-bt{ 0% {background-position:0px} 100%{background-position:-1792px}}
@-ms-keyframes ani-energy-bt{ 0% {background-position:0px} 100%{background-position:-1792px}}
@-o-keyframes ani-energy-bt{ 0% {background-position:0px} 100%{background-position:-1792px}}
@keyframes ani-energy-bt{ 0% {background-position:0px} 100%{background-position:-1792px}}