@charset "utf-8";
/* CSS Document */
* {
margin: 0px;
/*	padding: 3;*/
box-sizing: border-box;
}

html{ height:100%; 
 }

BODY {
    
    FONT-WEIGHT: lighter;
	FONT-SIZE: 0.8rem;
	COLOR: #333;
	font-family: 'Armata', sans-serif;
	line-height: 135%;
	letter-spacing: 0.02em;
}


TD {
    FONT-WEIGHT: lighter;
	FONT-SIZE: 0.8rem;
	COLOR: #333;
	font-family: 'Armata', sans-serif;
	line-height: 135%;
	letter-spacing: 0.02em;
	text-justify: newspaper;
}

INPUT {
	background-color:#EAE3F2; 
	color:#000000; 
	font-size:1rem;
	text-decoration:none; 
	font-family:Arial, Helvetica, sans-serif; 
}



TEXTAREA {
	background-color:#EAE3F2; 
	color:#000000; 
	font-size:1rem;
	text-decoration:none; 
	font-family:Arial, Helvetica, sans-serif;
}

SELECT {
	background-color:#EAE3F2; 
	color:#000000; 
	font-size:1rem;
	text-decoration:none; 
	font-family:Arial, Helvetica, sans-serif;}



/*A:active {

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none

}

A:hover {

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline

}

A:link {

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none

}
*/


.cuerpo{
    FONT-WEIGHT: lighter;
	FONT-SIZE: 0.8rem;
	COLOR: #333;
	font-family: 'Armata', sans-serif;
	TEXT-DECORATION: none;
	line-height: 1.4rem;
	letter-spacing: 0.02em;
}

.obra{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25rem; 
    color:#000; 
    font-weight: bold; 
    font-variant: small-caps;
    line-height: 125%;
    letter-spacing: -0.02em;
}
	
	
A.obra:link {
	color:#000; 
    text-decoration: none;

}

A.obra:visited {
	color:#000; 
text-decoration: none;
}

A.obra:active {
	color:#ff00ff; 
    text-decoration: none;
}

A.obra:hover {
	color: #ff00ff;
    text-decoration: underline;
}


.contenedor {
	margin: 10px;
	width: 95%;
    max-width: 1200px;
    margin:auto;
	/*padding:20px;*/
    padding-left: 4rem;
/*	background-color:#fff;
	border: 3px dotted #00ff00;*/
    background-image: url(/grafica/bg-izq.gif);
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
    /*	align-items: center;
    justify-content: center;*/
}

.cajaMenu {
/*    margin: 0px;*/
	width: 100%;
    margin:auto;
	/*padding:20px;*/
    /*padding-left: 4rem;*/
	background-image: url(/grafica/bg-izq.gif);  
	/*border: 3px dotted #00ff00;*/
    
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
    justify-content:flex-end;
    
    /*	align-items: center;
    justify-content: center;*/
    
}



header {
/*	margin: 0px auto;
	width: 100%;*/
	height: auto;
	padding:4px;
	 	/* Flexbox */
	display: flex;
    justify-content:space-between;
	align-self: center;
	flex-direction:row;
	/*flex-wrap:nowrap;*/
/*    border: 2px dotted #ff00ff;*/
     /*text-align: right;*/
	}
	
	header .ID {
	font-size: 1,8rem;
	font-family: 'Exo', Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 100%;
}	
	
	header .ID a {
	font-size: 1,8rem;
	font-family: 'Exo', Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 100%;
}	

header nav {
	width:100%;
	/* Flexbox */

	display:flex;
	flex-wrap:nowrap;
/*	align-items:center;*/
/*border: 2px dotted #ffff00;*/
    text-align: right;
}

header nav a {
	text-align: center;
	text-decoration: none;
	padding:14px;
	color: #ffffff;
/*	background-color: #5D5F58;*/
/*	border: 1px solid #000;*/
	font-size: 1.5rem;
/*	font-family: 'Exo', sans-serif;*/
    font-family: 'midnightkernboybold', sans-serif;
/*	font-weight: bold;*/
	text-transform: uppercase;
    text-shadow: 3px 3px #000;
	/* Flexbox */
/*	flex-grow:1;*/
}
header nav a:hover {
	color: #00ff00;
	background-color: #000;
	border: 1px solid #00ff00;
	TEXT-DECORATION: none;
    padding:13px;
	/* Flexbox */
/*	flex-grow:1;*/
}

header .navOFF {
	text-align: center;
	text-decoration: none;
	padding:4px;
	color: #333333;
	background-color: #BBBAAA;
	border: 1px solid #CCCCCC;
	font-size: 0.8rem;
/*	font-family: 'Armata', sans-serif;*/
    font-family: 'midnightkernboybold', sans-serif;
	font-weight: bold;
	text-transform: uppercase;

	/* Flexbox */
/*	flex-grow:1;*/
}

.logo{
    width:100%;
    max-width:600px;
    height: auto;
    padding: 1rem;  
}

.navOFF {
	text-align: center;
	text-decoration: none;
	padding:4px;
	color: #333333;
	background-color: #BBBAAA;
	border: 1px solid #CCCCCC;
	font-size: 1rem;
/*	font-family: 'Armata', sans-serif;*/
    font-family: 'midnightkernboybold', sans-serif;
	font-weight: bold;
	text-transform: uppercase;

	/* Flexbox */
/*	flex-grow:1;*/
}

.topID {
	margin: 0px;
	width: 100%;
	height: auto;
	padding:0px;

	 /* Flexbox */
		
	display: flex;
	justify-content:space-between;
	align-items:center;
/*	background-color:#585B55;*/
	flex-direction:row;
/*	flex-wrap:wrap;*/
	}
	
.topID .ID {
	font-size: 1.8rem;
	font-family: 'Exo', Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 100%;
}	
	
.topID english a {
	font-size: 1rem;
/*	font-family: 'Exo', Verdana, Helvetica, sans-serif;*/
    font-family: 'midnightkernboybold', sans-serif;
	font-weight: 400;
	text-decoration: none;
    color: #CCCCCC;
	/* Flexbox */
}	

.topID english a:hover {
	color: #00ff00;
	background-color: #BBBAAA;
	border: 1px solid #CCCCCC;
	text-decoration: none;

	/* Flexbox */
/*	flex-grow:1;*/
}
.topID .english {
	font-size: 1rem;
/*	font-family: 'Exo', Verdana, Helvetica, sans-serif;*/
    font-family: 'midnightkernboybold', sans-serif;
	font-weight: 400;
	TEXT-DECORATION: none;
    color: #CCCCCC;
	/* Flexbox */
}

.english a {
	font-size: 1rem;
/*	font-family: 'Exo', Verdana, Helvetica, sans-serif;*/
    font-family: 'midnightkernboybold', sans-serif;
	font-weight: 400;
	text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
	/* Flexbox */
}	

.english a:hover {
	color: #00ff00;
	background-color: #000000;
	border: 1px solid #00ff00;
	text-decoration: none;
    text-transform: uppercase;
    padding-left: 0.2rem;
	/* Flexbox */
/*	flex-grow:1;*/
}

.cajaBusqueda{
    width:98%;
/*    max-width:600px;*/
    height: auto;
    display:flex;
/*	flex-wrap:nowrap;
	align-items:center;*/
    text-align: right;
    background-color: #ffffff;
}
.busqueda{
    margin: auto;
    width:50%;
/*   min-width:600px;
    height: auto;
/*    padding: 1rem;*/
padding-top: 1rem;  
    padding-right: 1rem;
    float:right;
    background-color: #ffffff;

}

.boton {

	BORDER-RIGHT: #000c6d 2px solid; 
    BORDER-TOP: #000c6d 2px solid; 
/*    FONT-WEIGHT: bold; */
    FONT-SIZE: 0.8rem; 
    padding: 4px;
    TEXT-TRANSFORM: none; 
    BORDER-LEFT: #000c6d 1px solid; 
    COLOR: #ff00ff; 
    BORDER-BOTTOM: #000c6d 1px solid; 
	font-family: 'Exo', Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #00ffff; 
    TEXT-DECORATION: none;

}

.TextoInput {

	BORDER-RIGHT: #c8c8c8 1px solid; 
    BORDER-TOP: #c8c8c8 1px solid; 
    FONT-SIZE: 1rem; 
    TEXT-TRANSFORM: none; 
    BORDER-LEFT: #c8c8c8 1px solid; 
    COLOR: #666666; 
    BORDER-BOTTOM: #c8c8c8 1px solid; 
	font-family: 'Armata', Verdana, Helvetica, sans-serif;
    LIST-STYLE-TYPE: none; 
    BACKGROUND-COLOR: #ffffff; 
    TEXT-DECORATION: none;

}



.INPUTok {

	BORDER-RIGHT: #000c6d 2px solid; 
    BORDER-TOP: #000c6d 2px solid; 
    FONT-SIZE: 1rem; 
    TEXT-TRANSFORM: none; 
    BORDER-LEFT: #000c6d 1px solid; 
    COLOR: #8c9a8f; 
    BORDER-BOTTOM: #000c6d 1px solid; 
	font-family: 'Armata', Verdana, Helvetica, sans-serif; 
    BACKGROUND-COLOR: #ffffff; 
    TEXT-DECORATION: none;

}




.contenedorArtista {
	margin: 0px;
	width: 98%;
	padding-left:50px;
    padding-right: 100px;
	background-color:#ffffff;
     
}



.cajaDatosArtista {
	margin: 0px;
	width: 100%;
	padding:6px;
	background-color:#ffffff;
/*    border-top: 1px dotted #cc00cc;*/
	clear:left;
	height: auto;
    overflow: hidden;
    
    display: flex;
    justify-content:space-between;
	align-items:flex-start;
	/*background-color:#838679;*/
	flex-direction:row;
	flex-wrap:nowrap;
    text-align: right;
	}
	
.cajaDatosArtista .fotoArtista{
/*	width: 50%;*/
/*	min-width: 75px;*/
    max-width: 150px;
    height: auto;
    margin-right: 10px;
	float: left;
	}

.cajaDatosArtista .fotoArtista img{
	min-width: 100px;
    max-width: 150px;
    height: auto;
	margin-right: 10px;
	border: 1px solid #000000;
    float: left;
	}	


.cajaDatosArtista .fotoListaObras{
/*	width: 50%;*/
/*	min-width: 100px;
    max-width: 250px;*/
    width: 25%;
    height: auto;
    margin-right: 10px;
/*float: left;*/
	}

.cajaDatosArtista .fotoListaObras img{
/*	min-width: 100px;
    max-width: 250px;*/
    width: 100%;
    height: auto;
	margin-right: 10px;
	border: 1px solid #000000;
    float: left;
	}

		
.datoArtista {
	width: 400px;
	margin: 20px auto;
	background-color:#909084; 
	padding:14px;
	border: 1px dotted #CCCCCC;
	width: 100%;
	margin: 0px left;
	padding:4px;
	float: left;
	}

.textoArtista {
	width: 100%;
	margin: 0px auto;
	padding: 14px;
	text-align: left;
}

.imgArtista {
	width:200px;
	margin: 0px auto;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

.imgArtistaFloat {
	width: 100%;
	margin: 0px auto;
	padding: 4px;
	border: 1px solid #CCCCCC;
	float: left;
}


.libre{
    width:100%;
    background-color: #eee;
    FONT-WEIGHT: lighter;
	FONT-SIZE: 0.8rem;
	COLOR: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height: 1.4rem;
	letter-spacing: 0.02em;   
    font-variant: small-caps;
    
}

.IDpagina{
    width:98%;
/*    max-width:600px;*/
    height: auto;
/*    display:flex;*/
/*	flex-wrap:nowrap;
	align-items:center;*/
    text-align: left;
    background-color: #ffffff;
    font-family: 'Exo', sans-serif;
    padding-left: 10px;
    padding-bottom: 3rem;
	FONT-SIZE: 1.5rem;
    font-weight: 700;
	COLOR: #00E300;
	TEXT-DECORATION: none;
	line-height: 1.4rem;

}

.IDpaginaCompensada
{
    width:98%;
/*    max-width:600px;*/
    height: auto;
/*    display:flex;*/
/*	flex-wrap:nowrap;
	align-items:center;*/
    text-align: left;
    background-color: #ffffff;
    font-family: 'Exo', sans-serif;
    padding-left: 10px;
    padding-bottom: 3rem;
	FONT-SIZE: 1.5rem;
    font-weight: 700;
	COLOR: #00E300;
	TEXT-DECORATION: none;
	line-height: 1.4rem;

}


/* OBRA */
.contenedorObra {
	margin: 0px;
	width: 98%;
	padding-left:50px;
    padding-right: 100px;
	background-color:#ffffff; 

}

.cajaDatosObra {
	margin: 0px;
	width: 100%;

	padding:6px;
	background-color:#ffffff;

	clear:left;
	height: auto;
    overflow: hidden;
    
    display: flex;
/*    justify-content:space-between;*/
	align-items:flex-start;
	/*background-color:#838679;*/
	flex-direction:row;
	flex-wrap:nowrap;

	}

.cajaDatosObra .fotoObra{
/*	width: 50%;*/
	min-width: 500px;
    max-width: 650px;
    height: auto;
    margin-right: 10px;
	float: left;
	}

.cajaDatosObra .fotoObra img{
	min-width: 500px;
    max-width: 650px;
    height: auto;
	margin-right: 10px;

    float: left;
	}	

		
.datosObra {
	width: 100%;
	margin: 0px auto;
	background-color:#ffffff;
	padding:24px;
	width: 100%;
/*	margin: 0px left;*/
/*	float: left;*/
    align-self: flex-start;

	}

.textoObra {
	width: 100%;
	margin: 0px auto;
	padding: 4px;
	text-align:justify;
    line-height: 135%;
}


.cajaGaleria {
	margin: 0px;
	width: 100%;
	padding:6px;
	background-color:#ffffff;

	clear:left;
	height: auto;
    overflow: hidden;
    
    display: flex;
/*    justify-content:space-between;*/
	align-items:flex-start;
	/*background-color:#838679;*/
	flex-direction:row;
	flex-wrap:nowrap;
	}


.URLartista {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; 
    COLOR: #ff00ff;  
    TEXT-DECORATION: none; 
    font-size: 1.1rem; 
    font-weight: bold; 
    line-height: 200%;
}

A.URLartista:link  {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; 
    color: #ff00ff;  
    TEXT-DECORATION: none; 
    font-size: 1.1rem; 
    font-weight: bold; 
    line-height: 200%;
}

A.URLartista:visited {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; 
    color: #ff00ff;  
    TEXT-DECORATION: none; 
    font-size: 1.1rem; 
    font-weight: bold; 
    line-height: 200%;
}

A.URLartista:active {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; 
    color: #ff00ff;  
    TEXT-DECORATION: none; 
    font-size: 1.1rem; 
    font-weight: bold; 
    line-height: 200%;
}

A.URLartista:hover {
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ;  
    COLOR: #000;  
    TEXT-DECORATION: underline; 
    font-size: 1.1rem; 
    font-weight: bold; 
    line-height: 200%;
}


.IDartista {
	FONT-WEIGHT: bold;
	FONT-SIZE: 2rem;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-style: normal;
	letter-spacing: normal;
    font-variant: small-caps;
}

/* FIN OBRA  */ 

/* ARTISTA   */

.cajaIDartista {
	margin: 0px;
	width: 100%;

	padding:6px;
	background-color:#ffffff;

	clear:left;
	height: auto;
    overflow: hidden;
    
    display: flex;
/*    justify-content:space-between;*/
	align-items:flex-start;
	/*background-color:#838679;*/
	flex-direction:row;
	flex-wrap:nowrap;
	/*border: 3px dotted #00ff00;*/
	}

.cajaIDartista .fotoIDartista{
    width: 90%;
    max-width: 150px;
    height: auto;
    margin-right: 10px;
	float: left;
/*    border: 3px dotted #00ffff;*/
	}

.cajaIDartista .fotoIDartista img{
	width: 100%;
    min-width: 100px;
    height: auto;
	margin-right: 10px;
    float: left;
	}	

		
.datosIDartista {
	width: 100%;
	margin: 0px auto;
	background-color:#ffffff;
	padding:24px;
	width: 100%;
/*	margin: 0px left;*/
/*	float: left;*/
    align-self: flex-start;

	}

.textoIDartista {
	width: 100%;
	margin: 0px auto;
	padding: 4px;
	text-align:justify;
}

/* FIN ARTISTA  */ 


.textoNetescopio{
    width: 85%;
/*	margin: 0px auto;*/
    margin-left: 4rem;
	padding: 4rem;
	text-align:justify;
    line-height: 150%;
/*    text-indent: 3rem; */
}

.textoNetescopio p{
    padding-bottom: 0.5rem;

}

.aMuestras {
    font-family: 'midnightkernboybold', sans-serif;
    font-weight: bold;
	FONT-SIZE: 1.2rem;
	COLOR: #ff00ff;
	TEXT-DECORATION: none;
	line-height: 125%;
}

A.aMuestras:link, A.aMuestras:active, A.aMuestras:visited {
    font-family: 'midnightkernboybold', sans-serif;
    font-weight: bold;
	FONT-SIZE: 1.2rem;
	COLOR: #ff00ff;
	TEXT-DECORATION: none;
	line-height: 125%;
}

A.aMuestras:hover {
    font-family: 'midnightkernboybold', sans-serif;
    font-weight: bold;
	FONT-SIZE: 1.2rem;
	COLOR: #000;
	TEXT-DECORATION: underline;
	line-height: 125%;
}


/*HOME          XXXXXXXXXXXXXXXXXXXXXXX    */

.contenedorHome {
	margin: 0px;
	width: 98%;
	padding-left:5px;
    padding-right: 5px;
	background-color:#ffffff;
    
    display: flex;
    justify-content:space-between;
	align-items:flex-start;
	/*background-color:#838679;*/
	flex-direction:row;
	flex-wrap:nowrap;
/*border: 2px dotted red;*/
}

.cajaHomeIzq {
	margin: 4px;
	width: 100%;
	padding:8px;
	background-color:#fff;
/*border: 2px dotted #00FFcc;*/
	height: auto;
/*    overflow: hidden;*/
/*    display: flex;
    justify-content:space-between;
	align-items:flex-start;
	flex-direction:row;
	flex-wrap:nowrap;*/
	}

.cajaHomeDer {
	margin: 4px;
	width: 100%;
	padding:4px;
	background-color:#ffffff;
/*    border-top: 1px dotted #cc00cc;*/
	height: auto;
/*    overflow: hidden;*/
/*    display: flex;
    justify-content:space-between;
	align-items:flex-start;
	flex-direction:row;
	flex-wrap:nowrap;
    border: 2px dotted #FFFF00;*/
	}


.cajaMuestra{
    margin: 4px;
    padding: 8px;
	width: 98%;
    
/*    margin: 8px;
    padding: 8px;
	width: 100%;*/
    
    
	background-color:#fff;
/*	clear:left;*/
	height: auto;
     overflow: hidden;
    
    display: flex;
/*    justify-content:space-between;*/
	align-items:flex-start;
	/*background-color:#838679;*/
	flex-direction:row;
	flex-wrap:wrap;
    border: 1px dotted #838679;
}

.fotoMuestra {
    width: 100%;
    height: auto;
    margin-right: 4px;

	}
.fotoMuestra img{
    width: 100%;
    height: auto;
	margin-right: 10px;
	border: 1px solid #000000;
    
	}

.slideshow {
max-width: 1800px;
    min-width: 600px;
height: 415px;
	width:200%;
	margin: 0px auto;
	padding:0px;
	float: left;
    overflow: hidden;
}

.fadein {
	position:relative; 
	width:100%;
	margin: 0px auto;
	padding: 4px;
	float: left;
	}

.fadein img{
	width: 100%;
	position:absolute; 
	left:0; 
	top:0; 
	padding:10;
	margin: 0px auto;
	border: 1px solid #CCCCCC;
	}	


.textoMuestra {
	width: 100%;
	margin: 0px auto;
	padding: 14px;
	text-align: justify;
	}

.cajaInfo{
    margin: 0px;
	width: 100%;
    padding: 8px;
	background-color:#ffffff;
/*	clear:left;*/
	height: auto;
/*    overflow: hidden;*/
    
    display: flex;
/*    justify-content:space-between;*/
	align-items:flex-start;
	/*background-color:#838679;*/
	flex-direction:row;
	flex-wrap:wrap;
/*    border: 2px solid green;*/
    text-align: justify;
}

.cajaAbout{
    margin: 0px;
	width: 100%;
    padding: 8px;
	background-color:#ffffff;
/*	clear:left;*/
	height: auto;
/*    overflow: hidden;*/
    
    display: flex;
/*    justify-content:space-between;*/
	align-items:flex-start;
	/*background-color:#838679;*/
	flex-direction:row;
	flex-wrap:nowrap;
/*    border: 2px solid green;*/
}

.cajaID{
    margin: 0px;
	width: 100%;
    padding: 14px;
    padding-top: 22px;
	background-color:#ffffff;
	height: auto;
    text-align: left;
}

.contenedorBusqueda{
    FONT-WEIGHT: lighter;
	FONT-SIZE: 1rem;
	COLOR: #333;
	margin: 0px;
	width: 98%;
    padding-left:50px;
    padding-right: 100px;
	background-color:#ffffff;
/*border: 3px dotted #00ff00;*/
}

.cajaResultado{
    margin: 0px;
	width: 98%;
	background-color:#ffffff;
/*border: 3px dotted #00ffff;*/
}

.contenedorHomeGrid {
	width: 98%;
	margin: 4px left;
	display: grid; 
	grid-gap: 6px;
	grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;

	grid-template-areas:     "about	    about"
							 "eventos 	glosario";
}


.contenedorHomeGrid  > div,
.contenedorHomeGrid  .eventos,
.contenedorHomeGrid  .about,
.contenedorHomeGrid .glosario {
	background: #fff;
	padding: 0px;
}

.contenedorHomeGrid .eventos {
	background: #fff;
	grid-area: eventos;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.contenedorHomeGrid .about {
    grid-area: about;
	background: #fff;
}

.contenedorHomeGrid .glosario {
	grid-area: glosario;
		background: #fff;
    padding: 14px;
}

.tapa{
    
    width: 100%;
	margin: 0px auto;
	padding: 14px;
	text-align: left;
}



/*
 __       ______   _______    ________   ______   __  __    
/_/\     /_____/\ /______/\  /_______/\ /_____/\ /_/\/_/\   
\:\ \    \::::_\/_\::::__\/__\::: _  \ \\:::__\/ \ \ \ \ \  
 \:\ \    \:\/___/\\:\ /____/\\::(_)  \ \\:\ \  __\:\_\ \ \ 
  \:\ \____\::___\/_\:\\_  _\/ \:: __  \ \\:\ \/_/\\::::_\/ 
   \:\/___/\\:\____/\\:\_\ \ \  \:.\ \  \ \\:\_\ \ \ \::\ \ 
    \_____\/ \_____\/ \_____\/   \__\/\__\/ \_____\/  \__\/ 
                                                            
*/


.link {
	FONT-FAMILY: Verdana, Arial, Helvetica, ; TEXT-DECORATION: none
; font-size: 11px/16px; font-weight: bold; color: #ff6600}


.titulos {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1.3rem;
	COLOR: #FFFFFF;
	font-family: 'Exo 2', sans-serif;
	TEXT-DECORATION: none;
	font-variant: small-caps;
}


.subtitulos {  	FONT-WEIGHT: normal; FONT-SIZE: 1.4rem; font-style: normal; COLOR: #727587; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}


.linkNar {
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif ; 
    COLOR: #00FF33;  TEXT-DECORATION: none; 
    font-size: 1.3rem; font-weight: bold; color: #3366FF
}

.titulosNaranja {
	FONT-WEIGHT: bold;
	FONT-SIZE: 2rem;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-style: normal;
	letter-spacing: normal;
    font-variant: small-caps;
    line-height: 125%;
    letter-spacing: -0.05em;
}

.linkturq {
	FONT-FAMILY: Verdana, Arial, Helvetica,  sans-serif ;
    COLOR: #00FF33;  TEXT-DECORATION: none; 
    font-size: 11px; font-weight: bold; color: #1D80C9
}

H2 {
    font-family: 'midnightkernboybold', sans-serif;
    margin: 2px 0;
    font-weight: bold;
	FONT-SIZE: 1.6rem;
	COLOR: #ffffff;
	font-family: 'midnightkernboybold', sans-serif;
	TEXT-DECORATION: none;
	line-height: 100%;
	letter-spacing: 0.01em;
    padding-left: 1rem;
    padding-right: 1rem;
    background-color: #00e300;
     /*text-shadow: 1px 1px #00B300;*/

}

H3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    color: #333;
    line-height: 125%;
    margin: 2px 0;
	font-variant: small-caps;
}

#glosario p {margin: 1px 0;}



TABLE.header {
	border: 1px solid #00afff; 
}

TABLE.ticker {
	background-color: #6391c0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #6391c0;
	border-right-color: #6391c0;
	border-bottom-color: #6391c0;
	border-left-color: #6391c0;
}

TABLE.topnav {
	BORDER-RIGHT: #d6d6d6 1px solid; 
    BORDER-TOP: #d6d6d6 1px solid; 
    BACKGROUND: #fffff7; 
    BORDER-LEFT: #d6d6d6 1px solid;
}

TABLE.content {
/*	background-image:backg01-gris.jpg;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

TABLE.borde {
	border: 1px solid #cecece;
BACKGROUND: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

TABLE.footer {
	MARGIN-TOP: 15px; BACKGROUND: #ffffff
}

TD.bl {
	BORDER-LEFT: #d6d6d6 1px solid
}

TD.right {
	TEXT-ALIGN: right
}



/*A:link {
	FONT: 11px/16px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	COLOR: #000000;
	BACKGROUND-COLOR: transparent;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;

}

A:visited {
	FONT: 11px/16px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
	COLOR: #000000;
	BACKGROUND-COLOR: transparent;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;

}

A:active {

	BACKGROUND: none transparent scroll repeat 0% 0%; FONT: 11px/16px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; COLOR: #000000;font-variant: small-caps;
	font-weight: bold;
}

A:hover {

	BACKGROUND: none transparent scroll repeat 0% 0%; FONT: 11px/16px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; COLOR: #00ffff; 	text-decoration: underline; font-variant: small-caps;
	font-weight: bold;
}
*/


A.site:link {
	COLOR: #3366cc;
	BACKGROUND-COLOR: transparent;
	font-weight: bold;
	font-family: Verdana, Tahoma, Monaco, San-serif;
	font-size: 11px;
	line-height: 16px;
}

A.site:visited {
	FONT: 11px/16px Verdana,Tahoma,Monaco,San-serif; 
	COLOR: #6699cc; BACKGROUND-COLOR: transparent; font-weight: bold; 
}

A.site:active {
	BACKGROUND: none transparent scroll repeat 0% 0%; 
	FONT: 11px/16px Verdana,Tahoma,Monaco,San-serif; COLOR: #FF6600; font-weight: bold; 
}

A.site:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; BACKGROUND-COLOR: #FF6600; FONT: 11px/16px Verdana,Tahoma,Monaco,San-serif; COLOR: #FFFFFF; font-weight: bold; }

.autor {
	FONT: italic 11px/16px Verdana,Tahoma,Monaco,San-serif; COLOR: #333333
}

.titulosData {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #FF3300; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.buscar {
	FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}


.punteado {
	border: 1px dotted #0033FF;
}
.borde {
	border: 1px solid #cecece;
}

.botonRadial {
	BORDER-RIGHT: 1px none #e8e8e8; BORDER-TOP: 1px none #e8e8e8; FONT-WEIGHT: normal; FONT-SIZE: 10px; TEXT-TRANSFORM: none; BORDER-LEFT: 1px none #e8e8e8; COLOR: #333333; BORDER-BOTTOM: 1px none #e8e8e8; FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #FFFFFF; TEXT-DECORATION: none

}

.tituloTop {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #333399;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-style: normal;
	letter-spacing: 0.15em;
}

.logout {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

A.logout:link {
	COLOR: #ffffff; BACKGROUND-COLOR: transparent; 
}

A.logout:visited {
	COLOR: #ffffff; BACKGROUND-COLOR: transparent;
}

A.logout:active {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #27ac32; 
}

A.logout:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #000000;
	}


.categoria {
	line-height: 125%;	
/*    font-weight: lighter;*/
    font-variant: small-caps;
    font-weight: bold;
    
    
    COLOR: #666;
    FONT-SIZE: 0.9rem;
/*	font-family: 'Exo', sans-serif;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -0.05em;
    
/*    COLOR: #000;
    FONT-SIZE: 0.8rem;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px #00ff00;
    letter-spacing: -0.05em;*/
/*    border: dotted 1px #15DE00;*/
/*background-color: #00ff00;*/
/*text-shadow: 1px 1px #ff00ff,-1px -1px #ff00ff, 1px -1px #ff00ff,-1px 1px #ff00ff;*/
    
    /*	TEXT-DECORATION: line-through;*/
/*    	TEXT-DECORATION: underline;*/
/*    text-decoration-style: dotted;*/
/*        text-decoration-color: #00ff00;*/
}

A.artista:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1rem;
	color: #ff00ff;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}

A.artista:visited {
	
	font-size: 1rem;
	color: #ff00ff;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}

A.artista:active {
	font-size: 1rem;
	color: #ff00ff;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}

A.artista:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1rem;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	font-variant: small-caps;
	font-weight: bold;
}
	
	.artista {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1rem;
	color: #ff00ff;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}

A.artista2:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1rem; color:#ff00ff; font-weight: bold; 	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}

A.artista2:visited {	
	font-size: 1rem; color:#ff00ff; font-weight: bold; 	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}

A.artista2:active {
			
	font-size: 1rem; color:#ff00ff; font-weight: bold; 	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}

A.artista2:hover {
			
	font-size: 1rem; color:#000000; font-weight: bold; 	text-decoration: underline;
	font-variant: small-caps;
	font-weight: bold;}
	
	
	
	.artista2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1rem; 
    color:#ff00ff; 
    font-weight: bold; 	
    text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;

}
	


A.menu:link {

		font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px; color:#0f55dd; font-weight: bold; 	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;

}

A.menu:visited {

		font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px; color:#0f55dd; font-weight: bold; 	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;

}

A.menu:active {

		font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px; color:#0f55dd; font-weight: bold; 	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}

A.menu:hover {
		font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px; color:#ffffff; font-weight: bold; 	text-decoration: underline;
	font-variant: small-caps;
	font-weight: bold;}
	
	
	
A.novedad:link {

    font-family:  Verdana, Arial, Helvetica,sans-serif;
	font-size: 1.1rem; 
    color:#ff00ff; 
    font-weight: bold; 	
    text-decoration: none;
	font-variant: small-caps;
/*    background-color: #000;*/
    line-height: 160%;
}

A.novedad:visited {
    text-decoration: none;
    color:#ff00ff; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-weight: bold;

}

A.novedad:active {
    color:#ff00ff; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
}

A.novedad:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#000000; font-weight: bold; 	text-decoration: underline;
	font-variant: small-caps;
	font-weight: bold;
    text-shadow: 1px 1px #00ff00;

}

.nube {
	top: -200px;
	clip: rect(200px,auto,auto,auto);
	cursor: sw-resize;
}

.criticas {

	FONT-WEIGHT: normal;

	FONT-SIZE: 11px;

	COLOR: #333333;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

	line-height: 125%;

	letter-spacing: 0.02em;
	
	text-align: justify; text-justify: newspaper;

}

.muestraTitulo {
    FONT-WEIGHT: 400;
	FONT-SIZE: 1.6rem;
	COLOR: #00E300;
	font-family: 'midnightkernboybold', sans-serif;
	TEXT-DECORATION: none;
	line-height: 125%;
	letter-spacing: 0.01em;
/*	text-align: justify;*/
/*  font-variant: small-caps;*/
/*background-color: #333;*/
    padding-left: 0rem;
    
/*    font-family: 'Electrolize', Helvetica, Verdana, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
    color: #00ff00;
    line-height: 125%;
    margin: 2px 0;
	font-variant: small-caps;
    letter-spacing: 0.1em;
    background-color: #000;
    padding-left: 1rem;*/
}
.busquedaTitulo {
    FONT-WEIGHT: 400;
	FONT-SIZE: 1.6rem;
	COLOR: #00E300;
	font-family: 'midnightkernboybold', sans-serif;
	TEXT-DECORATION: none;
	line-height: 125%;
	letter-spacing: 0.01em;
    padding-left: 0rem;

}

/*
 ___ __ __   ______   ______    ________  ________                     
/__//_//_/\ /_____/\ /_____/\  /_______/\/_______/\                    
\::\| \| \ \\::::_\/_\:::_ \ \ \__.::._\/\::: _  \ \                   
 \:.      \ \\:\/___/\\:\ \ \ \   \::\ \  \::(_)  \ \                  
  \:.\-/\  \ \\::___\/_\:\ \ \ \  _\::\ \__\:: __  \ \                 
   \. \  \  \ \\:\____/\\:\/.:| |/__\::\__/\\:.\ \  \ \                
    \__\/ \__\/ \_____\/ \____/_/\________\/ \__\/\__\/                
 ______    __  __   ______   ______     ________  ______   ______      
/_____/\  /_/\/_/\ /_____/\ /_____/\   /_______/\/_____/\ /_____/\     
\:::_ \ \ \:\ \:\ \\::::_\/_\:::_ \ \  \__.::._\/\::::_\/_\::::_\/_    
 \:\ \ \ \_\:\ \:\ \\:\/___/\\:(_) ) )_   \::\ \  \:\/___/\\:\/___/\   
  \:\ \ /_ \\:\ \:\ \\::___\/_\: __ `\ \  _\::\ \__\::___\/_\_::._\:\  
   \:\_-  \ \\:\_\:\ \\:\____/\\ \ `\ \ \/__\::\__/\\:\____/\ /____\:\ 
    \___|\_\_/\_____\/ \_____\/ \_\/ \_\/\________\/ \_____\/ \_____\/ 
 

*/

/* //// MEDIA QUERIES ///// */

@media (min-width: 300px) and (max-width: 1024px){
    
    
    
    
BODY {
    
    FONT-WEIGHT: lighter;
	FONT-SIZE: 1rem;
	COLOR: #333;
	font-family: 'Armata', sans-serif;
	line-height:300%;
	letter-spacing: 0.02em;
}
	
    
    
    button, input, select, textarea {
  font-family : inherit;
  font-size   : 2rem;
}
    
    .cuerpo {
    FONT-WEIGHT: lighter;
	FONT-SIZE: 1rem;
	COLOR: #333;
	font-family: 'Armata', sans-serif;
	TEXT-DECORATION: none;
	line-height: 1.4rem;
	letter-spacing: 0.02em;
}

.obra{
    font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size: 3.8rem; 
    color:#000; 
    font-weight: bold; 
    font-variant: small-caps;
    line-height: 125%;
}
	
	
A.obra:link {
	color:#ff00ff; 
    text-decoration: none;

}

A.obra:visited {
	color:#ff00ff; 
text-decoration: none;
}

A.obra:active {
	color:#ff00ff; 
    text-decoration: none;
}

A.obra:hover {
	color: #000;
    text-decoration: underline;
}


.contenedor {
	margin: 4px;
	width: 100%;
/*    max-width: 1200px;*/
    margin:auto;
	/*padding:20px;*/
    padding-left: 1rem;
/*	background-color:#fff;
	border: 3px dotted #00ff00;*/
    background-image: url(/grafica/bg-izq.gif);
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
    /*	align-items: center;
    justify-content: center;*/
}

.cajaMenu {
/*    margin: 0px;*/
	width: 100%;
    margin:auto;
	/*padding:20px;*/
    /*padding-left: 4rem;*/
	background-image: url(/grafica/bg-izq.gif);  
	/*border: 3px dotted #00ff00;*/
    
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
    /*	align-items: center;
    justify-content: center;*/
}

header {
	margin: 0px;
	width: 100%;
	height: auto;
	padding:4px;
	 	/* Flexbox */
	display: flex;
	justify-content:space-between;
	align-items:flex-end;
	/*background-color:#838679;*/
	flex-direction:row;
	flex-wrap:wrap;
/*    border: 2px dotted #ff00ff;*/
    text-align: right;
	}
	
	header .ID {
	font-size: 1,8rem;
	font-family: 'Exo', Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 150%;
    }	
	
	header .ID a {
	font-size: 1,8rem;
	font-family: 'Exo', Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 150%;
}	

header nav {
	width:100%;
	/* Flexbox */

	display:flex;
	flex-wrap:wrap;
	align-items:center;
    height: auto;
    
}

header nav a {
	text-align: center;
	text-decoration: none;
    margin: 4px;
	padding:4px;
	color: #ffffff;
/*	background-color: #5D5F58;*/
/*	border: 1px solid #000;*/
	font-size: 5.5rem;
    font-family: 'midnightkernboybold', sans-serif;
/*	font-weight: bold;*/
	text-transform: uppercase;
    line-height: 150%;
    text-shadow: 3px 3px #000000;
	/* Flexbox */
/*	flex-grow:1.5;*/
}
    
header nav a:hover {
	color: #00ff00;
	background-color: #000;
	border: 1px solid #00ff00;
	TEXT-DECORATION: none;

	/* Flexbox */
/*	flex-grow:1.5;*/
}

header .navOFF {
	text-align: center;
	text-decoration: none;
	padding:4px;
	color: #333333;
	background-color: #BBBAAA;
	border: 1px solid #CCCCCC;
	font-size: 4rem;
    font-family: 'midnightkernboybold', sans-serif;
	font-weight: bold;
	text-transform: uppercase;

	/* Flexbox */
/*	flex-grow:1.5;*/
}

.logo{
    width:100%;
/*    max-width:600px;*/
    height: auto;
    padding: 1rem;  
}

.navOFF {
	text-align: center;
	text-decoration: none;
	padding:4px;
	color: #333333;
	background-color: #BBBAAA;
	border: 1px solid #CCCCCC;
	font-size: 1rem;
	font-family: 'Armata', sans-serif;
	font-weight: bold;
	text-transform: uppercase;

	/* Flexbox */
/*	flex-grow:1;*/
}

.topID {
	margin: 0px;
	width: 100%;
	height: auto;
	padding:0px;

	 /* Flexbox */
		
	display: flex;
	justify-content:space-between;
	align-items:flex-end;
/*	background-color:#585B55;*/
	flex-direction:row;
flex-wrap:wrap;
	}
	
.topID .ID {
	font-size: 1.8rem;
	font-family: 'Exo', Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 100%;
}	
	
.topID english a {
	font-size: 2.5rem;
	font-family: 'Exo', Verdana, Helvetica, sans-serif;
	font-weight: 400;
	text-decoration: none;
    color: #CCCCCC;
	/* Flexbox */
        text-align: right;
}	

.topID english a:hover {
	color: #00ff00;
	background-color: #BBBAAA;
	border: 1px solid #CCCCCC;
	text-decoration: none;
font-size: 2.5rem;
	/* Flexbox */
/*	flex-grow:1.5;*/
}
.topID .english {
	font-size: 2.5rem;
	font-family: 'Exo', Verdana, Helvetica, sans-serif;
	font-weight: 400;
	TEXT-DECORATION: none;
    color: #CCCCCC;
    text-align: right;

	/* Flexbox */
}

 .english {
	font-size: 2.5rem;
	font-family: 'Exo', Verdana, Helvetica, sans-serif;
	font-weight: 400;
	text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
    width: 100%;
    text-align: right;
     padding: 20px;
    height: 4rem;
	/* Flexbox */
}   
    
    
    
.english a {
	font-size: 2.5rem;
	font-family: 'Exo', Verdana, Helvetica, sans-serif;
	font-weight: 400;
	text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;

	/* Flexbox */
}	

.english a:hover {
	color: #00ff00;
	background-color: #000000;
	border: 1px solid #00ff00;
	text-decoration: none;
    text-transform: uppercase;
    padding-left: 0.2rem;
	/* Flexbox */
/*	flex-grow:1;*/
}

.cajaBusqueda{
    width:98%;
/*    max-width:600px;*/
    height: auto;
    display:flex;
/*	flex-wrap:nowrap;
	align-items:center;*/
    text-align: right;
    background-color: #ffffff;
}
.busqueda{
    margin: auto;
    width:50%;
/*    max-width:600px;*/
    height: auto;
    padding: 1rem;  
    float:right;
    background-color: #ffffff;

}

.boton {

	BORDER-RIGHT: #000c6d 2px solid; 
    BORDER-TOP: #000c6d 2px solid; 
/*    FONT-WEIGHT: bold; */
    FONT-SIZE: 3rem; 
    padding: 12px;
    TEXT-TRANSFORM: none; 
    BORDER-LEFT: #000c6d 1px solid; 
    COLOR: #ff00ff; 
    BORDER-BOTTOM: #000c6d 1px solid; 
	font-family: 'Exo', Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #00ffff; 
    TEXT-DECORATION: none;
    margin: 1rem;
    font-weight: bold;


}

.TextoInput {

	BORDER-RIGHT: #c8c8c8 1px solid; 
    BORDER-TOP: #c8c8c8 1px solid; 
    FONT-SIZE: 1rem; 
    TEXT-TRANSFORM: none; 
    BORDER-LEFT: #c8c8c8 1px solid; 
    COLOR: #666666; 
    BORDER-BOTTOM: #c8c8c8 1px solid; 
	font-family: 'Armata', Verdana, Helvetica, sans-serif;
    LIST-STYLE-TYPE: none; 
    BACKGROUND-COLOR: #ffffff; 
    TEXT-DECORATION: none;

}



.INPUTok {

/*	BORDER-RIGHT: #000c6d 2px solid; 
    BORDER-TOP: #000c6d 2px solid; */
    FONT-SIZE: 3.5rem; 
    TEXT-TRANSFORM: none; 
/*    BORDER-LEFT: #000c6d 1px solid; */
    COLOR: #000; 
    BORDER-BOTTOM: #000c6d 1px solid; 
	font-family: 'Armata', Verdana, Helvetica, sans-serif; 
    BACKGROUND-COLOR: #ffffff; 
    TEXT-DECORATION: none;
    width: 100%;
    height: 5rem;

}




.contenedorArtista {
	margin: 0px;
	width: 98%;
	padding-left:40px;
    padding-right: 50px;
	background-color:#ffffff;
/*	border: 3px dotted #ffff00;*/
}




    
 .cajaDatosArtista {
	margin: 0px;
	width: 100%;
	padding:6px;
	background-color:#ffffff;
/*    border-top: 1px dotted #cc00cc;*/
	clear:left;
	height: auto;
    overflow: hidden;
    
    display: flex;
    justify-content:space-between;
	align-items:flex-start;
	/*background-color:#838679;*/
	flex-direction:row;
	flex-wrap:wrap;
    text-align: right;
	}
    
    
    
	
.cajaDatosArtista .fotoArtista{
    width: 100%;
	min-width: 150px;
    max-width: 400px;
/*    max-width: 150px;*/
    height: auto;
    margin-right: 10px;
    float: left;
	}

.cajaDatosArtista .fotoArtista img{
    min-width: 150px;
    max-width: 400px;
    width: 100%;
    height: auto;
	margin-right: 10px;
	border: 1px solid #000000;
     float:left;
	}	
    
		
    
/*    .cajaDatosArtista .fotoListaObras{
min-width: 100px;
    max-width: 600px;
    width: 100%;
    height: auto;
    margin-right: 10px;
	border: 1px solid #000000;
    float: left;
	}*/
    
    
    
    .cajaDatosArtista .fotoListaObras{
/*	width: 50%;*/
/*	min-width: 100px;
    max-width: 250px;*/
    width: 100%;
    height: auto;
    margin-right: 10px;
/*float: left;*/
	}

.cajaDatosArtista .fotoListaObras img{
/*	min-width: 100px;
    max-width: 250px;*/
    min-width: 150px;
    max-width: 600px;
    height: auto;
	margin-right: 10px;
	border: 1px solid #000000;
    float: left;
	}
    
    
.datoArtista {
/*	width: 400px;*/
/*	margin: 20px auto;*/
	background-color:#909084; 
/*	padding:14px;*/
	border: 1px dotted #CCCCCC;
	width: 100%;
	margin: 0px left;
	padding:4px;
	float: left;
	}

.textoArtista {
	width: 100%;
	margin: 0px auto;
	padding: 14px;
	text-align: left;
    FONT-SIZE: 1.5rem;
    line-height: 2rem;  
}

.imgArtista {
	width:500px;
	margin: 0px auto;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

.imgArtistaFloat {
	width: 100%;
	margin: 0px auto;
	padding: 4px;
	border: 1px solid #CCCCCC;
	float: left;
}


.libre {
    width:100%;
    background-color: #eee;
/*    FONT-WEIGHT: lighter;*/
	FONT-SIZE: 1.5rem;
	COLOR: #333;
    font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height: 2.5rem;  
    font-variant: small-caps;
     letter-spacing: -0.05em;
}

.IDpagina{
    width:98%;
/*    max-width:600px;*/
    height: auto;
/*    display:flex;*/
/*	flex-wrap:nowrap;
	align-items:center;*/
    text-align: left;
    background-color: #ffffff;
    font-family: 'Exo', sans-serif;
    padding-left: 10px;
    padding-bottom: 3rem;
	FONT-SIZE: 3rem;
    font-weight: 700;
	COLOR: #00ff00;
	TEXT-DECORATION: none;
	line-height: 3.4rem;
}
    
    .IDpaginaCompensada{
    width:98%;
/*    max-width:600px;*/
    height: auto;
/*    display:flex;*/
/*	flex-wrap:nowrap;
	align-items:center;*/
    text-align: left;
    background-color: #ffffff;
    font-family: 'Exo', sans-serif;
    padding-left: 10px;
    padding-bottom: 3rem;
	FONT-SIZE: 4rem;
    font-weight: 700;
	COLOR: #00ff00;
	TEXT-DECORATION: none;
	line-height: 4.4rem;
}
    
    .logo{
    width:100%;
    max-width:900px;
    height: auto;
    padding: 1rem;  
}
     
    .contenedorObra {
	margin: 0px;
	width: 98%;
	padding-left:50px;
    padding-right: 100px;
	background-color:#ffffff; 
}

.cajaDatosObra {
	margin: 0px;
	width: 100%;

	padding:6px;
	background-color:#ffffff;

	clear:left;
	height: auto;
    overflow: hidden;
    
    display: flex;
/*    justify-content:space-between;*/
	align-items:flex-start;
	/*background-color:#838679;*/
	flex-direction:row;
	flex-wrap:wrap;

	}

.cajaDatosObra .fotoObra{
width: 100%;
	min-width: 600px;
    max-width: 800px;
    height: auto;
    margin-right: 10px;
	float: left;
	}

.cajaDatosObra .fotoObra img{
    width: 90%;
	min-width: 600px;
    max-width: 800px;
    height: auto;
	margin-right: 10px;

    float: left;
	}	

		
.datosObra {
	width: 100%;
	margin: 0px auto;
	background-color:#ffffff;
	padding:24px;
	width: 100%;
/*	margin: 0px left;*/
/*	float: left;*/
    align-self: flex-start;

	}

.textoObra {
	width: 100%;
	margin: 0px auto;
	padding: 4px;
	text-align:left;
    line-height: 2.2rem;
}


.cajaGaleria {
	margin: 0px;
	width: 100%;
	padding:6px;
	background-color:#ffffff;

	clear:left;
	height: auto;
    overflow: hidden;
    
    display: flex;
/*    justify-content:space-between;*/
	align-items:flex-start;
	/*background-color:#838679;*/
	flex-direction:row;
	flex-wrap:wrap;
	}
    
	.artista2 {
        font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size: 3rem; 
    color:#ff00ff; 
    font-weight: bold; 	
    text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
     line-height: 150%;
}
    
    A.artista2:link {

		     font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
	    font-size: 3rem; 
        color:#ff00ff; 
        font-weight: bold; 	
        text-decoration: none;
	    font-variant: small-caps;
	    font-weight: bold;
	    line-height: 150%;	
        padding-top: 3rem;
}
    
    
.categoria {
	FONT-SIZE: 1.8rem;
	COLOR: #666;
	    font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height: 125%;	
    font-weight: bold;
    font-variant: small-caps;
    letter-spacing: -0.05em;
} 
    
    .novedad {

	     font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8rem; color:#ff00ff; font-weight: bold; 	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;

}
    
A.novedad:link {
margin: 20px;
    line-height: 500%;
	    font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.8rem; color:#ff00ff; font-weight: bold; 	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;

}

A.novedad:visited {

	      font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
    color:#ff00ff; font-weight: bold; 	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;

}

A.novedad:active {

        font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
    color:#ff00ff; 
    font-weight: bold; 	
    text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;	line-height: 200%;
}

A.novedad:hover {
         font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
    color:#00ffff; 
    font-weight: bold; 	
    text-decoration: underline;
	font-variant: small-caps;
	font-weight: bold;
    text-shadow: 1px 1px #00ff00;
    }
    
    
    /* ARTISTA   */

.cajaIDartista {
	margin: 0px;
	width: 100%;

	padding:6px;
	background-color:#ffffff;

	clear:left;
	height: auto;
    overflow: hidden;
    
    display: flex;
/*    justify-content:space-between;*/
	align-items:flex-start;
	/*background-color:#838679;*/
	flex-direction:row;
	flex-wrap:nowrap;
	/*border: 3px dotted #00ff00;*/
	}

.cajaIDartista .fotoIDartista{
    width: 100%;
    max-width: 300px;
    height: auto;
    margin-right: 10px;
	float: left;
/*    border: 3px dotted #00ffff;*/
	}

.cajaIDartista .fotoIDartista img{
	width: 100%;
    min-width: 150px;
    height: auto;
	margin-right: 10px;
    float: left;
	}	

		
.datosIDartista {
	width: 100%;
	margin: 0px auto;
	background-color:#ffffff;
	padding:24px;
	width: 100%;
/*	margin: 0px left;*/
/*	float: left;*/
    align-self: flex-start;
	}

.textoIDartista {
	width: 100%;
	margin: 0px auto;
	padding: 4px;
	text-align:justify;
}
    
    
    
    .URLartista {
           font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
    COLOR: #ff00ff;  
    TEXT-DECORATION: none; 
    font-size: 3rem; 
    font-weight: bold; 
    line-height: 200%;
}

A.URLartista:link  {
           font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
    color: #ff00ff;  
    TEXT-DECORATION: none; 
    font-size: 3rem; 
    font-weight: bold; 
    line-height: 200%;
}

A.URLartista:visited {
          font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
    color: #ff00ff;  
    TEXT-DECORATION: none; 
    font-size: 3rem; 
    font-weight: bold; 
    line-height: 200%;
}

A.URLartista:active {
           font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
    color: #ff00ff;  
    TEXT-DECORATION: none; 
    font-size: 3rem; 
    font-weight: bold; 
    line-height: 200%;
}

A.URLartista:hover {
           font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif; 
    COLOR: #000;  
    TEXT-DECORATION: underline; 
    font-size: 3rem; 
    font-weight: bold; 
    line-height: 200%;
}

    .titulosNaranja {
	FONT-WEIGHT: bold;
	FONT-SIZE: 4rem;
	COLOR: #000000;
	       font-family: 'Noto Sans', Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-style: normal;
	letter-spacing: normal;
    font-variant: small-caps;
    line-height: 130%;
}

/* FIN ARTISTA  */ 
    
    .textoNetescopio{
    font-size: 2.5rem; 
    width: 100%;
/*	margin: 0px auto;*/
margin-left: 0rem;
    padding: 0.5rem;
	text-align:left;
    line-height: 150%;
    align-self: flex-start;

        

}

.textoNetescopio p{
    padding-bottom: 1.5rem;

}

    .aMuestras {
    font-family: 'midnightkernboybold', sans-serif;
    font-weight: bold;
	FONT-SIZE: 3rem;
	COLOR: #ff00ff;
	TEXT-DECORATION: none;
	line-height: 150%;
        padding-bottom: 2rem;
}

A.aMuestras:link, A.aMuestras:active, A.aMuestras:visited {
    font-family: 'midnightkernboybold', sans-serif;
    font-weight: bold;
	FONT-SIZE: 3rem;
	COLOR: #ff00ff;
	TEXT-DECORATION: none;
	line-height: 150%;
       padding-bottom: 2rem;
/*    border: 3px dotted #00ff00;*/
}

A.aMuestras:hover {
    font-family: 'midnightkernboybold', sans-serif;
    font-weight: bold;
	FONT-SIZE: 3rem;
	COLOR: #000;
	TEXT-DECORATION: underline;
	line-height: 150%;
       padding-bottom: 2rem;
}
    
    
    
.contenedorHomeGrid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
		grid-template-areas:
						 	"about"
							 "eventos"
						 	"glosario";
	}
    
    .muestraTitulo {
    FONT-WEIGHT: 400;
	FONT-SIZE: 3.5rem !important;
	COLOR: #00E300;
	font-family: 'midnightkernboybold', sans-serif;
	TEXT-DECORATION: none;
	line-height: 130%;
	letter-spacing: 0.01em;
    padding-left: 0rem;
    padding-bottom: 5rem;
}
    
    
    .tapa{  
    width: 100%;
	margin: 0px auto;
	padding: 0rem;
	text-align: left;
}
    
    
    
H2 {
    font-family: 'midnightkernboybold', sans-serif;
    margin: 2px 0;
    font-weight: bold;
	FONT-SIZE: 3rem;
	COLOR: #000;
	font-family: 'midnightkernboybold', sans-serif;
	TEXT-DECORATION: none;
	line-height: 125%;
	letter-spacing: 0.01em;
    padding-left: 1rem;
    background-color: #00e300;
     /*text-shadow: 1px 1px #00B300;*/
}
    
   .cajaMuestra{
    margin: 4px;
    padding: 8px;
	width: 98%;
    
/*    margin: 8px;
    padding: 8px;
	width: 100%;*/
    
    
	background-color:#fff;
/*	clear:left;*/
	height: auto;
     overflow: hidden;
    
    display: flex;
/*    justify-content:space-between;*/
	align-items:flex-start;
	/*background-color:#838679;*/
	flex-direction:row;
	flex-wrap:wrap;
    border: 3px dotted #494B43;
} 
    
    
    .busquedaTitulo {
    FONT-WEIGHT: 400;
	FONT-SIZE: 5rem;
	COLOR: #00E300;
	font-family: 'midnightkernboybold', sans-serif;
	TEXT-DECORATION: none;
	line-height: 100%;
	letter-spacing: 0.01em;
    padding-left: 0rem;
    padding-bottom: 5rem;
}
    
    
    .cajaAbout{
    margin: 0px;
	width: 100%;
    padding: 8px;
	background-color:#ffffff;
/*	clear:left;*/
	height: auto;
/*    overflow: hidden;*/
    
    display: flex;
/*    justify-content:space-between;*/
	align-items:flex-start;
	/*background-color:#838679;*/
	flex-direction:row;
	flex-wrap:wrap;
/*    border: 2px solid green;*/
}
    
    .textoMuestra {
	width: 100%;
	margin: 0px auto;
	padding: 14px;
	text-align: left;
	}
    
    .cajaInfo{
    margin: 0px;
	width: 100%;
    padding: 8px;
	background-color:#ffffff;
/*	clear:left;*/
	height: auto;
/*    overflow: hidden;*/
    
    display: flex;
/*    justify-content:space-between;*/
	align-items:flex-start;
	/*background-color:#838679;*/
	flex-direction:row;
	flex-wrap:wrap;
/*    border: 2px solid green;*/
    text-align: left;
}
    
    .slideshow {
max-width: 900px;
height: 515px;
	width:140%;
	margin: 0px auto;
	padding:0px;
	float: left;
    overflow: hidden;
}
    
	}