@charset "utf-8";

/*HTML 5 CSS RESET*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
a:focus {outline:none;}
a:active,a:hover {outline: 0;}
h1 {font-size: 2em;margin: 0.67em 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
mark {background: #ff0;color: #000;}
code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em;}
pre {white-space: pre-wrap;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
button,input,select,textarea {font-family: inherit;font-size: 100%;margin: 0;}
button,
input {line-height: normal;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
table {border-collapse: collapse;border-spacing: 0;}
li {list-style:none;}

/*HTML 4 CSS RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}



body {font-family:sans-serif; background:url(../img/fondos-04.jpg); background-size:cover;}

* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.clear {clear:both;}


#header {width:100%; margin-top:50px; height:80px; margin-bottom:10px; display:table;}
	#header .titulo {font-size:78px; line-height:86px; color:#9E1F64; width:100%; padding-left:4.5%; float:left;  font-family: 'Josefin Sans', sans-serif;}


.logo-bibliote {width:42%; float:left; text-align:right;}
.logo-bibliote a img {margin-top:0px; height:55px;}


#contenedor-menu {float:left; width:19%; padding-left:5%;}
	#contenedor-menu ul li {background:#9E1F64; margin-bottom:5px; width:auto; height:45px; line-height:45px; color:white; font-weight:bold; text-transform:uppercase; padding:0 25px 0 25px; display:table; cursor:pointer;  border:4px solid #9E1F64; font-family: 'Roboto Condensed', sans-serif; font-size:18px;
		transition:ease 0.75s all;
		-webkit-transition:ease 0.75s all;
		-moz-transition:ease 0.75s all;
		-o-transition:ease 0.75s all;
		-ms-transition:ease 0.75s all;}
	#contenedor-menu ul li:hover {background:white; color:#9E1F64;}
	#contenedor-menu ul li.selected {background:white; color:#9E1F64; margin-left:-25px;}
	#contenedor-menu ul li#menu-1 {padding:0 45px 0 25px;}
	#contenedor-menu ul li#menu-2 {padding:0 75px 0 25px;}
	#contenedor-menu ul li#menu-3 {padding:0 25px 0 25px;}
	#contenedor-menu ul li#menu-4 {padding:0 45px 0 25px;}
	
	#contenedor-menu .tarjetas {background:#9E1F64; font-size:14px; margin-bottom:5px; width:auto; height:45px; line-height:18px; color:white; font-weight:bold; text-transform:uppercase; padding:0 25px 0 25px; display:table; cursor:pointer;  border:4px solid #9E1F64; font-family:'Roboto Condensed', sans-serif; text-decoration:none; }

#contenedor-seccion {font-size:32px; line-height:56px; height:54px; color:white; background:#4B4748; width:35%; float:left; position:relative;}
	#contenedor-seccion .seccion {opacity:0; position:absolute; left:100%; cursor:default; font-family: 'Josefin Sans', sans-serif;
		transition:ease-in-out 0.75s all;
		-webkit-transition:ease-in-out 0.75s all;
		-moz-transition:ease-in-out 0.75s all;
		-o-transition:ease-in-out 0.75s all;
		-ms-transition:ease-in-out 0.75s all;}
	#contenedor-seccion .seccion.active {opacity:1; left:3%;}


.slider {width:77%; float:left; display:table; position:relative;}

.scrollable {overflow-y:hidden!important; overflow-x:visible!important; position:absolute; width:100%; height:100%; z-index:999; right:0; top:0;}
.fondo {background:rgba(158, 31, 100, 0.7); width:100%; height:100%; position:absolute; right:0; z-index:1; }

#contenedor-desc {position:absolute; top:0; right:0; padding:30px 60px 30px 30px; color:white; z-index:999;  font-family: 'Open Sans', sans-serif; width:100%;}
	#contenedor-desc p {line-height:19px; font-size:14px; padding-bottom:12px}
	#contenedor-desc .link_pdf { background:url('../img/pdf-ico.png') no-repeat left center; padding:0 0 0 30px; line-height:24px; color:white; display:block; margin-bottom:5px;}
	#contenedor-desc .link_html { background:url('../img/txt-ico.png') no-repeat left center; padding:0 0 0 30px; line-height:24px; color:white; display:block; margin-bottom:5px;}
	#contenedor-desc .link_infog { background:url('../img/infog-ico.png') no-repeat left center; padding:0 0 0 30px; line-height:24px; color:white; display:block; margin-bottom:5px;}
	#contenedor-desc .link_video { background:url('../img/video3.png') no-repeat left center; padding:0 0 0 30px; line-height:24px; color:white; display:block; margin-bottom:5px;}
	#contenedor-desc p a:hover {color:#BCBEC0;}
	#contenedor-desc p.subtitulo {font-weight:bold; font-size:120%; border-bottom:2px solid white; margin-bottom:10px;}
	#contenedor-desc p.subtitulo.ppal {font-size:130%;}
	#contenedor-desc blockquote {font-weight:normal; font-style:italic; font-size:13px; line-height:1.2; padding:0 60px; text-align:center}
	#contenedor-desc table {font-size:12px; color:#4B4748; margin-bottom:20px;}
	#contenedor-desc table td { border: 1px solid #E686BB; padding:5px; vertical-align:middle; text-align:center; line-height:20px}
	#contenedor-desc table td.tdrosa{ background:#FCEDF4; font-weight:bold}
	#contenedor-desc table td.tdblanco{ background:rgba(255,255,255,0.8);}
	#contenedor-desc .frame_video {height:410px; width:100%; margin-bottom:30px;}
	
	#contenedor-desc .flex {display:flex; flex-wrap:wrap; width:100%;}
	#contenedor-desc .flex .bloque {width:50%; padding-right:5%;}
	#contenedor-desc .flex .bloque img {max-width:100%;}
	
	#contenedor-desc .flex.videos {display:flex; flex-wrap:wrap; justify-content:space-around; width:100%;}
	#contenedor-desc .flex.videos .bloque {width:31%; padding:0}
	#contenedor-desc .flex.videos .bloque img {max-width:100%;}
	#contenedor-desc .flex.videos .link_video {line-height:1.2; padding:5px 0 5px 30px; margin:0;}

.ui-tabs {padding:0 0 0 185px;  width:100%;}
.ui-tabs * { border-radius:0!important;}
.ui-widget-content {border:none; background:none; color:inherit;}
.ui-tabs .ui-tabs-panel {padding:0;}
.ui-tabs .ui-tabs-nav {padding:0 0 15px 0; position:fixed; left:20.5%; width:10%; z-index:99999;}
.ui-widget-header {background:none; border:none; padding:0;}
.ui-tabs .ui-tabs-nav li {margin:3px; background:white; border:2px solid white;
		transition:ease 0.75s all;
		-webkit-transition:ease 0.75s all;
		-moz-transition:ease 0.75s all;
		-o-transition:ease 0.75s all;
		-ms-transition:ease 0.75s all;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {color: #4b4748; font-family: 'Open Sans', sans-serif;font-size: 13px;padding: 5px 8px; font-weight:bold;}
.ui-tabs .ui-tabs-nav li:hover > a {color:#9E1F64;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background:#9E1F64!important; border:2px solid white;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {color:white;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {padding-bottom:0; margin-bottom:3px;}


@media (max-width:1367px) {
	#header .titulo {padding-left:2.5%;}
	#contenedor-menu {padding-left:3%;}
	
	#contenedor-seccion {width:45%;}
	.logo-bibliote {width:33%;}
}

@media (max-width:1025px) {
	#header .titulo {font-size:68px;}
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {color: #4b4748; font-family: 'Open Sans', sans-serif;font-size: 13px;padding: 0px 6px; font-weight:bold;}
	#contenedor-desc img {width:100%;}
	#contenedor-menu ul li#menu-2 {padding:0 45px 0 25px}

	#contenedor-menu {width:100%;}
	#contenedor-menu ul li {float:left; margin-right:10px; margin-bottom:25px; padding:0 35px!important;}
	#contenedor-menu ul li.selected {margin-left:0;}
	
	#contenedor-seccion {margin-left:3%; width:55%; font-size:22px;}
	.logo-bibliote {width:41%;}
	.slider {width:94%; margin-left:3%;}
	
	#contenedor-menu .tarjetas {height:53px; padding-top:4px;}
	
	.ui-tabs .ui-tabs-nav {left:4.5%;}
}

@media (max-width:540px) {

	.logo-bibliote {position:absolute; top:5px; right:10px; width:115px;}
	.logo-bibliote a img {margin:0; max-width:100%; height:auto;}

	#header {margin-top:40px; height:auto;}
	#header .titulo {font-size:26px; line-height:26px; margin-top:0px;}

	#contenedor-menu ul li {width:31%; padding:0!important; margin-right:1.8888%; margin-bottom:7px; text-align:center; font-size:14px; height:24px; line-height:24px; border-width:3px;}
	#contenedor-menu .tarjetas {font-size:13px; height:22px; line-height:22px; margin:0 auto 15px auto; font-weight:normal; padding:0 3%;}
	#contenedor-menu .tarjetas br {display:none;}

	#contenedor-seccion {width:85%; font-size:18px; line-height:36px; height:36px; margin-left:3%; overflow:hidden;}
	#contenedor-seccion .seccion {}
	#contenedor-seccion .seccion.active {position:relative; left:2%;}

	.slider {width:94%; margin-left:3%; float: none; overflow: hidden;}
	.flexslider {height:70vh;}
	.flexslider .slides img {width:auto!important; height:360px!important; opacity:0;}
	.fondo {width:100%; background:rgba(158, 31, 100, 1); }

	#contenedor-desc {padding:10px 20px 30px 10px;}
	#contenedor-desc p.subtitulo.ppal {font-size:18px;}
	#contenedor-desc p.subtitulo {font-size:15px;}
	#contenedor-desc p {font-size:13px; line-height:16px;}
	#contenedor-desc img {max-width:75%;}
	#contenedor-desc table {width:100%;}
	#contenedor-desc table td {padding:3px; font-size:10px; line-height:11px;}
	#contenedor-desc .frame_video {height:200px}
	#contenedor-desc .link_infog {margin-bottom:0; line-height:14px; padding-top:2px; padding-bottom:2px;}

	.ui-tabs {padding:0;}
	.ui-tabs .ui-tabs-panel {padding-top:105px;}
	.ui-tabs .ui-tabs-nav {width:89%; left:5%;}
	.ui-tabs .ui-tabs-nav li {border-width:1px; margin:2px;}
	.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin:2px;}
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {font-size:11px; padding:0 6px 2px 6px;}
	
	
	#contenedor-desc .flex.videos .bloque {width:49%;}
}