/* FUENTES UTILIZADAS ------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/
@font-face {
    font-family: 'tt_normslight';
    src: url('../fonts/ttnorms-light-webfont.woff2') format('woff2'),
         url('../fonts/ttnorms-light-webfont.woff') format('woff'),
         url('../fonts/ttnorms-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tt_normsbold';
    src: url('../fonts/ttnorms-bold-webfont.woff2') format('woff2'),
         url('../fonts/ttnorms-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*---------------------------------------------------------------------------------*/
/*------------------------------ ESTRUCTURA WEB -----------------------------------*/
/*---------------------------------------------------------------------------------*/

body{
	width:100%;
	height:100%;
	position:fixed;
	margin:0px;
	padding:0px;
	text-rendering: optimizelegibility;
    /*background:url(../images/fondo_web.png) repeat-x;*/
	display:none;
	font-family: 'tt_normslight', Arial, sans-serif;		
}

#contenedor_principal{
	width:100%;
	height:100%;
	position:absolute;
	margin:0px;
	padding:0px;	
	overflow:hidden;
}

#contenedor_contenidos{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	
	display:none;
	background:url(../images/fondo_contenedor_indice.png) repeat;
	
	z-index:99;
}

#contenidos_modulos.no_mobile{
	width:1024px;
	height:576px;
	position:relative;
	top:50%;
	margin-top:-336px;
	margin-left:auto;
	margin-right:auto;
	background:none;
	display:none;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
	border: 2px solid rgba(255, 255, 255, 0.5);	
}

#contenedor_contenidos video{
	width:1024px;
	height:576px;
	position:absolute;
	z-index:90;
}	

#contenidos_modulos.no_mobile #contenidos_modulos_cerrar{
	width:60px;
	height:60px;
	position:absolute;
	top:-30px;
	right:-30px;
	cursor:pointer;
    background:url(../images/boton_cerrar_contenidos.png) no-repeat;
	
    transition: all 0.25s ease-out;	
    -webkit-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
		
	z-index:100;	
}
#contenidos_modulos.no_mobile #contenidos_modulos_cerrar:hover{
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);	
}

#contenidos_modulos.mobile{
	width:1024px;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:#CCC;
	display:none;
}

#contenidos_modulos.mobile #contenidos_modulos_cerrar{
	width:60px;
	height:60px;
	position:absolute;
	bottom:15px;
	left:50%;
	margin-left:-30px;
	cursor:pointer;
    background:url(../images/boton_cerrar_contenidos.png) no-repeat;
	
	z-index:100;	
}

#contenedor_indice{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	
	display:none;
	/*background:url(../images/fondo_contenedor_indice.png) repeat;*/
	background-color:rgba(0,0,0,0);
	
	z-index:99;
}

#bloqueo_menu,#bloqueo_location{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	
	display:none;
	/*background:url(../images/fondo_contenedor_indice.png) repeat;*/
	background-color:rgba(0,0,0,0.7);
	
	z-index:100;
}

#bloqueo_location{
	z-index: 9999;
}

#indice_modulos{
	width:100%;
	height:259px;
	position:absolute;
	bottom:-225px;
	left:0px;
	z-index:9999;
	/*background:url(../images/fondo_indice_modulos.png) center top;*/
}

#indice_modulos ul{
	/*width:980px;*/
	width: 100%;
	height:250px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	list-style:none;
	overflow:hidden;
	top: -90px;
}

#indice_modulos li{
	width:289px;
	height:193px;
	position:relative;
	float:left;
	margin-top:30px;
	margin-left:18px;
	margin-right:0px;
	opacity: 0.5;
}

#indice_modulos li p{
    width: 259px;
    position: absolute;
    top: 152px;
    left: 0px;
    padding-left: 18px;
    padding-right: 10px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    font-family: 'tt_normslight', Arial, sans-serif;
    font-size: 17px;
    cursor: default;
}

#indice_modulos li div.estado_indice{
	width:205px;
	height:10px;
	position:absolute;
	top:155px;
	left:0px;
	background:url(../images/estado_botones_indice.png) no-repeat;
}

#indice_modulos li div.estado_indice.iniciado{background-position:0px -10px;}
#indice_modulos li div.estado_indice.completado{background-position:0px -20px;}

#indice_modulos_thumb_1{background:url(../images/cthumb_1.png) no-repeat;}
#indice_modulos_thumb_2{background:url(../images/cthumb_2.png) no-repeat;}
#indice_modulos_thumb_3{background:url(../images/cthumb_3.png) no-repeat;}
#indice_modulos_thumb_4{background:url(../images/cthumb_4.png) no-repeat;}
#indice_modulos_thumb_5{background:url(../images/cthumb_5.png) no-repeat;}
#indice_modulos_thumb_6{background:url(../images/cthumb_6.png) no-repeat;}
#indice_modulos_thumb_7{background:url(../images/cthumb_7.png) no-repeat;}

/*#indice_modulos_thumb_9{background:url(../images/nthumb_modulo_indice_09.png) no-repeat;}*/


.enlaceMenuPrincipal{
	cursor:pointer;	
}

#boton_indice{
	width:230px;
	height:100px;
	position:relative;
	top:-80px;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;	
	padding-top: 32px;
    transition: all 0.25s ease-out;	
    -webkit-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;	
	
    background: url(../images/botonIndice.png) no-repeat;
    color:#fff;
    font-size: 33px;
    text-align: center;
	z-index:100;
}

#boton_indice.activo{
	background: url(../images/botonIndiceClose.png) no-repeat;
}

.textoBotonIndice{
    font-size: 15px;
    margin-left: 118px;
    text-align: left;
    text-transform: uppercase;
}

.tituloMenu {
    position: absolute;
    top: 18px;
    left: 19px;
    font-size: 14px;
    color: #4D4D4D;
}

#boton_indice:hover{
	color:#a9a9aa;
}
#indiceAbajo{
	display: none;
}

/*#boton_indice.activo{ background-position:0px -50px;}*/

#contenedor_mapa{
	width:2748px;
	height:2061px;
	position:absolute;
	margin:0px;
	padding:0px;
	z-index:90;	
}
/************************************************/
.sheet_animada{
	position:absolute;
	z-index:94;	
}

#contenedor_sheet_eolica_tierra{
	width:670px;
	height:230px;
	top:245px;
	left:1775px;
} 

.aspa_eolica_tierra{
    width:87px;
    height:75px;
    position:absolute;

	background:url(../images/sheet_aspa_eolica_tierra.png);	
}

#aspa_eolica_tierra_01{top:0px;left:25px;}
#aspa_eolica_tierra_02{top:14px;left:102px;}
#aspa_eolica_tierra_03{top:23px;left:185px;}
#aspa_eolica_tierra_04{top:20px;left:264px;}
#aspa_eolica_tierra_05{top:33px;left:362px;}
#aspa_eolica_tierra_06{top:72px;left:439px;}
#aspa_eolica_tierra_07{top:115px;left:551px;}

#contenedor_sheet_eolica_mar{
	width:560px;
	height:385px;
	position:absolute;
	bottom:305px;
	left:1936px;
} 

.aspa_eolica_mar{
    width:59px;
    height:75px;
    position: absolute;
	
	background:url(../images/sheet_aspa_eolica_mar.png);
}

#aspa_eolica_mar_01{top:232px;left:0px;}
#aspa_eolica_mar_02{top:172px;left:52px;}
#aspa_eolica_mar_03{top:107px;left:131px;}
#aspa_eolica_mar_04{top:213px;left:143px;}
#aspa_eolica_mar_05{top:150px;left:215px;}
#aspa_eolica_mar_06{top:79px; left:242px;}
#aspa_eolica_mar_07{top:14px; left:310px;}
#aspa_eolica_mar_08{top:107px;left:336px;}
#aspa_eolica_mar_09{top:58px; left:403px;}

.humo{
    width: 111px;
    height: 111px;
    position: absolute;
	background:url(../images/sheet_humo.png);	
}

#humo_termica{
    top: 1050px;
	left: 1260px;
}

#humo_nuclear{
    top: 821px;	
    left: 1870px;
}

/***************************************************/

#contenedor_mapa_thumb{
	width:200px;
	height:150px;
	position:absolute;
	top:29px;
	right:50px;
	background:url(../images/mapa_pequeno_iberdrola-01.jpg) no-repeat;
	border: 1px solid rgba(255, 255, 255, 1);
	
	z-index:98;
}

#contenedor_mapa_thumb_bn{
	width:200px;
	height:150px;
	position:absolute;
	top:0px;
	right:0px;
	background:url(../images/mapa_pequeno_iberdrola-02.jpg) no-repeat;
	
	z-index:90;
}

#contenedor_mapa_thumb_drag{
	width:91px;
	height:68px;
	position:absolute;
	/*top:41px;
	left:54px;*/
	top: 0;
	left: 0;
    background:url(../images/fondo_contenedor_mapa_thumb_drag.png) no-repeat;	
	
	z-index:100;
	cursor:move;
}

.estado{
	width:5px;
	height:5px;
	position:absolute;

	cursor:default;
	background: #367ccb;
	border-radius:5px;
	border: 1px solid rgba(255, 255, 255, 1);
	
	z-index:95;
}

.estado.no_iniciado{background:#e30c0c;}
.estado.iniciado{background:#eaac19;}
.estado.completado{background:#70af00;}

#estado_01{top:63px;left:57px;}
#estado_02{top:22px;left:158px;}
#estado_03{top:66px;left:135px;}
#estado_04{top:86px;left:168px;}
#estado_05{top:73px;left:95px;}

#contenedor_progreso{
	width:202px;
	height:5px;
	position:absolute;
	top:295px;
	right:140px;
	
	background:#ffffff;
	opacity:0.8;
	overflow:hidden;
	display: none;
	z-index:98;
}

#barra_progreso{
	width:202px;
	height:5px;
	position:absolute;
	top:0px;
	left:-120px;
	
	background:url(../images/barra_progreso.png) no-repeat;
}


#mapa{
	width:2748px;
	height:2061px;
	position:absolute;
	top:0px;
	left:0px;
	
	background:url(../images/fondo.jpg) no-repeat;
	
	z-index:90;
}

/* ESTILOS BOTONES DE ACCESO MODULOS  --------------------------------------------*/
/*--------------------------------------------------------------------------------*/
#contenedor_mapa > a{
    width:44px;
    height:44px;
    position:absolute;
	cursor:pointer;
	
	
	/*border-radius:44px;*/
	/*border: 2px solid rgba(255, 255, 255, 0.65);*/
	
	/*opacity:1;	*/

  /*  transition: all 0.25s ease-out;	
    -webkit-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;*/

	z-index:95;
	overflow:hidden;	
}

#contenedor_mapa > a:hover{
	/*-ms-transform: scale(1.3,1.3); /* IE 9 */
    /*-webkit-transform: scale(1.3,1.3); /* Safari */
   /* transform: scale(1.3,1.3);*/
	
}

#contenedor_mapa > a.activo{
	/*border-radius:88px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.45);
	border: 2px solid rgba(255, 255, 255, 1);*/
}

#contenedor_mapa > a span{	
	position:absolute;
	top:11px;
	left:16px;
	padding:0px;
	margin:0px;

	font-family: 'tt_normslight', Arial, sans-serif;
	font-size:18px;
	
	color:#ffffff;
	letter-spacing:0px;
	text-align:center;
	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);*/
	
	cursor:pointer;
}

#contenedor_mapa > a.no_disponible{cursor:no-drop;}
#contenedor_mapa > a.no_iniciado{background:#c82626 url(../images/boton_acceso_modulo.png) center center no-repeat;}
#contenedor_mapa > a.iniciado{background:#eaac19 url(../images/boton_acceso_modulo.png) center center no-repeat;}
#contenedor_mapa > a.completado{background:#8bcf13 url(../images/boton_acceso_modulo.png) center center no-repeat;}
#contenedor_mapa > a.disponible{}

#contenedor_mapa a div.modulo_thumb{
    width:90px;
    height:90px;
    position:absolute;
    top:0px;
    left:0px;
	display:none;
}

#contenedor_mapa div.modulo_tooltip{
    width:200px;
    height:135px;
    position:absolute;
	opacity:0;
	display:none;
	background:url(../images/tooltip_modulo.png) no-repeat;
	z-index:100;
}

#contenedor_mapa div.tooltip_cerrar{
    width:40px;
    height:40px;
    position:absolute;
	top:-20px;
	left:175px;

	background:url(../images/tooltip_cerrar.png) no-repeat;
	display:none;
}

#contenedor_mapa div.tooltip_contenedor_estado{
    width:196px;
    height:16px;
    position:absolute;
	top:2px;
	right:2px;

	background: #C3C;
	opacity:0;
}

#contenedor_mapa div.tooltip_contenedor_titulo{
    width:200px;
    height:80px;
    position:absolute;
	top:10px;
	left:0px;
	overflow:hidden;
}

#contenedor_mapa div.tooltip_contenedor_titulo p{
	width:200px;
	position:absolute;
	top:8px;
	left:0px;
	line-height:20px;
	letter-spacing:0px;
	color:#ffffff;
	text-align:center;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);

	font-family: 'tt_normslight', Arial, sans-serif;
	font-size:15px;
	cursor:default;
}


#contenedor_mapa div.tooltip_contenedor_progreso{
    width:182px;
    height:4px;
    position:absolute;
	bottom:29px;
	left:9px;
	overflow:hidden;
	
	background: #C3C;
	opacity:0;
}

.pulso_boton{
	height:30px;
	width:30px;
	position:absolute;
	
	background:none;
	border-radius:20px;
	border: 1px solid #ffffff;		
	z-index:94;
}

.pulso_interior{
	animation: 0.75s pulso_interior ease-in-out infinite;
	-webkit-animation: 0.75s pulso_interior ease-in-out infinite;
	-ms-animation: 0.75s pulso_interior ease-in-out infinite;
}

.pulso_exterior{
	animation: 0.75s pulso_exterior ease-in-out infinite;
	-webkit-animation: 0.75s pulso_exterior ease-in-out infinite;
	-ms-animation: 0.75s pulso_exterior ease-in-out infinite;
}


#modulo_1_boton{top:536px;left:1405px;}
#modulo_2_boton{top:596px;left:1639px;}
#modulo_3_boton{top:216px;left:2059px;}
#modulo_4_boton{top:726px;left:2079px;}
#modulo_5_boton{top:690px;left:1140px;}
#modulo_6_boton{top:1070px;left:967px;}
#modulo_7_boton{top:920px;left:1827px;}
#modulo_8_boton{top:1130px;left:567px;}

#modulo_9_boton{left: 1444px;top: 1140px;}
#modulo_10_boton{left: 1334px;top: 990px;}
#modulo_11_boton{left: 1484px;top: 910px;}
#modulo_12_boton{top:640px;left:1425px;}
#modulo_13_boton{top:1195px;left:2335px;}

#modulo_01_pulso_interior,#modulo_01_pulso_exterior{top:863px;left:882px;}
#modulo_02_pulso_interior,#modulo_02_pulso_exterior{top:294px;left:2068px;}
#modulo_03_pulso_interior,#modulo_03_pulso_exterior{top:928px;left:1886px;}
#modulo_04_pulso_interior,#modulo_04_pulso_exterior{top:1233px;left:2344px;}
#modulo_05_pulso_interior,#modulo_05_pulso_exterior{top:1038px;left:1335px;}

#modulo_01_thumb{background:url(../images/thumb_modulo_01.png) no-repeat;}
#modulo_02_thumb{background:url(../images/thumb_modulo_02.png) no-repeat;}
#modulo_03_thumb{background:url(../images/thumb_modulo_03.png) no-repeat;}
#modulo_04_thumb{background:url(../images/thumb_modulo_04.png) no-repeat;}
#modulo_05_thumb{background:url(../images/thumb_modulo_05.png) no-repeat;}

#modulo_tooltip_01{top:690px;left:800px;}
#modulo_tooltip_02{top:121px;left:1986px;}
#modulo_tooltip_03{top:755px;left:1804px;}
#modulo_tooltip_04{top:1060px;left:2262px;}
#modulo_tooltip_05{top:865px;left:1251px;}

@-moz-keyframes pulso_interior{
    0%   {transform:scale(1);    opacity: 1;}
    25%  {transform:scale(1.35); opacity: 0.75;}
    50%  {transform:scale(1.70); opacity: 0.5;}
    75%  {transform:scale(2.0);  opacity: 0.35;}	
    100% {transform:scale(2.35); opacity: 0.20;}    
}

@-webkit-keyframes pulso_interior{
    0%   {-webkit-transform:scale(1);    opacity: 1;}
    25%  {-webkit-transform:scale(1.35); opacity: 0.75;}
    50%  {-webkit-transform:scale(1.70); opacity: 0.5;}
    75%  {-webkit-transform:scale(2.0);  opacity: 0.35;}	
    100% {-webkit-transform:scale(2.35); opacity: 0.20;}  	  
}

@-ms-keyframes pulso_interior{
    0%   {-ms-transform:scale(1);    opacity: 1;}
    25%  {-ms-transform:scale(1.35); opacity: 0.75;}
    50%  {-ms-transform:scale(1.70); opacity: 0.5;}
    75%  {-ms-transform:scale(2.0);  opacity: 0.35;}	
    100% {-ms-transform:scale(2.35); opacity: 0.20;}  	
}

@-moz-keyframes pulso_exterior{
    0%   {transform:scale(1.5);  opacity: 0.20;}
    25%  {transform:scale(1.85); opacity: 0.40;}
    50%  {transform:scale(2.20); opacity: 0.5;}
    75%  {transform:scale(2.50); opacity: 0.60;}	
    100% {transform:scale(2.85); opacity: 0;}    
}

@-webkit-keyframes pulso_exterior{
    0%   {-webkit-transform:scale(1.5);  opacity: 0.20;}
    25%  {-webkit-transform:scale(1.85); opacity: 0.40;}
    50%  {-webkit-transform:scale(2.20); opacity: 0.5;}
    75%  {-webkit-transform:scale(2.50); opacity: 0.60;}	
    100% {-webkit-transform:scale(2.85); opacity: 0;}    
}

@-ms-keyframes pulso_exterior{
    0%   {-ms-transform:scale(1.5);  opacity: 0.20;}
    25%  {-ms-transform:scale(1.85); opacity: 0.40;}
    50%  {-ms-transform:scale(2.20); opacity: 0.5;}
    75%  {-ms-transform:scale(2.50); opacity: 0.60;}	
    100% {-ms-transform:scale(2.85); opacity: 0;}    
}