/* Fuente custom */
/* oswald-regular - latin_latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v31-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v31-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v31-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v31-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v31-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v31-latin_latin-ext-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}


/* constantes */
:root {
  --zoom_default: 1.01;
  --brightness_default:1.1;
  --color_disabled:#A0AD9F;
  }

/* atajos CSS */
.m10{margin:10px;display:block}
.mt0{margin-top:0px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mb10{margin-bottom:10px}


/* elementos HTML */
html{
width:100%;height:100%;
font-size: 62.5%; 
border:0;margin:0;padding:0;
background: #000000 fixed;
}

* {outline: none;}
img{border:0;max-width:100% !important;width:auto !important;height:auto;display:block;object-fit: contain}
table{border:0;padding:0;margin:0}
table td{vertical-align:top}
iframe{border:0;padding:0;margin:0}

body{border:0;margin:0;padding:0;font-family:verdana; font-size:12px;font-size:1.2rem }

p{text-align:justify}
.grid-item p{text-align:left}
.footer-envelope p{font-size:10px}

ul{list-style-type:square;padding-left:15px}
ul li{margin-bottom:0px}

h1,h2,h3,h4,h5,h6{font-family:oswald, arial;font-weight:normal;margin-bottom:0px;}
h1{color:#183250;font-size:32px;font-size:3.2rem;margin-top:30px;line-height:40px}
h2{color:#1A3756;font-size:30px;font-size:2.8rem;margin-top:30px;line-height:38px}
h3{color:#1D3D5D;font-size:28px;font-size:2.4rem;margin-top:30px;line-height:36px}
h4{color:#1F4363;font-size:26px;font-size:2.0rem;margin-top:30px;line-height:34px}
h5{color:#22496A;font-size:24px;font-size:1.6rem;margin-top:30px;line-height:32px}
h6{color:#254F71;font-size:22px;font-size:1.2rem;margin-top:30px;line-height:30px}

.row h1,.row h2,.row h3,.row h4,.row h5,.row h6 {
margin:25px 5px 5px 5px;
text-align:left;
display:block;
padding:2px 0px 8px 10px;
border-radius: 5px;
box-shadow: 0px 2px 2px rgba(0,0,0,0.75);
transition: width 0.3s;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 1);
}
.row h1{color:#FFFFFF;margin-top:30px;margin-left:5px;background-color:#7A847980;background: linear-gradient(90deg, rgba(122,132,121,0.50) 0%, rgba(255,255,255,0.1) 100%);}
.row h2{color:#F8F8F8;margin-top:25px;margin-left:5px;background-color:#7A847970;background: linear-gradient(90deg, rgba(122,132,121,0.46) 0%, rgba(255,255,255,0.1) 100%);}
.row h3{color:#F0F0F0;margin-top:20px;margin-left:25px;background-color:#7A847960;background: linear-gradient(90deg, rgba(122,132,121,0.42) 0%, rgba(255,255,255,0.1) 100%);}
.row h4{color:#e8e8e8;margin-top:15px;margin-left:45px;background-color:#7A847950;background: linear-gradient(90deg, rgba(122,132,121,0.38) 0%, rgba(255,255,255,0.1) 100%);}
.row h5{color:#e0e0e0;margin-top:10px;margin-left:65px;background-color:#7A847940;background: linear-gradient(90deg, rgba(122,132,121,0.32) 0%, rgba(255,255,255,0.1) 100%);}
.row h6{color:#d8d8d8;margin-top:5px;margin-left:85px;background-color:#7A847930;background: linear-gradient(90deg, rgba(122,132,121,0.26) 0%, rgba(255,255,255,0.1) 100%);}

h1+h2,h2+h3,h3+h4,h4+h5,h5+h6{margin-top:5px !important;}

a
{color:#3A4B0D;text-decoration:none;font-weight:bolder;}
a:hover
{color:#46addb;}


/* colores de fondo */
.bg_contacto{background:#42540f !important}
.bg_comparte{background:#583C4A !important}
.bg_mapaweb{background:#254F71 !important}
.bg_licencia{background:#673F19 !important}
.bg_cookies{background:#8C2A23 !important}

/* Generales */
.grid-item { width: 320px; float:left;}
.grid-item-wide {width:640px;float:left;}

/* tarjetas */
.card{margin:5px;display:block;float:left;
border-radius: 5px; box-shadow: 0px 2px 2px rgba(0,0,0,0.75);
background: #f0f0f0;background: linear-gradient(135deg, #f0f0f0 0%, #eaf3e9 100%);
}

.internallink
{
	background: #DAEEF7;background: linear-gradient(135deg, #DAEEF7 0%, #C7E6F4 100%);
}

.card {width:310px;}
.cardwide{width:630px}
@media only screen and (max-width: 639px) {.grid-item-wide{width:320px} .cardwide{width:310px}}

/* intratarjeta */
.cardheader{width:290px;text-align:right;display:block}

.icon {border-radius: 5px; padding:2px 5px 2px 5px;border-radius: 5px;font-size:10px;margin-left:5px;display:inline-block}
.icon:first-child {margin-left:0px !important}

.icon_time{background-color:#808080;color:#ffffff}
.icon_lang_en{background-color:#171750;color:#ffffff}
.icon_lang_es{background-color:#691f1a;color:#E5E618}
.icon_materia{background-color:#404040;color:#ffffff}
.icon_pdf{background-color:#520f15;color:#ffffff}
.icon_png{background-color:#105952;color:#ffffff}
.icon_web{background-color:#F7C472;color:#000000}
.icon_app_windows{background-color:#0a70c5;color:#ffffff}
.icon_app_android{background-color:#8fbc46;color:#ffffff}
.icon_app_ios{background-color:#58f9c5;color:#266953}
.icon_3d_ojos_cruzados{background-color:#808080;color:#FFF0C9}

.icon_diagrama{background-color:#d6d9ce;color:#34420f}
.icon_esquema{background-color:#c7cbbb;color:#294281}
.icon_documento{background-color:#D0D0D0;color:#202020}
.icon_presentacion{background-color:#cddbe8;color:#41464a}
.icon_laboratorio{background-color:#ffce7d;color:#3f331f}

.icon_ESO{background-color:#f5c8c8;color:#34420f}
.icon_BAC{background-color:#cfdda7;color:#34420f}

.numeroFichas, .numeroFichasActivo{text-align:center;
border-radius: 5px; padding:2px 5px 2px 5px;
font-size:10px;display:block;
box-shadow: 0px 1px 1px rgba(0,0,0,0.25);z-index:0;margin-bottom:5px;margin-right:5px;min-width:20px}
.numeroFichas{background-color:#000000;color:#ffffff;cursor:default}
.numeroFichasActivo{background-color:#ffffFF;cursor:pointer;cursor:hand}

/* maquetación */
#globalbackground{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1;
background:#303005 ;
background-size: cover;
background-position: center center;
 -webkit-filter: blur(10px);
 filter: blur(10px);
 opacity:0;
 transition: all 1s;
}

#globalbackgroundoverlay{position:fixed;left:0;top:0;width:100%;height:100%;z-index:2;background:rgba(0,0,0,0.66)}
  
#globalcontent{position:absolute;left:0;top:0; max-height: 100%;width:100%;z-index:100}


.container{margin:0px auto 15px auto;padding-top:10px;}
.titulopagina{background-color:#A0AD9F40; background: linear-gradient(90deg, rgba(160,173,159,0.25) 0%, rgba(255,255,255,0.1) 100%);color:#6B736A;text-align:left;
margin:5px;display:block;float:left;min-height:70px;
border-radius: 5px; box-shadow: 0px 2px 2px rgba(0,0,0,0.75);transition: width 0.3s}


@media only screen and (min-width: 320px) {.container{width:320px} .titulopagina{width:310px}}
@media only screen and (min-width: 640px) {.container{width:640px} .titulopagina{width:310px}}
@media only screen and (min-width: 960px) {.container{width:960px} .titulopagina{width:630px}}
/* a partir de aquí le añado 20px al min-width para compensar barra de escrol */
@media only screen and (min-width: 1300px) {.container{width:1280px} .titulopagina{width:950px}}
@media only screen and (min-width: 1620px) {.container{width:1600px} .titulopagina{width:1270px}}
@media only screen and (min-width: 1940px) {.container{width:1920px} .titulopagina{width:1590px}}
@media only screen and (min-width: 2260px) {.container{width:2240px} .titulopagina{width:1910px}}
@media only screen and (min-width: 2580px) {.container{width:2560px} .titulopagina{width:2230px}}
@media only screen and (min-width: 2900px) {.container{width:2880px} .titulopagina{width:2550px}}
@media only screen and (min-width: 3220px) {.container{width:3200px} .titulopagina{width:2870px}}
@media only screen and (min-width: 3540px) {.container{width:3520px} .titulopagina{width:3190px}}
@media only screen and (min-width: 3860px) {.container{width:3840px} .titulopagina{width:3510px}}
@media only screen and (min-width: 4180px) {.container{width:4160px} .titulopagina{width:3830px}}
@media only screen and (min-width: 4500px) {.container{width:4480px} .titulopagina{width:4150px}}
@media only screen and (min-width: 4820px) {.container{width:4800px} .titulopagina{width:4470px}}
.centrado{text-align:center}


/* fuentes */
.oswald_small{font-family:oswald, arial;font-size:15px;font-size:1.5rem}
.oswald_small p{margin:0px;}

/* titulares */
.titulowebsite{width:320px;height:80px;transition-duration: all 0.3s ease-in-out;}
.titulowebsite:hover{	-webkit-transform: scale(var(--zoom_default),var(--zoom_default));
	-ms-transform: scale(var(--zoom_default),var(--zoom_default));
	transform: scale(var(--zoom_default),var(--zoom_default));
	filter:brightness(var(--brightness_default));}

.titulopagina h1{color:#ffffff;text-shadow: 0px 4px 4px rgba(0, 0, 0, 1);font-size:32px;line-height:40px;}
.titulopagina h2{color:var( --color_disabled);text-shadow: 0px 4px 4px rgba(0, 0, 0, 1);font-size:16px;line-height:20px;}
.titulopagina a {color:#E2E6E2;font-weight:400;font-size:10px;cursor:hand}
.titulopagina .disabled {color:var( --color_disabled);font-weight:400;font-size:10px;cursor: default !important;}
.titulopagina a:hover{color:#ffffff}
.breadcrumb{margin-top:2px;}
.titulomargen{margin:5px 10px 5px 10px}

/* bottom */
/* footer */
.footer-envelope{width:100%;padding-top:5px;margin-top:50px;
background-color:#A0AD9F40; background: linear-gradient(90deg, rgba(160,173,159,0.25) 0%, rgba(255,255,255,0.1) 100%);
box-shadow: 0px 2px 2px rgba(0,0,0,0.75);
opacity:0;
transition: opacity 0.3s;
z-index:200;
}

.footer-envelope h4{color: #ffffff;background:rgba(0,0,0,0.25);padding:10px;display:block;cursor:pointer;border-radius:5px}
.footer-envelope h4:hover{background:rgba(0,0,0,0.10)}
.footer-envelope h5{color:#d6e7d4}
.footer-envelope p {color:#ffffff}


.footer-envelope li{margin-top:5px;margin-bottom:5px;color:#1c3b55}
.footer-envelope li  span{color:#46addb;font-size:10px;}
.footer-envelope li a{color:#E2E6E2;font-size:10px;font-weight:normal}
.footer-envelope li a:hover{color:#ffffff}
.footer-envelope li .disabled {color:var( --color_disabled);font-weight:400;font-size:10px;cursor: default;}

.foot_anchor a{color:#E2E6E2;font-size:10px;font-weight:bolder;text-decoration:underline}
.foot_anchor a:hover{color:#ffffff}

/* botón subir */
#boton_go_top{float:right;text-align:right;}
#boton-top{display:none;}	
#boton-top.fixed {
	position:fixed;
	bottom:10px;
	right:10px;
	}
	
#by-nc-sa{width:290px;height:100px;display:block;background:url(../img/by-nc-sa.png)}	

/* botones */
.boton {display:block;text-align:center; background-color:#1c3b55;color:#f0f0f0;
    border-radius: 5px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.5);
	padding:5px 10px 8px 10px;
	font-family:oswald, arial;font-size:16px;font-size:1.6rem;font-weight:normal; line-height:16px;
	text-decoration:none
}
.boton:hover{background-color:#46addb;color:#ffffff;box-shadow: 0px 16px 16px rgba(0,0,0,0.5);}

/* decoracion fotos */
.foto{border-radius: 5px;z-index:2}

.fotoContainerCuadrado{position:relative;width:290px;height:290px;display:block}
.fotoContainerCuadrado .foto{width:290px;height:290px}

a img.foto {border-radius: 5px; box-shadow: 0px 2px 2px rgba(0,0,0,0.75)}
a img.foto:hover {box-shadow: 0px 20px 20px rgba(0,0,0,0.5);
	-webkit-transform: scale(var(--zoom_default),var(--zoom_default));
	-ms-transform: scale(var(--zoom_default),var(--zoom_default));
	transform: scale(var(--zoom_default),var(--zoom_default));
	filter:brightness(var(--brightness_default));
	}

/* transiciones */
a, input.boton, a img,.footer-envelope, .footer-envelope h4 ,.buscafuera td, .content-envelope .grid{
     transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

/*alfabeto griego*/
.griego{font-family:arial}

/*nuevos*/
.pequeno{font-size:10px;font-size:1rem;}
.oculto{display:none}
.unicodefont{font-family:tahoma !important;font-size:110%}
.taxon{opacity:0.5;font-size:80%;line-height:80%}
.ley{opacity:0.5;font-size:70%;color:#ff6600;line-height:70%}
.cursorpointer{cursor:pointer}
.cardnodemap a{font-size:10px !important;font-size:1rem !important;font-weight:normal !important}

/*buscadores externos*/
.buscafuera {width:100%;margin-top:10px}
.buscafuera td{padding:2px;border-radius: 3px; box-shadow: 0px 2px 2px rgba(0,0,0,0.75);font-size:10px;width:25%;font-family:arial;text-align:center;border-spacing:4px;border-collapse:collapse;cursor:pointer;opacity:1;vertical-align:middle}
.buscafuera td:hover{ box-shadow: 0px 4px 4px rgba(0,0,0,0.75);opacity:0.9}
.busca_an{background:#137931;color:#ffffff}
.busca_wen{background:#171750;color:#ffffff}
.busca_wes{background:#691f1a;color:#E5E618}
.busca_gi{background:#4285f4;color:#f1f1f1}


/*Data tooltip custom CSS adapted from https://stackoverflow.com/questions/1055581/how-do-i-add-a-tool-tip-to-a-span-element */
[data-tooltip] {
    display: inline-block;
    position: relative;
    cursor: help;
}
/* Tooltip styling */
[data-tooltip]:before {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    background: #e0e0d0;
    color: #114654;
    padding: 4px 8px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.25);
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}
[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}
[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}
[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}
[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #e0e0d0;;
}
[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 6px 6px 6px 0;
    border-right-color: #e0e0d0;;
}
[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #e0e0d0;;
}
[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #e0e0d0;;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}