@charset "UTF-8";
/* CSS Document */

img {
	border:none
}
/* -- TITULOS -- */
h2 {
	font-size: 1.4em;
	text-transform: uppercase;
	line-height:1em;
	border-bottom: none!important;
}
html body div.visib div.cuerpo div.contenido div.calprimi h2 {
	margin-top:1.2em
}
html body div.visib div.cuerpo div.contenido div.calprimd h2 {
	margin-top:2.2em
}
h3, .insertA h2 {
	text-transform:uppercase;
	font-size:1.1em;
}
/* -- TITULOS -- */

/* -- CONTENIDO -- */
.calprimi div {
	display:inline-block;
	width:23%;
	height:17em;
	position:relative;
	color:#FFF;
	margin-right: 0.9em;
	margin-bottom: 0.9em;
	overflow:hidden;
	background-color: black;
}
.calprimi:second div {
	height:10em !important;
	
}
.calprimi div img {
	overflow:hidden;
	display:inline-block;
	vertical-align:top
}
.calprimi div span, html body div.visib div.cuerpo div.contenido div#rscont div.calprimi div.span {
	position:absolute;
	z-index:2;
	bottom:0;
	background-color:rgba(0,0,0,0.8);
	display:inline-block;
	width:99%;
	bottom:0;
	padding:2%;
	border:none;
	left:1%;
}
html body div.visib div.cuerpo div.contenido div#rscont div.calprimi div.span {
	background-color:red!important;
	border:solid red 1px!important;
	position:relative!important;
	top:0!important;
	left:0!important;
	z-index:9999!important
}
.calprimi div a {
	color:#FFF;
	font-weight:bold
}
.contenido {
	width:81%!important;
	padding:0;
	margin:0;
}
.calprimi{
	width:69%;
	padding:0;
	margin:0;
	margin-left:2.5%;
	display:inline-block
}
.calprimd {
	width:23%!important;
	padding:0!important;
	margin:0;
	margin-right:2%;
	display:inline-block;
	float:nonen:
}
.calprimd div h3 {
	background-color:#000;
	color:#FFF;
	border-radius:0.5em;
	text-transform:none;
	padding: 0.2em 2em;
	position:relative
}
.calprimd div h3 img {
	position:absolute;
	top:-1.5em;
	right:0
}
/* -- CONTENIDO -- */

/* --- CENTRAL --- */
.visib {
	width:98%;
	margin:0 1%
}
.cuerpo {
	margin:0 auto;
	width:100%;
	max-width: 1300px;
}
.calprimi img {
	border:none;
	width:97%
}
.calprimi .slide {
	max-height:175px
}
.calprimi div span a img {
	width:auto
}
/* --- CENTRAL --- */

/* -- MENU -- */
#menu {
	width:19%!important;
	padding:0;
	margin:0;
}
.caja1B a.consultar {
	width:32%;
	padding-top:0.35em;
	padding-bottom:0.35em;
}
.caja1B br {
	clear:both;
	line-height:1em
}
.caja1B a.hoy {
	width:13%;
	padding:0.7em 5%!important;/*margin-top:0.5em;*/
}
.caja1B a.semana, .caja1B a.mes {
	width:31%;/*margin-top:0.5em;*/
}
.caja1B.bavanzada {
	padding-top:0.5em;
	padding-bottom:0.5em;
	font-weight:bold;
	text-align:left
}
h3.participa {
	text-transform:uppercase;
	font-size:105%;
	margin:0;
}
.caja1B {
	padding:0.8em;
	text-align:center;
	background-color: #FFF;
}
#menu h3 {
	text-transform:uppercase;
	font-size:105%;
	margin:0;
}
.menu input {
	float:none
}
.menu a {
	width:100%;
	display:inline-block;
	text-align:right;
	/*background-color:#cecac0;*/
	text-transform:uppercase;
	font-size:95%;
	font-weight:bold;
	background-position:left center;
	background-repeat:no-repeat;
	margin:0.4em 0;
}
.menu a:first-child {
	background-image:url(/cont/paginas/actividades/imagenes/menu-cine.gif)
}
.menu a:nth-child(2) {
	background-image:url(/cont/paginas/actividades/imagenes/menu-teatro.gif)
}
.menu a:nth-child(3) {
	background-image:url(/cont/paginas/actividades/imagenes/menu-infantil.gif)
}
.menu a:nth-child(4) {
	background-image:url(/cont/paginas/actividades/imagenes/menu-expo.gif)
}
.menu a:nth-child(5) {
	background-image:url(/cont/paginas/actividades/imagenes/menu-musica.gif)
}
.menu a:nth-child(6) {
	background-image:url(/cont/paginas/actividades/imagenes/menu-juvenil.gif)
}
.menu a:nth-child(7) {
	background-image:url(/cont/paginas/actividades/imagenes/menu-deporte.gif)
}
.menu a:nth-child(8) {
	background-image:url(/cont/paginas/actividades/imagenes/menu-fiestas.gif)
}
.menu a:nth-child(9) {
	background-image:url(/cont/paginas/actividades/imagenes/menu-callejero.gif)
}
.menu a:nth-child(10) {
	background-image:url(/cont/paginas/actividades/imagenes/menu-otros.gif)
}
.menu a:hover {
	text-decoration:none;
	color:#FFF!important
}
.menu a:first-child:hover {
	background-color:#ae3664;
	background-image:url(/cont/paginas/actividades/imagenes/menu-cine-H.gif)
}
.menu a:nth-child(2):hover {
	background-color:#5b3695;
	background-image:url(/cont/paginas/actividades/imagenes/menu-teatro-H.gif)
}
.menu a:nth-child(3):hover {
	background-color:#496796;
	background-image:url(/cont/paginas/actividades/imagenes/menu-infantil-H.gif)
}
.menu a:nth-child(4):hover {
	background-color:#779869;
	background-image:url(/cont/paginas/actividades/imagenes/menu-expo-H.gif)
}
.menu a:nth-child(5):hover {
	background-color:#98b73f;
	background-image:url(/cont/paginas/actividades/imagenes/menu-musica-H.gif)
}
.menu a:nth-child(6):hover {
	background-color:#e79723;
	background-image:url(/cont/paginas/actividades/imagenes/menu-juvenil-H.gif)
}
.menu a:nth-child(7):hover {
	background-color:#af360b;
	background-image:url(/cont/paginas/actividades/imagenes/menu-deporte-H.gif)
}
.menu a:nth-child(8):hover {
	background-color:#5c370c;
	background-image:url(/cont/paginas/actividades/imagenes/menu-fiestas-H.gif)
}
.menu a:nth-child(9):hover {
	background-color:#569898;
	background-image:url(/cont/paginas/actividades/imagenes/menu-callejero-H.gif)
}
.menu a:nth-child(10):hover {
	background-color:#e06595;
	background-image:url(/cont/paginas/actividades/imagenes/menu-otros-H.gif)
}
/* -- MENU -- */

/* -- FORM / BOTONES / TABLAS -- */
.boton, #menu .boton, a.boton, a.boton:link, input.boton, a.risp-xml, a.risp-json, .insertA form#formx input.botRojo, html body div.visib div.contenido.bsq_a div.marco div#rscont div.bsq div.btn_bsq a {
	background-color:#de2c1b;
	color:#FFF;
	font-size:0.90em;
	letter-spacing:normal;
	font-weight:bold;
	border:none;
	-moz-border-radius:0.5em;
	border-radius:0.5em;
	-web-kit-border-radius: 0.5em;
	line-height:0;
	border:0;
	letter-spacing:normal;
	display:inline-block;
	padding:0.3em 0.1em/*1%*/;
	/*	margin:0 0.1em 0 0;*/
	text-align:center;
	line-height:90%;
	float:none;
	clear:both;
	vertical-align:top
}
html body div.visib div.contenido.bsq_a div.marco div#rscont div.bsq .btn_bsq form {
	width:64%
}
html body div.visib div.contenido.bsq_a div.marco div#rscont div.bsq div.btn_bsq a {
	padding:0.5em
}
html body div.visib div.contenido.bsq_a div.marco div#rscont div.bsq div.btn_bsq form input[type="text"] {
	width:84%
}
input[type="text"], {
 background-color:#FFF;
 border:solid 1px #999;
 width:55%;
 margin:0 1px 0 0;
 padding:0;
 float:none
}
.cajapar a.boton {
	width:44%;
}
span.boton {
	background-color:#000!important;
}
/* -- FORM / BOTONES / TABLAS -- */

/* CALENDARIO / IZQ */
#calendario_actividades .date {
	position: relative;
	float: right;
	margin: 0.5em;
	width: auto;
	border: none;
	border-radius: 0.5em;
	background-color: rgb(025, 188, 197)!important;
	padding:0.1em 0.4em;
	z-index:1;
}
#calendario_actividades .day {
	border: none;
}
#calendario_actividades table caption {
	margin-top:2.5em
}
.calta table tr td a img {
	border:solid 1px red;
	position:absolute
}
dl.agenda_dia dt {
	border:none!important;
	border-top: 1px dotted #000!important;
}
#calendario_actividades .scroll {
	height: 18em;
}
#calendario_actividades {
	background-color:#FFF;
	padding:0 0.5em;
	background-image: none;
}
#calendario_actividades .calta {
	padding:0;
	margin:0
}
#calendario_actividades table {
	width:80%;
	text-align:left;
	border-color:transparent;
	padding:0;
	margin:0
}
#calendario_actividades h3 {
	background-color:#000!important;
	color:#FFF;
	border-radius:0.5em;
	text-transform:none;
	padding: 0.2em 2em;
	font-size:1.1em;
	width:55%
}
#calendario_actividades h3 a {
	color:#FFF;
	font-weight:bold;
	font-size:150%;
	position:absolute;
	margin:-0.2em 0 0 0.4em
}
.scroll {
	margin-top:0.8em
}
/* CALENDARIO / IZQ */


/* --- FICHA AGENDA --- */
/* CENTRAL */
.agenda {
	margin:0;
	padding:0;
	width:100%;
}
/* titulo */
.agenda h2.summary {
	width:61%!important;
	padding:0;
	margin:1% 0;
	background-image:none!important;
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
	font-size:1.2em;
	padding:0.7% 1%;
	border:none!important;
}
.agenda h2.summary a {
	padding:0;
	margin:0;
	float:right
}
.agenda h2.summary a img {
	padding:0;
	margin:0
}
/* titulo */

.elementos {
	margin:0;
	margin-top:1%;
	padding:0;
	width:63%!important;
	/*text-indent:1em*/
}
.elementos span {
	font-size:1.2em
}
hr.hrojo {
	border:dotted red 1px!important;
	border-left:0;
	border-right:0;
	height:2px;
}
h3#Comentarios{
	padding:0;
	margin:0;
	display:inline-block
}
.opinion, div.contenido div.vevent div.agenda div.elementos .nuevo {
	padding:0;
	margin:0;
	border:1px dotted red!important;
	display:inline-block;
	border-bottom:0;
	font-weight:bold;
	text-indent:0px;
	padding: 0.5% 1%;
	float:right;
	background-color:#fff;
	top:0
}
.opinion a, div.contenido div.vevent div.agenda div.elementos .nuevo a {
	color:#333
}
.coment, div.contenido div.vevent div.agenda div.elementos div.comentarios div.comentario {
	padding:1%;
	margin:0;
	border:1px dotted red;
	float:none;
	clear:both;
	background-color:#eee;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
div.contenido div.vevent div.agenda div.elementos div.comentarios {
	border:none;
	margin:0!important
}
.blanco {
	background-color:#FFF!important
}
.borde {
	background-color:transparent!important
}
.elementos .horario {
	float:right;
	width:20em;
	text-indent:0;
	color:#333;
	background-color:#FFF !important
}
/* CENTRAL */

/* DERECHA */
.imagen {
	margin:0;
	padding:0;
	width:auto;
	max-width:260px;
	text-align:right;
}
.imagen img.imgact {
	border:none;
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
	border:solid 2px #fff;
	width:98%
}
div.tabla {
	text-align:left;
	background-color:#FFF;
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
	border:solid 4px #fff
}

.tabla ul { list-style-type:none; background-image:none; background-color:#FFF; border-top:dotted 1px #000 }
.tabla ul li a {color:#000}
.tabla ul li {border:dotted 1px #000; padding:0; margin:0; display:inline-block;height:1em; width:79%; vertical-align:top; list-style-type:none; background-image:none; clear:right; margin-top:-1px; border-top:none; line-height:1em; padding:0.5em}
.tabla ul li.ico {width:10%; text-align:center; border-right:none}

/*.imagen table {
	text-align:left;
	background-color:white;
	padding:0;
	margin:0;
	width:100%
}
.imagen table td, .imagen table {
	border:#000 1px dotted!important;
	background-image:none;
}
table a, table strong {
	color:#333
}
.imagen table td {
	padding:0 0.2em!important;
	background-image:none;
}
*/
.datA {
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
	background-color:#FFF;
	/*max-width:170px;*/
	display:inline-block;
	vertical-align:top;
	height:80px;
	padding:0 0.5em;
	width:100%;
	margin-top:0.7em;
	
}
.datA img {
	border:none;
	float:left;
	margin-top:0.3em
}
.qr {
	float:none;
	clear:both;
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
	padding:0;
	margin:0;
	max-width:80px!important
}
/* DERECHA */

/* PIE */ 

.herrsoc {
	min-width:260px
}
/* PIE */ 

/* LISTADO ACTOS AGENDA */

#rscont {
	margin:0 0.5% 0 3.5%!important;
	padding-right:2%!important;
}
#rscont h2 {
	border-bottom:solid 1px #000
}
#rscont .dcha {
	font-weight:bold
}
#rscont .dcha span {
	color:#F00
}
#resultados table {
	width:100%
}
#resultados table tr th {
	background-color:#ddd!important;
}
a.boton.des, a.boton.env {
	padding:0.5% 0.7%;
	font-size:100%
}
.tabla a {
	color:#de2c1b;
	/*font-weight:bold*/
}
.tabla {
	border:none;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	border-left:#f2f2f2 solid 1px;
	border-right:#f2f2f2 solid 1px;
	background-color:#FFF;
}
.tabla td {
	border-left:dashed 1px #ccc;
	border-right:dashed 1px #ccc;
	background-image:none;
}
a.boton.flecha {
	background-color:#FFF;
	color:#000;
	border:solid 1px #CCC;
	padding:0.9%;
	text-align:center
}
tr th {
	padding:0.3em 1em
}
.paginas {
	width:50%;
	text-align:right
}
.paginas a.boton, .paginas a.boton:link, .paginas a.boton.flecha, .paginas span.boton {
	/*font-size:120%;*/
	display:inline-block;
	width:1em;
	float:none;
	clear:both;
	margin:0!important;
	padding:0.4em 0.3em!important;
}
/* LISTADO ACTOS AGENDA */
/* INSERTAR AGENDA */
#error ul li {
	color:rgb(222, 44, 27);
}
.insertA {
	background-color:#ccc;
	border-radius:1em;
	margin:0 0.5% 0 3.5%;
	padding:0 2%
}
.insertA h3, .insertA h2 {
	border-bottom:solid 1px #000!important;
	padding-top:2.5%!important;
}
#cargando, #cargando_inscrip {
	display: none
}
#autolugar, #autolugar_inscrip {
	position: relative;
	display: none
}
/* --- FORM --- */
form#formx {
	clear:both;
	float:none;
	margin-bottom:1%
}
legend {
	text-transform:uppercase;
	background-color:#fff;
	display:block;
	color: rgb(222, 44, 27);
	font-size:1em;
	text-indent:0;
	border-bottom:1px dotted #333;
	width:99%;
	margin:0 0 1em 0;
}
legend span {
	color:#000;
	text-transform:none
}
fieldset {
	background-color:#eee;
	padding:0;
	text-indent:0;
	width:98%;
	margin: 1em 0;
}
form#formx input[type="text"], form#formx textarea, form#formx select {
	background-color:#fff;
	border:solid 1px #ccc;
	display:inline-block;
	float:none;
	clear:both;
	width:73%
}
form#formx .controls{width: 73%; display: inline-block;}
form#formx textarea {
	margin-bottom:1%
}
form#formx label {
	display:inline-block;
	width:22%!important;
	text-indent:0.75em;
	vertical-align:top;
	font-weight:bold
}
form#formx #telefono, form#formx #f_inicio, form#formx #f_final, form#formx #telefono_inscrip, form#formx #fax_inscrip, form#formx #f_inicio_inscrip, form#formx #f_final_inscrip, form#formx #telefono_contacto {
	width:24.2%;
}
form .boton, .insertA form#formx input.botRojo {
	/*padding:0 0.5%;*/
	float:right;
	position:relative
}
/* --- FORM --- */
span.star {
	font-weight:bold;
	position:relative
}
span.star span {
	color:red;
	font-size:2em;
	margin:0;
	padding:0;
	position:absolute;
	top:-1px;
	left:6px;
	text-indent:0
}
/* INSERTAR AGENDA */


/* BUSCADOR */
.bsq {
	width:100%
}
.separador {
	border-top:solid 1px #ddd;
	margin:0 0.4em
}
.separador img {
	width:9%;
	float:left;
	max-height:75px;
	max-width:50px;
	margin-right:0.5%
}
.separador a {
	display:inline-block;
	margin-top:3%
}
dt, dl, dd {
	padding:0;
	margin:0;
	text-indent:0;
	position:relative;
	left:0
}
.faceta {
	box-shadow:0px 0px 0px #ccc!important
}
.faceta ul li span {
	color:#FFF;
	background-color:#000!important
}
/* CENTRAL */
/* OJO - listado actos */
/**/
.bsq #rscont {
	background-color:#ccc;
	border-radius:1em;
	margin:0 0.5% 0 3.5%;
	padding:0 2%
}
.bsq #rscont h3 {
	border-bottom:solid 1px #000;
	padding-top:2.5%;
}
/* OJO - listado actos */
.btn_bsq form {
	width:65%;
	display:inline-block
}
.btn_bsq input[type="text"] {
	float:none;
	width:84%
}
.btn_bsq input[type="submit"].boton {
	float:none
}
.btn_bsq .boton {
	padding:0.5%!important
}
.rslt_bsq {
	background-color:#fff;
	width:67.5%;
	float:left;
	margin-right:2%;
	display:inline-block;
	vertical-align:top
}
.n_rslt {
	border-bottom: dotted 1px #000;
	padding:1% 2%;
	text-align:right
}
.n_rslt strong {
	float:left;
	clear:both
}
.n_rslt a.boton {
	padding:0.5%;
	margin:0
}
.n_rslt a.json, a.risp-json {
	background-color:#aa8800;
	padding:0.5%;
	margin:0
}
.rslt_bsq hr.separador {
	border:none;
	border-bottom:solid 1px #ddd;
	margin-bottom:1%
}
.faceta {
	width:30%!important;
	display:inline-block;
	vertical-align:top;
	margin:0!important;
	padding:0!important;
}
.bsq .paginas {
	padding-right:32%!important
}
/* BUSCADOR */
html body div.visib div.contenido.bsq_a div.marco div#rscont div.bsq {
	background-color:#ccc;
	border-radius:1em;
	padding:0 2%;
}
html body div.visib div.contenido.bsq_a div.marco div#rscont div.bsq h3 {
	border-bottom:solid 1px #000;
	padding-top:2.5%;
}
html body div.visib div.contenido.bsq_a {
	float:none;
	clear:both;
	width:92%;
	max-width: 1300px;
	margin:0 auto
}
div.paginas a, html body div.visib div.contenido.bsq_a div.marco div#rscont div.bsq div.paginas span, html body div.visib div.cuerpo div.contenido div#rscont form#formx div.marco2 div.campo input.botRojo, html body div.visib div.cuerpo div.contenido div#rscont form#formx div.marco2 div.campo div.botRojoVolver {
	background-color:#de2c1b;
	color:#FFF;
	font-size:0.90em;
	letter-spacing:normal;
	font-weight:bold;
	border:none;
	-moz-border-radius:0.5em;
	border-radius:0.5em;
	-web-kit-border-radius: 0.5em;
	line-height:0;
	border:0;
	letter-spacing:normal;
	display:inline-block;
	padding:0.3em 0.1em/*1%*/;
	/*	margin:0 0.1em 0 0;*/
	text-align:center;
	line-height:90%;
	float:none;
	clear:both;
	vertical-align:top;
	padding:0.4em 0.5em!important;
}
/*correo agenda*/
html body div.visib div.cuerpo div.contenido div#rscont form#formx div.marco2 div.campo input.botRojo, html body div.visib div.cuerpo div.contenido div#rscont form#formx div.marco2 div.campo div.botRojoVolver {
	position:relative!important;
	top:0;
	left:0;
	display:inline-block!important;
	float:right!important
}
html body div.visib div.cuerpo div.contenido div#rscont form#formx div.marco2 {
	background-color:#CCC;
	border-radius: 1em 1em 1em 1em;
	-webkit-border-radius: 1em 1em 1em 1em;
	-moz-border-radius: 1em 1em 1em 1em;
	padding-bottom:8%
}
html body div.visib div.cuerpo div.contenido div#rscont form#formx div.marco2 div.campo div.botRojoVolver a {
	background-color:transparent;
	letter-spacing:0
}
html body div.visib div.contenido.bsq_a div.marco div#rscont div.bsq div.paginas span {
	background-color:#000;
	margin-right:0.2em
}
/*buscar agenda*/
html body div.visib div.cuerpo div#menu div.caja1B form input[type="text"] {
	width:55%!important;
}
/*listadoactos*/
a.boton.des, a.boton.env {
	margin:0.5%
}
.pdf {background:none}
div.paginas a, div.paginas a:hover, div.paginas a:active, div.paginas span{
	margin:0;padding:0;
}
div.paginas a:hover {text-decoration:underline}

.botoncipaj,.botonb,.boton2, .boton, .boton a,.botonb a,.bot_not a,.boton2 a {
	margin-left:0;
}

.nowrap {white-space: nowrap}

div.agendas{
	height:9.5em;
}
div.agendas div {
	width:50%;float:left; font-weight: bold;
}

.banner {
box-shadow: 0 3px 3px -1px #999999;
    margin-bottom: 1em;
    width: 100%;
	}

.banner img {
    background-color: #F2F2F2;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}
.banner .content {
    background-color: rgba(0, 0, 0, 0.1);
    background-image: none;
    color: #770f40;
    float: left;
    font-size: 1.7em;
    height: 4em;
    padding: 10px;
    position: relative;
    top: -5em;
    width: 96%;
}
.banner a .content {
    color: #8dc594 !important;
}

#portada {
    clear: none;
    float: left;
    width: 72%;
}