@font-face {
    font-family: 'frutiger-bold';
    src: url('../fuentes/frutiger-bold.eot');
    src: url('../fuentes/frutiger-bold.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/frutiger-bold.woff') format('woff'),
         url('../fuentes/frutiger-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
} @font-face {
    font-family: 'frutiger-light';
    src: url('../fuentes/frutiger-light.eot');
    src: url('../fuentes/frutiger-light.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/frutiger-light.woff') format('woff'),
         url('../fuentes/frutiger-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 

html, body {margin: 0px;height: 100%;background-color: #fff; text-align: center;}

a,a:focus,a:hover {color: #fff;text-decoration: none;}
:focus {outline: 0;}
a img:hover {opacity:0.8;cursor: -moz-zoom-in;cursor: -webkit-zoom-in;cursor: zoom-in;}
strong {font-family: 'frutiger-bold', Arial; font-weight:bold;}

@media screen and (min-width: 950px){
h3 p{
  margin: -5px 0 10px;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 7px;
}
}

.site-wrapper {display: table;width: 100%;height: 100%; min-height: 100%;}
.site-wrapper-inner {display: table-cell;vertical-align: top;}

.logo-superior{background-image: url(../imagenes/general/logo-memoria.png);background-repeat:no-repeat; background-size:contain;margin: 13px 0 0 10px;width: 427px;height: 37px;z-index: 999999;position: absolute; cursor:pointer}
.logo-superior-esp{background-image: url(../imagenes/general/logo-memoria-esp.png);background-repeat:no-repeat; background-size:contain;margin: 13px 0 0 10px;width: 427px;height: 37px;z-index: 999999;position: absolute; cursor:pointer}
.logo-superior-eng{background-image: url(../imagenes/general/logo-memoria-eng.png);background-repeat:no-repeat; background-size:contain;margin: 13px 0 0 10px;width: 427px;height: 37px;z-index: 999999;position: absolute; cursor:pointer}
.logo-superior-fr{background-image: url(../imagenes/general/logo-memoria-fr.png);background-repeat:no-repeat; background-size:contain;margin: 13px 0 0 10px;width: 427px;height: 37px;z-index: 999999;position: absolute; cursor:pointer}

.menu-sup {background-color: hsla(224, 63%, 15%, 0.85);z-index: 9;width: 100%;height: 65px;position: fixed;top:0px;}

@media screen and (max-width: 490px){
	.logo-superior{background-image: url(../imagenes/general/logo-port-barcelona.svg); width:200px}
	.logo-superior-esp{background-image: url(../imagenes/general/logo-port-barcelona.svg); width:200px}
	.logo-superior-eng{background-image: url(../imagenes/general/logo-port-barcelona.svg); width:200px}
	.logo-superior-fr{background-image: url(../imagenes/general/logo-port-barcelona.svg); width:200px}
}
@media screen and (max-width: 400px){
	.logo-superior{background-image: url(../imagenes/general/logo-port-barcelona.svg); }
	.logo-superior-esp{background-image: url(../imagenes/general/logo-port-barcelona.svg);}
	.logo-superior-eng{background-image: url(../imagenes/general/logo-port-barcelona.svg);}
	.logo-superior-fr{background-image: url(../imagenes/general/logo-port-barcelona.svg);}
}
@media screen and (max-width: 345px){
	.logo-superior {background-image: url(../imagenes/general/icon-pbcn.svg);}
	.logo-superior-esp {background-image: url(../imagenes/general/icon-pbcn.svg);}
	.logo-superior-eng {background-image: url(../imagenes/general/icon-pbcn.svg);}
	.logo-superior-fr {background-image: url(../imagenes/general/icon-pbcn.svg);}
}

#dl-menu {z-index:99; position:absolute; right:0}
.dl-menuwrapper li {margin: 0px;}

.btn-izq {background-image: url(../imagenes/general/izq.png);background-size: contain;background-repeat: no-repeat;right: 95px;top: 19px;width: 35px;height: 29px;float: left;position: absolute;}
.btn-dcha {background-image: url(../imagenes/general/dcha.png);background-size: contain;background-repeat: no-repeat;right: 72px;top: 19px;width: 35px;height: 29px;float: left;position: absolute;}
.btn-cerrar {background-image: url(../imagenes/general/close.png);background-size: contain;background-repeat: no-repeat;position: absolute; right: 30px; top:30px;  z-index:99;width: 25px;height: 25px; cursor:pointer; opacity:0.8}
.btn-cerrar:hover { opacity:1}
.menu-salir {position: absolute;bottom: 2%; width:100%}
.menu-salir a, .menu-salir p { font-family:'frutiger-light', Arial; font-size: 15px;letter-spacing: 1px;color:#fff; text-shadow: 0 1px 3px rgba(0,0,0,0.4); cursor:pointer}

/* Tipos*/
h1 .quince {font-family: 'frutiger-bold', Arial; font-weight:bold;font-size: 340px;/*letter-spacing: -30px;*/text-shadow: 0 1px 3px rgba(0,0,0,0.4); color: #fff;line-height: 340px;transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;-webkit-transition: all 0.6s;}
h1 .memoria {font-family: 'frutiger-bold', Arial; font-weight:bold;font-size: 26px;letter-spacing: 1px;text-shadow: 0 1px 3px rgba(0,0,0,0.4); color: #fff;transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;-webkit-transition: all 0.6s;}

h2 {font-family: 'frutiger-light', Arial;font-size: 24px;letter-spacing: 1px;text-shadow: 0 1px 3px rgba(0,0,0,0.4); color: #fff; hyphens: inherit !important;}
h2 a {color: #fff;text-decoration: none;transition: all 0.3s;-moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
h2 a:hover, h2 a:focus{color: #0078be;text-decoration: none;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}

ul {list-style-image: url(../imagenes/list.png); padding-left:15px}
li { margin: -8px 0px;}

/* Seleccion Idioma*/
.cabezal {
display: block;top: 0%;position: absolute;height: 65%;top: 0;left: 0;float: left; width: 100%;z-index: 2;background-image: url(../imagenes/general/bg-idiomas-ie.jpg);background-repeat: no-repeat;background-size: cover; background-position: top center;-webkit-box-shadow: 0px 10px 43px 18px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 43px 18px rgba(0,0,0,0.5);box-shadow: 0px 10px 43px 18px rgba(0,0,0,0.5);}

.menu-idiomas {width: 100%;position: absolute;bottom: 28%; z-index:3; transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s; -o-transition: all 0.6s; -webkit-transition: all 0.6s;}
.quince {width:70%; max-width:350px; height:20%; margin-top:3%}

@media screen and (max-width: 767px) {
	.menu-idiomas{bottom: 2%; }
	}
@media screen and (max-height: 667px) {
	.menu-idiomas{bottom:4%; }
	}
@media screen and (max-height: 630px) {
	.menu-idiomas{bottom:0%; }
	.quince { width: 230px !important;}
}
@media screen and (max-height: 470px) {
	.logo-pbcn {display:none}
	}
@media screen and (max-width: 330px) and (max-height: 540px){
	.menu-idiomas h2 { line-height:11px !important}
}

/* Indice */
.indice {width:100%;height:100%;min-height:450px;position: absolute;background-color: #172b53;}
.indice ul {margin: 0;padding: 0;position: absolute;top: 0;left: 0;width: 90%;height:100%;}

.indice li {height:100%;width: 11.1111%;display: block;float: left;background-repeat: no-repeat;background-position: left top;position: relative;margin:0px;}

.trama-menu { background-image:url(../imagenes/general/trama-bg.png); background-position:left; background-repeat:no-repeat; background-size:cover;z-index: 8;width: 100%;height: 16.7%; min-height: 77px;position: fixed;top:0px;}
@media screen and (max-width: 950px){
.trama-menu { display:none;}
.indice ul { width: 100%;}
}

/* Nuevos botones extensibles Indice*/
@media screen and (min-width: 950px){
.indice ul:hover li {width: 9.75%;}
.indice li:hover {width: 22% !important;}
}
    
.indice h1{font-family: 'frutiger-light', Arial;font-weight: normal;font-size: 100px;text-shadow: 0 1px 3px rgba(0,0,0,0.4);color: #fff;line-height: 0px;text-align: left;padding-left: 5%;margin:0px !important;position: absolute;top: 24%;width:100%;transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;-webkit-transition: all 0.6s;}
.indice h1 a:hover {text-decoration:none}

.indice h2{font-family: 'frutiger-light', Arial;font-weight: normal;font-size: 15px;text-shadow: none;color: #1d2b50;line-height: 19px;padding: 0 5%;letter-spacing:0px;margin:0px !important;position:absolute;top: 30%;width:100%;text-transform: uppercase;text-align:left;transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;-webkit-transition: all 0.6s;}
.indice h2 a {color: #ffffff;}
.indice h2 a:hover {color: #ffffff;}
.indice h3{/*opacity:0*/display:none;font-family: 'frutiger-light', Arial;font-weight:bold;font-size: 14px;text-shadow: none;color: #ffffff;line-height: 25px;padding: 0px 5%;letter-spacing:0px;margin:0px !important;position:absolute;top: 38%;text-align:left;width:100%;transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;-webkit-transition: all 0.2s;} 
.indice h3 a{color: #ffffff;transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;-webkit-transition: all 0.2s;/* border-bottom: 1px solid #fff; *//* padding-bottom: 8px; */} 
.indice h3 a:hover{color:#0078be;cursor: pointer !important;transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;-webkit-transition: all 0.2s;} 

.bot00,.bot00-esp,.bot00-eng,.bot00-fr,.bot01,.bot02,.bot03,.bot04,.bot05,.bot06,.bot07,.bot08,.bot09 {background-size:cover; background-position:left top; transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;-webkit-transition: all 0.6s;}

.bot00 {background-image:url(../imagenes/general/indice/bg-bot00.jpg);background-position: 50% 50%;}
.bot00:hover {background-image:url(../imagenes/general/indice/bg-bot00.jpg); cursor:pointer;}
.bot00-esp {background-image:url(../imagenes/general/indice/bg-bot00-esp.jpg);background-position: 50% 50%;}
.bot00-esp:hover {background-image:url(../imagenes/general/indice/bg-bot00-esp.jpg); cursor:pointer;}
.bot00-eng {background-image:url(../imagenes/general/indice/bg-bot00-eng.jpg);background-position: 50% 50%;}
.bot00-eng:hover {background-image:url(../imagenes/general/indice/bg-bot00-eng.jpg); cursor:pointer;}
.bot00-fr {background-image:url(../imagenes/general/indice/bg-bot00-fr.jpg);background-position: 50% 50%;}
.bot00-fr:hover {background-image:url(../imagenes/general/indice/bg-bot00-fr.jpg); cursor:pointer;}
.bot01 {background-image:url(../imagenes/general/indice/bg-bot01.jpg);background-position: 50% 50%;}
.bot01:hover {background-image:url(../imagenes/general/indice/bg-bot01b.jpg); cursor:pointer;}
.bot02 {background-image:url(../imagenes/general/indice/bg-bot02.jpg);background-position: 50% 50%;}
.bot02:hover {background-image:url(../imagenes/general/indice/bg-bot02b.jpg); cursor:pointer;}
.bot03 {background-image:url(../imagenes/general/indice/bg-bot03.jpg);background-position: 50% 50%;}
.bot03:hover {background-image:url(../imagenes/general/indice/bg-bot03b.jpg); cursor:pointer;}
.bot04 {background-image:url(../imagenes/general/indice/bg-bot04.jpg);background-position: 50% 50%;}
.bot04:hover {background-image:url(../imagenes/general/indice/bg-bot04b.jpg); cursor:pointer;}
.bot05 {background-image:url(../imagenes/general/indice/bg-bot05.jpg);background-position: 50% 50%;}
.bot05:hover {background-image:url(../imagenes/general/indice/bg-bot05b.jpg); cursor:pointer;}
.bot06 {background-image:url(../imagenes/general/indice/bg-bot06.jpg);background-position: 50% 50%;}
.bot06:hover {background-image:url(../imagenes/general/indice/bg-bot06b.jpg); cursor:pointer;}
.bot07 {background-image:url(../imagenes/general/indice/bg-bot07.jpg);background-position: 50% 50%;}
.bot07:hover {background-image:url(../imagenes/general/indice/bg-bot07b.jpg); cursor:pointer;}
.bot08 {background-image:url(../imagenes/general/indice/bg-bot08.jpg);background-position: 50% 50%;}
.bot08:hover {background-image:url(../imagenes/general/indice/bg-bot08b.jpg); cursor:pointer}
.bot09 {background-image:url(../imagenes/general/indice/bg-bot09.jpg);background-position: 50% 50%;}
.bot09:hover {background-image:url(../imagenes/general/indice/bg-bot09b.jpg); cursor:pointer}

.bot00:hover,.bot00-esp:hover,.bot00-eng:hover,.bot00-fr:hover,.bot01:hover,.bot02:hover,.bot03:hover,.bot04:hover,.bot05:hover,.bot06:hover,.bot07:hover,.bot08:hover,.bot09:hover {background-size:cover;transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;-webkit-transition: all 0.6s; cursor: auto;}
.bot00:hover h3,.bot00-esp:hover h3,.bot00-eng:hover h3,.bot00-fr:hover h3,.bot01:hover h3,.bot02:hover h3,.bot03:hover h3,.bot04:hover h3,.bot05:hover h3,.bot06:hover h3,.bot07:hover h3,.bot08:hover h3,.bot09:hover h3{/*opacity:1;*/ display:block;transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;-webkit-transition: all 0.6s;}

@media screen and (max-width: 1540px){
	.indice h3{font-size: 13px; line-height:16px}
}
@media screen and (max-width: 1115px){
	.indice h3{font-size: 12px; line-height:13px}
}
@media screen and (min-width: 950px) and (max-height: 850px){
	.indice h3{ font-size:12px;line-height: 12px;}
	.menu5 {font-size: 12px !important;line-height: 12px !important;}
}
@media screen and (min-width: 950px) and (max-height: 800px){
	.indice h3{font-size: 12px;line-height: 18px;}
	.menu5 {font-size: 12px !important;line-height: 12px !important;}
}
@media screen and (min-width: 950px) and (max-height: 680px){
	.indice h3{ /*display:none !important*/}
}

@media screen and (min-width: 1300px){
	.indice h1{font-size: 104px;}
}

@media screen and (max-width: 1240px){
	.indice h3 {top: 39%;}
}

@media screen and (max-height: 668px){
	.indice h1{font-size: 75px;}
}

@media screen and (min-width: 950px) and (max-width: 1365px){
	.indice h2 {font-size: 13px;}
}
.boton-indice-movil {display:none}

/*Menu indice-movil*/

@media screen and (max-width: 620px){
.indice h3 {display:none !important}
.indice li:hover{height:170px !important;}
.indice li:hover h2 {top: 75% !important;max-width: 100% !important;}
.boton-indice-movil {display: block}
}

@media screen and (max-width: 950px){
.indice {margin-top:65px}
.indice li {height: 120px; width:100%}
.indice li:hover{height:330px;border-top:10px solid #0078be;}
.indice li:hover h2{top:59%; max-width:140px}

.indice h1{font-size: 90px;top:45%; width:100%; text-align:left; padding-left:20px}
.indice h2{font-size: 16px; color: #1d2b50; padding:0 22px; text-align:left;top:90px; width:100%;}
.indice h3{text-align:right; position: absolute; right:0px; max-width:335px;top:40px; font-size:15px; line-height:17px}



.bot01 {background-image:url(../imagenes/general/indice/bg-bot01m.jpg);background-position: 100% 100%; cursor: none}
.bot01:hover {background-image:url(../imagenes/general/indice/bg-bot01bm.jpg); cursor:pointer;}
.bot02 {background-image:url(../imagenes/general/indice/bg-bot02m.jpg);background-position: 50% 50%;}
.bot02:hover {background-image:url(../imagenes/general/indice/bg-bot02bm.jpg); cursor:pointer;}
.bot03 {background-image:url(../imagenes/general/indice/bg-bot03m.jpg);background-position: 50% 50%;}
.bot03:hover {background-image:url(../imagenes/general/indice/bg-bot03bm.jpg); cursor:pointer;}
.bot04 {background-image:url(../imagenes/general/indice/bg-bot04m.jpg);background-position: 50% 50%;}
.bot04:hover {background-image:url(../imagenes/general/indice/bg-bot04bm.jpg); cursor:pointer;}
.bot05 {background-image:url(../imagenes/general/indice/bg-bot05m.jpg);background-position: 50% 50%;}
.bot05:hover {background-image:url(../imagenes/general/indice/bg-bot05bm.jpg); cursor:pointer;}
.bot06 {background-image:url(../imagenes/general/indice/bg-bot06m.jpg);background-position: 50% 50%;}
.bot06:hover {background-image:url(../imagenes/general/indice/bg-bot06bm.jpg); cursor:pointer;}
.bot07 {background-image:url(../imagenes/general/indice/bg-bot07m.jpg);background-position: 50% 50%;}
.bot07:hover {background-image:url(../imagenes/general/indice/bg-bot07bm.jpg); cursor:pointer;}
.bot08 {background-image:url(../imagenes/general/indice/bg-bot08m.jpg);background-position: 50% 50%;}
.bot08:hover {background-image:url(../imagenes/general/indice/bg-bot08bm.jpg); cursor:pointer;}
.bot09 {background-image:url(../imagenes/general/indice/bg-bot09m.jpg);background-position: 50% 50%;}
.bot09:hover {background-image:url(../imagenes/general/indice/bg-bot09bm.jpg); cursor:pointer;}
}

/*Menus capitulos*/
  
.contenido-indice {bottom: 0; margin-left:25%; position: absolute; }
.menu-cap h1{font-family: 'frutiger-bold', Arial; font-weight:bold;font-size: 120px;line-height: 92px;text-align: right;padding-right: 20px; margin-bottom:29px;color: #FFF;text-shadow: 0 1px 3px rgba(0,0,0,0.4);}
.menu-cap h2{font-size: 45px;text-align: left;margin-top: 30px;margin-bottom: 25px;}
.menu-cap h2 a:hover{color:#fff !important; text-decoration:underline}
.menu-cap h3{font-family: 'frutiger-light', Arial;font-size: 19px;line-height: 19px;margin: 14px 0;text-shadow: none;color: #fff;letter-spacing:0px;text-align:left;text-shadow: 0 1px 3px rgba(0,0,0,0.4);}

@media screen and (max-width: 822px){
	 .menu-cap h2 { margin-bottom:0px}
	 .menu-cap h1 {line-height:80px; margin-bottom:12px }
}
@media screen and (max-width: 740px){
	 .menu-cap h3 {font-size:17px; line-height:16px; margin:11px 0px;}
	 .menu-cap h2{line-height: 40px; margin-bottom: 6px;}
}
@media screen and ( max-height: 695px){
	   .menu-cap { height:78% }
}
@media screen and ( max-height: 580px){
	 .menu-cap { height:90%}
}
@media screen and ( max-height: 460px){
	 .menu-cap { height:100%; }
}
@media screen and ( max-height: 423px){
	 .menu-cap h2{ font-size: 28px !important;
  margin-top: 20px; margin-bottom:5px}
     .menu-cap h1{ font-size:90px;margin-bottom:12px }
}
@media screen and ( max-height: 350px){
	 .menu-cap h3{ font-size: 14px; line-height:10px}
     .menu-cap h1{ font-size:90px; line-height:61px}
}
@media screen and ( min-height: 915px){
	 .menu-cap h3 {font-size:20px;line-height:20px;margin-bottom:12px }
}

/*Contenido memoria*/

#contenido-memoria p {text-align:justify; font-size:15px; font-family: 'frutiger-light', Arial; color:#333; margin:15px 0; }

#contenido-memoria h1 {text-align:left; font-size:42px; font-family: 'frutiger-light', Arial; color:#1d2b50;}
#contenido-memoria h2 {text-align:left;font-size: 26px;font-family: 'frutiger-light', Arial;color:#0078be;text-shadow:none;letter-spacing:0px;margin-top:0px;margin-bottom:30px;}
#contenido-memoria h3 {font-family: 'frutiger-light', Arial;font-weight: normal;/* background-color:#0078be; */color: #0078be;font-size: 20px;padding: 0px;text-align:left;margin-bottom: 20px;margin-right: 2px;/*display:flex;*/margin-top: 30px;}
#contenido-memoria h4 {font-family: 'frutiger-bold', Arial; font-weight:bold;font-size: 15px; line-height:19px;color: #0078be;text-align: left;margin: 0px;}
#contenido-memoria h5 {font-family: 'frutiger-light', Arial;font-size: 15px;color:#333; ;text-align: left;margin: 6px 0px 10px 0px;}
#contenido-memoria h6 {font-family: 'frutiger-bold', Arial; font-weight:bold;font-size: 15px;text-align: left;line-height: 18px;color: #333;	}
#contenido-memoria  a:hover h6{color: #1d2b50;}

.obras{font-size: 23px !important;font-family: 'frutiger-bold', Arial !important; font-weight:bold;letter-spacing: -1px !important;color: #fff !important;}

.columna-izq {height:100%; width:33%; height: 100%; position: fixed;transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;-webkit-transition: all 0.4s;}
.columna-detalle {background-image: url(../imagenes/detalle.jpg); background-size:cover; height:100%; width:3%; height: 100%; position: fixed;left:0%; margin-top:130px;transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;-webkit-transition: all 0.4s;}
.columna-dcha {width:67%;position:absolute;left:33%;margin-top: 6%;padding: 0 3.5%;transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;-webkit-transition: all 0.4s;}

.columna-izq-menu-capitulo {height:100%; width:50%;  position: fixed;transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;-webkit-transition: all 0.4s;}
.columna-dcha-menu-capitulo {width:50%;position:absolute;left: 50%;margin-top:100px;padding: 0 3%;transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;-webkit-transition: all 0.4s;}

.columna-izq-menu-idiomas {height:100%; width:40%; position: fixed;transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;-webkit-transition: all 0.4s;}
.columna-dcha-menu-idiomas {width:60%;position:absolute; margin-top:5%; left:36%;padding: 0 0 0 9%;transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;-webkit-transition: all 0.4s;}

.columna-izq-creditos {height:100%; width:45%; height: 100%; position: fixed;transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;-webkit-transition: all 0.4s;}
.columna-dcha-creditos { width:50%; position:absolute; left:50%; margin-top:100px; padding:0 1%;transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;-webkit-transition: all 0.4s;}
.bg-izq-creditos {background-image: url(../imagenes/portadas/bg-menu-c00.jpg); background-size:cover; background-position:center top}


.bg-izq-cap1 {background-image: url(../imagenes/portadas/bg-menu-c01.jpg); background-size:cover; background-position:center top}
.bg-izq-cap2 {background-image: url(../imagenes/portadas/bg-menu-c02.jpg); background-size:cover; background-position:center top}
.bg-izq-cap3 {background-image: url(../imagenes/portadas/bg-menu-c03.jpg); background-size:cover; background-position:center top}
.bg-izq-cap4 {background-image: url(../imagenes/portadas/bg-menu-c04.jpg); background-size:cover; background-position:center top}
.bg-izq-cap5 {background-image: url(../imagenes/portadas/bg-menu-c05.jpg); background-size:cover; background-position:center top}
.bg-izq-cap6 {background-image: url(../imagenes/portadas/bg-menu-c06.jpg); background-size:cover; background-position:center top}
.bg-izq-cap7 {background-image: url(../imagenes/portadas/bg-menu-c07.jpg); background-size:cover; background-position:center top}
.bg-izq-cap8 {background-image: url(../imagenes/portadas/bg-menu-c08.jpg); background-size:cover; background-position:center top}
.bg-izq-cap9 {background-image: url(../imagenes/portadas/bg-menu-c09.jpg); background-size:cover; background-position:center top}

.img-responsive {margin: 20px 0px;}

.pie-de-foto p{text-align:left !important; font-size:13px!important;  margin-top:0px!important;}

@media screen and (max-width: 1053px){
.pie-de-foto {width: 100%;margin-top: 20px;}
.grafica {width:100% !important}
.columna-dcha, .columna-dcha-creditos {margin-top:60px}
#contenido-memoria h1{ font-size:36px}
#contenido-memoria h2{font-size: 24px;}
.anterior-btn {font-size:36px;line-height:36px}
.anterior-btn {font-size:36px; line-height:36px}
}


@media screen and (max-width: 730px){
.columna-izq, .columna-izq-creditos {width: 26%;}
.columna-detalle {width: 2%;left: 26%;}
.columna-dcha, .columna-dcha-creditos {width: 72%;left: 28%;padding:0 1%; margin-top:60px}
}
@media screen and (max-width: 570px){
.columna-izq, .columna-izq-creditos {width: 21%;}
.columna-detalle {width: 2%;left: 21%;}
.columna-dcha, .columna-dcha-creditos {width: 77%;left: 23%;padding:0 1%}

}
@media screen and (max-width: 470px){
.columna-izq, .columna-izq-creditos {width: 9%;}
.columna-detalle {width: 2%;left: 9%;}
.columna-dcha, .columna-dcha-creditos {width: 91%;left: 9%;padding: 0 0%;}
.padding-20{padding-left:10px !important;}
.padding-40{padding-left:20px !important}
}

/*Cap tablas*/
@media screen and (max-width: 920px){
#cap-tablas .columna-izq {width: 16%;}
#cap-tablas .columna-detalle {width: 2%;left: 16%;}
#cap-tablas .columna-dcha {width: 84%;left: 16%;padding: 0 1%;}
}

@media screen and (max-width: 768px){
#cap-tablas .columna-izq {width: 9%;}
#cap-tablas .columna-detalle {width: 2%;left: 9%;}
#cap-tablas .columna-dcha {width: 91%;left: 9%;padding: 0 1%;}
}

/* Tablas */
.tabla {margin: 25px 0px 50px 0;}
.tg  {border-collapse:collapse;border-spacing:0; width:100%; border-left-color:#FFF !important;}
.tg td{font-family:'frutiger-light', Arial;font-size: 13px;padding: 4px 8px;border-style:solid;border-color: #ffffff;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;max-height:10px;vertical-align: top;}
.tg th{font-family:'frutiger-light', Arial;font-size:14px;font-weight:normal;padding: 4px 8px;border-style:solid;border-color:#DADADA;border-width:0px;overflow:hidden;word-break:normal;/* border-right: 1px solid #fff; *//* border-top: 1px solid #000; *//* border-bottom: 1px solid #000; */}

.tg .titulo-columna{background-color:#d1d6d2;text-align:right; font-family: 'frutiger-bold', Arial; font-weight:bold;}
.tg .titulo-fila{text-align:left;padding-left: 6px;}
.tg .dato{text-align:right}

.tg .azul {color:#0078be !important;  font-family: 'frutiger-bold', Arial;}

.tg .totales{
  color: #333;
  border-color: #333;
  font-family: 'frutiger-bold', Arial;
  font-weight: bold;
  /* background-color: #0078be; */
  }
.tg .borde-azul {border-color: #333;}

.padding-20{padding-left:20px ; text-align:left}
.padding-40{padding-left:40px }

@media screen and (max-width: 730px){
.tg td {font-size:12px !important;padding: 4px 2px;}
.tg th {font-size:12px !important;padding: 4px 2px;}
}

/*Cap 8*/
#directorio a {color:#a5a5a5}
#directorio	a:hover {color:#000}
#directorio strong{color:#0078be}
#directorio	#contenido-memoria p {text-align:left}
#directorio .col-sm-6 {padding:5px}
.galeria {width: 100% !important; left:0 !important; padding:0px !important}

/*Varios*/
.lb-number { display:none  !important}
.lb-caption {font-family:'frutiger-light', Arial;font-weight:normal;font-size: 17px !important;color: #fff;}
.mt50 {margin-top:50px !important}
.mt30 {margin-top:30px !important}
.mt20 {margin-top:20px !important}
.mt0 {margin-top:0px !important}

@media screen and (max-width: 570px){
.hidden-mov {display:none}
}

@media screen and (min-width: 570px){
.hidden-desk {display:none}
}

.logo { width:70%}
@media screen and (max-width: 1100px){
.logo { width:100% !important}
}
@media screen and (max-width: 790px){
.logo { width:30% !important}
}

/*Album Fotografico*/

.img-album {padding:1px; display:inline; max-width:25%;margin: 0px -2px;}

@media screen and (max-width: 1000px){
.img-album {max-width: 33%;margin: 0px -1px;}
}
@media screen and (max-width: 720px){
.img-album {max-width: 50%;margin: 0px -2px;}
}
@media screen and (max-width: 490px){
.img-album {max-width: 100%;margin: 0px 0px;}
}

/*Capitulo 4 principales obras + Mapa interactivo*/
.cuadricula .col-sm-4{padding: 3px;}
.hs-hotspot {width:50px;height:50px;margin-left:-25px;margin-top:-50px;opacity:1; background-repeat: no-repeat;}
.hs-wrap{position:relative}
.hs-wrap img{position:relative;z-index:0}
.hs-hotspot-container{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}
.hs-hotspot{cursor:pointer;pointer-events:all;transition:all .25s cubic-bezier(.55,0,.1,1);-moz-transition:all .25s cubic-bezier(.55,0,.1,1);-webkit-transition:all .25s cubic-bezier(.55,0,.1,1)}
.hs-hotspot-oval,.hs-hotspot-rect,.hs-hotspot-spot{position:absolute}
.hs-hotspot img{width:100%}


#spot-1 {left:50.5%;top:37.4%; background-image:url(../imagenes/c4/pin-01b.svg)}
#spot-2 {left:33.6%;top:31%; background-image:url(../imagenes/c4/pin-02b.svg)}
#spot-2b {left:28.4%;top:36.9%; background-image:url(../imagenes/c4/pin-02b.svg)}
#spot-2c {left:43.1%;top:31.3%; background-image:url(../imagenes/c4/pin-02b.svg)}
#spot-2d {left:58.8%;top:38.3%; background-image:url(../imagenes/c4/pin-02b.svg)}
#spot-3 {left:71.7%;top:43.5%; background-image:url(../imagenes/c4/pin-03b.svg)}
#spot-4 {left:15.2%;top:59.5%; background-image:url(../imagenes/c4/pin-04b.svg)}
#spot-5 {left:52%;top:33.3%; background-image:url(../imagenes/c4/pin-05b.svg)}
#spot-6 {left:52.7%;top:72%; background-image:url(../imagenes/c4/pin-06b.svg)}
#spot-7 {left:33.9%;top:42.6%; background-image:url(../imagenes/c4/pin-07b.svg)}
#spot-8 {left:72.7%;top:50.5%; background-image:url(../imagenes/c4/pin-08b.svg)}


#spot-1:hover {background-image:url(../imagenes/c4/pin-01.svg)}
#spot-2:hover {background-image:url(../imagenes/c4/pin-02.svg)}
#spot-2b:hover {background-image:url(../imagenes/c4/pin-02.svg)}
#spot-2c:hover {background-image:url(../imagenes/c4/pin-02.svg)}
#spot-2d:hover {background-image:url(../imagenes/c4/pin-02.svg)}
#spot-3:hover {background-image:url(../imagenes/c4/pin-03.svg)}
#spot-4:hover {background-image:url(../imagenes/c4/pin-04.svg)}
#spot-5:hover {background-image:url(../imagenes/c4/pin-05.svg)}
#spot-6:hover {background-image:url(../imagenes/c4/pin-06.svg)}
#spot-7:hover {background-image:url(../imagenes/c4/pin-07.svg)}
#spot-8:hover {background-image:url(../imagenes/c4/pin-08.svg)}

#mapa {background-size:cover;width: 100%;transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;-webkit-transition: all 0.6s}

.botones-mapa {position:absolute;margin-top:-90px}
#botonsatelite {display: block;background: none;border: none;font-family: 'frutiger-bold', Arial; font-weight:bold;color: #D9D9D9;font-weight: bold;background-image: url(../imagenes/c4/satelite-icon.svg);background-position: left center;background-repeat: no-repeat;font-size: 12px;padding-left: 38px;height: 50px; float:right;margin-left:20px}
#botonsatelite:hover {color:#0073CF; background-image: url(../imagenes/c4/satelite-icon-b.svg);cursor:pointer}
#botonplano {display: block;background: none;border: none;font-family: 'frutiger-bold', Arial; font-weight:bold;color: #D9D9D9;font-weight: bold;background-image: url(../imagenes/c4/map-icon.svg);background-position: left center;background-repeat: no-repeat;font-size: 12px;padding-left: 38px;height: 50px;float: right;}
#botonplano:hover {color:#0073CF; background-image: url(../imagenes/c4/map-icon-b.svg); cursor:pointer}

.obras-titulo{font-family: 'frutiger-bold', Arial !important; font-weight:bold;font-size: 14px !important;text-align: left !important;line-height: 18px !important;color: #0078be !important;  margin: -15px 0px 0px 0px !important; !important;}
.obras-titulo:hover{ color:#1D2B52 !important;}
.cuadricula a:hover {text-decoration:none}

.principales-obras-movil {display:none}

@media screen and (max-width: 460px){
.titulo-4 { font-size:32px !important; line-height:32px !important; }
.titulo-8 { font-size:34px !important;line-height:32px !important; }
}

@media screen and (max-width: 680px){
.hs-hotspot-container, #mapa,.hs-hotspot-spot, .cuadricula {display:none}
.principales-obras-movil {display:block}
.principales-obras-movil .col-sm-12 {width: 98%;}
.principales-obras {display:none}
}

@media screen and (max-height: 680px){
#capitulo-4 .md-content h1{font-size: 20px !important;
  margin-top: -10px;
  margin-bottom: 0px;
}
#capitulo-4 .md-content p{font-size: 13px !important;
  margin-top: 0px;}
}

@media screen and (max-height: 590px){
.hs-hotspot-container, #mapa, .hs-hotspot-spot, .cuadricula {display:none}
.principales-obras-movil {display:block}
.principales-obras-movil .col-sm-12 {width: 98%;}
.principales-obras {display:none}
}
 	

/*Columnas*/
@media (max-width: 790px) {
  #contenido-memoria .col-sm-1, #contenido-memoria .col-sm-2, #contenido-memoria .col-sm-3, #contenido-memoria .col-sm-4, #contenido-memoria .col-sm-5, #contenido-memoria .col-sm-6, #contenido-memoria .col-sm-7, #contenido-memoria .col-sm-8, #contenido-memoria .col-sm-9, #contenido-memoria .col-sm-10, #contenido-memoria .col-sm-11, #contenido-memoria .col-sm-12 {
    float: left;
  }
  #contenido-memoria .col-sm-12 {
    width: 100%;
  }
  #contenido-memoria .col-sm-11 {
    width: 100%;
  }
  #contenido-memoria .col-sm-10 {
    width: 100%;
  }
 #contenido-memoria .col-sm-9 {
    width: 100%;
  }
  #contenido-memoria .col-sm-8 {
    width: 100%;
  }
  #contenido-memoria .col-sm-7 {
    width: 100%;
  }
  #contenido-memoria .col-sm-6 {
    width: 100%;
  }
  #contenido-memoria .col-sm-5 {
    width: 100%;
  }
  #contenido-memoria .col-sm-4 {
    width: 100%;
  }
  #contenido-memoria .col-sm-3 {
    width: 100%;
  }
  #contenido-memoria .col-sm-2 {
    width: 100%;
  }
  #contenido-memoria .col-sm-1 {
    width: 100%;
  }
}

#indice-movil {display:none}
@media screen and (max-width: 740px) and (min-height: 680px){
#indice-escritorio { display:none}
#indice-movil { display: inherit}
}
@media screen and (max-width: 640px){
#indice-escritorio { display:none}
#indice-movil { display: inherit}
}
.logo-idiomas {width:67%;transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;-webkit-transition: all 0.4s;}
	@media screen and (max-width: 960px){
	.logo-idiomas {width:72%}
	}
	@media screen and (max-width: 950px) and (max-height: 1000px){
	.columna-dcha-menu-idiomas {left: 55%;  width: 45%;}
	}
	@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
	{#indice-escritorio {display:none}
     #indice-movil{display:inherit !important}
	}

.pagina {z-index:99999999999999999999999}

/*Light-box*/
.lb-nav {display: none !important;}


/*Específicos responsive*/
@media screen and (max-width: 650px){
.dades-100{ width:97% !important; margin-top:40px !important; margin-bottom:-70px !important; margin-left:2% !important}
}