@charset "UTF-8";

.btnContOpcionPuntos .btn:before, .btnAgendaExtra:before, .boxContacto input[type="submit"] { transition: background-color .5s ease; -webkit-transition: background-color .5s ease; -moz-transition: background-color .5s ease; -o-transition: background-color .5s ease; -ms-transition: background-color .5s ease;}
.mainBar, .boxEventos .col-cervantes-digital a:hover .info { transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease;}

@media screen and ( max-width: 1780px ) {
	.mainBar { width: 320px;}
	#mapa.mapaActividades { right: 320px;}
	.colMain { width: 100%;}
	.header, .footer { padding-left: 2.5em;}
	.contenido, .boxDestacados, .boxDestacados, .btnOpcionPuntos, .boxFilter { padding-right: 320px;}
	.btnAgendaExtra { right: 320px;}
}

@media screen and ( max-width: 1600px ) {
	.itemNews.col4  { width: 33.3%; padding: 0 4em 4em 0;}
}

@media screen and ( max-width: 1440px ), screen and ( max-height: 800px ) {
	body { font-size: 15.5px;}
	.mainBar { width: 280px;}
	#mapa.mapaActividades { right: 280px;}
	.header { padding-top: 2.5em;}
	.header, .footer { padding-left: 1.7em;}
	.contenido, .boxDestacados, .boxDestacados, .btnOpcionPuntos, .boxFilter { padding-right: 280px;}
	
	.pum { display: none;}

	.btnContOpcionPuntos, .boxPuntos { padding: 0 2%;}

	.boxDestacados.row { width: auto; margin-left: 1.6%; }
	.boxContDestacados { padding-left: 0%;}

	.boxPuntos.puntosObra { padding: 0;}
	.boxDestacado .info { padding: .9em .9em 0 155px;}
	.boxEventos h2 a { padding: 2.1em 0 .7em 0;}
	.punto h2 { min-height: 44px; font-size: 1.7em;}
	.circulo { position: absolute; left: 1px; top: 7px; width: 24px; height: 24px; border-radius: 50%; border: 3px solid #000; margin: 0; vertical-align: middle;}
	.punto.on .circulo { left: 0px; top: 5px; width: 16px; height: 16px; border: 8px solid #E8533F; margin: 0; background-color: #FFF;}
	.puntosObra .circulo { position: absolute; left: -21px; top: 0px; width: 43px; height: 43px; border-radius: 0; border: none; margin: 0; vertical-align: middle; background-color: #EEEEEE; }
	.puntosObra .circulo span { position: absolute; left: 3px; top: 4px; width: 27px; height: 27px; 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;}
	.contPunto { max-width: 460px; padding-left: 33px;}
	.puntosObra .contPunto { padding-left: 6em;}
	.boxFicha .col8 { padding-left: 1em;}
	.boxFicha .boxTitle .col8 { padding-left: 0;}
}

@media screen and ( max-width: 1270px ), screen and ( max-height: 670px ) {
	body { font-size: 14.5px;}
	.btn { padding-top: 12px;}
	.colMain { padding: 0 2%;}
	.btnMenu { display: block;}
	.menu, .footer { display: none; font-size: 1.1em;}

	.pum { display: block;}

	.mainBar { width: 100%; height: 7em;}
	.mainBar.on { height: 100%; overflow: auto; }
	.mainBar.on .menu { margin-top: 9em; }
	.mainBar.on .menu, .mainBar.on .footer { display: block;  animation: fadein 2s; -moz-animation: fadein 2s; -webkit-animation: fadein 2s; -o-animation: fadein 2s;}
	.mainBar.on .footer { position: relative; padding-bottom: 3em;}

	.contenido, .boxDestacados, .boxDestacados, .btnOpcionPuntos, .boxFilter { padding-right: 0;}
	.header { padding: 0 2%;}
	.menu { padding: 0 .5%;} 
	.footer { padding: 0 2.5%;}
	.header { padding-top: 0;}
	.boxLogo { position: fixed; padding: 1em 0; width: 75%; margin-bottom: 0; z-index: 5; background-color: #E8533F;}
	#logo img { max-width: 150px;}

	.boxDestacados, .boxFilter { top: 7em;}
	.btnOpcionPuntos { top: 8em;}
	.boxEventos, .boxContenidoTop { padding-top: 11em;}
	
	.boxDestacados.row { right: 2%; left: auto; padding: 0; width: 330px;}
	.boxContDestacados { padding: 0; height: auto;}
	.boxHoy { width: 100%; height: 40px; padding-top: .6em; padding-left: 1em; text-align: left;}
	.boxHoy h4 { font-size: 1.2em; margin-bottom: 0; display: inline-block;}
	.boxHoy h4 span { border-bottom: none; padding-bottom: 0;}
	.boxHoy h2 { font-size: 1.2em; display: inline-block;}
	.boxHoy h3 { font-size: 1.2em; display: inline-block; line-height: 1em;}
	.boxContPDestacados { padding-left: 0; padding-top: 40px;}
	.boxDestacado { width: 100%; height: auto; min-height: 110px; position: relative; z-index: 2;}
	.boxDestacado .thumb { width: 110px; height: 110px;}
	.boxDestacado .info { padding: .9em .7em .5em 120px; line-height: 1.3em; min-height: 110px;}
	.boxDestacado .masInfo { right: .7em; bottom: .3em;}

	/*.cacho { height: 11.3em;}*/
	.iconDown { width: 20px; margin-left: -10px; bottom: 20px;}
	.contPunto { max-width: 420px; padding-left: 33px;}
	.puntosObra .contPunto { padding-left: 6em;}

	.boxFilterMapa { border-bottom: none;}
	.boxFechas .btn.black { vertical-align: 1px;}
	#mapa.mapaActividades { top: 10em; right: 0;}
	.boxInfoCat { display: none;}

	#mapa { top: 7em;}

	.boxEventos h2 a { padding: 1.4em 0 .7em 0;}
	.boxEventos .thumb.col2 { max-width: 120px;}
	.btnDown { width: 280px;}

	.puntosObra .contPunto { padding-left: 5em;}
	.puntosObra .punto h2 { padding-left: 42px;}
	.puntosObra .punto h3 { padding-left: 42px;}
	
	.itemNews.col4 { width: 24.9%; padding: 0 3em 4em 0;} 

	.itemCat span.boxItemCat { height: 8px; width: 8px;}
}

@media screen and ( max-width: 960px ) {
	body { font-size: 13.5px;}
	.boxDestacados { display: none;}
	.btnContOpcionPuntos .btn { padding: 9px 0px 5px 0px; min-width: 84px;}
	.btnContOpcionPuntos .btn.btnAgenda { padding: 9px 10px 5px 10px; min-width: 84px;}
	.contPunto { padding-left: 25px;}
	.punto h2 { padding-left: 60px;}
	.punto h3, .punto .boxDestacadosPunto { padding-left: 42px; width: 90%;}
	.boxDestacado { width: 90%; min-height: 90px;}
	.boxDestacado .thumb { width: 90px; height: 90px;}
	.boxDestacado .info { padding: .7em .5em .5em 100px; min-height: 90px;}
	.boxDestacado .masInfo { display: none;}
	#logo img { max-width: 130px;}

	.boxEventos .thumb.col2 { max-width: 100px;}
	.btnDown { width: 260px;}
	.boxEventos .info.col8 { width: 60%;}

	.btn, .boxSearchIn input[type="submit"] { padding: 9px 10px 5px 10px; height: 34px; min-width: 100px;}
	input[type="text"], input[type="email"] { padding: 9px 10px 5px 10px; height: 34px; line-height: 100%; font-size: 12px;}
	.boxFilter input[type="text"] { width: 100px;}
	input[type="submit"], input[type="button"] { line-height: 100%;}
	.boxSearchIn input[type="submit"] { padding: 0 10px; line-height: 100%; height: 34px; vertical-align: 2px;}
	.boxCategorias ul.on { top: 34px;}
	
	.btn.btnDownload { background-position: 15px center;}
	.boxFechas span { display: none;}
	.boxTxtG { padding-right: 3em;}

	.boxFechas .btn.black { vertical-align: 4px; padding-top: 3px;}

	.puntosObra .punto h2 { padding-left: 32px;}
	.puntosObra .punto h3 { padding-left: 32px;}

	.itemNews.col4 { width: 33.3%; padding: 0 3em 4em 0;}
	.itemEnlace.col2 { width: 24.9%; padding: 0 2em 4em 0;}

	.boxFicha { padding-bottom: 3em; padding-right: 1em;}
	.boxFicha .col8 { padding-left: .5em;}
	.boxFicha .boxTitle .col8 { padding-left: 0;}

	.item-foto.col3 { width: 33.33333%;}
	.item-Video.col4 { width: 50%;}

}


@media screen and ( max-width: 768px ) {
	.colMain, .header { padding: 0 3%;}
	.menu { padding: 0 .5%;} 
	.footer { padding: 0 3.5%;}
	.btnMenu { right: 3%;}
	.mainBar.on .menu { margin-top: 7em;}
	.boxTxtG, .boxFicha { padding-right: 1.5em;}
	.itemNews.col4 { width: 49.9%;}
	.itemEnlace.col2 { width: 33.3%;}
	.contPunto { width: 100%;}
	.cacho { width: 90%;}
	.punto h2 { /*font-size: 1.9em;*/ width: 90%; text-shadow: 1px 1px 5px rgba(255,255,255,1);}
	.punto h3 { /*font-size: 1em;*/ text-shadow: 1px 1px 5px rgba(255,255,255,1);}

	.boxDestacado { width: 100%;}

	.boxEventos .fecha.col2 { max-width: 100%; min-width: 100%; margin-bottom: .5em;}
	.boxEventos .fecha.col2 br { display: none;}
	.boxEventos .thumb.col2 { max-width: 90px; min-width: 20%; margin-right: 1em;}
	.boxEventos .info.col8 { width: 70%; padding-left: 0;}
	.boxEventos .boxNotas .thumb.col2,
	.boxEventos .boxDigital .thumb.col2 { padding-left: 0;}
}


@media screen and ( max-width: 640px ) {
	body { font-size: 12.5px;}
	.boxCategorias, .boxFechas.r { float: left; width: 100%; padding-bottom: .5em;}
	.btnDown { width: 100%;}

	#logo img { max-width: 110px;}
	#mapa.mapaActividades { top: 12em;}
	#mapa { top: 6.5em;}
	.mainBar { height: 6.5em;}
	.boxDestacados, .boxFilter { top: 6.5em;}
	.btnMenu { top: 2em;}

	.boxFechas .btn.black { padding-top: 4px;}

	.boxEventos { padding-top: 14em;}
	.boxContenidoTop,
	.boxEventos.boxFicha { padding-top: 8.5em;}
	.boxFicha .col8 { width: 100%; padding-left: 0em;}
	.boxFicha .col4 { width: 100%; margin-bottom: 2em;}
	.boxImgMain { float: none; max-width: 300px; margin: auto; padding: 0;}
	.boxVideo, .boxGaleria { max-width: 100%;}

	.boxMiniInfo .boxCat { min-width: auto; width: auto; padding-right: 30px;}
	.item-foto.col3 { width: 50%;}

	.item-Video.col4 { width: 100%;}

	.thumb.playVideo:after { margin: -15px -15px 0 0; width: 30px; height: 30px; background-size: 100%;}
	.itemCat span.boxItemCat { height: 6px; width: 6px;}
}

@media screen and ( max-width: 540px ) {
	.colMain, .header { padding: 0 4%;}
	.menu { padding: 0 1%;} 
	.footer { padding: 0 4.5%;}
	.btnMenu { right: 4%;}

	.boxTxtG, .boxFicha { padding-right: .5em;}

	.itemNews.col4, .itemEnlace.col4 { padding: 0 1.5em 4em 0;}
	.btn.black { min-width: 80px;}

}

@media screen and ( max-width: 440px) {
	.boxDestacado { min-height: 60px;}
	.boxDestacado .thumb { width: 60px; height: 60px;}
	.boxDestacado .info { padding: .7em .5em .5em 70px; min-height: 60px;}
}

@media screen and ( max-height: 600px ) {
	.boxFilter { position: absolute;}
}
@media screen and ( max-width: 1150px ) {
	.col-cervantes-digital { width: 16%;}
}

@media screen and ( max-width: 1030px ) {
	.col-cervantes-digital { width: 19%;}
}

@media screen and ( max-width: 800px ) {
	.col-cervantes-digital { width: 24%;}
}

@media screen and ( max-width: 620px ) {
	.col-cervantes-digital { width: 31%;}
}
@media screen and ( max-width: 530px ) {
	.col-cervantes-digital { width: 45%;}
}

@media screen and ( min-width: 1024px) { /* HOVER */
	ul.rrss li a.f:hover { background-position: -6% 119%;}
	ul.rrss li a.t:hover { background-position: 21% 119%;}
	ul.rrss li a.i:hover { background-position: 47% 119%;}
	.mainBar a:hover { color: #000;}
	.btn:hover { background-color: #000;}
	.boxDestacado a:hover, .btnDown:hover, .boxCategorias ul li:hover { background-color: #EEE;}
	.btn.black:hover, .btn.white:hover, .btnContOpcionPuntos .btn:hover, .btnContOpcionPuntos .btn:hover:before, .btnAgendaExtra:hover:before, .boxContacto input[type="submit"]:hover { background-color: #E8533F; color: #FFF;}
	.boxFechasEventos a:hover { background-color: #F6F6F6;}
	.boxMiniInfo .boxShare a:hover { border-bottom: 1px solid #000;}
	.boxTxt a:hover, .boxTxt a.btnDoc:hover span { border-bottom: 1px solid transparent;}
	.puntosObra .punto a:hover, .puntosObra .punto a:hover * { color: #999;}
	.puntosObra .punto a:hover .circulo span { opacity: .5; -webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}

	.boxEventos .col-cervantes-digital a:hover { background-color: transparent;}
	.boxEventos .col-cervantes-digital a:hover .info { opacity: 1;}
}