/* Colores */

body{
	color:#000; /* Cuerpo de texto */
	background:#F0F0F0; /* Color de fondo */
}

#content{
	border-color:#ADADAD; /* Border del contenedor principal */
	background:#FFFFFF; /* Color de fondo del contenedor principal */
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); /* Sombra */
}

.pagination{
	border-color:#ADADAD; /* Color de borde del bloque: borde superior */
}

.pagination a{
	background-color:#F0F0F0; /* Color de fondo de los enlaces Anterior/Siguiente */
	color:#6A3A4A; /* Color de texto de estos enlaces */
}

.pagination a:hover{
	background-color:#E8EDF1; /* Color de fondo de los enlaces Anterior/Siguiente al pasar sobre ellos */
	color:#000; /* Color de texto de estos enlaces al pasar sobre ellos */
}

#topPagination .pagination, #topPagination a{ /* En esta plantilla esta paginación se encuentra oculta por defecto (busca "Invisible content" en este mismo archivo) */
	color:#DADADA; /* Color de texto de la paginación de la cabecera */
}

#topPagination a:hover{
	color:#FFF; /* Color de texto de estos enlaces al pasar sobre ellos */
}

#main #nodeDecoration{
	text-shadow:none; /* Sombra del texto del título de la página */
}

#header{
	color:#000000; /* Título del proyecto */
	text-shadow:1px 1px 1px #466A76; /* Sombra del texto */
}

#nodeTitle{
	color:#3A3A3A ; /* Título de cada página */
border-bottom: 3px solid #8b8b8b;

}

#skipNav a{
    background:#436974;
}

#siteNav a{
	background:#f0f0f0; /* Color fondo menú */
	color:#0F5E87; /* Enlaces del menú */
	border-color:#ADADAD; /* Borde que separa a los enlaces */
}

#siteNav a:hover{
	color:#6A3A4A; /* Enlaces al pasar sobre ellos */
	background:#fff; /* Fondo de los enlaces al pasar sobre ellos */
}

#siteNav ul ul a{
	color:#38565F; /* Menú: enlaces de segundo nivel */
}

#siteNav .active{
	color:#6A3A4A; /* Enlace activo en el menú principal */
	font-weight:bold; /* Peso fuente */
	border-color:#ADADAD;  /* Borde del enlace activo */
}

#siteNav .other-section{
	display:none; /* Eliminar si se quiere que se muestren todos los niveles */
}

/* Otras definiciones */
body{padding:0;text-align:center}
#content{width:1200px;margin:0 auto 25px auto;padding-bottom:10px;text-align:left;position:relative;border-style:solid;border-width:1px;border-top:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px}
#main-wrapper{padding:10px 20px 0 250px}
#main{width:100%}
#header,#emptyHeader{height:111px;background:url(my_header.jpg) no-repeat 0 0;padding:69px 20px 0 314px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#nodeTitle{font-size:1.6em;margin:10px 10px 0 0;display: block;line-height: 30px;}
#main #nodeDecoration{background:none;padding:0;border:none}
#siteNav{width:230px;float:left;padding-right:20px;padding-bottom:59px;background:url(my_nav_bg.jpg) no-repeat 0 bottom}
* html #siteNav{width:250px} /* IE6 */
#siteNav ul,#siteNav li{margin:0;padding:0;list-style:none}
#siteNav a{display:block;padding:4px 0 4px 10px;border-width:0 0 1px 0;border-style:dotted}
* html #siteNav a{display:inline-block;width:100%} /* IE6 */
#siteNav .main-node{font-weight:bold;font-variant:small-caps;letter-spacing:1px;font-size:1.1em}
#siteNav a.main-node:hover{text-decoration:underline;background:none}
#siteNav ul ul a{padding-left:25px;font-size:.95em}
#siteNav ul ul ul a{font-size:1em;padding-left:50px}
#siteFooter{padding:5px 0 10px 250px}
.pagination{border-style:dotted;border-width:1px 0 0 0;padding-top:10px;text-align:right}
.pagination .sep{display:none}
.pagination a{padding:3px 5px;border-radius:5px;margin-left:20px}
.pagination a:hover{text-decoration:none}
#topPagination{position:absolute;top:7px;right:20px}
#topPagination .pagination{border:none}
#topPagination a{padding:0 5px;background:none;font-size:1.1em;}
#topPagination a:hover{text-decoration:underline}
#bottomPagination{padding:0 20px 10px 250px}
#bottomPagination .pagination{padding-top:20px}
#bottomPagination .page-counter{margin-left:20px;margin-right:0}
.iDeviceTitle{vertical-align:top}
/* Autoclear */
#content:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} 
#content{display:inline-block}
html[xmlns] #content{display:block}
* html #content{height: 1%;overflow:visible}

/* No menu */
.no-nav #main-wrapper,.no-nav #bottomPagination,.no-nav #siteFooter{padding-left:20px}
.no-nav #content{background-image:none}

/* IE6 */
* html #main{width:auto}
* html #siteNav a{width:219px}
* html #siteNav ul ul a{width:204px}
* html #siteNav ul ul ul a{width:179px}

/* Search bar */
#exe-client-search-form{margin-top:10px}
#exe-client-search-text{border-color:#f0f0f0}
#exe-client-search-submit{border-color:#f0f0f0;background:#f0f0f0}

/* Responsive design */
@media all and (max-width: 1020px) {
	#content{width:100%;margin:0 auto;border:none;border-radius:0;box-shadow:none}
}

@media all and (max-width: 780px) {
	#header,#emptyHeader{background-position:-294px 0;padding:69px 10px 0 10px;font-size:0px}
	#siteNav{width:100%;float:none;padding:0;background-image:none}
	#siteNav .main-node{font-weight:normal;font-variant:normal;letter-spacing:0;font-size:1em}
	#main-wrapper,.no-nav #main-wrapper{padding:10px 10px 0 10px}
	#siteFooter,.no-nav #siteFooter{padding:10px;text-align:center}
	.pagination{font-weight:bold;font-size:1.1em}
	#topPagination{position:relative;top:auto;width:100%;right:auto;padding:0}
	#topPagination .pagination{padding:0;text-align:center;background:#4B737F;border-bottom:1px dotted #ADADAD}
	.no-nav #topPagination .pagination{border-top:1px solid #fff}
	#topPagination .prev,#topPagination .next,#topPagination .page-counter{display:none}
	#bottomPagination,.no-nav #bottomPagination{position:relative;padding:0 10px 10px 10px}
	#bottomPagination a{padding:3px 10px;display:inline-block}
	#bottomPagination .prev{position:absolute;left:10px;margin-left:0}
	#bottomPagination .page-counter{position:absolute;width:50%;left:25%;text-align:center;margin:0;font-weight:normal;padding-top:3px}
	#nav-toggler a,#nav-toggler a:focus{display:inline-block;padding:4px;width:80%;color:#fff;font-variant:small-caps;letter-spacing:1px;outline:none;text-decoration:none}
	#exe-client-search-form{text-align:center}
}

@keyframes slide {
	0% { transform: translateX(0); }
	10% { transform: translateX(0); }

	15% { transform: translateX(-100%); }
	30% { transform: translateX(-100%); }

	35% { transform: translateX(-200%); }
	50% { transform: translateX(-200%); }

	55% { transform: translateX(-300%); }
	70% { transform: translateX(-300%); }

	75% { transform: translateX(-400%); }
	90% { transform: translateX(-400%); }

	95% { transform: translateX(-500%); }
	100% { transform: translateX(-500%); }
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	font-family: sans-serif;
}

.wrapper {
	max-width: 1200px;
	margin: 0 auto;
}

.slider {
	position: relative;
}

.slides {
	position: relative;
	display: flex;
	overflow: hidden;
}

.slide {
	width: 100vw;
	flex-shrink: 0;
	animation-name: slide;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.slides:hover .slide {
	animation-play-state: paused;
}

.slide img {
	width: 97%;
	vertical-align: top;
}

.slide a {
	width: 97%;
	display: inline-block;
	position: relative;
}

.caption {
	color: white;
	text-shadow: 1px 1px black;
	font-size: 8vw;
	position: absolute;
	bottom: 8vw;
	right: 4vw;
}

.slide:target {
	animation-name: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
}

.slider-controler {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	padding: 5px;
	background-color: rgba(0,0,0,0.5);
	z-index: 100;
}

.slider-controler li {
	margin: 0 0.5rem;
	display: inline-block;
	vertical-align: top;
}

.slider-controler a {
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	color: white;
	font-size: 1.5rem;
}

@media only screen and (min-width: 1200px) {
	.slide {
		width: 1200px;
	}

	.caption {
		font-size: 96px;
		bottom: 96px;
		right: 50px;
	}
}