/* https://brandcolors.net/ */
/* Social Media Brand Colors

twitter:     #00aced     rgb(0, 172, 237)
facebook:    #3b5998     rgb(59, 89, 152)
googleplus:  #dd4b39     rgb(221, 75, 57)
pinterest:   #cb2027     rgb(203, 32, 39)
linkedin:    #007bb6     rgb(0, 123, 182)
youtube:     #bb0000     rgb(187, 0, 0)
vimeo:       #1ab7ea     rgb(26, 183, 234)
tumblr:      #32506d     rgb(50, 80, 109)
instagram:   #bc2a8d     rgb(188, 42, 141)
flickr:      #ff0084     rgb(255, 0, 132)
dribbble:    #ea4c89     rgb(234, 76, 137)
quora:       #a82400     rgb(168, 36, 0)
foursquare:  #0072b1     rgb(0, 114, 177)
forrst:      #5B9A68     rgb(91, 154, 104)
vk:          #45668e     rgb(69, 102, 142)
wordpress:   #21759b     rgb(33, 117, 155)
stumbleupon: #EB4823     rgb(235, 72, 35)
yahoo:       #7B0099     rgb(123, 0, 153)
blogger:     #fb8f3d     rgb(251, 143, 61)
soundcloud:  #ff3a00     rgb(255, 58, 0)

*/


/*=======================================================
Social Media Colours – Hex and RGB Colours of the Web
=======================================================

These are the colours that define the social web in 2017.
Most of the colours come directly from the logos of their respective brands.

Facebook Blue
Hex: #3b5998
RGB: 59, 89, 152

Twitter Blue
Hex: #55acee
RGB: 85, 172, 238


Google+ Red
Hex: #dd4b39
RGB: 221, 75, 57

YouTube Red (new 2017)
Hex: #ff0000
RGB: 255, 0, 0


Linkedin Blue
Hex: #007bb5
RGB: 0, 123, 181

Instagram Red Orange
Hex: #e95950
RGB: 233, 89, 80


WhatsApp Green
Hex: #4dc247
RGB: 77, 194, 71

Pinterest Red
Hex: #cb2027
RGB: 203, 32, 39

Vine Green
Hex: #00bf8f
RGB: 0, 191, 143

Snapchat Yellow
Hex: #fffc00
RGB: 255, 252, 0

Quora Burgundy
Hex: #a82400
RGB: 168, 36, 0

Dropbox Blue
Hex: #007ee5
RGB: 0, 126, 229

Flickr Pink
Hex: #ff0084
RGB: 255, 0, 132

Tumblr Dark Turquoise
Hex: #32506d
RGB: 50, 80, 109

VK Blue
Hex: #45668e
RGB: 69, 102, 142

Vimeo Green
Hex: #aad450
RGB: 170, 212, 80


Foursquare Logo Blue
Hex: #0072b1
RGB: 0, 114, 177

Spotify Green
Hex: #00e461
RGB: 0, 228, 97


Github Black
Hex: #000000
RGB: 0, 0, 0

Behance Blue
Hex: #1769ff
RGB: 23, 105, 255

RSS Orange
Hex: #ff6600
RGB: 255, 102, 0

Reddit Orange
Hex: #ff4500
RGB: 255, 69, 0

*/




* {
	box-sizing: border-box;
	padding:0px;
	margin:0px;
/*	border: 1px dashed #F00;*/
}

html{
	  height:100%;
	  width:100%;
/*		font-size:12px;  */
	  font-size:15px;
}

@media screen and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
		height:100vw;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}





body {
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-family:pt-sans, sans-serif;
	height:100%;
	width:100%;
	position:relative;
	/*overflow:hidden;*/
    overflow-x:hidden;

}

h1,h2,h3,h4,h5,h6 {
	font-family:pt-sans-narrow, sans-serif;
}

/*
img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	height:auto;
}
*/
a{
color:inherit;
color:#cc0000;
font-size:inherit;
text-decoration:none;
}
a:hover{
color:inherit;
color:#cc0000;
font-size:inherit;
text-decoration:underline;
}

.freepik{
	font-size:0.7rem !important;

}

/***
Contenedor para UI o body con perfectscrollbar.js
***/

/*BODY  #cuerpo
			DIV #uimenu
			DIV #pagina
*/
#pagina{
	position:relative;
/*	overflow:hidden; */


	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d; /* Chrome, Safari, Opera */
	-moz-transform-style: preserve-3d; /* Chrome, Safari, Opera */
	-o-transform-style: preserve-3d; /* Chrome, Safari, Opera */

	/*width:99%;*/
	width:98%;
	height:100%;

	margin-left:1%;
	margin-right:1%;
}


#uimenu {

position:absolute;
top: 0;
left:0;
bottom:0;
right: 0;

width:99%;
height:100%;

margin-left:auto;
margin-right:auto;

z-index:15000;

background-color: rgba(255,255,255,0.01); /* #FFFFFF */

display:none;
/*testing*/
/*display:block;*/



}


#uimenu > div.contenido
{
	position:relative;
	overflow:hidden;

	height:100%;

	border: 1px solid white;
	border-radius: 1rem;

  padding: 1.5rem;

	/*color: #50565B;
	background-color: #FFFFFF;*/

	color: #FFFFFF;
	background-color: #50565B;

	width:100%;
	margin-left:0;
	/*margin-right:0;*/


}

/**
 * uiinfo 'ficha de datos'
 */
#uimenu > div.centro
{
	width:80%;
	margin-left:auto;
	margin-right:auto;

}

/**
 * uiinfo 'Ajustes botón acción'
 */
#uimenu > div.derecha
{
	/*width:25%;
	margin-left:65%;
	margin-right:10%;
	*/
	width:100%;
	margin-left:0;
	/*margin-right:0%;*/

}
/*#uimenu > div.derecha,
#uiinfo > div.derecha {
	width:20%;
	margin-left:70%;
	margin-right:10%;
}*/


/**
 * Secciones uiinfo
 * 	 uiinfo_titulo (10% text+cerrar)
 * 	 uiinfo_body (80% scroll)
 * 	 uiinfo_foot (10%)
 *
 */
#uimenu_titulo
{
	clear:left;
	position:relative;
	width:100%;
	height:10%;
	overflow:hidden;
}

#uimenu_titulo > div.texto
{
	float:left;
	position:relative;
	width:90%;

	text-align: left;
	font-size:1.5rem;
	font-weight: bold;

	font-size:1.8rem;
	font-weight:bold;
	letter-spacing:0.2rem;
	word-spacing:0.3rem;

}

#uimenu_titulo  > div.cerrar
{
	float:left;
	position:relative;
	width:10%;
	text-align:right;
	font-size:1.5rem;
	font-weight: bold;


}

#uimenu_titulo  > div.cerrar:hover
{
cursor:pointer;
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */
}


#uimenu_body {
	clear:left;
	position:relative;
	width:100%;
	height:75%;
	overflow:hidden;

}

#uimenu_foot{
	clear:left;
	position:relative;
	width:100%;
	height:15%;
	overflow:hidden;
	display:none;

}




#uimenu_body > div {
	position:relative;
	overflow:hidden;
	clear:left;
	width:100%;
	margin-bottom:2rem;
}



#uimenu_body > div > div.icono {
	position:relative;
/*	overflow:hidden; */
 float:left;

  width:4rem;
	height:4rem;
	color: #50565B;
	border: 1px solid #50565B;
	border-radius: 0.5rem;

  text-align:center;
	padding-top:1rem;

	/*float:left;*/

}



#uimenu_body > div > div.icono:hover{
 background-color:#50565B;
 color: white;
 border: 1px solid white;
 border-radius: 0.5rem;
 cursor:pointer;
}


#uimenu_body > div > div.texto {
	position:relative;
/*	overflow:hidden; */

  margin-left:4rem;
	color: #50565B;
  text-align:left;
	font-size:1rem;
	font-weight: bold;

  padding-left: 0.5rem;
	padding-top:1rem;

	/*float:left;*/

}

#uimenu_body > h1 {
	position:relative;
/*	overflow:hidden; */

  padding-left:0.5rem;
	color: #FFFFFF;
  text-align:left;
	font-size:1.2rem;
	font-weight: bold;

  /*padding-left: 0.2rem;*/
	padding-top:0.75rem;
	padding-bottom:0.75rem;

	/*float:left;*/

	letter-spacing: 0.2rem;
}

#uimenu_body > h1:hover {
	position:relative;
/*	overflow:hidden; */



	background-color: #FFFFFF;
	color:#333333;
	border: 1px solid #333333;
	border-radius: 0.5rem;
	cursor:pointer;

}


#uimenu_foot > #valoracion {
	position:relative;
/*	overflow:hidden; */

border: 1px solid #FFFFFF;
border-radius: 0.5rem;
font-size:1rem;
color: #FFFFFF;
padding:0.5rem;

}


#uimenu_foot > #valoracion > h1{
	position:relative;
/*	overflow:hidden; */
font-size:0.9rem;
font-weight:bold;
text-align:center;
/*word-spacing: 0.25rem;*/
letter-spacing: 0.1rem;
}



#uimenu_foot > #valoracion > h2{
	position:relative;
/*	overflow:hidden; */
font-size:1.2rem;
font-weight:bold;
text-align:center;
margin-top:0.6rem;
}

#uimenu_foot > #valoracion > h2 > a{
	color: #FFFFFF;
}

#uimenu_foot > #valoracion > h2 > a:hover{
	position:relative;

/*	overflow:hidden; */
opacity: 0.4;
filter: alpha(opacity=40); /* For IE8 and earlier */

}




/*
DIV #pagina
		TABLE #tabla_head
		DIV #head
		DIV #nav
				DIV #navMenu
						DIV #navMenuTOC
				DIV #navTrumbs
		DIV #path_outer
		DIV #poster
		TABLE #tabla_expo
		TABLE #tabla_actividades
		TABLE #tabla_ciclos
		TABLE #tabla_colecciones
		TABLE #tabla_colaboradores
		--TABLE #tabla_agenda --
		TABLE #tabla_pie
		DIV #foot
			DIV #footupvfranja
			DIV #footupvpie
	*/



/*DIV #head
	DIV #logoUPV > img
	DIV #MenuIdioma
	DIV #logoCULTURA
		  DIV #tituloCULTURA
			DIV #redesCULTURA
	*/
/*==================================================================*/

#head{
clear:left;
position:relative;
width:100%;
height:50px;
margin-top:1rem;
margin-bottom:1rem;
}

#logoUPV{
position:relative;
width:36%;
float:left;
}
#logoUPV img{
	/*max-width:100%;*/
	height:auto;
}
#imgUPV{
	max-width:60%;
	height:auto;
}
#img50anys{
	max-width:35%;
	height:auto;
}


#MenuIdioma{
position:relative;
width:15%;
float:left;
text-align:left;
margin-top:0.1rem;
margin-bottom:0.1rem;

}

#MenuIdioma select{
position:relative;
text-align:center;
color:#333333;
font-size:0.7rem;
}

#MenuIdioma select:hover{
position:relative;
text-align:center;
background-color:#333333;
color:white;
font-size:0.7rem;
}


#MenuIdioma h1{
	position:relative;
	float:left;
	font-size:0.8rem;
	padding-left:0.5rem;
}

#MenuIdioma h1:hover{
	position:relative;
	float:left;
	font-size:0.8rem;
	cursor:pointer;
}


.logoCULTURA{
	font-weight:bolder;
	font-size:2rem;
}

#logoCULTURA{
color:#333333;
text-align:right;
position:relative;
width:45%;
float:left;

font-size:2rem;
font-weight:bold;
letter-spacing:0.1rem;
word-spacing:0.3rem;

/*top:40%;
transform: translateY(-80%);
-moz-transform: translateY(-80%);
-webkit-transform: translateY(-80%);*/

margin-bottom:1rem;

}

#tituloCULTURA{
	font-size:1.5rem;
	font-weight:bold;
	letter-spacing:0.1rem;
	word-spacing:0.3rem;

}
#redesCULTURA{
	font-size:0.7rem;
	font-weight:bold;
	/*letter-spacing:0.1rem;*/
	word-spacing:0.5rem;

}
#redesCULTURA a, #redesCULTURA a:hover{
	color:#333333;
	text-decoration:none;
}



/*=====================================================================*/


/*DIV #nav
	DIV #navMenu
		DIV #navMenuTOC > i
	DIV #navTrumbs
		DIV #navConocenos
		DIV #navExpo
		DIV #navActividades
		DIV #navColecciones
		DIV #navCatedraUNESCO
		DIV #navServicios
		-- DIV #navAgenda --
*/

/*=====================================================================*/

#nav{
clear:left;
position:relative;
width:100%;
/*margin-top:1rem;*/
padding-bottom: 0.5rem;
}

#navMenu{
clear:left;
position:relative;
width:100%;
/*margin-top:0rem;
margin-bottom:1rem;*/
text-align:right;
display:block;
}
#navMenuTOC{
position:relative;
width:10%;
margin-left:85%;
margin-right:0;
/*float:left;*/
text-align:center;
border: 1px solid #333333;
border-radius: 5px;
padding: 3px;
color:#FFFFFF;
background-color: #333333;
font-size:1.5rem;
}
/*#navMenuTOC > i:hover{
cursor:pointer;
display:block;
}*/

#navMenuTOC:hover{
cursor:pointer;
color:#333333;
background-color: #FFFFFF;

}




#navTrumbs{
clear:left;
float:left;
position:relative;
width:100%;
height:auto;
/*margin-top:1rem;
margin-bottom:1rem;*/
/*padding-left:3%;*/
display:none;
}



#navTrumbs > div{
text-align:center;
float:left;
position:relative;
height:auto;
overflow:hidden;
/*width:14.25%;*/
width:16.625%;
margin-top:0.3rem;
/*margin-bottom:0.3rem;*/
border-top: 1px solid rgba(51,51,51,0.5); /* #333333 al 50% transparencia */
border-bottom: 1px solid rgba(51,51,51,0.5); /* #333333 al 50% transparencia */

}

#navTrumbs > div:hover{
	cursor:pointer;
}

/*
#navTrumbs > div:before{
	content:"";
	display:block;

	 padding-top:30%;
}
*/
	/* padding-top:100%; /* ratio 1:1 */
	/* padding-top:50%; /* ratio 2:1 */
	/* padding-top:200%; /* ratio 1:2 */
	/* padding-top:75%; /* ratio 4:3 */
	/* padding-top:133.33%; /* ratio 3:4 */
	/* padding-top:56.25%; /* ratio 16:9 */

/*
.navTrumbscontent{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}


#navTrumbs div img{
display:block;
max-width:102%;
}
#navTrumbs div img:hover{
opacity: 0.4;
filter: alpha(opacity=40);
}
*/

#navTrumbs div h1{
/*position:absolute;
bottom:0;*/
font-size: 1rem;
/*line-height:2rem;*/
background-color:white;
color:#333333;
width:100%;
height:2rem;
display:block;
margin:auto;
top: 50%;
padding-top:0.3rem;
padding-bottom:0.3rem;

}

#navTrumbs div h1.nav_on{
/*position:absolute;
bottom:0;*/
font-size: 1rem;
/*line-height:2rem;*/
background-color:#333333;
color:white;
width:100%;
height:2rem;
display:block;
margin:auto;
top: 50%;
padding-top:0.3rem;
padding-bottom:0.3rem;
cursor:auto;
}



#navTrumbs div h1:hover{
/*position:absolute;
bottom:0;*/
top: 50%;
font-size: 1rem;
/*line-height:2rem;*/

background-color:#333333;
color:white;
width:100%;
/*overflow:hidden;*/
height:2rem;
display:block;
margin:auto;
padding-top:0.3rem;
padding-bottom:0.3rem;

}

#navTrumbs div h1.nav_on:hover{
/*position:absolute;
bottom:0;*/
font-size: 1rem;
/*line-height:2rem;*/
background-color:#333333;
color:white;
width:100%;
height:2rem;
display:block;
margin:auto;
top: 50%;
padding-top:0.3rem;
padding-bottom:0.3rem;
cursor:auto;
}


/*
#navConocenos{
background-image: url(../portada/img/upv.jpg);
}
#navExpo{
background-image: url(../portada/img/2_1/expo.jpg);
}
#navActividades{
background-image: url(../portada/img/2_1/U0724446.jpg);
}
#navColecciones{
background-image: url(../portada/img/2_1/museos.jpg);
}
#navServicios{
background-image: url();
}
#navAgenda{
background-image: url();
}

*/


/*=====================================================================*/


/*DIV #path_outer
	TABLE tabla_path
		DIV #path
				DIV #pathInfo
				DIV #pathRedessociales*/

/*=====================================================================*/

#path_outer{
clear:left;
position:relative;
width:100%;
padding-top:0.5rem;
/*padding-top:1rem;*/
/*padding-bottom:1rem;*/
}


#tabla_path {
/*border-bottom: 1px solid #cc0000;*/
/*border-top: 1px solid #cc0000;	*/
}



#path{
position:relative;
width:100%;
line-height:1.6rem;

}

#pathInfo{
width:100%;
float:left;
text-align:left;
color:#cc0000;
font-size:1rem;
}

#pathInfo a {
color:#cc0000;
text-decoration:none;
font-weight:bold;
}
#pathInfo a:hover {
color:#cc0000;
text-decoration:none;
font-weight:normal;
}


#pathRedessociales{
width:100%;
float:left;
text-align:left;
color:#cc0000;
font-size:1rem;
font-weight:bold;
padding-top:1rem;
}

#pathRedessociales a{
color:inherit;
font-weight:inherit;
text-decoration:none;
/* CIRCULO y COLOR */
width:2rem;
height:2rem;
line-height:1.4rem ;
border-radius:50%;
vertical-align:middle;
display:inline-block;
text-align:center;
padding-top:0.5rem;
}
#pathRedessociales a:hover{
color:inherit;
font-weight:inherit;
opacity: 0.4;
filter: alpha(opacity=40);
text-decoration:none;
/* CIRCULO y COLOR */
width:2rem;
height:2rem;
line-height:1.4rem ;
border-radius:50%;
vertical-align:middle;
display:inline-block;
text-align:center;
padding-top:0.5rem;
}



#bwhatsapp,
.WHATS_bg{
	background-color: #4DC247;
	color:white !important;
}

#btwitter,
.TWT_bg{
	background-color: #55ACEE;
	color:white !important;
}

#bfacebook,
.FB_bg{
	background-color: #3B5998;
	color:white !important;
}

#bpinterest,
.PIN_bg{
	background-color: #CB2027;
	color:white !important;
}

#bmail,
.MAIL_bg{
	background-color: white;
	color: #50565B !important;
	/*border: 1px solid black;*/
}


.YT_bg{
	background-color: #CC0000;
}
.FLICKR_bg{
	background-color: #FF0084;
}

/*
.FB_bg{
	background-color: #4862A3;
}
.TWT_bg{
	background-color: #55ACEE;
}
.YT_bg{
	background-color: #CC0000;
}*/



/*=====================================================================*/

/*DIV #poster
	DIV .postercontent
		DIV #posterCarrusel .js-flickity
	 		DIV
			...
		*/

/*=====================================================================*/

#poster{
clear:left;
position:relative;
width:100%;
height:auto;
margin-top:1rem;
/*margin-bottom:1rem;*/

}

#poster:before{
	content:"";
	display:block;
	/* padding-top:100%; /* ratio 1:1 */
	/* padding-top:50%; /* ratio 2:1 */
	padding-top:50%; /* ratio 35:100 */
	/* padding-top:75%; /* ratio 4:3 */
/*     padding-top:133.33%; /* ratio 3:4 */
	/* padding-top:56.25%; /* ratio 16:9 */
}

.postercontent{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}


#posterCarrusel{
float:left;
position:relative;
width:100%;
height:100%;
/*border: 1px solid black;*/
}


#posterCarrusel div{
width:100%;
height:100%;
/*background-position: center center;
background-size: cover;*/
/*background-clip: border-box;*/
background-position: center center;
background-repeat: no-repeat;*/
/* background-size: auto 100%;
		/* Tamaño horizontal automático / Tamaño vertical 100% caja  */
/*background-size: 100% auto;
		/* Tamaño horizontal 100% caja  / Tamaño vertical automático */
background-size: contain;   /* Escala imagen dentro de caja */
/* background-size: cover;
 		/* Escala imagen para cubrir completamente caja */

}

/* background-image: url("../portada/img/U0724446.jpg"); */
/*background-origin:border-box;
background-clip: border-box;
background-position: center;
background-repeat: no-repeat;*/
/* background-size: auto 100%;
		/* Tamaño horizontal automático / Tamaño vertical 100% caja  */
/*background-size: 100% auto;
		/* Tamaño horizontal 100% caja  / Tamaño vertical automático */
/* background-size: contain;
		/* Escala imagen dentro de caja */
/*background-size: cover;
		/* Escala imagen para cubrir completamente caja */



#posterCarrusel > div  h1{
position:absolute;
bottom:5% !important;
width:100% !important;
font-size: 1rem;
line-height: 1.5rem;
padding:1rem;
color:#333333;
background-color: rgba(255,255,255,0.75);
/*background-color:white;*/
overflow:hidden;
height:auto;
display:block;
/*border: 1px solid #333333;
border-top: 1px solid #ffffff;
border-radius: 0 0 15px 15px;*/
transform-origin: bottom center;
-ms-transform-origin: bottom center; /* IE 9 */
-webkit-transform-origin: bottom center; /* Chrome, Safari, Opera */
/*
transform: translateY(-100%);
-moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
*/

/*opacity: 0.4;
filter: alpha(opacity=40);
*/


}


#posterCarrusel div img{
/*max-width:100%;*/
width:100%;
height:auto;
}


#posterCalendario{
/*float:left;		*/

position:absolute;
right:0;
width:30%;
height:100%;
/*border: 1px solid black;*/
padding-left:0.8rem;
font-size:1.1rem;
/*	background-color:black; */
}


/*Fondo para rótulos */

.negativo{
	color:white !important;
	background-color: rgba(0,0,0,0.75) !important;
}



/*=====================================================================*/


/*TABLE #tabla_expo (idem #tabla_actividades, etc.)
	DIV #expo
	H1 "titulo"

	{n}DIV .BoxM #<ID ESPECÍFICO>
				DIV .BoxMcontent
						DIV .BoxMimg
						DIV .BoxMtxt
							H1, H2, DIV

	DIV #expoTodas .verTodas
	  H1

*/


#tabla_actiActualidad, #tabla_actiFuturo, #tabla_actiPasado,  #tabla_actiCiclos, #tabla_actiColaboradores,
#tabla_expoActualidad, #tabla_expoFuturo, #tabla_expoPasado, #tabla_expoSalas,
#tabla_expo, #tabla_actividades, #tabla_ciclos, #tabla_colecciones, #tabla_colaboradores,
#tabla_servicios, #tabla_agenda{
padding-bottom:2rem;
border-bottom: 3px solid #333333;
}



#actiActualidad > h1, #actiFuturo > h1, #actiPasado > h1, #actiCiclos > h1,  #actiColaboradores > h1,
#expoActualidad > h1, #expoFuturo > h1, #expoPasado > h1, #expoSalas > h1,
#expo > h1, #actividades > h1, #ciclos > h1, #colecciones > h1, #colaboradores > h1,
#servicios > h1, #agenda > h1{
margin-bottom:2rem;
}




#expoActualidad, #expoFuturo, #expoPasado, #expoSalas,
#expo{
clear:left;
position:relative;
width:100%;
height:auto;
margin-top:2rem;
margin-bottom:1rem;

}

#actiActualidad, #actiFuturo, #actiPasado, #actiCiclos, #actiColaboradores,
#actividades, #ciclos, #colaboradores {
clear:left;
position:relative;
width:100%;
height:auto;
margin-top:2rem;
margin-bottom:1rem;
}

#colecciones{
clear:left;
position:relative;
width:100%;
height:auto;
margin-top:2rem;
margin-bottom:1rem;
}

#servicios{
clear:left;
position:relative;
width:100%;
height:auto;
margin-top:4rem;
margin-bottom:1rem;
}


#agenda{
clear:left;
position:relative;
width:100%;
height:auto;
margin-top:4rem;
margin-bottom:1rem;
}


#busquedaCalendario{
	width:70%;
}


#agendaCalendario {
	background-color:black;
}


#agendaCalendario > div{
	font-size:1.5rem;
}


.verTodas{
clear:left;
text-align:center;
display:block;
position:relative;
margin-top:40px;
width:100%;
padding-top:10px;
overflow:hidden;

}

.verTodas h1{
display:block;
position:relative;
font-size: 1rem;
font-weight:bold;
color:#ffffff;
background-color:#333333;
border-radius: 10px ;
padding:10px;

}

.verTodas h1:hover{
display:block;
position:relative;
font-size: 1rem;
font-weight:bold;
color:#333333;
background-color:#ffffff;
border: 1px solid #333333;
border-radius: 10px ;
padding:10px;

}


.viewTodas{
float:left;
text-align:center;
display:block;
position:relative;
margin-top:40px;
width:100%;
padding:10px;
overflow:hidden;

}

.viewTodas h1{
display:block;
position:relative;
font-size: 1rem;
font-weight:bold;
color:#ffffff;
background-color:#333333;
border-radius: 10px ;
padding:10px;

}

.viewTodas h1:hover{
display:block;
position:relative;
font-size: 1rem;
font-weight:bold;
color:#333333;
background-color:#ffffff;
border: 1px solid #333333;
border-radius: 10px ;
padding:10px;

}




/*======================================================================
SERVICIOS Y CONVOCATORIAS
======================================================================*/

/*TABLE #tabla_servicios
		DIV #servicios
				H1 .margenb2x
		{n} DIV .Fila
						DIV .BoxServicio #<id servicio>
								DIV .encabezado
										DIV .icono > img
										DIV .titulo
								DIV .hueco
										DIV .flechaAbajo > img
										DIV .flechaMargen
								DIV .etiqueta
										{m}P
*/

.BoxServicio{
	position:relative;
	float:left;

	width:100%;
	height:auto;
	padding:1rem;

}

.BoxServicio > .encabezado{
	position:relative;
	clear:left;
	width:100%;
	height:auto;
}

.BoxServicio > .encabezado > .icono{
	position:relative;
	float:left;
	width:20%;
	height:auto;
	background-color:#cc0000;

}

.BoxServicio > .encabezado > .icono > img{
	max-width:100%;
	height:auto;
}

.BoxServicio > .encabezado > .titulo{
	position:relative;
	float:left;
	width:80%;
	height:auto;
	font-size:1.4rem;
	font-weight: bold;
  color: #cc0000;
	padding-left:1rem;
	padding-right:1rem;
}

.BoxServicio > .hueco{
	position:relative;
	clear:left;
	width:100%;
	height:1rem;
}

.BoxServicio > div.hueco > div.flechaAbajo{
	position:relative;
	float:left;
	width:20%;
	height:100%;
  display:none;
}
.BoxServicio > div.hueco > div.flechaMargin{
	position:relative;
	float:left;
	width:80%;
	height:100%;
}

.BoxServicio > div.hueco > div.flechaAbajo >  img{
	width:100%;
	height:1rem;
}


.BoxServicio > .etiqueta {
	position:relative;
	clear:left;
	width:100%;
	height:auto;
	border-radius: 2rem;
	border-width:1px;
	border-color:#cc0000;
	border-style:solid;
	padding:1.5rem;
	font-size:1rem;

}

.BoxServicio > .etiqueta b{
  color:#cc0000;
}

.BoxServicio > .etiqueta p{
	font-size:inherit;
}

/*============================================================





/*
CAJAS 'flotantes' y 'ratio' PARA MENU PORTADA Y SECCIONES
*/


/*============================================================
Caja BoxS 'flotante'+'ratio' : Pequeña
============================================================*/

/*Patrón para cajas con ratio ancho:alto*/

.box{
position:relative;
width:100%;
height:auto;
}
.box:before{
	content:"";
	display:block;
	/* padding-top:100%; /* ratio 1:1 */
	/* padding-top:50%; /* ratio 2:1 */
	padding-top:200%; /* ratio 1:2 */
	/* padding-top:75%; /* ratio 4:3 */
/*     padding-top:133.33%; /* ratio 3:4 */
	/* padding-top:56.25%; /* ratio 16:9 */
}

.boxcontent{
	position:absolute;
	padding:1rem;
	top:0;
	left:0;
	bottom:0;
	right:0;
}


.BoxS{
float:left;
position:relative;
overflow:hidden;
width:45%  ;
height:auto;
padding:1.2rem  ;
border: 1px solid #FFFFFF  ;
border-radius: 1rem  ;
margin: 1rem  ;

}

.BoxS:hover{
float:left;
position:relative;
overflow:hidden;
width:45%  ;
height:auto;
padding:1.2rem  ;
border: 1px solid #333333  ;
border-radius: 15px  ;
margin: 1rem  ;

}


.BoxS:before{
	content:"";
	display:block;
	padding-top:100%;
}

/* padding-top:100%; /* ratio 1:1 */
/* padding-top:50%; /* ratio 2:1 */
/* padding-top:200%; /* ratio 1:2 */
/* padding-top:75%; /* ratio 4:3 */
/* padding-top:133.33%; /* ratio 3:4 */
/* padding-top:56.25%; /* ratio 16:9 */


.BoxScontent{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:#EEEEEE;
}



.BoxSimg, .BoxStxt{
position:relative;
width:100%;
height:auto;

}




.BoxSimg img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	height:auto;
}

.BoxStxt{
background-color:#EEEEEE  ;
padding:0.7rem  ;
}
.BoxStxt h1{
	font-size: 0.7rem  ;
	font-weight:bolder  ;
	color:#333333  ;
}
.BoxStxt h2{
	font-size: 0.5rem  ;
	font-weight:normal  ;
	color:#666666  ;
}

.BoxStxt div{
	font-size: 0.5rem  ;
	font-weight:normal  ;
	color:#666666  ;
}

/*===============================================================*/


/*============================================================
Caja BoxM  'flotante'+'ratio' : Mediana
============================================================*/


.BoxM{
float:left;
position:relative;
overflow:hidden;
width:95%  ;
height:auto;
padding:1.5rem  ;
border: 1px solid #FFFFFF  ;
border-radius: 15px  ;
margin: 1rem  ;

}

.BoxM:hover{
float:left;
position:relative;
overflow:hidden;
width:95%  ;
height:auto;
padding:1.5rem  ;
border: 1px solid #333333  ;
border-radius: 15px  ;
margin: 1rem  ;

}

.BoxM:before{
	content:"";
	display:block;
	padding-top:75%  ;
}

/* padding-top:100%; /* ratio 1:1 */
/* padding-top:50%; /* ratio 2:1 */
/* padding-top:200%; /* ratio 1:2 */
/* padding-top:75%; /* ratio 4:3 */
/* padding-top:133.33%; /* ratio 3:4 */
/* padding-top:56.25%; /* ratio 16:9 */


.BoxMcontent{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:#EEEEEE  ;
}



.BoxMimg, .BoxMtxt{
position:relative;
width:100%;
height:auto;

}


.BoxMimg img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	height:auto;
}

.BoxMtxt{
background-color:#EEEEEE  ;
padding:0.9rem  ;
}
.BoxMtxt h1{
	font-size: 1.2rem  ;
	font-weight:bolder  ;
	color:#333333  ;
}
.BoxMtxt h2{
	font-size: 1rem  ;
	font-weight:normal  ;
	color:#666666  ;
}

.BoxMtxt div{
	font-size: 1rem  ;
	font-weight:normal  ;
	color:#666666  ;
}




/*=================================================================*/
/*PIE CULTURA */
/*=================================================================*/
/*
TABLE #tabla_pie

	DIV #pieHeader

			DIV #pieHeaderCultura

					H1 #pieHeaderCulturaUPV

					H2
						A #acCorreo
						A #acTwitter
						A #acFacebook
						A #acYoutube
						A #acFlickr

					H2
						A #sqfcultura

					H2
						A #fapCorreo

					H2
						A #fupCorreo
						A #fupTwitter

			DIV #pieHeaderAgenda .CajaAgenda

	DIV #pieTOC
*/



#tabla_pie{
	clear:left;
	margin-top:20px;
	margin-bottom:20px;
}

#pie, #pieHeader, #pieTOC{
clear:left;
position:relative;
width:100%;
height:auto;
margin-top:1rem;
margin-bottom:1rem;
/*padding-left:4%;*/
color:white;
background-color: #333333;
}



#pie > h1, #pieHeader > h1, #pieTOC > h1{
position:relative;
float:left;
width:40%;
font-size: 2.5rem;
margin-bottom:0.8rem;
font-weight:bold;
letter-spacing:0.2rem;
word-spacing:0.5rem;
padding-left: 1rem;
}

#pie > h2, #pieHeader > h2, #pieTOC > h2{
clear:left;
position:relative;
font-size: 1rem;
line-height:1.4rem;
font-weight:normal;
margin-bottom:0.5rem;
padding-left: 1rem;

}

#pie > h3, #pieHeader > h3, #pieTOC > h3{
position:relative;
text-align:right;
float:left;
width:55%;
font-size: 1.2rem;
line-height:2rem;
margin-bottom:10px;
font-weight:bold;

}

#pie > h3  a, #pieHeader > h3  a, #pieTOC > h3  a{
color:inherit;
font-size:inherit;
text-decoration:none;
}
#pie > h3 a:hover, #pieHeader > h3 a:hover, #pieTOC > h3 a:hover{
color:inherit;
font-size:inherit;
text-decoration:underline;
}



#pie div{
text-align:left;
float:left;
position:relative;
width:15%;
height:auto;
padding:1rem;
margin-right:1rem;
background-color: #333333;
}

#pieTOC #pieTOCservicios
{
clear:left;
text-align:left;
float:left;
position:relative;
width:100%;
height:auto;
padding:1rem;
margin-right:1rem;
background-color: #333333;
}

#pieTOC #pieTOCservicios > h1
{
	position:relative;
	font-size: 1.2rem;
	width:100%;
	display:block;
	margin-bottom:0.8rem;
}
#pieTOC #pieTOCservicios > h2
{
	position:relative;
	float:left;
	font-size: 1rem;
	font-weight:normal;
	width:100%;
	display:block;
	margin-bottom:0.4rem;

}


 #pieTOC div
 {
 text-align:left;
 float:left;
 position:relative;
 width:45%;
 height:auto;
 padding:1rem;
 margin-right:1rem;
 background-color: #333333;
 }


#pie a, #pieHeader a, #pieTOC a{
color:inherit;
font-size:inherit;
text-decoration:none;
}
#pie a:hover, #pieHeader a:hover, #pieTOC a:hover{
color:inherit;
font-size:inherit;
text-decoration:underline;
}

#pie div h1,  #pieTOC div h1{
position:relative;
font-size: 1.2rem;
width:100%;
display:block;
margin-bottom:10px;
}
#pie div h2, #pieTOC div h2{
position:relative;
font-size: 1rem;
font-weight:normal;
width:100%;
display:block;
margin-bottom:5px;
}



#pieHeaderCultura {
position:relative;
float:left;
width:95%;
text-align:left;
height:auto;
padding:1rem;
margin-right:1rem;
background-color: #333333;
}

#pieHeaderCultura > h1 {
position:relative;
float:left;
font-size: 2.5rem;
margin-bottom:2rem;
font-weight:bold;
letter-spacing:0.2rem;
word-spacing:0.5rem;
padding-left: 1rem;
}

#pieHeaderCultura > h2 {
clear:left;
position:relative;
font-size: 1rem;
line-height:2rem ;
font-weight:normal;
margin-bottom:0.5rem;
padding-left: 1rem;
}

#pieHeaderCultura > h2 > a > span,
#pieHeaderCultura > h2 > span{
width:2rem;
height:2rem;
line-height:1.4rem ;
/*background-color:white;*/
border-radius:50%;
vertical-align:middle;
display:inline-block;
text-align:center;
padding-top:0.5rem;
}


#pieHeaderAgenda {
position:relative;
float:left;
width:5%;
display:none;
}


.CajaAgenda{
float:left;
position:relative;
width:100%;
height:auto;
}

.CajaAgenda > div  {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}


.Agenda{
float:left;
position:relative;
overflow:hidden;
width:100%;
height:auto;
text-align:center;
}


.Agenda:before{
	content:"";
	display:block;
	padding-top:100%;
}

/* padding-top:100%; /* ratio 1:1 */
/* padding-top:50%; /* ratio 2:1 */
/* padding-top:200%; /* ratio 1:2 */
/* padding-top:75%; /* ratio 4:3 */
/* padding-top:133.33%; /* ratio 3:4 */
/* padding-top:56.25%; /* ratio 16:9 */


.Agendacontent{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-color:#333333;
}





/*===================================================================
PIE UPV
===================================================================*/
/*
DIV #foot
		DIV #footupvfranja
				TABLE #tabla_footupvfranja
		DIV #footupvpie
				DIV #footupvtexto
						P #upv_servicios
						P #upv_contacto
						P #upv_creditos
				DIV #footupvCAMPUSH
						A #upvCampusHabitat > img
				DIV #footupvCAMPUSVLC
						A #upvVLCCAMPUS > img
				DIV #footupvEMAS
						A #upvEMAS > img

*/

#foot{
clear:left;
position:relative;
width:100%;
margin-top:1rem;
margin-bottom:1rem;
color:black;
background-color: white;
}

#footupvtexto{
text-align:left;
float:left;
position:relative;
width:100%;
margin-top:1rem;
margin-bottom:1rem;
color:black;
background-color: white;
}
/* Párrafos de texto en caja footupvtexto */
#upv_servicios{
	text-align:left;
	font-size: 1rem;
	margin-bottom:20px;
}
#upv_servicios a{
	font-size:inherit;
	color:inherit;
	text-decoration:none;
}
#upv_servicios a:hover{
	font-size:inherit;
	color:#cc0000;
	text-decoration:underline;

}

#upv_contacto{
	text-align:left;
	font-size: 1rem;
	margin-bottom:5px;
}
#upv_contacto a{
	font-size:inherit;
	color:inherit;
	text-decoration:none;
}
#upv_contacto a:hover{
	font-size:inherit;
	color:#cc0000;
	text-decoration:underline;

}

#upv_creditos{
	text-align:left;
	font-size: 0.8rem;

}





#footupvCAMPUSH{
text-align:right;
float:left;
position:relative;
width:30%;
margin-top:1rem;
margin-bottom:1rem;
padding-left:1rem;
padding-right:1rem;
color: black;
background-color: white;
}

#footupvCAMPUSVLC{
text-align:left;
float:left;
position:relative;
width:30%;
margin-top:1rem;
margin-bottom:1rem;
padding-left:1rem;
padding-right:1rem;
color: black;
background-color: white;
}

#footupvEMAS{
text-align:right;
float:left;
position:relative;
width:30%;
margin-top:1rem;
margin-bottom:1rem;
color: black;
background-color: white;
}


/*==========================================================================*/



/* ======================================================================== */
/* ARTICULO                                                                 */
/*Esquema o diseño de UI para contenidos				*/
/* ======================================================================== */

/*articulo_MTP_poster_<idioma>*/
/*TABLE #tabla_articulo
DIV #articulo
	DIV #articuloHeader
			H1 "título"
			H2 "subtítulo"
			P  "leyenda"
	DIV #articuloContenido
			DIV #articuloPoster
					DIV #articuloPosterCarrusel .js-flickity
					   {n} DIV > h1,img, ...
			DIV #articuloTexto
					div, p , img, h1, h2, a, ...
	DIV #articuloTOC
					div, p , img, h1, h2, a, ...
	DIV #articuloPie
	    {i} H1
			{j} DIV .Fila
						(k} DIV .Caja[S, M, XXL, ...]
										div, p , img, h1, h2, a, ...
*/

/*articulo_TMP_poster_<idioma>*/
/*TABLE #tabla_articulo
DIV #articulo
	DIV #articuloHeader
			H1 "título"
			H2 "subtítulo"
			P  "leyenda"
	DIV #articuloTOCleft
					div, p , img, h1, h2, a, ...
	DIV #articuloContenidoRight
			DIV #articuloPoster
					DIV #articuloPosterCarrusel .js-flickity
					   {n} DIV > h1,img, ...
			DIV #articuloTexto
					div, p , img, h1, h2, a, ...
	DIV #articuloPie
	    {i} H1
			{j} DIV .Fila
						(k} DIV .Caja[S, M, XXL, ...]
										div, p , img, h1, h2, a, ...
*/

/*También sin poster: articulo_MTP_<idioma>, articulo_TMP_<idioma>*/

#articulo{
clear:left;
position:relative;
width:100%;
margin-top:1rem;
margin-bottom:1rem;
}

#articuloHeader{
float:left;
position:relative;
width:100%;
margin-top:1rem;
margin-bottom:1rem;
}

#articuloContenido{
clear:left;
float:left;
position:relative;
width:100%;
margin-bottom:1rem;
}

#articuloContenidoRight{

float:left;
position:relative;
width:100%;
margin-bottom:1rem;
}



#articuloTOC{
float:left;
position:relative;
width:100%;
padding-top:2rem;
padding-left:1rem;
margin-bottom:1rem;

}

#articuloTOCleft{
clear:left;
float:left;
position:relative;
width:100%;
padding-left:1rem;
margin-bottom:1rem;

}


#articuloPie{
clear:left;
float:left;
position:relative;
width:100%;
margin-top:1rem;
margin-bottom:1rem;
}

#articuloPie > h1{
	float:left;
	width:100%;
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.8rem;
	margin-top:1rem;
	margin-bottom:1rem;
}

#articuloTOCleft h1,
/*#articuloPie > div > h1,*/
#articuloPie  div  h1,
#articuloTOC h1{
	font-size:1.2rem;
	font-weight:bold;
	line-height:1.6rem;
	margin-top:1rem;
	margin-bottom:1rem;
}
#articuloTOCleft h2,
/*#articuloPie > div > h2,*/
#articuloPie  div  h2,
#articuloTOC h2{
	font-size:1rem;
	font-weight:bold;
	line-height:1.5rem;
    margin-top:1rem;
    margin-bottom:0.5rem;
}
#articuloTOCleft > p,
/*#articuloPie > div > p,*/
#articuloPie  div  p,
#articuloTOC p{
	font-size:0.9rem;
	font-weight:normal;
	line-height:1.2rem;
	margin-top:0.4rem;
	margin-bottom:0.4rem;

}
#articuloTOCleft img,
#articuloTOC img{
	max-width:100%;
	height:auto;
	border:0;
}
#articuloTOCleft a,
/*#articuloPie > div a,*/
#articuloPie div a,
#articuloTOC a{
	color:#cc0000;
	font-size:inherit;
	font-weight:inherit;
	text-decoration:none;
}
#articuloTOCleft a:hover,
/*#articuloPie > div a:hover,*/
#articuloPie  div a:hover,
#articuloTOC a:hover{
	color:#cc0000;
	font-size:inherit;
	font-weight:inherit;
	text-decoration:underline;
}



/* ARTICULOcontenido */

#articuloPoster{
clear:left;
position:relative;
width:100%;
height:auto;
padding-top:2rem;
margin-bottom:1rem;
}


#articuloPosterCarrusel{
float:left;
position:relative;
width:100%;
height:auto;
}


#articuloPosterCarrusel div{
width:100%;

}

#articuloPosterCarrusel > div  h1{
position:absolute;
bottom:5% !important;
width:100% !important;
font-size: 1rem;
line-height:1.5rem;
padding:0.5rem;
color:#333333;
background-color: rgba(255,255,255,0.75);
/*background-color:#ffffff;*/
overflow:hidden;
height:auto;
display:block;
/*border: 1px solid #333333;
border-top: 1px solid #ffffff;
border-radius: 0 0 15px 15px;*/
transform-origin: bottom center;
-ms-transform-origin: bottom center; /* IE 9 */
-webkit-transform-origin: bottom center; /* Chrome, Safari, Opera */
/*
transform: translateY(-100%);
-moz-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
*/

/*opacity: 0.5;
filter: alpha(opacity=50);*/



}


#articuloPosterCarrusel div img{
/*max-width:100%;*/
width:100%;
height:auto;
}


#articuloTexto{
float:left;
position:relative;
width:100%;
padding-top:2rem;
margin-bottom:1rem;
}


#articuloTexto  h1{
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.8rem;
	margin-top:1rem;
	margin-bottom:1rem;
}

#articuloTexto  h2{
	font-size:1.2rem;
	font-weight:bold;
	line-height:1.5rem;
	margin-top:1rem;
	margin-bottom:0.5rem;
}


#articuloTexto  p{
text-align:left;

position:relative;
width:auto;
margin-bottom:0.5rem;
}

#articuloTexto a{
	color:#cc0000;
	font-size:inherit;
	font-weight:inherit;
	text-decoration:none;
}

#articuloTexto a:hover{
	color:#cc0000;
	font-size:inherit;
	font-weight:inherit;
	text-decoration:underline;
}


#articuloTexto img{
	max-width:100%;
	height:auto;
	border:0;
}

/*=========================================================================*/



/* ======================================================================== */
/* PORTAFOLIO                                                                 */
/*Esquema o diseño de UI para contenidos				*/
/* ======================================================================== */


#portafolio {
 margin-top:1rem;
}


#portafolio .pad1x{
 padding:0.5rem;
}
#portafolio .pad2x{
 padding:1.2rem;
}
#portafolio .pad3x{
 padding:1.8rem;
}

#portafolio h1{
	font-size:1.5rem;
}
#portafolio h2{
	font-size:1.2rem;
}


#portafolio h1#AHtitulo{
	font-size:1.5rem;
}
#portafolio h2#AHsubtitulo{
	font-size:1rem;
}


#portafolio h1#PHtitulo{
	font-size:2rem;
}

#portafolio h2#PHsubtitulo{
	font-size:1rem;

}

#portafolio p{
	position:relative;
	width:auto;
	/*line-height:1.2rem;*/
	/*margin-top:0.5rem;*/
	margin-bottom:0.5rem;
}

#portafolio div.cajaMx2 p{
	line-height:1.5rem;
}





/*========================================================================
VALORACIÓN / OPINIÓN DE USUARIO
========================================================================*/

/*articulo_emoticono_<idioma>*/

/*
DIV #valoracion
		DIV #estrellas
				H1
					SUP
		DIV #titulo
			 	IMG
				H1
				H2
		DIV #body
				DIV #boxgracias
						H1 "gracias"
						TABLE
								DIV #graciasimg > img
								DIV #graciastxt > p > a
		DIV .freepik*/


/* VALORACIÓN */
#valoracion{
	clear:left;
	position:relative;
}
#valoracion > #titulo{
	clear:left;
	float:left;
	width:99%;
	position:relative;
	margin-left: 1.5rem;
	padding-top:1rem;
}

#valoracion > #titulo > img{
	float:left;
	width:20%;
	position:relative;
}
#valoracion > #titulo > h1{
	margin-left:25%;
	width:75%;
	font-size:2rem;
	font-weight:bolder;
	position:relative;
}

#valoracion > #titulo > h2{
	margin-left:25%;
	width:75%;
	margin-top:1rem;
	font-size:1.2rem;
	font-weight:normal;
	position:relative;
}


#body{
	clear:left;
	float:left;
	width:99%;
	position:relative;
	padding-top:1rem;
	padding-bottom:4rem;
}
#estrellas h1,
#body h1{
    float:left;
    width:100%;
	position:relative;

	text-align:left;
	margin-left: 1.5rem;
	margin-top:2rem;
	margin-bottom:2rem;
	letter-spacing:0.25em;
	color:#CC0000;
	font-size:2rem;
	font-weight:bold;
}

#estrellas h1 i,
#body h1 i{
	font-size:1rem;

}

#estrellas h1 span,
#body h1 span{
	background-color:#CC0000;
	color:white;
	font-size:inherit;
	font-weight:inherit;
	margin:0;
	padding-left:1.5rem;
	padding-right:1.5rem;
	padding-top:0.2rem;
	padding-bottom:0.2rem;


}


/*
#body div img{
    max-width:100%;
	height:auto;


}
#body div table{
    width:100%;

}
*/

#boxgracias{
	clear:left;
	width:100%;
	height:auto;
	position:relative;

	margin:0.5rem;
	border:2px solid #cc0000;
	border-radius:1rem;
}
#boxgracias:hover{
	cursor:pointer;
}

#boxgracias h1{
	width:100%;
	position:relative;

	text-align:center;
	letter-spacing:0.3em;
	font-size:4rem;
	font-weight:bolder;
	color: #50565B;
}
#boxgracias h3{
	width:100%;
	margin:0.5rem;
	position:relative;
	text-align:center;
	letter-spacing:0.1em;
	font-size:1rem;
	font-weight:bolder;
	color: #CC0000;
}

#boxgracias table{
	width:100%;
	height:auto;
	position:relative;

	padding-top:3rem;
    padding-bottom:4rem;

	padding-left:1rem;
	padding-right:1rem;
}

#graciasimg{
	float:left;
	width:25%;
	heigth:auto;
	position:relative;
	text-align:center;
}

#graciasimg img{
/*	max-width:100%;*/
  width:10rem;
	height:auto;
	margin:auto;
}



#graciastxt {
	margin-left:25%;
	width:75%;
	heigth:auto;
	position:relative;

	text-align:left;
	color: #666666;
	font-size:1.6rem;
	font-weight:normal;
}
#graciastxt a{
	text-align:center;
	color: #4b4b4b;
	font-size:1.6rem;
	font-weight:bolder;
	text-decoration:none;
}
#graciastxt a:hover{
	text-align:center;
	color: #4b4b4b;
	font-size:1.6rem;
	font-weight:bolder;
	text-decoration:underline;
}

/*========================================================================*/


/*====================================================*/
/* CONTENEDOR IFRAME */
/* Esquema para test */
/*====================================================*/
/*
<div class="embed-outer-wrap">
  <div class="embed-wrap">
    <iframe src="url" frameborder="0"></iframe>
  </div>
</div>

*/
.embed-wrap{
	position:relative;
	padding-bottom:55%;
	padding-top:2rem;
	height:0;
	overflow:hidden;
}

.embed-wrap iframe,
.embed-wrap object,
.embed-wrap embed
{
	position:absolute;
	top:0;
	width:100%;
	height:100%;

}

.embed-outer-wrap{
	width:50%; /* ancho deseado del padre */
}

/*========================================================================*/


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


/* visibilidad */

.invisible {
	display: none !important;
}


.off{
	display:none !important;
}

.on{
	display:block !important;
}



.citaSpeaker{
	font-size:1.1rem;
	font-style:italic;
	line-height:1.6;
	margin-top:0;
	margin-bottom:1rem;
}

.fotoSpeaker{
	display:block;
	width:25%;
}


.fotoTOC{
	display:block;
	width:70%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.fapTOC{
	display:block;
	width:30%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}


/* Colores */

.COLORprograma,
.COLORedicion,
.COLORubicacion,
.COLORservicio{
	color:#cc0000;
}


.rojo {
	color: #cc0000;
}
.negro {
	color: #000000;
}

.blanco {
	color: #ffffff;
}

.grisMedium {
	color: #4b4b4b;
}

.grisClaro {
	color: #666666;
}

.morado {
	color: #495069;
}

.granate {
	color: #5d0000;
}

.verde {
	color: #40522f;
}

.grisClaro {
	color: #666666;
}

.naranja {
	color: #AE320C;
}


.UPVnegro{
	color: #000000;
}

.UPVblanco{
	color: #EEEEEE;
}
.UPVgris{
	color: #50565B;
}
.UPVnaranja{
	color: #AE3217;
}
.UPVverde{
	color: #40522F;
}
.UPVmorado{
	color: #495069;
}
.UPVgranate{
	color: #5A120E;
}
.UPVrojo{
	color: #CB1416;
}

/*Colores de fondo*/

.fondo {
	background-color: #d7d6d1;
}

.fondoClaro {
	background-color: #EDEDED;
}

.UPVnegro_bg{
/*	background-color: #231F20;*/
    background-color: #000000;
}

.UPVblanco_bg{
	background-color: #EEEEEE;
}
.UPVgris_bg{
	background-color: #50565B;
}
.UPVnaranja_bg{
	background-color: #AE3217;
}
.UPVverde_bg{
	background-color: #40522F;
}
.UPVmorado_bg{
	background-color: #495069;
}
.UPVgranate_bg{
	background-color: #5A120E;
}
.UPVrojo_bg{
	background-color: #CB1416;
}


/*Líneas*/

.LineaBlanca {
	clear:both;
	width:100%;
	height:2px;
	color: #ffffff;
	background-color:#ffffff;
	margin-top:2px;
	margin-bottom:2px;


}

.LineaGris {
	clear:both;
	width:100%;
	height:2px;
	color: #333333;
	background-color:#333333;
	margin-top:10px;
	margin-bottom:10px;


}

/*Texto */

.UPVcentrado{
	text-align:center;
}




/*=============================================================================*/
/*evento[Click, Ubicacion,...]

Se utiliza para etiquetar elementos o cajas tipo bloque o 'div' como objetos
con enlace o sensibles a un evento click/touch*/
/*=============================================================================*/

.eventoUbicacion,
.eventoClick{
	cursor:pointer;
}
.eventoUbicacion:hover,
.eventoClick:hover{
	cursor:pointer;

}


.eventoClick img:hover{
	cursor:pointer;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#articuloPoster .eventoClick img:hover,
#poster .eventoClick  img:hover{
	cursor:pointer;
	opacity: 1;
	filter: alpha(opacity=100);

}





/*
TAMAÑO FUENTE
*/

.FuenteS{
	font-size: 0.7rem;
}
.FuenteM{
	font-size: 0.8rem;
}
.FuenteN{
	font-size: 1rem;
}
.FuenteL{
	font-size: 1.4rem;
}
.FuenteXL{
	font-size: 1.8rem;
}
.FuenteXXL{
	font-size: 2.5rem;
}


/*
 ANCHO DE CAJA (proporcional al ancho del padre)
 */

.width15{
	width:15%;
}
.width20{
	width:20%;
}
.width25{
	width:25%;
}
.width30{
	width:30%;
}
.width33{
	width:33.333333%;
}
.width40{
	width:40%;
}
.width50{
	width:50%;
}
.width60{
	width:60%;
}
.width66{
	width:66.666666%;
}

.width70{
	width:70%;
}
.width75{
	width:75%;
}
.width80{
	width:80%;
}
.width90{
	width:90%;
}
.width100{
	width:100%;
}


/*
ALTURA DE LÍNEA
*/

.linea06x{
	line-height:0.1rem;
}
.linea08x{
	line-height:0.8rem;
}
.linea10x{
	line-height:1rem;
}
.linea10x{
	line-height:1.2rem;
}
.linea14x{
	line-height:1.4rem;
}
.linea16x{
	line-height:1.6rem;
}
.linea18x{
	line-height:1.8rem;
}
.linea20x{
	line-height:2rem;
}
.linea25x{
	line-height:2.5rem;
}



/*
PADDING O RELLENO DE CAJA
*/

.pad1x{
	padding:1rem;
}
.pad2x{
	padding:2rem;
}
.pad3x{
	padding:3rem;
}

.base1x{
	bottom:1rem;
}

.base2x{
	bottom:2rem;
}

.base3x{
	bottom:3rem;
}

.base00{
	bottom:0;
}

.base05{
	bottom:5%;
}
.base10{
	bottom:10%;
}

.base15{
	bottom:15%;
}
.base20{
	bottom:20%;
}
.base25{
	bottom:25%;
}

.base50{
	bottom:25%;
}

.base66{
	bottom:25%;
}


/*
MARGEN DE CAJA
*/

.margen1x{
	margin:1rem;
}
.margen2x{
	margin:2rem;
}
.margen3x{
	margin:3rem;
}

.margenb1x{
	margin-bottom:1rem;
}
.margenb2x{
	margin-bottom:2rem;
}
.margenb3x{
	margin-bottom:3rem;
}

.margent1x{
	margin-top:1rem;
}
.margent2x{
	margin-top:2rem;
}
.margent3x{
	margin-top:3rem;
}

.margenr1x{
	margin-right:1rem;
}
.margenr2x{
	margin-right:2rem;
}
.margenr3x{
	margin-right:3rem;
}

.margenl1x{
	margin-left:1rem;
}
.margenl2x{
	margin-left:2rem;
}
.margenl3x{
	margin-left:3rem;
}

.leyenda{
	margin:0;
	padding:1rem;

}


.epigrafe{
	clear:left;
	margin:0;
	padding:0.5rem;
	width:100%;
	color:white !important;
	background-color: rgba(0,0,0,0.40) !important;
}

/*
ALINEACIÓN DE CAJA RESPECTO AL CONTENEDOR PADRE
Nota: La caja debe tener establecida la propiedad "width" a un valor inferior a 100%;
*/

/* HORIZONTAL */
.haIzqda{
	left:0;
}


.haCentro{
	margin-left:auto;
	margin-right:auto;
	/*text-align:center;*/
}

.haDrcha{
	transform-origin:center right;
	right:100%;

/*	text-align:center;*/
}

/* VERTICAL */
.vaSup{
	transform-origin:top center;
	top:0;
}

.vaCentro{
	top:50%;
}


.vaInf{
/*	transform-origin:top center;
	top:0;
*/
	position:absolute;
	bottom:0;

}


/*
ALINEACIÓN DE TEXTO EN CONTENEDOR
*/
.taIzqda{
	text-align:left;
}
.taCentro{
	text-align:center;
}

.taDrcha{
	text-align:right;
}



/*
BORDE DE CAJA
*/
.borde1x{
	border-width: 1px;
	border-style:solid;
}
.borde2x{
	border-width: 2px;
	border-style:solid;
}
.borde3x{
	border-width: 3px;
	border-style:solid;
}

.bordeB1x{
	border-bottom-width: 1px;
	border-style:solid;
}
.bordeB2x{
	border-bottom-width: 2px;
	border-style:solid;
}
.bordeB3x{
	border-bottom-width: 3px;
	border-style:solid;
}


/*
COLOR BORDE DE CAJA
*/
.bordeNegro{
	border-color: black;
}
.bordeBlanco{
	border-color: white;
}
.bordeGris{
	border-color: #333333;
}
.bordeRojo{
	border-color: #CC0000;
}
/*
COLOR BORDE DE CAJA
*/
.bordeR1x{
	border-radius: 1rem;
}
.bordeR2x{
	border-radius: 2rem;
}
.bordeR3x{
	border-radius: 3rem;
}




.Fila{
/*
Define un contenedor o caja horizontal sin flujo de maquetación
*/
/*clear:left;*/
clear:both;
position:relative;
width:100%;
height:auto;
}



/*
CAJAS 'bloque' para contentido general en articulos
*/

/*============================================================================
Caja BloqueS 'bloque': Pequeña
============================================================================*/

.bloqueS{
display:block;
position:relative;
width:50%;
height:auto;
padding:1rem;
}

/*============================================================================
Caja BloqueM 'bloque': Mediana
============================================================================*/

.bloqueM{
display:block;
position:relative;
width:100%;
height:auto;
padding:1rem;
}

/*============================================================================
Caja BloqueL 'bloque': Grande
============================================================================*/

.bloqueL{
display:block;
position:relative;
width:100%;
height:auto;
padding:1rem;
}

/*============================================================================
Caja BloqueXL 'bloque': Muy Grande
============================================================================*/

.bloqueXL{
display:block;
position:relative;
width:100%;
height:auto;
padding:1rem;
}

/*============================================================================
Caja BloqueXXL 'bloque': Extra Grande
============================================================================*/

.bloqueXXL{
display:block;
position:relative;
width:100%;
height:auto;
padding:1rem;
}

.bloqueS img,
.bloqueM img,
.bloqueL img,
.bloqueXL img,
.bloqueXXL img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
/*	max-width:100%; */
	width:100%;
	height:auto;
}


.bloqueS a img,
.bloqueM a img,
.bloqueL a img,
.bloqueXL a img,
.bloqueXXL a img
{
	display:block;
	float:left;
/*	max-width:100%; */
	width:100%;
	height:auto;
	margin:0;
}


/*
CAJAS 'flotantes'+'padding' para contentido general en articulos
*/

/*============================================================================
Caja cajaS 'flotante'+'padding': Pequeña
============================================================================*/


.cajaS{
float:left;
position:relative;
width:45%;
height:auto;
padding:1rem;
}

/*============================================================================
Caja cajaM 'flotante'+'padding': Mediana
============================================================================*/

.cajaM{
float:left;
position:relative;
width:100%;
height:auto;
padding:1rem;
}

/*============================================================================
Caja cajaMx2 'flotante'+'padding': Mediana Plus
============================================================================*/


.cajaMx2{
float:left;
position:relative;
width:100%;
height:auto;
padding:1rem;
}

/*============================================================================
Caja cajaL 'flotante'+'padding': Grande
============================================================================*/

.cajaL{
float:left;
position:relative;
width:100%;
height:auto;
padding:1rem;
}

/*============================================================================
Caja cajaXL 'flotante'+'padding': Muy Grande
============================================================================*/

.cajaXL{
float:left;
position:relative;
width:100%;
height:auto;
padding:1rem;
}

/*============================================================================
Caja cajaXXL 'flotante'+'padding': Extra Grande
============================================================================*/

.cajaXXL{
float:left;
position:relative;
width:100%;
height:auto;
padding:1rem;
}

.cajaS img,
.cajaM img,
.cajaL img,
.cajaXL img,
.cajaXXL img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
/*	width:100%;*/
	height:auto;
}

.cajaS a img,
.cajaM a img,
.cajaL a img,
.cajaXL a img,
.cajaXXL a img
{
	display:block;
	float:left;
	max-width:100%;
/*	width:100%; */
	height:auto;
	margin:0;
}

/*
CAJAS 'flotantes' para contentido general en articulos
*/

.Celda{
/*
Define un contenedor o caja horizontal con flujo de maquetación a izquierda
y con ancho establecido al 25% de su contenedor o caja padre
*/
float:left;
position:relative;
height:auto;
}

.Celda img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
/*	max-width:100%; */
	width:100%;
	height:auto;
}


/*============================================================================
Caja CeldaS 'flotante': Pequeña
============================================================================*/


.CeldaS{
/*
Define un contenedor o caja horizontal con flujo de maquetación a izquierda
y con ancho establecido al 25% de su contenedor o caja padre
*/
float:left;
position:relative;
width:50%;
height:auto;
}

/*============================================================================
Caja CeldaM 'flotante': Mediana
============================================================================*/

.CeldaM{
/*
Define un contenedor o caja horizontal con flujo de maquetación a izquierda
y con ancho establecido al 33% de su contenedor o caja padre
*/
float:left;
position:relative;
width:100%;
height:auto;
}

/*============================================================================
Caja CeldaL 'flotante': Grande
============================================================================*/

.CeldaL{
/*
Define un contenedor o caja horizontal con flujo de maquetación a izquierda
y con ancho establecido al 50% de su contenedor o caja padre
*/
float:left;
position:relative;
width:100%;
height:auto;
}

/*============================================================================
Caja CeldaXL 'flotante': Muy Grande
============================================================================*/

.CeldaXL{
/*
Define un contenedor o caja horizontal con flujo de maquetación a izquierda
y con ancho establecido al 75% de su contenedor o caja padre
*/
float:left;
position:relative;
width:100%;
height:auto;
}

/*============================================================================
Caja CeldaXXL 'flotante': Extra Grande
============================================================================*/

.CeldaXXL{
/*
Define un contenedor o caja horizontal con flujo de maquetación a izquierda
y con ancho establecido al 100% de su contenedor o caja padre
*/
float:left;
position:relative;
width:100%;
height:auto;
}

.CeldaS img,
.CeldaM img,
.CeldaL img,
.CeldaXL img,
.CeldaXXL img
{
	display:block;
	margin-left:auto;
	margin-right:auto;
/*	max-width:100%; */
	width:100%;
	height:auto;
}


/*==============================================================================
CAJAS CON RATIO ANCHOxALTO
==============================================================================*/

/*<div class="[CeldaL, bloqueL, CajaL] Ratio[WxH] "
     id="aaaammdd_carpeta"
		 href="URL_externa"
		 ymmid="aaaammdd_carpeta"
		 ymmhref="PATH_cultura_upv_es">

  <div class="Ratio[WxH]content">

        ....

  </div>

</div>*/


.Ratio11:before{
	/* Ratio (anchoxalto) 1:1 */
	content:"";
	display:block;
	padding-top:100%;
}
.Ratio21:before{
	/* Ratio (anchoxalto) 2:1 */
	content:"";
	display:block;
	padding-top:50%;
}
.Ratio31:before{
	/* Ratio (anchoxalto) 3:1 */
	content:"";
	display:block;
	padding-top:33.33333333%;
}

.Ratio12:before{
	/* Ratio (anchoxalto) 1:2 */
	content:"";
	display:block;
	padding-top:200%;
}
.Ratio23:before{
	/* Ratio (anchoxalto) 2:3 */
	content:"";
	display:block;
	padding-top:150%;
}

.Ratio32:before{
	/* Ratio (anchoxalto) 3:2 */
	content:"";
	display:block;
	padding-top:66.666666%;
}

.Ratio43:before{
	/* Ratio (anchoxalto) 4:3 */
	content:"";
	display:block;
	padding-top:75%;
}

.Ratio34:before{
	/* Ratio (anchoxalto) 3:4 */
	content:"";
	display:block;
	padding-top:133.333333%;
}

.Ratio89:before{
	/* Ratio (anchoxalto) 8:9 */
	content:"";
	display:block;
	padding-top:112.5%;
}

.Ratio83:before{
	/* Ratio (anchoxalto) 8:3 */
	content:"";
	display:block;
	padding-top:37.5%;
}


.Ratio53:before{
	/* Ratio (anchoxalto) 5:3 */
	content:"";
	display:block;
	padding-top:60%;
}

.Ratio35:before{
	/* Ratio (anchoxalto) 3:5 */
	content:"";
	display:block;
	padding-top:166.66%;
}


.Ratio169:before{
	/* Ratio (anchoxalto) 16:9 */
	content:"";
	display:block;
	padding-top:56.25%;
}


.Ratio89w33:before{
	/* Ratio (anchoxalto) 16:9 */
	content:"";
	display:block;
	padding-top:112.5%;
}


/* padding-top:100%; /* ratio 1:1 */
/* padding-top:50%; /* ratio 2:1 */
/* padding-top:200%; /* ratio 1:2 */
/* padding-top:66.66%; /* ratio 3:2 */
/* padding-top:150%; /* ratio 2:3 */
/* padding-top:75%; /* ratio 4:3 */
/* padding-top:133.33%; /* ratio 3:4 */
/* padding-top:37.5%; /* ratio 8:3 */
/* padding-top:112.5%; /* ratio 8:9 */
/* padding-top:60%; /* ratio 5:3 */
/* padding-top:166.66%; /* ratio 3:5 */
/* padding-top:56.25%; /* ratio 16:9 */

/* padding-top:42.1875%; /* ratio 16:9 para 75% ancho*/
/* padding-top:168.75%; /* ratio 3:5 (1:1.6875) para 25% ancho*/

/* padding-top:37.125%; /* ratio 16:9 para 66% ancho*/
/* padding-top:112.5%; /* ratio 8:9 (1:1.125) para 33% ancho*/



.Ratio11content,
.Ratio21content,
.Ratio31content,
.Ratio12content,
.Ratio43content,
.Ratio34content,
.Ratio89content,
.Ratio83content,
.Ratio53content,
.Ratio35content,
.Ratio32content,
.Ratio23content,
.Ratio169content,
.Ratio169w66content,
.Ratio89w33content
{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow:hidden;
}






/* Colores */

.rojo {
	color: #cc0000;
}
.negro {
	color: #000000;
}

.blanco {
	color: #ffffff;
}

.grisMedium {
	color: #4b4b4b;
}

.grisClaro {
	color: #666666;
}

.morado {
	color: #495069;
}

.granate {
	color: #5d0000;
}

.verde {
	color: #40522f;
}

.grisClaro {
	color: #666666;
}

.naranja {
	color: #AE320C;
}

.fondo {
	background-color: #d7d6d1;
}

.fondoClaro {
	background-color: #EDEDED;
}



.UPVnegro{
	color: #000000;
}

.UPVblanco{
	color: #EEEEEE;
}
.UPVgris{
	color: #50565B;
	color: #333333;
}
.UPVnaranja{
	color: #AE3217;
}
.UPVverde{
	color: #40522F;
}
.UPVmorado{
	color: #495069;
}
.UPVgranate{
	color: #5A120E;
}
.UPVrojo{
	color: #CB1416;
	color: #CC0000;
}




.UPVnegro_bg{
/*	background-color: #231F20;*/
    background-color: #000000;
}

.UPVblanco_bg{
	background-color: #EEEEEE;
}
.UPVgris_bg{
	background-color: #50565B;
}
.UPVnaranja_bg{
	background-color: #AE3217;
}
.UPVverde_bg{
	background-color: #40522F;
}
.UPVmorado_bg{
	background-color: #495069;
}
.UPVgranate_bg{
	background-color: #5A120E;
}
.UPVrojo_bg{
	background-color: #CB1416;
}







/* ======================================================================== */
/* UI DIRECTORIO GUIADO, etc.                                               */
/*Esquema o diseño de UI para contenidos				*/
/* ======================================================================== */


/*
DIV #portafolioFAP (región rPortafolio)
	DIV #FAPtitulo
		H1
	DIV #alfabetoIndice
		DIV #divA .indiceLetraOn ymmid=A
		DIV #divB .indiceLetra   ymmid=B
		...
	DIV #alfabetoTitulo
		H2

	DIV #autor
		DIV #AutorNombre .AutorNombre

	DIV #mostrador
		DIV #idxpagS
				A .IDXpaga ymmid=idxpag ymmpag=1
				A .IDXpag  ymmid=idxpag ymmpag=2
				...
		DIV #vista
				A #bgaleria
				A #blista

		DIV #coleccion
		-- AUTORES
				DIV #div<ID AUTOR> .indiceAutor
						A #a<ID AUTOR> ymmid=<ID AUTOR>
				...

		-- OBRAS / AUTOR
				DIV #FAPO<ID OBRA> .indiceObjetoGaleria .Ratio89  ymmid=<ID OBRA> ymmhash=<HASH OBRA>
				   DIV .Ratio89content
					    	DIV .indiceObjetoGaleriaIMG .Ratio43
										DIV .Ratio43content
												DIV style="width:57%;"> > img
							 DIV .indiceObjetoGaleriaLEYENDA .Ratio83
							     DIV .Ratio83content .pad1x
									     H1
											 H2
											 H3

		DIV #idxpagI
		A .IDXpaga ymmid=idxpag ymmpag=1
		A .IDXpag  ymmid=idxpag ymmpag=2
		...
*/



#FAPtitulo{
clear:left;
width:100%;
color:#333333;
margin-bottom:1rem;
}


#alfabetoIndice{
clear:left;
width:100%;
background-color:#333333;
margin-bottom:5rem;
}


#alfabetoTitulo{
clear:left;
width:100%;
color:#333333;
margin-bottom:0.5rem;
}


.indiceLetra {
background-color:#333333;
color:white;
padding:0.5rem;
/**
width:2rem;
height:2rem;
**/
width:6%;
heigth:auto;
text-align:center;
float:left;

}

.indiceLetra:hover{
background-color:white;
color:#333333;
padding:0.5rem;
/**
width:2rem;
height:2rem;
**/
width:6%;
heigth:auto;
text-align:center;
float:left;
}


.indiceLetraOn {
background-color:white;
color:#333333;
padding:0.5rem;
/**
width:2rem;
height:2rem;
**/
width:6%;
heigth:auto;
text-align:center;
float:left;
}

.indiceLetraOn:hover {
background-color:#333333;
color:white;
padding:0.5rem;
/**
width:2rem;
height:2rem;
**/
width:6%;
heigth:auto;
text-align:center;
float:left;
}


#autor{
clear:left;
width:100%;
margin-bottom:1rem;
border-bottom:1px solid #333333;
}
#autorNombre{
color:#333333;
font-size:1.5rem;
font-weight:bold;

}
#autorLugar{
color:#333333;
font-size:1rem;
font-weight:normal;
}




#mostrador{
clear:left;
width:100%;
margin-bottom:1rem;
}

#idxpagS, #idxpagI{
clear:left;
float:left;
width:100%;
margin-top:3rem;
margin-bottom:3rem;
}

a.IDXpaga {
	float:left;
	display:block;
	width:3rem;
	height:3rem;
	border: 2px solid #cccccc;
    text-decoration: none;
/*	background-color: rgba(51,51,51,0.75); /* #333333 */
    background-color:#cccccc;
	color:#333333;
	font-weight:bold;
	text-align:center;
	padding-top:0.7rem;
}

a.IDXpagv {
	float:left;
	display:block;
	width:3rem;
	height:3rem;
	border: 1px solid #cccccc;
    text-decoration: none;
	color:rgba(51,51,51,0.75); /* #333333 */
/*    background-color:#cccccc;	*/
	font-weight:normal;
	text-align:center;
	padding-top:0.7rem;
}

a.IDXpagv:hover {
	float:left;
	display:block;
	width:3rem;
	height:3rem;
	border: 2px solid #cccccc;
    text-decoration: none;
	color:#333333;
    background-color:#cccccc;
	font-weight:bold;
	text-align:center;
	padding-top:0.7rem;
}

a.IDXpag {
	float:left;
	display:block;
	width:3rem;
	height:3rem;
	border: 1px solid #cccccc;
    text-decoration: none;
	color:#333333;
	font-weight:normal;
	text-align:center;
	padding-top:0.7rem;
}


a.IDXpag:hover {
	float:left;
	display:block;
	width:3rem;
	height:3rem;
	border: 2px solid #cccccc;
    text-decoration: none;
	color:#333333;
    background-color:#cccccc;
	font-weight:bold;
	text-align:center;
	padding-top:0.7rem;
}


#vista{
/*display:none;*/
clear:left;
width:100%;
margin-bottom:2rem;
text-align:right;
}


#vista a {
	font-size:1rem;
	width:3rem;
	height:3rem;
/*	border: 1px solid #333333;*/
    padding:0.5rem;
    text-decoration: none;
	color:#333333;
	margin-left:1rem;
}

#vista a:hover {
	font-size:1rem;
	width:3rem;
	height:3rem;
    padding:0.5rem;
/*	border: 1px solid #333333;*/
    text-decoration: none;
	background-color:#333333;
	color:white;
	margin-left:1rem;
}


.indiceAutor{
width:100%;
float:left;
border-bottom:1px solid #cccccc;
padding:0.5rem;
color:#333333;
font-weight:bold;
line-height:1.5rem;
font-size:1rem;
}

.indiceAutor a{
	font-size:inherit;
	color:inherit;
	text-decoration:none;
}
.indiceAutor a:hover{
	font-size:inherit;
	color:inherit;
	text-decoration:underline;
}


.indiceObjetoGaleria{
float:left;
position:relative;
overflow:hidden;
width:100%;
padding:1.5rem;
border: 1px solid #cccccc;
/*border-radius: 1rem ;*/
}

.indiceObjetoGaleria:hover{
float:left;
position:relative;
overflow:hidden;
width:100%;
padding:1.5rem;

background-color:#eeeeee;
/*border: 1px solid #333333;
border-radius: 1rem ;*/
cursor:pointer;
/*opacity: 0.4;
filter: alpha(opacity=40);
*/
}


.indiceObjetoGaleriaIMG
{
position:relative;
overflow:hidden;
width:100%;
/**float:left;	**/
}

.indiceObjetoGaleriaLEYENDA
{
position:relative;
overflow:hidden;
width:100%;
/**float:left;	**/
}

.indiceObjetoGaleriaIMG div {
/*max-width:100%;*/
margin-left:auto;
margin-right:auto;
}


.indiceObjetoGaleriaIMG div img{
/*max-width:100%;*/
width:100%;
height:auto;
}

.indiceObjetoGaleriaLEYENDA div {
/*	padding-left:0;*/
}
.indiceObjetoGaleriaLEYENDA div:hover {
/*	padding-left:0;*/
	text-decoration:none;
}


.indiceObjetoGaleriaLEYENDA div h1{
	font-size: 1.2rem;
	font-weight:bolder;
	color:#333333;
}

.indiceObjetoGaleriaLEYENDA div h2{
	font-size: 1rem;
	font-weight:normal;
	font-style:italic;
	color:#666666;
}
.indiceObjetoGaleriaLEYENDA div h3{
	font-size: 1rem;
	font-weight:normal;
	color:#666666;
}



.indiceObjetoLista{
float:left;
position:relative;
overflow:hidden;
width:100%;
/*margin-left:25%;*/
/*padding:1.5rem;	*/
border: 1px solid #cccccc;
}

.indiceObjetoLista:hover{
float:left;
position:relative;
overflow:hidden;
width:100%;
/*padding:1.5rem;	*/
border: 1px solid #cccccc;
background-color:#eeeeee;
/*cursor:pointer;*/
}

.indiceObjetoListaIMG
{
width:33.33333333%;
float:left;
position:relative;
overflow:hidden;
}

.indiceObjetoListaIMG div {
/*max-width:100%;*/
margin-left:0;
margin-right:auto;
border-right: 1px dashed #cccccc;
}


.indiceObjetoListaIMG div img{
/*max-width:100%;*/
width:100%;
height:auto;
}

.indiceObjetoListaLEYENDA
{
position:relative;
overflow:hidden;
width:66.66666666%;
float:left;
padding-left:1rem;
padding-right:1rem;
}



.indiceObjetoListaLEYENDA div {
/*	padding-left:0;*/
}
.indiceObjetoListaLEYENDA div:hover {
/*	padding-left:0;*/
	text-decoration:none;
}




.indiceObjetoListaLEYENDA div h1{
	font-size: 2rem;
	font-weight:bolder;
	color:#333333;
}

.indiceObjetoListaLEYENDA div h2{
	font-size: 1.6rem;
	font-weight:normal;
	font-style:italic;
	color:#666666;
}
.indiceObjetoListaLEYENDA div h3{
	font-size: 1.6rem;
	font-weight:normal;
	color:#666666;
}

.indiceObjetoListaLEYENDA div p{
	font-size: 1.2rem;
	font-weight:normal;
	color:#666666;
	margin-top:0.5rem;
}





#FAPOtitulo{
clear:left;
width:100%;
color:#333333;
border-bottom:3px solid #333333;
padding-bottom:0.5rem;
margin-bottom:1rem;
font-weight:bold;
line-height:1.6rem;
font-size:1.2rem;
}

#FAPOautor{
clear:left;
width:100%;
color:#333333;
margin-bottom:3rem;
font-weight:bold;
line-height:1.2rem;
font-size:1rem;
}


#FAPOautorNombre{
}


#FAPOautorLugar{
color:#cccccc;
}



#FAPOdatos{
clear:left;
width:100%;
color:#333333;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}


.FAPOimagen
{
width:50%;
float:left;
position:relative;
overflow:hidden;
}

.FAPOimagen div {
/*max-width:100%;*/
margin-left:auto;
margin-right:auto;
border-right: 1px solid #cccccc;
}


.FAPOimagen div img{
/*max-width:100%;*/
width:100%;
height:auto;
}



#FAPOmedia{
clear:left;
width:100%;
color:#333333;
border-top:3px solid #333333;
}

/* Media: videos youtube ya que imágenes mayor resolución no están ubicadas en servidor por limitación espacio (<3GB)*/
#FAPOmedia div{
	width:32%;
	margin-right:1%;
	float:left;
}