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

/*FUENTES*/

@font-face{
	font-family:'FFClan';
	src:url("../fonts/ClanOT-News.woff") format("woff");
	font-weight:200;
	font-style:normal;
}

@font-face{
	font-family:'FFClan';
	src:url("../fonts/ClanOT-NewsItalic.woff") format("woff");
	font-weight:200;
	font-style:italic;
}

@font-face{
	font-family:'FFClan';
	src:url("../fonts/ClanOT-Bold.woff") format("woff");
	font-weight:600;
	font-style:normal;
}

@font-face{
	font-family:'FFClan';
	src:url("../fonts/ClanOT-BoldItalic.woff") format("woff");
	font-weight:600;
	font-style:italic;
}

@font-face{
	font-family:'FFClan';
	src:url("../fonts/ClanOT-Medium.woff") format("woff");
	font-weight: 400;
	font-style:normal;
}

@font-face{
	font-family:'FFClan';
	src:url("../fonts/ClanOT-MediumItalic.woff") format("woff");
	font-weight:400;
	font-style:italic;
}

@font-face{
	font-family:'FFClan';
	src:url("../fonts/ClanOT-Book.woff") format("woff");
	font-weight: 100;
	font-style:normal;
}

@font-face{
	font-family:'FFClan';
	src:url("../fonts/ClanOT-BookItalic.woff") format("woff");
	font-weight:100;
	font-style:italic;
}


/* ////////////////////////  Borrando los estilos por default \\\\\\\\\\\\\\\\\\\\\\\\\ */

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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/*h1,h2,h3,h4,p,ul,li,*,span,div,a,label{
	font-family: FFClan, sans-serif !important;
}*/
h1,h2,h3,h4,p,span,strong,div,a,label, textarea, input, select{
	font-family: FFClan, sans-serif !important;
}

html{
	height:100%;
}

html {
    background: #FFF;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body { 
font-family: 'FFClan', sans-serif;
font-size:15px;
color:#444444;
font-weight: 100;
background: #ffffff;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}

input[type=text] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

input[type=submit] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

button[type=reset] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}


textarea{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}


/* ////////////////////////  GLOBALES \\\\\\\\\\\\\\\\\\\\\\\\\ */
/*body, p, h1, table ... todo lo que no lleva # ni .*/

body{
font-family: 'FFClan', sans-serif;
font-size:15px;
color:#444444;
font-weight: 100;
background: #ffffff;
line-height: 25px;
}

a{
	color:#005FAA;
	text-decoration: none;
	transition: all 0.4s ease;
}


a:hover{
	color:#00aaff;
	transition: all 0.4s ease;
}

a.over-morado:hover{
	color:#552382;
}

:hover{
	transition: all 0.4s ease;
}



select{
  font-size: 14px;
  background: none;
	margin-top:0;
	border: solid 1px #005FAA;   
	color: #005FAA;
	font-family: 'FFClan', sans-serif;
	font-weight: 100;
}



button.blanco{
   background: #fff !important;
    color: #D5327B !important;
    padding: 10px 15px;
}




/* ////////////////////////  COLORES CORPORATIVOS\\\\\\\\\\\\\\\\\\\\\\\\\ */

/*TEXTO COLORES*/

.txt-gris{
	color:#444444;
}

.txt-gris-claro{
	color: #a4a4a4;
}

.txt-blanco{
	color:#FFFFFF;
}

.txt-blanco-80{
	color:rgba(255, 255, 255, 0.8);
}

.txt-blanco-60{
	color:rgba(255, 255, 255, 0.6);
}

.txt-azul-corporativo{
	color:#00aaff;
}

.txt-azul{
	color:#005FAA;
}

.txt-verde-medio{
	color:#69AF23;
}

.txt-verde{
	color:#008737;
}

.txt-verde-claro{
	color:#BECD00;
}

.txt-amarillo{
	color:#FFC300;
}

.txt-rojo{
	color:#E10019;
}

.txt-morado{
	color:#552382;
}

.txt-rosa{
	color:#E62D87;
}

.txt-naranja{
	color:#F07D00;
}


.txt-rosa-e{
	color:#D5327B;
}

/*FONDOS*/

.bg-gris{
	background:#444444;
}

.bg-gris-claro{
	background:#a4a4a4;
}

.bg-gris-muy-claro{
	background:#ececec ;
}

.bg-azul-corporativo{
	background:#00aaff;
}

.bg-azul{
	background:#005FAA;
}

.bg-verde-medio{
	background:#69AF23;
}

.bg-verde{
	background:#008737;
}

.bg-verde-medio{
	background:#69af23;
}

.bg-verde-claro{
	background:#BECD00;
}

.bg-amarillo{
	background:#FFC300;
}

.bg-rojo{
	background:#E10019;
}

.bg-morado{
	background:#552382;
}

.bg-rosa{
	background:#E62D87;
}

.bg-naranja{
	background:#F07D00;
}

.bg-blanco{
	background:#FFFFFF;
}

.bg-blanco-transparente{
	background:rgba(255,255,255,.4);
}

.bg-azul-gama-1{
	background: #075091;
}

.bg-azul-gama-2{
	background: #6ac7ea;
}

.bg-azul-gama-3{
	background: #0069a7;
}

.bg-azul-gama-4{
	background: #233365;
}

.bg-rosa-e{
	background:#D5327B;
}

.bg-rosa-m{
	background:#e39cbc;
}

.bg-rosa-d{
	background:#ad2864;
}

.bg-azul-gama-2-t{
    background: #f2f2f2;
}

/****BORDES COLORES*****/


.br-gris{
	border-color:#444444;
}

.br-gris-claro{
	border-color:#a4a4a4 !important;
}

.br-gris-muy-claro{
	border-color:#ececec !important;
}

.br-azul-corporativo{
	border-color:#00aaff !important;
}

.br-azul{
	border-color:#005FAA !important;
}

.br-verde-medio{
	border-color:#69AF23;
}

.br-verde{
	border-color:#008737 !important;
}

.br-verde-medio{
	border-color:#69af23 !important;
}

.br-verde-claro{
	border-color:#BECD00;
}

.br-amarillo{
	border-color:#FFC300 !important;
}

.br-amarillo.grueso {
	border: 4px solid #FFC300 !important;
}

.br-rojo{
	border-color:#E10019 !important;
}

.br-morado{
	border-color:#552382 !important;
}

.br-rosa{
	border-color:#E62D87 !important;
}

.br-naranja{
	border-color:#F07D00 !important;
}

.br-blanco{
	border-color:#FFFFFF !important;
}

.br-rosa-e{
	border-color:#D5327B !important;
}

.br-azul-gama-2{
    border-color: #6ac7ea !important;
}

.br-grueso{
    border-width: 4px !important;
}

.br-redondo{
    border-radius: 136px 136px 136px 136px;
-moz-border-radius: 136px 136px 136px 136px;
-webkit-border-radius: 136px 136px 136px 136px;
}


/* ////////////////////////  ELEMENTOS Y POSICIONES \\\\\\\\\\\\\\\\\\\\\\\\\ */

/****BORDES POSICION*****/


.br-completo{
	border: 1px solid;
}

.br-arriba{
	border-top: 1px solid;
}

.br-abajo{
	border-bottom: 1px solid;
}

.br-derecho{
	border-right: 1px solid;
}

.br-izquierdo{
	border-left: 1px solid;
}

.br-arriba-dot{
	border-top: 1px dotted;
}

.br-abajo-dot{
	border-bottom: 1px dotted;
}


/****FLOTADOS*****/


.flota-izquierda{
	float:left;
}

.flota-derecha{
	float:right;
}

.limpiar{
	clear:both !important;
}

/*****POSICIONES****/

.ps-relativa{
	position: relative;
}

.ps-absoluta{
	position: absolute;
}

.ps-fija{
	position: fixed;
}

.ps-seguido, ul.ps-seguido li{
    display: inline-block;
}

.ps-aparte{
    display: block !important;
}

.al-v-arriba, .al-v-arriba div, .al-v-arriba ul, .al-v-arriba li{
    vertical-align: top;
}

/****VISIBILIDAD***/

.oculta{
	display: none !important;
}

/****BOTONES*****/

a.plasta-engie-maxigas, a.borde-engie-maxigas{
border-radius: 136px 136px 136px 136px;
-moz-border-radius: 136px 136px 136px 136px;
-webkit-border-radius: 136px 136px 136px 136px;
padding: 3% 8% 3% 8%;
transition: all 0.4s ease;
}

a.plasta-engie-maxigas.txt-mediano, a.borde-engie-maxigas.txt-mediano{
font-size: 18px;
}

a.plasta-engie-maxigas.claro, a.borde-engie-maxigas.claro, a.claro{
color: #fff;
}

a.plasta-engie-maxigas.claro:hover, a.borde-engie-maxigas.claro:hover{
background: rgba(255,255,255,.4);
}

a.plasta-engie-maxigas.azul, a.borde-engie-maxigas.azul{
color: #00aaff;
}

a.claro:hover{
    color: rgba(255,255,255,.4);
}

.circulo-borde{
	-webkit-border-radius: 200px;
	border-radius: 200px;
	display: inline-block;
	padding: 10px;
	text-align: center;
	font-size: 19px;
	width: 20px;
	height: 20px;
}

.circulo-icono{
	-webkit-border-radius: 200px;
	border-radius: 200px;
	
	text-align: center;
	    width: 50px;
    height: 50px;
    margin: 8% auto;
}

/** PLECAS **/

.pleca{

    line-height: 20px;
    text-align: center;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    width: 100px !important;
    height: 10px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    margin-bottom: 30px !important;
}

.pleca.peque{

    width: 70px !important;
    height: 9px !important;

}

.pleca.mas_peque{

    width: 50px !important;
    height: 8px !important;

}

.pleca.inferior{

    margin-top: 30px !important;
    margin-bottom: 0px !important;
}

.pleca.superior{

    margin-top: 10px !important;
    margin-bottom: 30px !important;
}

.pleca.ambos{

    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

/***** IMAGENES*****/

.w100{
    width: 100%;
}


.w50{
    width: 50%;
}

.w40{
    width: 40%;
}

.w33{
    width: 33%;
}

.w30{
    width: 30%;
}

/***IMAGENES***/

.w45{
    width: 45%;
}

.w55{
    width: 55%;
}

.w60{
    width: 60%;
}

.w70{
    width: 70%;
}

/***TEXTOS***/

/***ALINEACIÓN***/

.al-centro{
	text-align:center !important;
}

.al-derecha{
	text-align:right;
}

.al-izquierda{
	text-align:left;
}

.al-justificar{
	text-align:justify;
}

/**ÍCONOS**/

.material-icons{
	vertical-align: middle;
}

.fa, .fab{
	vertical-align: super;
}

/** CAMBIO ***/

.txt-altas{
	text-transform: uppercase;
}

.txt-altas-bajas{
	text-transform: none !important;
}

/** TAMAÑOS **/

.txt-peque{
	font-size: 11px !important;
}

.txt-mediano-16{
	font-size: 16px !important;
}

.txt-mediano{
	font-size: 18px !important;
}

.txt-grande{
	font-size: 20px;
}

.txt-destacado{
    font-size: 34px !important;
}

.txt-muy-grande{
	font-size: 40px !important;
}

.txt-gigante{
	font-size: 80px !important;
}

/** SOMBRAS **/

.texto-sombreado{
	text-shadow: 0 3px 10px #707070;
}

.sombra{
    -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 7px 0 rgba(0,0,0,.1);
}

/** GROSOR **/

.txt-negritas{
	font-weight: 600 !important;
}

.txt-w-mediano{
	font-weight: 400 !important;
}

.txt-normal{
	font-weight: 200;
}

.txt-delgado{
	font-weight: 100;
}

.txt-italico{
	font-style: italic;
}

/**LISTAS**/

.lista-seguida li{
	display: inline-block;
}

.contenido ul.bullets, .contenido ul.lista{
   padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.contenido ul.bullets li{
   margin-left: 45px;
}

.contenido ul.bullets li:before{
   content: "\E5CC";
font-family: 'Material Icons';
    margin-right: 3px;
        margin-left: 2%;
    color: #00aaff;
    font-size: 24px;
    vertical-align: middle;
        position: absolute;
    left: 0;
}

/* ////////////////////////  ESPACIOS \\\\\\\\\\\\\\\\\\\\\\\\\ */

/** ESPACIOS PADDING*/



.sin-espacio{
    padding: 0 !important;
}


.sin-espacio-t{
    padding-top: 0 !important;
}

.sin-espacio-b{
    padding-bottom: 0 !important;
}

.sin-espacio-v{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.espacio-10{
    padding: 10% !important;
}

.espacio-5{
    padding: 5% !important;
}

.espacio-5-l{
    padding-left: 5% !important;
}


.espacio-5-r{
    padding-right: 5% !important;
}


.espacio-1-3{
    padding: 1% 3% !important;
}

.espacio-1-5-2{
    padding: 1% 2% 1% 5% !important;
}

.espacio-10-th{
    padding-top: 10% !important;
}

.espacio-10-v{
    padding-left: 10% !important;
    padding-right: 10% !important;
}

.espacio-2-v{
    padding-left: 2% !important;
    padding-right: 2% !important;
}

.espacio-3-h{
    padding-top: 3% !important;
    padding-bottom: 3% !important;
}

.espacio-15-h{
    padding-top: 15% !important;
    padding-bottom: 15% !important;
}

.espacio-btn{
    padding: 10px 30px !important;
}

.espacio-btn-p{
    padding: 5px 10px !important;
}

.bloque-bg{
    margin: 2% 10%;
}


/** MÁRGENES */

.sin-margen-v{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.margen-8-6{
    margin: 8% 6% !important;
    /*margin-bottom: 2% !important;*/
}

.margen-10{
    margin: 10% !important;
    /*margin-bottom: 2% !important;*/
}

.margen-2-h{
    margin-left: 2% !important;
    margin-right: 2% !important;
    /*margin-bottom: 2% !important;*/
}

.margen-2-t{
    margin-top: 2% !important;
    /*margin-bottom: 2% !important;*/
}

.margen-2-b{
    margin-bottom: 2% !important;
    /*margin-bottom: 2% !important;*/
}

.margen-109-b{
    margin-bottom: 109px !important;
    /*margin-bottom: 2% !important;*/
}

.margen-10-t{
    margin-top: 10% !important;
    /*margin-bottom: 2% !important;*/
}

.margen-5-v{
    margin-top: 5% !important;
    margin-bottom: 5% !important;
}

.margen-5-2-v{
    margin-top: 5% !important;
    margin-bottom: 2% !important;
}

.margen-2-v{
    margin: 1% 0 !important;
    /*margin-bottom: 2% !important;*/
}

.margen-2{
    margin: 2% !important;
    /*margin-bottom: 2% !important;*/
}

.margen-10-h{
    margin-left: 10%;
    margin-right: 10%;
}


/** ANCHOS **/

/* ////////////////////////  ESTRUCTURA \\\\\\\\\\\\\\\\\\\\\\\\\ */

.primera.seccion{
    margin: 1% 0 .5% 0;
}

.seccion{
  /*margin-top: 3%;
  margin-bottom: 3%;*/
  list-style: none; 
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap !important;
  /*justify-content: space-around;*/
    justify-content: center;
    margin: 1% 0 0 0;
    
}

.seccion > * {
  padding: 3%;
  flex: 1 100%;
}

.seccion.w90{
    margin-left: 5%;
    margin-right: 5%;
}

.seccion.w90p10{
    padding-left: 5%;
    padding-right: 5%;
}

.seccion.inicio-slider > *, .seccion.interior-slider > *, .seccion.inicio-categorias > *, .seccion.menu-categorias > *, .seccion.menu-categorias{
  padding: 0 !important;
}

/**BLOQUES***/

.bloque-5-h{
    margin: 0 5%;
}

.bloque{
    margin: 10%;
}

.bloque.vertical{
    margin-top: 15% !important;
    margin-bottom: 10% !important;
    margin-left: 0% !important;
    margin-right: 0% !important;
}

.bloque.plasta{
    margin: 0;
    padding: 10%;
}

.titulo-vertical-t{
    padding: 10% 0 0 0;
}

.titulo{
    padding: 10%;
}

/** COLUMNAS **/

.columna{
    position: relative;
    padding: 0;
    width: 25%;
    max-width: 25%;
    vertical-align: top;
    flex: 1;
}

.columna.bloques{
    flex: none !important;
}

.completa{
    width: 100% !important;
    max-width: 100% !important;
}

.dos-cuartos{
    width: 50% !important;
    max-width: 50% !important;
    min-width: 50% !important;
}

.tres-cuartos{
    width: 75% !important;
    max-width: 75% !important;
}

.un-tercio{
    width: 33.3% !important;
    max-width: 33.3% !important;
}

.dos-tercios{
    width: 60% !important;
    max-width: 60% !important;
}

.tres-cuartos-sidebar{
    width: 77.8% !important;
    max-width: 77.8% !important;
    margin-right: 4% !important;
}

.sidebar{
    width: 20.2% !important;
    max-width: 20.2% !important;
    	-webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */
    transition: top 1s;
}

.un-quinto{
    width: 20% !important;
    max-width: 20% !important;
}


.alto-completo{
    height: 100% !important;
    max-height: 100% !important;
}

/* /////////////  CABEZA \\\\\\\\\\\\\\\ */

header{
    width:100%;
	padding: 0;
	position: absolute;
	transition: all 0.4s ease;
	z-index: 5;
max-height: 110px; /*AGREGADO*/
    height: 110px; /*AGREGADO*/
text-align:left;
}

header #logo-engie-mexico{
   	max-width: 200px;
	height: auto;
	width: 200px;
	margin-left: 42px;
	max-height: 105px; /*AGREGADO*/
    display: inline-block;

}

header .emergencias{
    display: inline-block;
    vertical-align: top;
}

header ul.emergencias{
    display: inline-block;
}

header ul.emergencias li{
    
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    font-size: 14px;
    margin-right: 20px;
    width: 30% !important;
}

/**Menu principal 2018**/

header a{
    color: #fff;
}

header.sticky a{
    color: #00aaff;
}

header.sticky a:hover{
    color: #0160aa;
    font-weight: bold;
}

header nav{
        position: absolute;
    right: 0;
    bottom: 0;
    width: 60%;
    text-align: right !important;
}

header nav ul{
    margin-right: 3.5%;
}

header nav ul li{
    text-transform: uppercase;   
    /*border-right: 1px solid #00aaff;*/
     border-right: 1px solid #fff;
    font-size: 12px;
    color: #fff;
    margin-left: -5px;
    padding: 0 15px;
    /*width: 25%;*/
    text-align: center;
}

/*header nav ul li:first-child{
     border-left: 1px solid #fff;
}*/

header nav ul li:last-child{
   border: none;
    
}

header nav ul li a{
   display: block;
    padding: 5px;
    color: #fff;
}

header nav ul li a:hover{
    color: #fff;
    border-bottom: 3px solid #fff;
}


header.sticky nav ul li{  
    border-right: 1px solid #00aaff;
    color: #00aaff;
}

header.sticky nav ul li:last-child{
   border: none;
    padding: 5px 15px;
}

header.sticky nav ul li a{
    color: #00aaff;
}

header.sticky nav ul li a:hover{
    border-bottom: none;
}

.btn-mediano{
    font-size: 24px;
    padding: 22px 10px;
    text-align: left;
    cursor: pointer;
    color: rgba(255,255,255,.8);
    vertical-align: text-top;
}


.btn-mediano i{

    color: rgba(255,255,255,.8);
}

.btn-mediano:hover{
    color: rgba(255,255,255,1) !important;
}

.btn-mediano:hover i{
    color: rgba(255,255,255,1) !important;
}

/**/

/*AGREGADO*/
#cabeza-principal.sticky #logo-engie-mexico img#inicio-azul, #cabeza-principal #logo-engie-mexico img#inicio{
margin:0;
padding:0;
height:105px; 
max-height:105px;
}

header .btn-cursor:hover{
	color: #ffffff;
}

.derecha{
	position: absolute;
	right: 0px;
	top: 15%;
	width: 77%;
	margin-right: 8px;
    text-align: right;
}

.derecha ul li{
	display: inline-block;
	margin-right: 1.5%;
    vertical-align: top;
        line-height: initial;
}

.derecha ul li.emergencias{
	font-size: 14px;
    margin-right: 48px;
    line-height: initial;
}


header h3, nav.menu-principal h3{
	font-size: 11px;
	font-weight: 200;
	text-transform: uppercase;
	display: inline-block;
    padding: 1% 0 0 0 !important;
	/*vertical-align: super;*/
}

.menu-barras{
border-radius: 136px 136px 136px 136px;
-moz-border-radius: 136px 136px 136px 136px;
-webkit-border-radius: 136px 136px 136px 136px;
border: thin solid rgba(255, 255, 255, 0.6);
	transition: all 0.4s ease;
    height: 32px;
    width: 120px;
    padding-top: 8px;
    text-align: center;
}

#menu-btn.menu-barras{

    padding-top: 7px;
    height: 33px;

}

.menu-barras.btn-cursor:hover{
border: thin solid rgba(255, 255, 255, 1);
color: #fff;
    background: rgba(255,255,255,.3);
transition: all 0.4s ease;
}

.menu-barras.btn-cursor:hover a{
color: #fff;
transition: all 0.4s ease;
}

.sticky .menu-barras.btn-cursor:hover{
border: thin solid #0160aa;
color: #0160aa;
transition: all 0.4s ease;
}

.sticky .menu-barras.btn-cursor:hover a{
color: #0160aa;
}

.sticky #menu-btn.menu-barras:hover{
    transition: all 0.4s ease;
    background: #0160aa;
    color: #fff;
}

.sticky .btn-cursor:hover{
color: #0160aa;
}

.sticky{
	position: fixed;
	background: #fff;
	-webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 7px 0 rgba(0,0,0,.1);
    z-index: 100;
}

.sticky ul.derecha{
	color: #a4a4a4 !important;
}

.sticky ul.derecha li:first-child{
	color: #00aaff !important;
}

.sticky .menu-barras{
	border: thin solid rgba(0, 170, 255, 0.4);
	transition: all 0.4s ease;
}

.sticky #menu-btn.menu-barras{
	background: #00aaff;
	transition: all 0.4s ease;
}

.sticky #inicio{
	display: none;
}

.sticky #inicio-azul{
	display: inline-block;
}

.sticky .emergencias{
    color: #00aaff;
}

#inicio-azul{
	display: none;
}


#inicio-menu, #inicio-submenu{
	max-width: 200px;
	height: auto;
	width: 200px;
	margin-left: 42px;
	position: absolute;
	left: 0;
}

/* ////  Menú HAMBURGUESA NUEVO \\\\\\\\\ */

nav#con-menu-hamburguesa.menu-principal, nav#con-menu-hamburguesa.menu-principal .submenus{
	position: fixed;
	background: rgba(0,170,255,.9);
	width:100%;
	height: auto;
	z-index: 1;
	right: 0;
	top: 0;
	color: #ffffff;
	text-align: left;
	font-weight: 400;
	overflow-x: hidden;
    overflow-y: hidden;
}

nav#con-menu-hamburguesa.menu-principal .menu-bloque-engie{
    text-align: center;

}

nav#con-menu-hamburguesa.menu-principal ul.menu{
    margin-top: 9%;
    border-top: 1px solid #FFF;

}

nav#con-menu-hamburguesa.menu-principal ul.menu > li{
    padding: 1%;
    /*border-bottom: 1px solid rgba(255,255,255,.5);*/
    border-bottom: none;
    display: inline-block;
    width: 20%;
    vertical-align: top;
    text-align: left;
}

nav#con-menu-hamburguesa.menu-principal ul.menu > li#engie-mexico, nav#con-menu-hamburguesa.menu-principal ul.menu > li#engie{
    padding-top: 20px !important;
}

nav#con-menu-hamburguesa.menu-principal ul.menu > li#ciudades{
    padding: 0 1% !important;
}

nav#con-menu-hamburguesa.menu-principal ul.menu > li#ciudades > a{
    padding: 20px 0;
    border-bottom: 1px solid rgba(255,255,255,.5);
    display:block;
    vertical-align: top;
}

nav#con-menu-hamburguesa.menu-principal ul.menu > li#ciudades > a:last-child{
    border-bottom: none;
}

nav#con-menu-hamburguesa.menu-principal ul.menu > li ul.submenu-new{
    padding: 15px 0;
}

nav#con-menu-hamburguesa.menu-principal ul.menu > li ul.submenu-new > li{
    padding: 11px inherit;
}

/* ////  Menú HAMBURGUESA \\\\\\\\\ */

nav.menu-principal, nav.menu-principal .submenus{
	position: fixed;
	background: rgba(0,170,255,.9);
	width: 22%;
	height: 100%;
	z-index: 111;
	right: 0;
	top: 0;
	color: #ffffff;
	text-align: left;
	font-weight: 400;
	overflow-x: hidden;
    overflow-y: hidden;
}

nav.menu-principal a{
	color: #ffffff;
}


nav.menu-principal div{
}

nav.menu-principal .derecha{
	position: absolute;
	right: 0px;
	top: 0;
	width: 30%;
	text-align: right;
	z-index: 13;
}

nav.menu-principal .menu-barras{
	display: inline-block;
	margin-right: 42px;
	padding: 1.5% 6% 1.7% 6%;
	margin-top: 30px;
}

nav.menu-principal div.cabeza-menu{
	text-transform: uppercase;
	font-size: 30px;
	/*border-bottom: 1px solid rgba(255,255,255, .4);*/
	margin-bottom: 4%;
	padding: 5% 4%;
    width: 47%;
    display: inline-block;
    text-align: center;
}



nav.menu-principal ul li.activo{
background: rgba(255,255,255,.2);
}

nav.menu-principal ul li{
padding: 3% 3% 3% 16%;
    border-bottom: 1px solid rgba(255,255,255,.5);
}

nav.menu-principal ul li ul.submenu-new {

}


nav.menu-principal ul li ul li{
padding: 3% 5%;
    border-bottom: none;
    font-weight: 100;
    font-size: 12px;
}

nav.menu-principal ul li ul li:before{
content: "\E5CC";
font-family: 'Material Icons';
    margin-right: 3px;
}

nav.menu-principal ul li{
padding: 3% 3% 3% 16%;
    border-bottom: 1px solid rgba(255,255,255,.5);
}

nav.menu-principal ul li:last-child:after{
	content: "";
	
}

nav.menu-principal ul.submenu{

}

nav.menu-principal div.pie-menu{
	border-top: 1px solid rgba(255,255,255, .4);
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 30px 0;
}

nav.menu-principal ul.iconos-sociales li{
	display: inline-block;
	margin: 0 30px; 

}

nav.menu-principal ul.iconos-sociales li a{
	border: 1px solid rgba(255,255,255, .6);
}

/* ////  SUBMENU HAMBURGUESA \\\\\\\\\ */

nav.menu-principal .submenus {
	z-index: 12;
	padding: 0;
	left: 100%;
}

nav.menu-principal .submenus div.cabeza-menu {
	margin-bottom: 0;
	
}

nav.menu-principal .submenus .rastro-migas{
	font-size: 11px;
	font-weight: 100;
	background: rgba(0, 0, 0, .1);
	width: 100%;
	padding: 2% 0;
	margin-bottom: 3% !important;
	position: relative;
}

nav.menu-principal .submenus .rastro-migas div{
	display: inline-block;
	padding: 0;
}

nav.menu-principal .submenus .rastro-migas div.regresar{
	position: absolute;
	left: 20px;
	width: 118px;
	top: 25%;
}

.borde-circulo{
	-webkit-border-radius: 200px;
	border-radius: 200px;
	border: 1px solid rgba(255,255,255, .6);
	padding: 8px;
}

nav.menu-principal .submenus .rastro-migas ul li{
	height: 26px;
	max-height: 26px;
	padding: 0 20px 0 0;
}

nav.menu-principal .submenus .rastro-migas ul li:first-child:after{
	content: "|";
	display: inline-block;
	margin-left: 20px;
}


/* ////  SLIDERS \\\\\\\\\ */

.full-width img{
width: 100%;
}

/*****MENU SERVICIOS 2018********/

#submenu-servicios-engie-maxigas{
    position: absolute;
    z-index: 80;
    width: 100%;
}

ul.submenu-servicios-engie-maxigas{
    /*width: 85%;*/
    width: 82%;
    text-align: left;
    *border-radius: 0 136px 136px 0;
-moz-border-radius: 0 136px 136px 0;
-webkit-border-radius: 0 136px 136px 0;
    position: relative;
    z-index: 99;
    margin-left: 15%;
}

/*ul.submenu-servicios-engie-maxigas li:first-child{
    margin-left: 5%;
        width: 19%;
}*/


/*ul.submenu-servicios-engie-maxigas li a.hogar{
       padding-left: 24px;
}

ul.submenu-servicios-engie-maxigas li.comercio{
        width: 29% !important;
}

ul.submenu-servicios-engie-maxigas li a.comercio{
         padding-left: 37px;
}*/

ul.submenu-servicios-engie-maxigas li{
   width: 29%;
    margin-left: -10%;
    text-align: left;
    *border-radius: 136px 136px 136px 136px;
    border-radius: 136px;
-moz-border-radius: 136px 136px 136px 136px;
-webkit-border-radius: 136px 136px 136px 136px;
    text-align: center;
}

/*ul.submenu-servicios-engie-maxigas li:last-child{
    text-align: center;
    width: 20% !important;
}*/

ul.submenu-servicios-engie-maxigas li:last-child a{
    padding-right: 0 !important;
}

ul.submenu-servicios-engie-maxigas li a{
    display: block;
    /*padding: 20px 30px 20px 40px;*/
    padding: 20px 20% 20px 0;
    color: #fff;
    text-transform: uppercase;
    *border-radius: 136px 136px 136px 136px;
    border-radius: 136px;
-moz-border-radius: 136px 136px 136px 136px;
-webkit-border-radius: 136px 136px 136px 136px;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
}

ul.submenu-servicios-engie-maxigas li:hover{
    background: #000;
}

ul.submenu-servicios-engie-maxigas li a.bg-verde-medio:hover{
    background: rgba(105,175,35,.8) !important;
}

ul.submenu-servicios-engie-maxigas li a.bg-azul-corporativo:hover{
    background: rgba(0,170,255,.8) !important;
}

ul.submenu-servicios-engie-maxigas li a.bg-azul-gama-2:hover{
    background: rgba(106,199,234,.8) !important;
}

ul.submenu-servicios-engie-maxigas li a.bg-rosa:hover{
    background: rgba(229,46,135,.8) !important;
}

/**/

/****MODULOS INICIO*****/

/**AGREGADO HOME***/
#foto-calculadora img{
    height: 100%;
}
/***MODIFICADO HOME***/
#bloque-contrata-familia{
    background: url(../images/inicio/engie-maxigas-gas-natural-bloque-contrata-familia.jpg) no-repeat;
    background-size: cover;
    background-position: right;
}


/***CALCULADORA****/

.fila-campo-expergas-maxigas{
    display: flex;
    margin-bottom: 20px;
}

.calculadora-maxigas input{
	padding: 10px;
	font-size: 16px;
	font-weight: 200;
}



.calculadora-maxigas .material-icons{
   color: rgba(0,95,170,.7);
}

.calculadora-maxigas input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(0,95,170,.5);
}
.calculadora-maxigas input::-moz-placeholder { /* Firefox 19+ */
  color: rgba(0,95,170,.5);
}
.calculadora-maxigas input:-ms-input-placeholder { /* IE 10+ */
  color: rgba(0,95,170,.5);
}
.calculadora-maxigas input:-moz-placeholder { /* Firefox 18- */
  color: rgba(0,95,170,.5);
}

.calculadora-maxigas .lista-opciones{
	background: none;
	padding:7px 0;
	margin: 0 auto;
	width: 100%;
	
}

.calculadora-maxigas select{
	width: 100%;
	height: 100%;
  font-size: 16px;
  background: none;
	margin-top:0;
	border: none;   
	color: #005faa;
	font-family: 'FFClan', sans-serif;
	font-weight: 200;
}

.calculadora-maxigas .lista-opciones div{position:relative}
.calculadora-maxigas .lista-opciones div:after{
	content:'';
    right:0px; top:-3px;
    width:36px; 
	height:18px;
    background:#005faa url("../images/formulario-flecha-select.png") no-repeat;
	background-size: 100% 100%;
    position:absolute;
    pointer-events:none;
    display:block;
    
}
.calculadora-maxigas .lista-opciones div:before{
    content:'';
    right:0px; top:-3px;
    width:32px; height:15px;
    background:#005faa url("../images/formulario-flecha-select.png") no-repeat;
	background-size: 100% 100%;
    position:absolute;
    pointer-events:none;
    display:block;
}

.calculadora-maxigas button{
    width: 100%;
    background: #005faa !important;
    font-weight: bold;
}

/****GENERACIÓN - SERVICIOS - AVISOS*********/

.bloques-engie-maxigas{
    height: 318px;
}

.bloques-engie-maxigas a.plasta-engie-maxigas{
    bottom: 5%;
    right: 5%;
    padding: 2% 7% 2.1%;
    text-align: center;
    background: #E62D87;
}

.bloques-engie-maxigas a.plasta-engie-maxigas:hover{
    background: #00aaff;
    color: #fff !important;
}

.generacion-engie-maxigas-inicio{
    background-image: url(../images/inicio/engie-maxigas-gas-natural-bloque-generacion.jpg);
    background-size: cover;
    margin-right: 15px;
}

.servicios-engie-maxigas-inicio{
    background-image: url(../images/inicio/engie-maxigas-gas-natural-bloque-sevicios.jpg);
    background-size: cover;
   
}

.enlight-engie-maxigas-inicio{
    background-image: url(../images/inicio/engie-maxigas-gas-natural-bloque-enlight.jpg);
    background-size: cover;
     margin-right: 15px;
}

.bg-especial{
   height: 100%;
}


.generacion-engie-maxigas-inicio .bg-especial{
    background: rgba(255, 195, 0, .6);
}

.servicios-engie-maxigas-inicio .bg-especial{
    background: rgba(0, 95, 170, .6);
}

.enlight-engie-maxigas-inicio .bg-especial{
    background: rgba(105, 175, 35, .6);
}


#anuncios-especiales-engie-maxigas{
    background-image: url(../images/inicio/bg-engie-maxigas-gas-natural-bloque-avisos.jpg);
    background-size: cover;  
}

/**************INTERIOR**************/



.contenido p{
    padding: 10px 0 !important;
}

.sc-contenido-header{
    position: absolute;
    top: 0;
    padding: 30px 5%;
    z-index: 10;
    top: 100px;
}

.sc-contenido-header.s-top{
    top: 0 !important;
}

.rastro-migas{
    font-weight: 100;
}

.rastro-migas .activo{
    font-weight: 500;
}

.submenu-pleca-interior{
    margin-top: -8px;
}

.v-ie .submenu-pleca-interior{
    margin-top: -10px;
}

.pleca-busqueda{
    padding: 1.4% 5%;
    margin-top: -8px;
}

.pleca-busqueda ul li{
    margin-right: 10px;
}

.busqueda-engie{
	
	padding: 0 8px;
}

.busqueda-engie input{
	border: none;
	padding: 5px;
	width: 300px;
    background: none;
    color: #fff !important;
    border-bottom: 1px solid #ffffff;
    font-size: 16px;
}

.busqueda-engie ::placeholder { color: #fff; }

.btn-borde-blanco{
       background: none;
    color: #fff !important;
    border: 1px solid #fff;
    padding: 10px 15px;
    font-size: 18px;
    	border-radius: 10px 10px 10px 10px ;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

.sc-engie-energia-electrica{
    background-image: url(../images/engie/engie-maxigas-energia-electrica.jpg);
    background-size: cover;
}

.cifras-clave > li > strong {
    font-size: 17px !important;
}

.bloque-titulo-engie-areas{
    position: absolute;
    width: 20%;
    right: 0;
    top: 0;
    height: 96.7%;
}

.titulo-engie-area .sc-contenido-header{
    padding-top: 10px;
}

/*******TEXTOS CONTENIDOS E IMAGENES*******/

.contenido h3.titulo{
    padding: 0 !important;
}

.contenido div.contenido.flex{
    display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}

.contenido img.flota.izq{
    margin: 10px 20px 10px 0;
}

.contenido img.flota.der{
    margin: 10px 0 10px 20px;
}

.contenido ul.lista.iconos.grandes li{
    display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
}

.contenido ul.lista.iconos.grandes li i{
    font-size: 60px;
    margin-right: 2%;
    color: #005FAA;
}

.contenido .limpiar.final{
    clear: both;
    padding: 0 !important;
    margin: 0 !important; 
}


/***SIDEBAR******/

.columna.sidebar{
   position: relative
}

.columna.sidebar ul li{
    padding: 20px 20px 0 20px;
    margin-left: 20px;
    position: relative;
}

.columna.sidebar ul li:before{
   content: "\E5CC";
   font-family: 'Material Icons';
    position: absolute;
    left: -5px;
    display: block;
    font-size: 20px;
}

.fixed {
  position:fixed;
    /*top: -300px;*/
    top: -350px;

}

.absoluto{
    position: absolute;
    bottom: 30px;
}

.boton{
   cursor: pointer;
}

/*****LATAM****/

.iconos-lista-engie-latam img{
    width: 80% !important;
        vertical-align: text-top;
}

.iconos-lista-engie-latam ul li{
    width: 14% !important;
    max-width: 14% !important;
    vertical-align: top;
    padding: 10px;
}

.iconos-lista-engie-latam ul li h4{
    font-size: 16px;
}

/*****SERVICIOS****/

.btn-conoce:before{
    content: "Conoce más";
}

.btn-conoce.oculto:before{
    content: "Ocultar";
}

/****Energia Renovable*******/


.engie-cifras .columna{
    margin: 0 10px;
    border-radius: 100px 100px 0px 0px ;
-moz-border-radius: 100px 100px 0px 0px;
-webkit-border-radius: 100px 100px 0px 0px;
    text-align: center;
}

.engie-cifras .columna h1{
    /*border-radius: 40px 40px 40px 40px ;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
    background: #fff;*/
    margin: 15% 30% 1% 30%;
    padding: 0 20px;
}

.engie-cifras .columna h4{
    padding: 10px;
    min-height: 60px;
}

.engie-cifras p{
   text-align: center;
    font-size: 14px;
    padding: 10px 20px 40px 20px !important;
}

.engie-cifras .columna.circulo-grande h1{
   /* border-radius: 60px 60px 60px 60px ;
-moz-border-radius: 60px 60px 60px 60px;
-webkit-border-radius: 60px 60px 60px 60px;*/
       margin: 0 20% 0 20%;
    height: 24%;
    font-size: 30px;
    font-weight: 600 !important;
}

.engie-cifras .columna.circulo-grande img{
  width: 50%;
    margin: 10px 0 0 0;
}

.engie-cifras .columna.circulo-grande h1 .complemento{
   font-size: 20px;
    font-weight: 100;
        margin-top: 0;
    padding-top: 0;
    display: block;
}

.engie-cifras .icono img{
   width: 80px;
}

.engie-cifras .columna.recta{
    border-radius: 0px 0px ;
-moz-border-radius: 0px 0px;
-webkit-border-radius: 0px 0px;
}

.engie-cifras .columna ul li{
  text-align: left;
    padding: 20px;
    position: relative;
}

.engie-cifras .columna ul{
  padding-top: 20px;
}

.engie-cifras .columna ul li:before{
  content: "·";
    display: block;
    position: absolute;
    font-size: 100px;
    line-height: 18px;
    left: -16px;
}

.engie-cifras .bloque-final{
 margin-top: -5px !important;
}

.engie-cifras .bloque-final .coordinacion{
padding-top: 80px !important;
}

.engie-cifras .bloque-final .coordinacion .icono{
margin-right: 50px !important;
    padding: 0;
    margin-left: 5px;
}

/******PRE PIE BANNERS SERVICIOS*******/

.engie-maxigas-banners-pie{
    height: 230px;
}

.hogar-engie-maxigas-banner{
    background-image: url(../images/bn-engie-maxigas-servicios-horgar.jpg);
    background-size: cover;
}

.comercio-engie-maxigas-banner{
    background-image: url(../images/bn-engie-maxigas-servicios-comercio.jpg);
    background-size: cover;
}


.industria-engie-maxigas-banner{
    background-image: url(../images/bn-engie-maxigas-servicios-industria.jpg);
    background-size: cover;
}

/* ////  PIE \\\\\\\\\ */

.pie-engie-mexico{
	position: relative;
	width:94%;
	padding: 3% 3% .4% 3%;
	z-index: 8;
}

.pie-engie-mexico img{
	margin-bottom: 0;
}


.pie-engie-mexico ul{
	display: inline-block;
}

.pie-engie-mexico ul:first-child{
	width: 60%;
}

.pie-engie-mexico ul.botones{
	margin-top: 22px;
	margin-left: 10px;
    width: 74%;
}



.pie-engie-mexico ul.botones li{
	font-size: 12px;
	color: #a4a4a4;
	padding-bottom: 2%;
	vertical-align: text-top;
	margin-right: 40px;
}

.pie-engie-mexico ul.botones li a, .pie-engie-mexico ul.iconos-sociales li a{
	color: #a4a4a4;
	transition: all 0.4s ease;
}

.pie-engie-mexico ul.botones li a:hover, .pie-engie-mexico ul.iconos-sociales li a:hover{
	color: #005FAA;
	transition: all 0.4s ease;
}

.pie-engie-mexico ul.iconos-sociales{
	width: 27%; /* MODIFICADO */
	position: absolute;
	right: 3%;
	text-align: right;
	padding-top: .6%;
}



.pie-engie-mexico ul.iconos-sociales li a{
	border: 1px solid rgba(164,164,164, .6);
}

.pie-engie-mexico ul.iconos-sociales li{
	margin: 0 3%; /* MODIFICADO */
}

.pie-engie-mexico ul li{
	display: inline-block;
}

.pie-engie-mexico .final{
	border-top: 4px solid #ececec;
	margin-top: 2.3%;
	padding-top: 1%;
	text-align: center;
	color: #a4a4a4;
	margin-bottom: 5%;
}

.pie-engie-mexico .logotipo{
	width: 14%;
	margin-bottom: 0;
	/*opacity: 0.7;*/
    /* filter: alpha(opacity=70);  For IE8 and earlier */

}

.pie-engie-mexico .final p{
	display: inline-block;
	    vertical-align: top;
    padding-top: 25px;
    padding-left: 30px;
}

/* ////////////////////////  CONTENIDO \\\\\\\\\\\\\\\\\\\\\\\\\ */

/* /////////////  contenedor contenido \\\\\\\\\\\\\\\ */

/****VALORES****/

.nuestros-valores{
}

.nuestros-valores .dos-cuartos{
    width: 48% !important;
    max-width: 48% !important;
    min-width: 48% !important;
    margin-right: 2% !important;
    margin: 10px 0;
}

#somos-audaces .cabeza{
    background-image: url(../images/nuestros-valores/engie-mexico-maxigas-valores-audaces.jpg);
    background-size: cover;
}


#somos-abiertos .cabeza{
    background-image: url(../images/nuestros-valores/engie-mexico-maxigas-valores-abiertos.jpg);
    background-size: cover;
}

#somos-exigentes .cabeza{
    background-image: url(../images/nuestros-valores/engie-mexico-maxigas-valores-exigentes.jpg);
    background-size: cover;
}

#somos-empaticos .cabeza{
    background-image: url(../images/nuestros-valores/engie-mexico-maxigas-valores-empaticos.jpg);
    background-size: cover;
}

/****Crédito dsign******/

li.credito-dsignworkshop{
 position: absolute;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 3%;
    font-size: 11px !important;
}

.credito-dsignworkshop img{
width: 80px; 
    margin-left: 10px;
    vertical-align: bottom;
}