﻿.btn, input[type="text"], .boxCategorias ul { transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease;} 
.contPunto, .btn, .boxHoy, .boxDestacadosPunto, .punto h2, .punto h3, input[type="text"], input[type="email"], textarea, .boxCategorias ul li, .boxResume, .boxMiniInfo .boxCat { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn, .boxHoy { position: relative; box-shadow: 0px 0px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);} 
.btn { display: inline-block; padding: 10px 20px; height: 40px; min-width: 100px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: .875em; text-align: center; background-color: #E8533F; color: #FFF; cursor: pointer;}
.btn.black { background-color: #000; color: #FFF;}
.btn.white, .btnDown { background-color: #FFF; color: #000;}
.btnDown { text-align: left; text-transform: none; width: 290px; background-image: url(../img/iconBtnDown.png); background-repeat: no-repeat; background-position: right center;}
.btn.white.on { background-color: #E8533F; color: #FFF;}
.btn.btnDownload { padding-left: 50px; padding-right: 30px; background-image: url(../img/iconDownload.png); background-repeat: no-repeat; background-position: 15px 10px;}

input[type="text"], input[type="email"] { display: inline-block; padding: 10px 15px; height: 40px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; background-color: #FFF; color: #000; box-shadow: 0px 0px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);}
.boxFilter input[type="text"] { width: 140px;}
textarea { display: inline-block; padding: 10px 15px; min-height: 120px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px; background-color: #FFF; color: #000; box-shadow: 0px 0px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);}
input[type="text"]:focus,  input[type="email"]:focus, textarea:focus { background-color: #FFFBBB;}

.boxEventos, .boxContenidoTop { padding-top: 9.5em;}
.boxDestacados, .btnOpcionPuntos, .boxFilter { position: fixed; width: 100%; left: 0; top: 0; padding-right: 18%;}

/* Home -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
.boxContDestacados, .btnContOpcionPuntos, .boxPuntos { padding-left: 5%;}

.boxDestacados { z-index: 5;}
.boxDestacados.row { width: auto; margin-left: 4.1%; }
.boxContDestacados { padding-left: 0%;}
.boxContDestacados, .boxHoy { height: 140px;}
.boxDestacado { height: 140px; overflow: hidden;}
.boxHoy, .boxDestacado { box-shadow: 0px 0px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);}
.boxHoy { position: absolute; top: 0; left: 0; width: 100px; padding-top: .8em; background-color: #000; color: #FFF; text-align: center; font-family: 'Montserrat', sans-serif;}
.boxHoy h4 { font-size: 1.7em; margin-bottom: .3em;}
.boxHoy h4 span { display: inline-block; border-bottom: 1px solid #C2C2C2; padding-bottom: .3em;}
.boxHoy h2 { font-size: 1.25em; font-weight: 700;}
.boxHoy h3 { font-size: 1.9em; color: #C2C2C2; line-height: .9em;}
.boxContPDestacados { padding-left: 100px;}
.boxDestacado { background-color: #FFF; max-width: 460px; font-size: .875em; position: relative;}
.boxDestacado a { height: inherit;}
.boxDestacado .thumb { position: absolute; top: 0; left: 0; width: 140px; height: 140px; overflow: hidden;}
.boxDestacado .thumb img { width: 100%;}
.boxDestacado .thumb iframe { width: 100%; height: 100%;}
.boxDestacado .info { padding: 1em 1em 0 160px; width: 100%; font-size: .85em;}
.boxDestacado .info strong { font-size: 1.25em;}
.boxDestacado .info .itemCat { margin-top: .3em;}
.boxDestacado .masInfo { position: absolute; bottom: .6em; right: .9em; font-size: .8em; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}
.boxDestacadoTexto.boxDestacado .info { padding: 1em 1em 0 2em; width: 100%; font-size: .85em;}

.thumb.playVideo:after { display: block; content: ''; position: absolute; top: 50%; right: 50%; z-index: 2; margin: -20px -20px 0 0; width: 40px; height: 40px; background: url(../img/iconPlay.png) no-repeat center; border-radius: 50%; box-shadow: 0px 0px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);}

.btnOpcionPuntos { top: 9.5em; z-index: 3;}
.btnContOpcionPuntos ul li { float: left;}
.btnContOpcionPuntos .btn.on { background-color: #E8533F; color: #FFF;}
.btnContOpcionPuntos .btn { background-color: #FFF; color: #000;}
.btnContOpcionPuntos .btn:before { content: ''; position: absolute; bottom: -7px; left: 50%; margin-left: -8px; width: 14px; height: 14px; background-color: #FFF; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 3px 3px 5px rgba(0,0,0,.05); -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.05);}
.btnContOpcionPuntos .btn.on:before { background-color: #E8533F;}

.btnAgendaExtra { position: fixed; right: 18%; top: 18.5em; margin-right: 2em; z-index: 5;}
.btnAgendaExtra:before { content: ''; position: absolute; top: 50%; right: -7px; margin-top: -8px; width: 14px; height: 14px; background-color: #000; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}

.itemCat { display: inline-block; margin-right: 1.3em; cursor: pointer;}
.itemCat span.boxItemCat { display: inline-block; width: 10px; height: 10px; line-height: .7em; margin-right: .3em;}

/* Puntos */
.punto { float: left;}
.contPunto { float: left; max-width: 540px; padding-left: 33px;}
.punto.on h2 { color: #E8533F;}
.punto h2 { float: left; width: 100%; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.9em; min-height: 50px; padding: 3px 0 3px 68px; color: #999; vertical-align: middle; position: relative;}
.punto h3 { float: left; width: 100%; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 1em; margin: 0 0 0 15px; border-left: 3px solid #000; padding-left: 50px; color: #999;}
.punto h3.subtitulo { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.3em;}
.punto h3 p { margin: 0;}
.punto h3.subtitulo em { font-family: 'Montserrat', sans-serif; font-weight: 700;  }
.punto.on h3 { color: #000;}
.cacho { float: left; height: 12.5em; border-left: 3px solid #000; margin: 0 0 0 15px;}
.cacho0 { height: 0em;}
.cacho1 { height: 1em;}
.cacho2 { height: 2em;}
.cacho3 { height: 2em;}
.cacho8 { height: 4em;}
.cacho20 { height: 10em;}
.cacho35 { height: 20em;}
.cacho.sinLinea { border-left: none;}
.circulo { position: absolute; left: -2px; top: 7px; width: 30px; height: 30px; border-radius: 50%; border: 3px solid #000; margin: 0; vertical-align: middle;}
.punto.on .circulo { left: -3.5px; top: 5px; width: 20px; height: 20px; border: 10px solid #E8533F; margin: 0; background-color: #FFF;}

.punto .boxDestacadosPunto { margin: 0 0 -6em 15px; border-left: 3px solid #000; padding-left: 50px; color: #999;}
.punto .boxDestacadosPunto .boxDestacado { position: relative; z-index: 2; margin: .5em 0 0 0;}
.ultimo .cacho.ultimo { border-left: none; height: 600px;}
.ultimo.punto h3, .ultimo.punto .boxDestacadosPunto  { border-left: 3px solid transparent;}

.puntosObra { padding-left: 0;}
.puntosObra .contPunto { max-width: 640px; padding-left: 6em;}
.puntosObra small.fechaPunto { position: absolute; left: -4em; top: .35em;}
.puntosObra .punto h2 { color: #000; margin: 0 0 0 15px; border-left: 3px solid #000; padding-left: 50px; min-height: 47px;}
.puntosObra .punto h3 { color: #000;}
.puntosObra .circulo { position: absolute; left: -24px; top: 0px; width: 47px; height: 47px; border-radius: 0; border: none; margin: 0; vertical-align: middle; background-color: #EEEEEE; }
.puntosObra .circulo span { position: absolute; left: 4px; top: 5px; width: 31px; height: 31px; border-radius: 55%; border: 3px solid #000; margin: 0; vertical-align: middle; background-image: url(../img/iconBtnMas.png); background-repeat: no-repeat; background-position: center;}
.puntosObra .ultimo.punto h2 { border-left: 3px solid transparent;}
.boxResume { display: none; width: 100%; max-width: 900px; padding: 3em 2em; background: #FFF;}
#colorbox .boxResume { display: block;}

#mapa { width: 100%; height: 100%; position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: #DDD;}
#mapa.mapaActividades { height: auto; width: auto; top: 6em; right: 18%;}
.iconDown { position: fixed; bottom: 40px; left: 50%; width: 30px; margin-left: -15px; z-index: 10; -webkit-animation: flickerAnimation 20s infinite; -moz-animation: flickerAnimation 20s infinite; -o-animation: flickerAnimation 20s infinite; animation: flickerAnimation 20s infinite;}
	     @keyframes flickerAnimation { 0% { opacity: 1; } 3% { opacity: 0; } 5% { opacity: 1; } 8% { opacity: 0; } 10% { opacity: 1; } 13% { opacity: 0; } 15% { opacity: 1; } 17% { opacity: 0; } 40% { opacity: .5; } 95% { opacity: .5; } 100% { opacity: 1; } }
	  @-o-keyframes flickerAnimation { 0% { opacity: 1; } 3% { opacity: 0; } 5% { opacity: 1; } 8% { opacity: 0; } 10% { opacity: 1; } 13% { opacity: 0; } 15% { opacity: 1; } 17% { opacity: 0; } 40% { opacity: .5; } 95% { opacity: .5; } 100% { opacity: 1; } }
	@-moz-keyframes flickerAnimation { 0% { opacity: 1; } 3% { opacity: 0; } 5% { opacity: 1; } 8% { opacity: 0; } 10% { opacity: 1; } 13% { opacity: 0; } 15% { opacity: 1; } 17% { opacity: 0; } 40% { opacity: .5; } 95% { opacity: .5; } 100% { opacity: 1; } }
 @-webkit-keyframes flickerAnimation { 0% { opacity: 1; } 3% { opacity: 0; } 5% { opacity: 1; } 8% { opacity: 0; } 10% { opacity: 1; } 13% { opacity: 0; } 15% { opacity: 1; } 17% { opacity: 0; } 40% { opacity: .5; } 95% { opacity: .5; } 100% { opacity: 1; } }

.boxInfoMapa { background-color: #FFF; width: 300px; font-size: 14px;}
.boxInfoMapa a { height: inherit; line-height: 18px;}
.boxInfoMapa .thumb { position: absolute; top: 10px; left: 0; width: 100px; height: 100px; overflow: hidden;}
.boxInfoMapa .thumb img { width: 100%;}
.boxInfoMapa .info { padding: 10px 0 10px 115px; width: 300px; min-height: 120px;}
.boxInfoMapa .masInfo { position: absolute; bottom: 15px; right: 15px; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}

/* Agenda / Mapa Eventos / Actividad -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
.boxFilter { z-index: 5; background-color: #EEE;}
.boxCategorias { position: relative;}
.boxCategorias .btnDown { position: relative; z-index: 3;}
.boxCategorias ul { position: absolute; width: 100%; top: -500px; left: 0; z-index: 2; box-shadow: 0px 0px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);}
.boxCategorias ul.on { top: 40px;}
.boxCategorias ul li { padding: 10px 20px; font-size: .875em; background-color: #FFF; color: #000; cursor: pointer; border-bottom: 1px solid #E8E8E8;}
.boxFechas span { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: .875em; margin-right: 1em;}
.boxInfoCat { padding: 1.2em 0 .4em 0; border-bottom: 2px solid #FFF;}
.boxInfoCat ul { font-size: .8em;}
.boxInfoCat ul li { display: inline-block; margin-right: 1.3em; cursor: pointer;}
.boxInfoCat ul li span { display: inline-block; width: 10px; height: 10px; margin-right: .5em;}
.boxFilterMapa .boxInfoCat { padding: 1.2em 0 .4em 0; border-bottom: 2px solid #EEE;}
.boxFilterMapa { border-bottom: 2px solid #FFF;}

.boxBtns { margin-bottom: 2em;}
.boxBtnEventos { z-index: 2; margin-bottom: 0;}
.boxEventos h2 a { padding: 2em 0 .7em 0; border-bottom: 2px solid #FFF;}
.boxEventos .fecha.col2 { max-width: 160px; min-width: 160px; padding-right: 15px; font-size: 1em;}
.boxEventos .fecha.col2, .boxEventos .fecha.col2 strong { font-family: 'Montserrat', sans-serif;}
.boxEventos .fecha.col2 .dia { font-size: 2em; line-height: .95em;}
.boxEventos .thumb.col2 { max-width: 120px; padding-left: 10px; position: relative;}
.boxEventos .info.col8 { padding-left: 2em; font-size: .9em; width: 60%;}
.boxEventos .info.col8 strong { font-size: 1.125em;}

.boxFicha { padding-bottom: 5em; padding-right: 3em;}
.boxFicha .col4 { /* max-width: 300px; */}
.boxFicha .col8 { padding-left: 2em;}
.boxFicha .iconLupa { position: absolute; bottom: .4em; right: .4em; width: 2em; height: 2em; opacity: .7; border-radius: 50%; background: #FFF url(../img/iconLupa.png) no-repeat center; background-size: 65%; z-index: 2; text-indent: 9999px;}
.boxTitle { margin-bottom: 1.5em;}
.boxTitle .fecha { }
.boxTitle .col8 { padding-left: 0;}
.boxTitle h1 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.5em; line-height: 1.125em;}
.boxMiniInfo .boxCat { min-width: 160px; width: auto; padding-right: 20px;}
.boxMiniInfo .boxCat .boxCatMin { }
.boxMiniInfo .boxCatMin span { display: inline-block; width: 10px; height: 10px; margin-right: .5em;}
.boxMiniInfo .boxCatMin, .boxMiniInfo .boxShare { font-size: .875em;}
.boxMiniInfo .boxShare span { font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; margin-right: .5em;}
.boxMiniInfo .boxShare a { border-bottom: 1px solid transparent; margin-right: .5em;}
.boxFicha .boxTxt { float: left; width: 100%; margin-top: .75em; padding-top: .75em; border-top: 2px solid #FFF;}
.boxFicha .boxTxt .col, .boxFicha .boxTxt .row, .boxShare, .boxCat { margin-bottom: 1em;}
.boxImgMain { float: right; margin-bottom: 1em; max-width: 300px;}
.boxImgMain a, .boxGaleria a { display: block; position: relative;}
.boxGaleria .col6 { padding: 0 20px 20px 0;}
.boxVideo, .boxGaleria { float: right; width: 100%; max-width: 300px; margin-top: 1em; padding-top: 1.5em;}
.boxVideo, .boxImgMain { padding-right: 20px;}
.boxVideo p { display: none;}
.boxVideo .row { margin-bottom: 1em;}
.boxVideo .row:before { content: ''; display: block; padding-bottom: 56.2%;}
.boxVideo iframe, .boxVideo object { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

/* Noticias / Cervantes Digital / Contacto -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
.itemNews.col4 { width: 24.9%; padding: 0 3em 4em 0;}
.itemNews .row, .itemEnlace .row { padding-bottom: 1.5em;}
.itemNews .fecha, .boxNews .fecha { padding-bottom: .5em; font-size: 2em; font-family: 'Montserrat', sans-serif; font-weight: 700;}
.itemNews .fecha strong, .boxNews .fecha strong { font-family: 'Montserrat', sans-serif; font-weight: 700;}
.itemNews .fecha small, .boxNews .fecha small { font-size: 50%;}
.boxNews .boxTxt { padding-top: 1.5em;}
.itemEnlace.col2 { width: 16.6%; padding: 0 2em 4em 0;}
.itemEnlace .row.boxTxt { min-height: 7em;}
.boxDigital { margin-bottom: 4em;}
.boxTxtG.boxPrensa { margin-bottom: 0;}
.boxContacto .row { margin-bottom: 1em;}
.boxContacto label { font-size: .9em; display: block; margin-bottom: .5em;}
.boxContacto br { display: none;}
.boxContacto textarea, .boxContacto input[type="text"], .boxContacto input[type="email"] { width: 100%; max-width: 360px;}
.boxContacto input[type="submit"] { display: inline-block; padding: 10px 20px; height: 40px; min-width: 100px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: .875em; text-align: center; background-color: #000; color: #FFF; cursor: pointer;}
.boxFechasEventos.boxDigital .info.col8 { font-size: .9em;}

.col-cervantes-digital { width: 14%; padding: 0 40px 40px 0; display: inline-block; position: relative; vertical-align: top;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.boxEventos .col-cervantes-digital a { border-bottom: 0;}
.col-cervantes-digital img { width: 100%; margin-bottom: 1em;}
.col-cervantes-digital .info { opacity: 0; position: absolute; top: 20px; left: -20px; z-index: 100; min-height: 100%; font-size: .75em; background: #fff; padding: 1em; width: calc(100% + 40px); box-shadow: 0px 0px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.3);}
.col-cervantes-digital .fecha strong { font-weight: 400; font-family: 'Montserrat', sans-serif;}

.item-foto { position: relative;}
.item-foto .boxImg { position: relative; margin-bottom: 10px; display: block; float: left; width: 100%;}
.item-foto .boxImg:before { display: block; content: ''; width: 100%; padding-bottom: 75%;}
.item-foto a { display: block; text-align: center; position: absolute; width: 90%; height: 90%; padding: 10px; top: 0; left: 0;  background-color: #FFF;}
.item-foto strong { margin-top: 5px; display: block; height: 5em; float: left; width: 100%;}
.col.item-foto img { display: inline-block; width: auto; max-width: 100%; max-height: 100%;}

.item-Video { position: relative;}
.item-Video .boxVideo-prensa { position: relative; margin-bottom: 10px; display: block; float: left; width: 100%;}
.item-Video .boxVideo-prensa:before { display: block; content: ''; width: 100%; padding-bottom: 56.5%;}
.item-Video .boxVideo-prensaIn { display: block; text-align: center; position: absolute; width: 90%; height: 90%; padding: 10px; top: 0; left: 0;  background-color: #FFF;}
.item-Video .boxVideo-prensaIn iframe { width: 100%; height: 100%;}
.item-Video strong { margin-top: 5px; display: block; height: 5em; float: left; width: 100%;}


/* Paginador -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
.navigation { display: block; width: 100%; float: left; padding: 50px 0;}
.nav-previous { float: left;}
.nav-next { float: right;}


/* Busqueda -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
.boxSearchG .span-resultado { color: #000; margin-left: 10px; border-bottom: 3px solid #FFF;}
.boxSearchG .boxSearchIn { padding-top: 20px;}
.boxSearchIn input[type="text"] { width: 35%; min-width: 200px;}
.boxSearchIn input[type="submit"] { display: inline-block; padding: 10px 20px; height: 40px; min-width: 100px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: .875em; text-align: center; background-color: #000; color: #FFF; cursor: pointer;}
.boxSearchIn .screen-reader-text { display: none;}


/* Txt -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
.boxTxt { /*font-size: 1.1em;*/}
.boxTxt a { border-bottom: 1px solid #000;}
.boxEventos .boxTxt a { word-wrap: break-word; word-break: break-all;}
.boxTxt a.btn { border: none;}
.boxTxt ul, .boxTxt ol { margin: 0 0 1.285em 0;}
.boxTxt ol { padding-left: 1.5em;}
.boxTxt li { margin-bottom: .2em;}
.boxTxt a.btnDoc { border-bottom: 0;}
.boxTxt a.btnDoc img { vertical-align: -5px;}
.boxTxt a.btnDoc span { margin-left: .3em; border-bottom: 1px solid #000;}
.boxTxt .col6 { padding-right: 2em;}

.boxTxtG { /*font-size: 1.1em;*/ max-width: 960px; margin-bottom: 3em; padding-right: 3em;}
.boxTxtG h1 { margin-bottom: 1.285em;}
.boxTxtG h2.title { font-size: 1.714em; margin-bottom: .2em; color: #E8533F; font-family: 'Montserrat', sans-serif; font-weight: 700;}
.boxTxtG h2 { font-size: 1.357em; margin-bottom: .2em; font-family: 'Montserrat', sans-serif; font-weight: 700;}

.div404 { max-width: 500px;}