p {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Estilos para el conjunto de la página */
html { 
	height: 100%;
	background: #e9e9e9; 
	/*background: url(../media/images/codea-bg-04.jpg) fixed;
	background-color: #dce3e6;
	background-color: #eeeeee;
	background-color: #f5f6f7;
	background-image: url(../images/codea-bg-0.png);
*/
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { 
	content: ''; 
	content: none;
}

strong { font-weight: bold; } 

/*table { border-collapse: collapse; border-spacing: 0; }*/

img { 
	border: 0; 
/*	max-width: 100%;*/
}

/* Estilos para h1 */
h1 {
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 2.95em;
	line-height: 1.7em;
	margin-bottom: 20px;
	font-weight: bold; 
	letter-spacing: -0.03em;
	color: #675d90;
	text-shadow: 2px 2px 0px rgba(255,255,255,0.65);
	text-align: center;
}

/* Estilo para los enlaces */
a, a:hover {
	font-weight: bold;
	text-decoration: none;

}

/* Estilos para el :hover que no pertenezca al menú horizontal. */
#main a:hover {
	/*color: #008000;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	transition: all .5s ease-in;*/
	text-decoration: underline;
}

/* Identificador para el header */
#header a {
	color: white;
	text-decoration:none;
	outline:none;
}

/* Contenedor para la barra de navegación vertical */
#aside-left {
	width: 240px;
	position:absolute;
	display: block;
	top: 93px;
	height: auto;
	max-height: 1375px;
	background:inherit;
	border:none;
}

#container-nav {
	width: 240px;
	float: left;
	display:block;
	text-align: center;
	height: auto;
	overflow: hidden;
	max-height: 1375px;
	margin-right: 4px;

}

/* Estilos para el body */
body {
	position: relative;
	padding-bottom: 6rem;
	min-height: 100%;
	margin-top: 5px;
	font: 75% Arial, Helvetica, sans-serif;
	color:#000; 
	line-height: 1.4em;
}

/* Identificador para el contenedor general */
#general-container {
	margin:0 auto;
	width: 1220px;
	max-width: 2000px;
	height:auto;
	
	display: block;
	border: 2px solid #156184;
	box-shadow: 0 0 20px #666;
	padding: 0 8px 0 0;
	border-top-left-radius: 9px;
	border-top-right-radius: 10px;
	
	background-color: #fff;
	background-image: url(../images/bg-falsa-columna1.png);
	background-repeat: repeat-y;
	background-position: 0 0;

}

/* Estilos para la clase contenedora interna */
.content {
	float:left;
	margin: 0 auto;
	width: 1220px;
	width: 100%;
	margin-top:86px;
	color: #505050; 
}

/* Identificadores que forman parte del HEADER*/
#header { 
	height: 85px;
	/*width: 1216px;*/
	float:left;
	color: #fff; 
	line-height: 1.0em;
	/* background: url(../images/header-rside.png); */
	background-color: #166084;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

	/* Div para las opciones de menú */
	#header .citation { 
		text-align: right; 
		padding: 20px 25px 25px 6px; 
		color: #f0f0f0;
		font-size: 150%;
		letter-spacing: 1px;
	}

	#header .lside { 
		width: 240px;
		height: 85px;
		float:left;
		padding: 3px 0 0 0;
		margin:0;
		font-size: 290%;
		text-align: center;
		font-weight: bold;
		border-top-left-radius: 8px;
		/*background: url(../images/header-lside.png);*/
		color: #7f9aa8;
		/*text-shadow: 2px 2px 4px rgba(255, 255, 255, 1);*/
		
	}

	/* Estilos para los efectos de transición al pasar el ratón por el elemento izquierdo del header */ 
	#header .lside p:hover {
		-webkit-transform: scale(1.4,1.4);
		-webkit-transition: all .6s ease-out;
		-moz-transform: scale(1.4,1.4);
		-moz-transition: all .6s ease-out;
		-ms-transform: scale(1.4,1.4);
		transform: scale(1.4,1.4);
		transition: all .6s ease-out;
		cursor: default;
	}
		
	#header .mside {
		width: 200px;
		height: 85px;
		float:left;
		padding: 5px 0 0 3px;
		/*background: url(../images/header-rside.png);*/
		color: #f2c775;
		/*text-shadow: 2px 2px 3px rgba(255, 255, 255, 1);*/
		text-align: center;
		font-size: 3rem;
		font-weight: bold;		
	}

	/* Estilos para los efectos de transición al pasar el ratón */
	#header .mside p:hover{
		-webkit-transform: scale(1.5,1.5);
		-webkit-transition: all .6s ease-out;
		-moz-transform: scale(1.5,1.5);
		-moz-transition: all .6s ease-out;
		-ms-transform: scale(1.5,1.5);
		transform: scale(1.5,1.5);
		transition: all .6s ease-out;
		cursor: default;
		/*transform:matrix(0.586,0.8,-0.8,0.586,0,0);*/
	}
	
	
	#header .rside { 
		height: inherit;
		width: 65%;
		float: right;
		color: #337493;
		font-size: 90%; 
	}

	#header-2015 {
		margin-top: -10px; 
		padding: 0 0 0 100px; 
		color: rgba(255, 255, 255, .5);
		font-size: 2.8rem;
		text-shadow: none;
		text-shadow: 3px 3px 5px rgba(39, 86, 100, .4);
	}
		
	#header h1 h2 .codea-title p {
		background-color: inherit;
	}
	
	/*.codea-title p:hover{
		-webkit-transform:scale(1.6,1.6);
		-moz-transform: scale(1.6, 1.6);
		transform: scale(1.6, 1.6);
	}*/
	
	#header h1 {
		font-size: 150%;
		margin-bottom: 2px;
		display: none;
	}
	
	#header h2 {
		color: #FFF;
		letter-spacing: 1px;
		font-weight: bold;
		font-size: 120%;
		margin-bottom: 5px;
		display: none;
	}
	
	#header .codea-title { 
		text-align: center; 
		padding-top: 2px;
	}

	
	/* Estilos para el menú horizontal. Véase esta página con fantásticos diseños de botones: http://tympanus.net/Tutorials/AnimatedButtons/index4.html*/
	#header a  {
		height: 22px;
		color: #fff;
		font-size: 110%;
		font-weight:bold;
		text-shadow: 1px 1px 0px #8D8D8E;
		border: 2px solid transparent;
		padding: 6px 10px;
	}
	
	#header a:hover {
		background-color: #FFB424;
		color: #fff;
		border: 2px solid white;
		border-radius: 15px/10px;
		text-decoration: none;
		background: url(../images/bg-menu-horizontal.png);
	}
	
	/* Barra separadora del header y el body */
	#separator-header {
		float:left;
		height: 6px;
		width: 1216px;
		background: url(../images/separator-header-bg.png);
		margin-bottom: 0px;
	}	

/* Fin de los estilos del header */

.codea-title p {
	width: 80%;
	margin: auto;
	padding-top: 5px;
	line-height:120%;
	font-size: 135%;
	font-weight: bold;
	text-align: center;
	float: center;
}

/* Identificadores para la división principal y las clases contenidas en ella*/
#main {
	margin: 0;
	width: 978px;
	height: auto;
}	

	#main h2 {
		background-color: inherit; 
		color: #156184; 
		line-height: 0.2em; 
		font: 120% Arial;
	}
	
	#main h3 {
		font: 85% Arial, Sans-Serif; 
		margin: 0 0 10px 0; 
		padding: 0; 
		color: #5f5f5f; 
		background: inherit;
	}

/* Contenedor de los textos iniciales */
.codea-texts {
	background: #FFF;
	max-width: 100%;
	width: 99.6%;
	float: left;
	margin-left: 240px;
	margin-top: -80px;
	margin-right: none;
	margin-bottom: 5px;
	padding-left:5px;
	font-size: 125%;
	font-weight:normal;
	line-height: 130%;
}
	
	.codea-texts h1 {
		font-size: 250%;
		border: 1px solid red;
	}

/* Intento de <aside> */
.codea-aside {
	float: right;
	width:260px;
	border-top: 2px solid #a1a1a1;
	color: #1d6688;
	font-size: 103%;
	font-weight: bold;
	line-height: 115%;
	padding: 5px;
	padding-bottom: 3px;
	margin-top: 5px;
	margin-bottom: 2px;
	margin-right: 5px;
}

.padding {
	padding: 15px;
}
	
/* Identificador para el FOOTER */
#codea-footer { 
	clear: both;
/*	width: 1216px;*/
	height: 40px;
	margin: 0;
	border-top: 1px solid #166084;	
	
	background: url(../images/header-rside.png);
	color: #fff;
	font-weight: bold;
	font-size: 65%;
	
	text-align: center;
	vertical-align: middle;
}

#codea-footer hr { 
	width: 740px; 
	color: #888; 
	border: 1px solid #f0f0f0; 
	margin: 0 25px 0 25px;
}

#codea-footer a {color: #fff; 
	text-decoration:underline;
}

#codea-footer a:hover {
	color: #eba214;
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	transition: all .5s ease-in;
}

/* Columnas para posibles textos */
.newspaper-1{
	width: 49.5%;
	float:left;
	padding-right: 5px;
	padding-left: 8px;
}

.newspaper-3 {
	padding-top: 8px;
	padding-right:5px;
	padding-left: 5px;
	-webkit-columns: 2;
	-moz-column: 2;
	columns: 2;
 	-webkit-column-rule-style: dotted;
	-moz-column-rule-style: dotted;
	column-rule-style: dotted;
	-webkit-column-rule: 1px dotted #333; 
    -moz-column-rule: 1px dotted #333; 
    column-rule: 1px dotted #333;
}

.hr-line {
	width: 64%;
	float:left;
	height: 1px;
	border-top: 1px solid #AAAAAB;
	margin-bottom:5px;
}

.newspaper2-left, .newspaper2-right {
	float:left;
	width: 33.8%;
	font-size: 120%;
	line-height: 130%;
	/*border-right: 1px dotted #333333;*/
	border-left: none;
	padding-left: 5px;
}

.newspaper2-left {
	padding-left: 2px;
}

/* Estilos para el header que anuncia la transcripción paleográfica y la presentación crítica */
.header-transcription, .header-presentation {
	margin: 0 auto;
	width: 170px;
	height: auto;
	margin-bottom: 6px;
	border-radius: 6px;
	border: 1px solid #da9306;
	box-shadow: 0 0 6px #da9306;
	text-align: center;
	font-weight: bold;
	font-size: 85%;
}
	.header-presentation {
		width: 130px;
		border: 1px solid #166084;
		box-shadow: 0 0 6px #166084;
		/*background-image: url(../images/header-rside.png);
		border: 2px solid #da9306;*/
	}


/* Estilos para el pie del facsímil de presentación */
.caption-facsimil {
	margin: 0 auto;
	width: 145px;
	height: 25px;
	font-weight: bold;
	font-size: 88%;
	margin-top: 4px;
	padding: 2px 5px 1px 5px;
	background: rgba(0, 0, 0, 0.8);
	background-image: url(../images/header-rside.png);
	background-position: center center;
	text-shadow: 0 1px 2px #222;
	border: 2px solid #166084;
	border: 2px solid #eba214;
	box-shadow: 0 0 6px #eba214;
	
	border-radius: 12px;
	color: #fff;	
}

	.caption-facsimil a {
		color: #fff;
	}
	.caption-facsimil:hover {
		text-decoration: underline;
		border: 2px solid #166084;
		box-shadow: 0 0 6px #166084;
		background-image: url(../images/header-lside.png);
	}

/* Estilos para los números de línea del documento de presentación */
.num-linea {
	font-size: 75%;
	/*vertical-align: super;*/
	font-weight: bold;
	color: blue;
}

/* Estilos para las palabras o segmentos que se ponen como ejemplo de búsquedas */
.words-searching{
	font-weight: bold;
	color: #166084;
}

/* Contenedor de textos */
.boxads {
	background: #E7EDF0; 
	padding: 3px;
	width: 50%;
	float:left;
	border: 1px solid #999; 
	color: #333;
}

/* Estilo para el título de los boxads */
.boxads-title {	
	max-width: 100%;
	background: #fff;
	margin: 0 auto;
	margin-bottom: 8px;
	font-size: 270%;
	font-weight: bold;
	text-align: center;
	height: 54px;
	height: 60px;

	padding-top:15px;
	padding-top: 18px;
	color: #186587;

	border-bottom: 1px solid #AAAAAB;
	text-shadow:1px 1px 2px #333333;
	/*-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);*/
}

/* Clase para los facsímiles */
a.facsimil {
	font-family:"Trebuchet", Arial, Helvetica, sans-serif;
	font-size:90%;
	font-weight: bold;
}

.facsimil:link {color:blue; text-decoration:none;}
.facsimil:visited {color:#909; text-decoration:none;}
.facsimil:hover {text-decoration:underline;}
.facsimil:active {text-decoration:underline; color:red;}

/* Estilo general para las imágenes */
.img, .img-facsimil {
	display:inline-block;
	color: #333; 
	border: 1px solid #e0e0e0;
}

/* Estilos para los mapas de distribución visualizados en la página inicial */
.img-mapa-codea {
	width: 500px; 
	height: 280px; 
	border: 1px solid #166084; 
	padding-top: 3px; 
	margin-right: 6px;
}

/* Estilo para las cabeceras de los textos de presentación */

/* Estilo para las líneas demarcadoras a izquierda y derecha */
.line-header-left, .line-header-right {
	padding-bottom: 5px;
	padding-right: 15px;
}

.line-header-right {
	padding-left: 15px;
	padding-right: none;
}

/* Estilos para las cabeceras de los textos de presentación */
.text-presentation-header {
	width: 100%;
	height: 46px;
	height: 65px;
	padding-top: 20px;
	margin-bottom: 8px;
	border-top: 1px solid #166084;
	border-bottom: 2px solid #166084;
	
	color: #d18505;
	font-weight:bold;
	font-size: 2.0rem;
	text-align: center;
	text-shadow: 2px 1px 2px #333333;
}


/* Estilos para los textos de presentación */
.text-presentation {
	float: left;
	width: 485px;
	border-right: 1px dotted #333333;
	padding-top: 8px;
	padding-right:5px;
	padding-left: 8px;
	font-size: 125%;
	line-height: 130%;
}

.presentation-hidden {
	width: 500px;
	font-size: 120%;
	line-height:135%;
	border: 1px solid #1f658c;
	border-radius: 5px;
	display:none;
}

/* Estilo para la cabecera de las presentaciones ocultas */
.presentation-hidden .presentation-hidden-header {
	max-width: 900px;
	background: #d3890c;
	background: url(../images/header-rside.png);
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	border-bottom: 1px solid #166084;
	padding: 7px 0 7px 0;
	border-radius: 4px 4px 0 0;
	text-align: center;
}

/* Estilos para el texto donde se presentan las transcripciones y las presentaciones críticas */
#presentation-transcripcion-presentacion {
	width: 67%;
	float: left; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left: 5px;
	margin-top: 6px;
	border-top: 1px dashed #166084; 
	font-size: 120%; 
	line-height: 120%; 
	text-align: justify;
}

/* Estilos para los textos de las presentaciones ocultas */
#codea-transcripcion, #codea-presentacion {
	display: none;
}

.presentation-hidden-text, .presentation-text-columns2, .presentation-hidden-text-columns2, .presentation-hidden-text-columns3 {
	height: auto;
	max-width: 900px;
	font-size: 120%;
	line-height: 120%;
	text-align: justify;
	padding: 5px;
}

/* Estilos para la clase bullets del CV */
.bullets-cv, .bullets-cv-initial {
	width: 24px;
	height: 24px;
	margin-top: 5px; 
	margin-bottom: -5px;
	margin-left: -2px;
	display:inline;
}

	.bullets-cv-initial {
		margin-top: -2px;
	}

/* Estilos para la letra mayúscula inicial de cada párrafo del equipo */
.codea-equipo-majus-par, .codea-equipo-majus-impar {
	font-size: 170%;
	font-weight:bold;
	color: #d99206;
	text-shadow: 1px 1px 3px #888;
	line-height: 100%;

}

	.codea-equipo-majus-impar {
		color: #166084;
	}
	
/* Estilos para las entradas bibliográficas de las publicaciones del CODEA */
.entrada-bibliografia {
	padding: 0 5px 10px 30px;
	display: block;	
	text-indent: -24px;
	color: #000;
}

.presentation-hidden-text {
	padding: 5px 10px 5px 10px;
}

/* Estilos para dos columnas con el ancho de la columna derecha de la página */
.presentation-text-columns2 {
	font-size: 125%;
	line-height: 120%;
	max-width: 100%;
	background: #fff;

	-webkit-columns: 400px 2;
    -moz-columns: 469px 2;
    columns: 470px 2;
	
	-webkit-column-rule: 1px dashed #166084; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px dashed #166084; /* Firefox */
    column-rule: 1px dashed #166084;

	/* Intercolumnio */
    -webkit-column-gap: 16px; /* Chrome, Safari, Opera */
    -moz-column-gap: 16px; /* Firefox */
    column-gap: 16px;
	
	padding: 5px;
	padding-right: 8px;
	float: left;
	display: block;
}

.presentation-hidden-text-columns2 {
	max-width: 800px;
	-webkit-columns: 350px 2; /* Chrome, Safari, Opera */
    -moz-columns: 350px 2; /* Firefox */
    columns: 350px 2;
	-webkit-column-rule: 1px dotted #166084; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px dotted #166084; /* Firefox */
    column-rule: 1px dotted #166084;
	padding: 5px;
}
.presentation-hidden-text-columns3 {
	padding:6px;
	padding-top: 8px;
	font-size: 105%;
	
	/* Número y tamaño de las columnas */
	-webkit-columns: 250px 3; /* Chrome, Safari, Opera */
    -moz-columns: 250px 3; /* Firefox */
    columns: 250px 3;
	
	/* Distribución del texto en las columnas */
	-moz-column-fill: balance; /* Firefox */
    column-fill: balance;
	
	/* Intercolumnio */
    -webkit-column-gap: 15px; /* Chrome, Safari, Opera */
    -moz-column-gap: 15px; /* Firefox */
    column-gap: 15px;
	
	/* Separador de columnas */
	-webkit-column-rule: 1px dotted #166084; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px dotted #166084; /* Firefox */
    column-rule: 1px dotted #166084;
}

/* Estilos para los títulos de libros, los nombres de revista y las abreviaturas mencionadas */
.titulo-libro, .nombre-publicacion, .nombre-revista, .abreviatura, .forma-citada {
	font-style: italic;
}

/* Estilos para las siglas que no lleven un vínculo */
.sigla {
	font-weight: bold;
	color: #166084;
}
/* Estilos para los autores de las entradas bibliográficas */
.nombre-autor {
	text-transform: uppercase;
	color: #166084;
	font-weight: bold;
	
}

/* Estilos para las fotos del equipo del CODEA */
.foto-equipo-codea {
	float:left;
	width: 125px;
	border: 3px solid #166084;
	border-radius: 3px;
	margin: 3px 5px 1px 0;
}

/* Estilos para el nombre de los miembros del equipo */
.codea-equipo-nombre {
	font-weight: bold;
	color: #d28608;
}

/* Estilos para la tabla de la presentación de las cabeceras del CODEA */
.table-cabeceras{
	border-collapse: collapse;
	border-radius: 0 0 5px 5px;
    background-color: #eee;
}

.table-cabeceras th{
	border-right: 1px solid #166084;
	border-left: 1px solid #166084;
	padding: 3px 3px 3px 4px;
	vertical-align: middle;
	font-weight:bold;	
}

.table-cabeceras thead {
	background: 
}

.table-cabeceras tr:nth-child(even) {
	background-color: #e8e8ff;

}

.table-cabeceras tr:nth-child(odd) {
	background-color: #fff;
}
.table-cabeceras-row {
	border: 1px solid #166084;
	border-left:none;
	border-right: none;
}
.table-cabeceras td {
	border-right: 1px solid #166084;
	border-left: 1px solid #166084;
	padding: 3px 3px 3px 4px;
	vertical-align: middle;
	font-weight:bold;
}

.table-cabeceras-td {
	width: 32%;
	color: #d28608;
}

.table-cabeceras-td-numbers {
	text-align: center;
}

/* Clase para la letra capital inicial de un párrafo */
.capital-letter {
	font-size: 200%;
	font-weight: bold;
}

/* Clases para las imágenes*/
.imagewrap {
	max-width: 100%;
	width: 99.7%;
	margin-left: 238px;
	margin-bottom: 7px;
	padding-left: 5px;
	overflow:hidden;
	float:left;
	border-left: none;
}

/* Contenedor para las imágenes que van a la izquierda */
.imageleft {
  float:left;
  width:32%;
  height: 230px;
  margin-right: 4px;
  vertical-align:middle;
  text-align: center;
  /*border: 1px solid fuchsia;
  border-left:none;*/
}
/* Contenedor para la imagen del gráfico */
.imagemiddle {
  float:left;
  width:auto;
  border: 1px solid red;
}

/* Contenedor para la imagen del mapa */
.imageright {
  float:right;
  width:32%;
  height: 250px;
  margin-right: 4px;
  vertical-align:middle;
  text-align: center;
  border: 1px solid fuchsia;
}

/* Estilos para los materiales que aparecerán en la columna izquierda bajo el menú lateral */
.lateral-izquierdo {
	width: 230px;
	font-size: small;
	padding: 3px 0 3px 3px;
	border-bottom: 1px dotted #333;
}

/* Estilo para los contenidos de archivos de documentos */
.lateral-izquierdo-header {
	width: 200px;
	margin: auto;
	margin-bottom:5px;
	margin-top: 5px;
	text-align: center; 
	font-size: 0.9rem; 
	font-weight: bold;
	border: 1px solid #166084;
	box-shadow: 0 0 8px #888;
	border-radius: 10px;
	color: #166084;
}

.section-archivos {
	width: 220px;
	margin: 0 auto;
	border: 1px dashed #166084;
	border: none;
	text-align: center;
}
/* Estilos para el header de la sección que introduce las imágenes de los archivos que aportan documentos al CODEA */
.section-archivos header {
	width: 200px;
	height: 25px;
	margin: auto;
	margin-bottom:5px;
	padding-top: 2px;
	background: url(../images/bg-archivos-codea.png);
	background-image: url(../images/header-rside.png);
	background-position: center center;
	border: 2px solid #d99206;
	margin-top: 5px;
	text-align: center; 
	font-size: 0.9rem; 
	font-weight: bold;
	box-shadow: 0 0 8px #888;
	border-radius: 10px;
	color: #fff;
}

.section-archivos figure {
	width: 212px;
	margin: 0 auto;
	text-align: center;
	cursor: pointer;
}

.section-archivos figcaption {
	color: #166084;
	width: 92%;
	margin: 0 auto;
	margin-bottom: 2px;
	margin-top: -25px;
	padding-bottom: 10px;
	font-size: 0.75rem;
	font-weight: bold;
	color: #fff;
}

.section-archivos figcaption a {
	opacity: 0.4;
	-webkit-transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;	
	color: #fff;
}

.section-archivos figcaption a:hover {
	text-decoration: underline;
	opacity: 1;
	-webkit-transform: scale(1.7,1.7);
}

.section-archivos figure img {
	border: 2px solid #166084;
	background-color:#166084;
	border-radius: 3px;
}

.section-archivos div {
	background: blue;
	width: 100%;
	text-align:left;
	margin: 0 auto;
	font-size: 0.6rem;
}


/* Estilos para la ventana de vídeos */

/* Contenedor de la ventana de vídeos */
.video-codea-container {
	width: auto;
	height: auto;
	max-width: 980px;
	padding: 10px 10px 6px 10px;
	background-color: #fff;
	border:3px solid #186587;
	border-radius: 15px;
	box-shadow: 0px 0px 15px #000;
	display: none;
}
  
/* Clase para video */
.video-codea-hidden {
	width: auto; 
	height: auto;
	max-width: 950px;
	border-radius: 12px;
	box-shadow: 0 0 15px #000;
	cursor: pointer;
}

/* Parte arrastrable de la ventana; se visualiza con un botón */
.video-codea-move p { 
	width: 32px; 
	height: 32px; 
	position:absolute;
	bottom: -18px;
	left: -18px;
	box-shadow: 0 0 8px #000;
	border: 1px solid #333;
	border-radius: 6px;
	cursor: move;
	background-image: url(../images/button-move-32x32.png);
	background-position: center center;
 
}

/* Botón de cierre para los vídeos */
.video-codea-close {
	position: absolute;
	top: -16px;
	right: -16px;
	width: 36px;
	height: 36px;
	/*border-radius: 16px;
	border: 1px solid #186587;
	box-shadow: 3px 3px 12px #333;
	background: url(../images/button-close5-32x32.png);
	background-position: center center;*/
	background-image: url(../images/fancybox_sprite.png);
	background-position: 0 0;
	cursor: pointer;
}

/* MATERIALES CSS3 EXTRA */
/* Estilo para la scrollbar, hecha solo con código css.
/* Let's get this party started */
::-webkit-scrollbar, ::-moz-scrollbar {
    width: 10px;
}
 
/* Track */
::-webkit-scrollbar-track, ::-moz-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb, ::-moz-scrollbar-thumb {
    /*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
    border-radius: 5px;
	
    /*background: rgba(255,0,0,0.8); */
	background: rgba(86,248,179,0.7);
	background: rgba(128,128,128,0.2);
	background: rgba(192,192,192,0.2);
	background: rgba(34,255,19,0.3);
	background: rgba(31,73,125,0.3);
	background: rgba(0,170,233,0.1);
	background: rgba(22, 237, 248, 0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
	box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive, ::-moz-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4);
	background: rgba(192,192,192,0.2);	
}


#borderimg2 { 
    border: 10px solid transparent;
    padding: 15px;
    -webkit-border-image: url(../images/border.png) 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url(../images/border.png) 30 stretch; /* Opera 11-12.1 */
    border-image: url(../images/border.png) 30 stretch;
}