/*  ADMEMO-LOCAL: adm-style */

* {margin:0px; padding:0px; box-sizing:border-box; border:0px dotted white;} 
/*@font-face {font-family: Calibri;	 src: url(Calibri.ttf);	}*/
body {background-color:#102010;font-family: calibri; font-size: 16px; color:#e6e690;} 


/* GENERALES ================================*/

/*full  */ 				 			#fK 	{width:1200px; height:720px; margin:auto; border:0px solid white; }



/* MEM-PAGES ================================*/

/*iframe */             #ifK  {width:1200px; height:530px; padding-top:5px; overflow:hidden; border:0px solid white}
/*título */						  #tiK {width:1200px; height:90px; padding-right:100px;  padding-top: 40px; text-align:right; color:#ffa000; font-size:40px; font-weight:900;border:0px solid white }
/*scroll horiz */ 			#shK {width:1200px; height:430px;  padding-top: 70px; overflow:auto; border:0px solid red}
/*párrafo shK */	 		  #shK p {margin-bottom:8px; margin-right:30px; border:0px solid white;}
/*cap letter */					.cl {font-family:old english text mt; font-size:22px; margin-left:8px;}
/*table text 2x*/	 			#t2K  {width:600px;  height:350px; display:table;border:0px solid white }
/*table text 3x*/	 			#t3K  {width:900px;  height:350px; display:table; }
/*table text 4x*/	 			#t4K  {width:1200px; height:350px; display:table; border:0px solid white}
/*table text 5x*/	 			#t5K  {width:1500px; height:350px; display:table; border:0px solid white}
/*table text 6x*/	 			#t6K  {width:1800px; height:350px; display:table; border:0px solid white}
/*table text 7x*/	 			#t7K  {width:2100px; height:350px; display:table; }
/*table text 8x*/	 			#t8K  {width:2400px; height:350px; display:table; }
/*table text 9x*/       #t9K  {width:2700px; height:350px; display:table; }
/*columna texto */		  .ctK  {width:300px; display:table-cell; vertical-align:bottom; padding-right:0px; border:0px solid red }
/*columna photo*/       .ctPH  {display:table-cell; vertical-align:bottom; padding-bottom: 8px; padding-right:0px;}
/* p align*/            .ctK  > p {text-align:left;}

				
/*inf cont*/ 				#infK {width:1200px; height:190px; border:0px solid red}
/*linea*/						#ilK {width:1200px; height:1px; background-color:#ffa000;}
/*meeting cont*/ 		#imeetingK {width:700px; height:80px; float:left; font-size:60px; letter-spacing:10px; font-weight:900; color: #aaa ; border:0px solid white }
/*menu cont*/ 			#imK {width:400px; height:189px; padding-top:15px; float:left; text-align:center;border:0px solid white }
/*separar li*/      #imK li {margin-bottom: 2px}
/*enlaces*/         #enlacesK {width:100px; heightt:189px; padding-top: 145px; padding-left: 55px; float:left;border:0px solid red } 
/*G html*/          #Ghtml {width:500px; height:140px; margin-top:47px; padding-left:100px;float:left;border:0px solid white }
/*G texto*/         #Gtxt {width:315px; padding-top:20px; padding-right: 20px; float:left; border:0px solid white}
/*G photo*/         #Gphoto {width:80px; float:left; padding-top:60px; opacity:0.7; border:0px solid white}
                    #Gphoto img {border-radius: 25%}


/*en la pg index.html para las fotos que enlazan a las secciones- ya no se usa
.flex-container {display: flex; }
.flex-container > div {margin-top: 100px;  margin-right:0px ;margin-bottom:50px; margin-left:0px} */



/*etiqueta audio*/				.audi {width:260px; height:44px; margin-top:-10px;opacity:0.3; }

/* enlaces de memories.html y de las páginas de contenidos */
a {color:white;text-decoration:none; }
a:hover {font-weight:900; letter-spacing:1px;} 

.ctK a {color:#ffa000; font-weight: 600; text-decoration:none; }
.ctK a:hover {color:#ff0000; font-weight:600; letter-spacing:0px;}  


/*menú desplegable memories*/
	.sub-menuNo {text-align:center; 
	width: 400px;
	height: 173px;
	opacity:0.15;
	overflow:auto;	}
	
.sub-menuSi {text-align:center; 
	width: 400px;
	height: 173px;
	opacity:0.6;
	overflow:auto;	}
	
.sub-menuNo li {
  display: block;
 	height: 15px;
  list-style-type: none; }

.sub-menuSi li {
  display: block;
 	height: 15px;
  list-style-type: none; }


/*G html index*/
  .GhtmlNo {opacity:0.20; }
  .GhtmlSi {opacity:1;}
  

/*galeria de cuatro afotos */ 
#galeria { /* este es el div que contiene la galería */
  border: 1px solid #ff0000;
  width: 272px;
  height: 246px;
  position: relative;
  overflow: visible;}

#galeria ul { /* la lista */
  text-align: center;}

#galeria ul li { /* cada item de la lista */
  display: inline;
  list-style: none;}

#galeria ul li .normal { /* la imagen normal */
  border: 0px solid #ff0000;
  position: absolute;
  right: 300px;
	bottom:-1px;
  visibility:hidden;}
	
#galeria ul li:hover .normal { /* efecto sobre las imágenes */ 
  visibility: visible;}

#galeria ul li .mini { /* la imagen mini */
  visibility:visible;}

#galeria ul li .mini:hover { /* efecto sobre las miniaturas */
  cursor: pointer;}



/* ============================  DELIZIOUS  Y DYSME ================================*/

.container {
  display: grid;
  grid-template-columns: 250px 250px 250px 250px;
  justify-content: space-between;
  row-gap: 10px;} /*diapositivas de delizious y dysme*/

.container > div {vertical-align: bottom; } /*sin efecto en delizious y en dysmenorrhea*/

 .posFix {position: fixed; bottom: 0; right: 0; }



/* ============================= WARNING PAGES ======================================*/

.modal-box  {display:block; z-index:1;width: 1200px; height: 440px; padding-top: 35px;position: fixed; background-color: rgb(16,32,16,0.8); }

.modal-box-txt {
  background-color: #102010;
  margin: auto;
  padding: 50px;
  border: 1px solid #e6e690;  width: 1000px; }

  /* The Close Button and the Close2 button to link to the main page */
.close {
  color: #ffa000;
  float: right;}

.close:hover,
.close:focus {
  color: #ff0000;
  text-decoration: none;
  cursor: pointer;}

  .close2 {
  color: #ffa000;
  float: right;}

.close2 a {color:#ffa000;text-decoration:none; }
.close2 a:hover {color:#ff0000; font-weight:100; letter-spacing:0px;}  



/*================================ TRIPIS ===========================================*/

/*full frame*/     #ffK   {width:1200px; height:720px; margin:auto; border:1px solid purple;}
/*iframe */        #iffK  {width:1200px; height:525px; padding-bottom:0px; overflow:hidden; border:1px solid orange}
/*inf cont*/        #inffK {width:1200px; height:195px; padding-bottom: 10px;}
/*tripis cont*/    #itripisK {width:800px; height:75px; float:left; font-size:60px; letter-spacing:10px; font-weight:900; color:green; border:0px solid white }
/*linea grey*/        #ilbK {width:1200px; height:1px; background-color:#aaa;}
/*enlaces tripis*/    #enlacesT {width:100px; heightt:189px; padding-top: 145px; padding-left: 11px; float:left;border:0px solid red } 

.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1200px;
  position: relative;
  margin: auto;}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 96%;
  width: 16px;
  padding-left: 4px;
  background-color: #ffa000;
  color: #102010;
  font-weight: 900;
  font-size: 14px;
  border-radius: 20%;
  user-select: none;}

  /* Number text (1/3 etc) */
.numbertext {
  background-color: #ffa000;
  color: #102010;
  font-size: 16px;
  position: absolute;
  top: 96%;
  left: 1110px;
  border-radius: 10%;}

/* Position the next and prev buttons */
.next {right: 10px;}
.prev {left: 1092px;}  
  

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;}

@keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}}


/*================================ MONO ===========================================*/

/*scroll horiz big*/    #shKK {width:1200px; height:525px;  padding-top: 0px; overflow:auto; border:0px solid white}
/*párrafo shhK big */   #shKK p {margin-bottom:0px; margin-right:5px; border:0px solid white;}
/*columna photo*/       .cttPH  {width: 755px;display:table-cell; vertical-align:bottom; padding-right:0px;border:px solid white }
/*columna texto left*/  .cttKl  {width:290px; display:table-cell; text-align: right; vertical-align:bottom; padding-right:10px; border:px solid red }
/*columna texto right*/ .cttKr  {width:155px; display:table-cell; text-align: left; vertical-align:bottom; border:px solid red }
/*titulo letter */      .cll {font-family: Accent SF; font-size:22px; }
.cttKr a {color:#e6e690; text-decoration:none; opacity:0.6 }
.cttKr a:hover {color:#ff0000; letter-spacing:0px; opacity:1} 




/* in relation with "image magnifier glass" in embalses-av-datos.html page */
.img-magnifier-container {
  position:relative;}

.img-magnifier-glass {
  position: absolute;
  border: 0px solid white;
  border-radius: 0%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 140px;
  height: 60px;}