/*Demo*/

.demo .columns{
	background-color: #e1e1e8;      /*#f7f7f9;*/
	font-family: Arial;
	text-align: center;
    vertical-align: middle;
}

/* #Base Endesa Grid
================================================== */
	body{margin:0px;font-family: Arial; text-align: left;}
    p{margin: 0px;}
    .container .columns           { float: left; display: inline; margin-left: 3px; margin-right: 3px; }
    .row                          { margin-bottom: 0px;padding-left: 3px; padding-right: 3px; position: relative; }

    /* Nested Column Classes */
    .columns.alpha               { margin-left: 0; }
    .columns.omega               { margin-right: 0; }

    .floatLeft{float: left;}
    .floatRight{float: right;}
    .clearBoth{clear: both;}
    .alignLeft{text-align: left;}
    .alignRight{text-align: right;}
    .alignCenter{text-align: center;}




.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .columns{min-height: 47px;margin-top:3px;margin-bottom: 3px;}

    /* Base Grid */
    .container .one.columns                     { width: 4.927%;}
    .container .two.columns                     { width: 10.483%;}
    .container .three.columns                   { width: 16.038%;}
    .container .four.columns                    { width: 21.594%;}
    .container .five.columns                    { width: 27.150%;}
    .container .six.columns                     { width: 32.706%;}
    .container .seven.columns                   { width: 38.260%;}
    .container .eight.columns                   { width: 43.817%;}
    .container .nine.columns                    { width: 49.372%;}
    .container .ten.columns                     { width: 54.928%;}
    .container .eleven.columns                  { width: 60.483%;}
    .container .twelve.columns                  { width: 66.039%;}
    .container .thirteen.columns                { width: 71.594%;}
    .container .fourteen.columns                { width: 77.150%;}
    .container .fifteen.columns                 { width: 82.706%;}
    .container .sixteen.columns                 { width: 88.260%;}
    .container .seventeen.columns               { width: 93.817%;}
    .container .eighteen.columns                { width: 99.372%;}

    /*dimensiones fuente*/
    .enelGroupMenu      {font-size: 10px;font-weight: bold;}
    .menuPerNivel       {font-size: 14px;font-size: 0.90em; /*14px*/font-size: 0.90rem; /*14px*/}
    .menuSecNivel       {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/}
    .menuTerNivel       {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/}
    .menuCuarNivel      {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/}
    .breadCrumbs        {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/}
    .titArticulo        {font-size: 25px;font-size: 1.55em; /*25px*/font-size: 1.55rem; /*25px*/}
    .fechaArticulo      {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/}
    .textoArticulo      {font-size: 13px;font-size: 0.80em; /*13px*/font-size: 0.80rem; /*13px*/}
    .enlacesHomeSubhome {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/}
    .descargaFichero    {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/font-weight: bold;}
    .enlacesPagInterna  {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/font-weight: bold;}
    .descargaFicInt     {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/font-weight: bold;}
    .tag                {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/font-weight: bold;}
    .titTabla           {font-size: 14px;font-size: 0.90em; /*14px*/font-size: 0.90rem; /*14px*/font-weight: bold;}
    .textTabla          {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/}
    .fechTabla          {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/}
    .enlaceCatPie       {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/font-weight: bold;}

     /* #Imagen de la marca
    ================================================== */
    .tradeMark{height: 100px !important;}
    .tradeMark img{width: 98px; height: 98px;}
    .reclamo{line-height: normal !important;font-size: 8px;padding-top: 3px; color:#24509A;}


/* #Base 960 Grid - Medium devices
================================================== */
 @media only screen and (min-width: 982px) and (max-width: 1200px) {
    .container                                  { position: relative; width: 100%; margin: 0 auto; padding: 0; }
    .container .columns                         {min-height: 35px;margin-top:3px;margin-bottom: 3px;text-align: center;}

    .container .one.columns                     { width: 4.927%;}
    .container .two.columns                     { width: 10.483%;}
    .container .three.columns                   { width: 16.038%;}
    .container .four.columns                    { width: 21.594%;}
    .container .five.columns                    { width: 27.150%;}
    .container .six.columns                     { width: 32.706%;}
    .container .seven.columns                   { width: 38.260%;}
    .container .eight.columns                   { width: 43.817%;}
    .container .nine.columns                    { width: 49.372%;}
    .container .ten.columns                     { width: 54.928%;}
    .container .eleven.columns                  { width: 60.483%;}
    .container .twelve.columns                  { width: 66.039%;}
    .container .thirteen.columns                { width: 71.594%;}
    .container .fourteen.columns                { width: 77.150%;}
    .container .fifteen.columns                 { width: 82.706%;}
    .container .sixteen.columns                 { width: 88.260%;}
    .container .seventeen.columns               { width: 93.817%;}
    .container .eighteen.columns                { width: 99.372%;}

    /*dimensiones fuente*/
    .enelGroupMenu      {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/font-weight: bold;}
    .menuPerNivel       {font-size: 14px;font-size: 0.90em; /*14px*/font-size: 0.90rem; /*14px*/}
    .menuSecNivel       {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/}
    .menuTerNivel       {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/}
    .menuCuarNivel      {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/}
    .breadCrumbs        {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/}
    .titArticulo        {font-size: 25px;font-size: 1.55em; /*25px*/font-size: 1.55rem; /*25px*/}
    .fechaArticulo      {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/}
    .textoArticulo      {font-size: 13px;font-size: 0.80em; /*13px*/font-size: 0.80rem; /*13px*/}
    .enlacesHomeSubhome {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/}
    .descargaFichero    {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/font-weight: bold;}
    .enlacesPagInterna  {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/font-weight: bold;}
    .descargaFicInt     {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/font-weight: bold;}
    .tag                {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/font-weight: bold;}
    .titTabla           {font-size: 14px;font-size: 0.90em; /*14px*/font-size: 0.90rem; /*14px*/font-weight: bold;}
    .textTabla          {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/}
    .fechTabla          {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/}
    .enlaceCatPie       {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/font-weight: bold;}

     /* #Imagen de la marca
    ================================================== */
    .tradeMark{height: 100px !important;}
    .tradeMark img{width: 98px; height: 98px;}
    .reclamo{line-height: normal !important;font-size: 8px;padding-top: 3px; color:#24509A;}
 }
/* #Base 744 Grid - Tablet Portrait
================================================== */
 @media only screen and (min-width: 768px) and (max-width: 982px) {
	.container                                  { position: relative; width: 100%; margin: 0 auto; padding: 0; }
    .container .columns                         {min-height: 35px;margin-top:3px;margin-bottom: 3px;text-align: center;}

    .container .one.columns                     { width: 4.927%;}
    .container .two.columns                     { width: 10.483%;}
    .container .three.columns                   { width: 16.038%;}
    .container .four.columns                    { width: 21.594%;}
    .container .five.columns                    { width: 27.150%;}
    .container .six.columns                     { width: 32.706%;}
    .container .seven.columns                   { width: 38.260%;}
    .container .eight.columns                   { width: 43.817%;}
    .container .nine.columns                    { width: 49.372%;}
    .container .ten.columns                     { width: 54.928%;}
    .container .eleven.columns                  { width: 60.483%;}
    .container .twelve.columns                  { width: 66.039%;}
    .container .thirteen.columns                { width: 71.594%;}
    .container .fourteen.columns                { width: 77.150%;}
    .container .fifteen.columns                 { width: 82.706%;}
    .container .sixteen.columns                 { width: 88.260%;}
    .container .seventeen.columns               { width: 93.817%;}
    .container .eighteen.columns                { width: 99.372%;}

    /*dimensiones fuente*/
    .enelGroupMenu      {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/font-weight: bold;}
    .menuPerNivel       {font-size: 13px;font-size: 0.80em; /*13px*/font-size: 0.80rem; /*13px*/}
    .menuSecNivel       {font-size: 11px;font-size: 0.70em; /*11px*/font-size: 0.70rem; /*11px*/}
    .menuTerNivel       {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/}
    .menuCuarNivel      {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/}
    .breadCrumbs        {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/}
    .titArticulo        {font-size: 25px;font-size: 1.55em; /*25px*/font-size: 1.55rem; /*25px*/}
    .fechaArticulo      {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/}
    .textoArticulo      {font-size: 13px;font-size: 0.80em; /*13px*/font-size: 0.80rem; /*13px*/}
    /*.enlacesHomeSubhome {font-size: 10px;font-size: 0.65em; /*10px font-size: 0.65rem; /*10px}*/
    /*.descargaFichero    {font-size: 10px;font-size: 0.65em; /*10px font-size: 0.65rem; /*10px font-weight: bold;}*/
    .enlacesPagInterna  {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/font-weight: bold;}
    .descargaFicInt     {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/font-weight: bold;}
    .tag                {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/font-weight: bold;}
    .titTabla           {font-size: 14px;font-size: 0.90em; /*14px*/font-size: 0.90rem; /*14px*/font-weight: bold;}
    .textTabla          {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/}
    .fechTabla          {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/}
    .enlaceCatPie       {font-size: 11px;font-size: 0.70em; /*11px*/font-size: 0.70rem; /*11px*/font-weight: bold;}

     /* #Imagen de la marca
    ================================================== */
    .tradeMark{height: 76px !important;}
    .tradeMark img{width: 76px; height: 76px;}
    .reclamo{line-height: normal !important;font-size: 6px;padding-top: 3px; color:#24509A;}
 }
/* #Base fluid Grid - SmartPhone
================================================== */
 @media only screen and (max-width: 768px) {
	.container                                  { position: relative; width: 100%; margin: 0 auto; padding: 0; }
    .container .columns                         {min-height: 35px;margin-top:3px;margin-bottom: 3px;text-align: center;}

    .container .one.columns                     { width: 4.927%;}
    .container .two.columns                     { width: 10.483%;}
    .container .three.columns                   { width: 16.038%;}
    .container .four.columns                    { width: 21.594%;}
    .container .five.columns                    { width: 27.150%;}
    .container .six.columns                     { width: 32.706%;}
    .container .seven.columns                   { width: 38.260%;}
    .container .eight.columns                   { width: 43.817%;}
    .container .nine.columns                    { width: 49.372%;}
    .container .ten.columns                     { width: 54.928%;}
    .container .eleven.columns                  { width: 60.483%;}
    .container .twelve.columns                  { width: 66.039%;}
    .container .thirteen.columns                { width: 71.594%;}
    .container .fourteen.columns                { width: 77.150%;}
    .container .fifteen.columns                 { width: 82.706%;}
    .container .sixteen.columns                 { width: 88.260%;}
    .container .seventeen.columns               { width: 93.817%;}
    .container .eighteen.columns                { width: 99.372%;}

    /*dimensiones fuente*/
    .enelGroupMenu      {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/font-weight: bold;}
    .menuPerNivel       {font-size: 13px;font-size: 0.80em; /*13px*/font-size: 0.80rem; /*13px*/}
    .menuSecNivel       {font-size: 11px;font-size: 0.70em; /*11px*/font-size: 0.70rem; /*11px*/}
    .menuTerNivel       {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/}
    .menuCuarNivel      {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/}
    .breadCrumbs        {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/}
    .titArticulo        {font-size: 25px;font-size: 1.55em; /*25px*/font-size: 1.55rem; /*25px*/}
    .fechaArticulo      {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/}
    .textoArticulo      {font-size: 13px;font-size: 0.80em; /*13px*/font-size: 0.80rem; /*13px*/}
    /*.enlacesHomeSubhome {font-size: 10px;font-size: 0.65em; /*10px font-size: 0.65rem; /*10px}*/
    /*.descargaFichero    {font-size: 10px;font-size: 0.65em; /*10px font-size: 0.65rem; /*10px font-weight: bold;}*/
    .enlacesPagInterna  {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/font-weight: bold;}
    .descargaFicInt     {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/font-weight: bold;}
    .tag                {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/font-weight: bold;}
    .titTabla           {font-size: 14px;font-size: 0.90em; /*14px*/font-size: 0.90rem; /*14px*/font-weight: bold;}
    .textTabla          {font-size: 12px;font-size: 0.75em; /*12px*/font-size: 0.75rem; /*12px*/}
    .fechTabla          {font-size: 10px;font-size: 0.65em; /*10px*/font-size: 0.65rem; /*10px*/}
    /*.enlaceCatPie       {font-size: 11px;font-size: 0.70em; /*11px font-size: 0.70rem; /*11px font-weight: bold;}*/

     /* #Imagen de la marca
    ================================================== */
    .tradeMark{height: 100px !important; text-align: left !important;}
    .tradeMark img{width: 100px; height: 100px;}
    .reclamo{line-height: normal !important;font-size: 0.532rem;padding-top: 3px; color:#24509A;text-align: left !important;}
 }

 /* #Colores
================================================== */
.txtBlanco          {color: #FFFFFF !important;}
.txtGrisOscuro      {color: #404040 !important;}
.txtGrisMedioOscuro {color: #6D6E70 !important;}
.txtGrisMedioClaro  {color: #D2D2D2 !important;}
.txtGrisClaro       {color: #EBEBEC !important;}
.txtSocCont         {color: #6785A9 !important;}
.txtNarEnel         {color: #DF6426 !important;}
.txtAzulEnel        {color: #24509A !important;}
.txtError           {color: #E30513 !important;}

.bgBlanco           {background-color: #FFFFFF !important;}
.bgGrisOscuro       {background-color: #404040 !important;}
.bgGrisMedioOscuro  {background-color: #6D6E70 !important;}
.bgGrisMedioClaro   {background-color: #D2D2D2 !important;}
.bgGrisClaro        {background-color: #EBEBEC !important;}
.bgSocCont          {background-color: #6785A9 !important;}
.bgNarEnel          {background-color: #DF6426 !important;}
.bgAzulEnel         {background-color: #24509A !important;}
.bgError            {background-color: #E30513 !important;}


/* #Fuentes iconos
================================================== */
@font-face{font-family:"Socialico_Plus";
            src:url("Socialico/Socialico_Plus.otf") format("embedded-opentype"),
                url("Socialico/Socialico_Plus.ttf") format("truetype");
            font-weight:normal;
            font-style:normal
            }
@font-face{font-family:"Socialico";
            src:url("Socialico/Socialico.ttf") format("truetype"),
                url("Socialico/Socialico.otf") format("embedded-opentype");
            font-weight:normal;
            font-style:normal
            }

 /* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }