@import url(navi.css);
@import url(forms.css);
@import url(tables.css);

body{margin:0;padding:0; font:0.75em/1.5em "Verdana", Arial, Helvetica, sans-serif;color:#333;background:#fff; color:#666;}

img{border:0; padding:0; margin:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}
br.clear{clear:both; margin-top:-15px;}
a{outline:none; text-decoration:none;}

.capa0
{
display:inline-block;
width:100%;
}
.capa1
{
	float:left;
}
.capa2
{
	display:inline-block;
	float:right;
	text-align:right;
}
.capa3
{
	height:20px;
	display:inline-block;
	width:100%;
	float:right;
}
ul{padding: 0 0 0 14px;}
ul li {list-style-type: circle;margin:0 0 5px;}
ul li a {font-weight:normal; background:none;}
	ul ul {padding: 10px 0 7px 17px}
		li li a {list-style-type: none;font-style: italic !important;color: #666 !important;  background:none;}

.fl_left{float:left;}
.fl_right{float:right;}

.imgl, .imgr{border:1px solid #ddd; padding:5px; color:#666666; background:#FFFFFF;width:200px;}
.imgl{float:right; margin:-36px 12px 0 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}

/* ----------------------------------------------Wrapper-------------------------------------*/

.wrapper{	display:block;	width:100%;	margin:0;	text-align:left;}
.wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5, .wrapper h6{margin:0 0 15px 0;	padding:0;	font-size:20px;	font-weight:norma;font-family:Georgia, "Times New Roman", Times, serif;   color: #666;}

/* ----------------------------------------------menú de utilidades*/
.tools {color:#fff; background:#4D72B8;}
	.tools a{color:#fff;}

/* ----------------------------------------------Header*/
.header{color:#666666; background:#FFFFFF;}

/* ----------------------------------------------Breadcrumb*/
.breadcrumb{color:#666666; background:#FFFFFF;}

/* ----------------------------------------------Content*/
.content{color:#666666; background:#FFFFFF;}
	.content a{color:#4D72B8; background:#FFFFFF;}
	
/* ----------------------------------------------Subcontent*/
.subcontent{color: #999;
float: left;
padding: 10px 0;
background: #EEE}
	.subcontent a{color:#4D72B8; background:#F8F8F8;}

/* ----------------------------------------------Footer*/
.footer {color:#fff;background: #4D72B8;float: left;margin: 15px 0 0;}
.footer p, .copyright p, .footer p a, .copyright p a {color:#fff;background: none;}
.footer .fl_left p {float:left;padding: 24px 20px 0 0;}
.footer .fl_left a img {float:left;padding: 0 20px 0 0;}
.footer .fl_right a img {float:left;padding: 5px 20px 0 0;}
	/*enlace de accesibilidad*/
	.footer div.enlaces {float: left;margin:0 0 0 175px;}
	.footer div.enlaces ul.tec-validas li, .footer div.enlaces ul.datos-web li {list-style: none;display: inline;}
	.footer div.enlaces ul.tec-validas li a {padding-left: 20px;background: url(../imagenes/ico-validacion.png) no-repeat left;color: #fff; font-weight: normal;}
	.footer div.enlaces ul.datos-web li a {color: #fff;background:none;font-weight: normal;}
	.footer div.enlaces ul.datos-web li a:hover, .footer div.enlaces ul.tec-validas li a:hover {text-decoration:underline;}
	.footer div.enlaces ul.datos-web {margin:1px 0 20px;}


/* ----------------------------------------------Generalise-------------------------------------*/

#topbar, #header, #intro, #breadcrumb, #container, #footer, #copyright, #slideshow {position:relative;margin:0 auto 0;display:block;width:960px;}
	
/* ----------------------------------------------TopBar-------------------------------------*/

#topbar{padding:30px 0 5px;	}
	#topbar p{float:left;margin:0;padding:0;}
	#topbar ul{float:right;margin:0;padding:0;list-style:none;}
	#topbar ul.utilidades{float:left;margin:0;padding:0;list-style:none;}
		#topbar li{display:inline;margin:0 8px 0 0;padding:0 10px 0 0;}
		#topbar li.last{margin-right:0;padding-right:0;border:none;}
		/*iconos herramientas*/
        .sede{ background:url(../imagenes/sede-tools.png) no-repeat center top; height: 22px;line-height: 22px;padding: 27px 0 0 0;}
	.agenda{ background:url(../imagenes/agenda-tools.png) no-repeat center top; height: 22px;line-height: 22px;padding: 27px 0 0 0;}
		.telefonos{ background:url(../imagenes/telefonos-tools.png) no-repeat center top; height: 22px;line-height: 22px;padding: 27px 0 0 0;}
		.fotos{ background:url(../imagenes/fotos-tools.png) no-repeat center top; height: 22px;line-height: 22px;padding: 27px 0 0 0;}
		.noticias{ background:url(../imagenes/noticias-tools.png) no-repeat center top; height: 22px;line-height: 22px;padding: 27px 0 0 0;}

/* ----------------------------------------------Header-------------------------------------*/

#header{padding:20px 0 0; /*z-index:1000;*/}
	#header h1, #header p{margin:0;padding:0;}
	#header #logo{display:block;width: 265px;background: url(../imagenes/ayto-comillas.png) no-repeat top left;height: 113px;}
	#header h1{display:none; text-indent:-99999px;}
		#header h1 a{color:#666666;background:#FFFFFF;}

/* ----------------------------------------------Homepage Intro-------------------------------------*/

#intro{padding:0 0 30px 0;border-bottom:1px solid #CCCCCC;}
#intro ul{margin:0;padding:0;list-style:none;}
#intro li{display:block;float:left;width:234px;margin:0 8px 0 0;}
#intro li.last{margin-right:0;}
#intro img{display:block;width:224px;margin:0 0 8px 0;padding:4px;color:#666666;background:#FFFFFF;border:1px solid #E9E9E9;}
#intro a{display:block;width:234px;margin:0;padding:15px 0;font-weight:bold;text-align:center;overflow:hidden;color:#4D72B8;background:#F8F8F8;}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb{padding:30px 0;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}
	#breadcrumb a{color:#4D72B8;background:#FFFFFF;}
	#breadcrumb ul{margin:0;padding:0;list-style:none;}
		#breadcrumb ul li{display:inline;}
			#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Content-------------------------------------*/

#container{padding:30px 0;line-height:1.4em;}
	#container h1, #container h2 {padding-bottom:8px;border-bottom:1px dotted #CCCCCC;}
	#container h3 {padding-bottom:8px; font-size:17px;}
	#container h4, #container h5, #container h6{padding-bottom:8px; font-size:15px; color:#4D72B8;}
#content {display:block;float:left;width:640px;}

/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#666666; background:#FFFFFF;}
#comments .commentlist li.comment_odd a{color:#3E7060; background:#FFFFFF;}

#comments .commentlist li.comment_even{color:#666666; background:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#3E7060; background:#E8E8E8;}

#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p {margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}
#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ------------------------------ noticias y eventos ---------------------*/
.item-noticia {border-bottom: 1px dotted #E6E6E6;margin: 0 0 5px;padding: 0 0 5px; float:left;width: 100%;}
.noticia-detalle {border-bottom: none;}
.item-noticia h2 {border-bottom: none !Important;}
.item-noticia p.fecha-noticia, p.fecha-evento, .item-noticia p.subtitulo-noticia {color:#666; font-weight: normal; margin:0;}
.item-noticia p.titulo-noticia a, .item-noticia p.titulo-noticia {color:#30538C; font-weight: normal; font-size:13px; text-transform: uppercase;}
.item-noticia p {color:#666; font-weight:normal; line-height: 15px;padding: 0 0 5px;}
/*enlace-historico de noticias, eventos, encuestas...*/
div.enlace-historico { display:block; float: right;}
	div.enlace-historico a {text-decoration:underline;}
	div.enlace-historico a:hover {text-decoration: none;}


/*--------------------------------- encuesta ---------------------------------*/
form.encuesta-form {background: #eee;padding: 20px;clear: left;width: 260px; -moz-border-radius: 5px;border-radius: 5px;}
form.encuesta-form fieldset {border:none; padding:0; margin:0; width:260px;}
form.encuesta-form fieldset legend {overflow: visible;color: #666;padding: 0 0 10px;margin: 0;font-size: 11px;font-weight: bold;line-height: 14px;position: relative !important;width:260px;float:left;}
form.encuesta-form fieldset label {display: block;float: left;text-align: right;margin: 25px 15px 0 0;width:auto;} 
form.encuesta-form fieldset label input {margin: 0 5px 0 0;color: #555; width:auto;} 
form.encuesta-form fieldset label.botonera {display: block;float: left; width: 100%;margin:20px 0 0;}
form.encuesta-form fieldset label.botonera input {color:#333;font-size:12px;padding: 5px 10px;border: none;-moz-border-radius: 5px;
border-radius: 5px;box-shadow: 0px 0px 4px #666;cursor:pointer;
	/*gradiente del boton*/
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
form.encuesta-form fieldset label.botonera input:hover {color:#4D72B8;cursor:pointer;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */}
	
form.encuesta-form fieldset a.ver-resultados {float:right; text-decoration:underline; background:none; font-weight:normal; color:#4D72B8;}	
/*listas dentro de form*/

form ul{padding: 15px 0 0;}
form ul li {list-style-type: none;margin: 0;}
form.encuesta-form ul li.checkbox{width:auto;height:36px;float:left;display:block;}
*+html form.encuesta-form ul li.checkbox{width: 110px;}
/*----------------------------------------------- enlaces de interes  ----------------------------------------*/
#enlaces-interes {float: left;width: 100%; margin:0 0 10px;}
#enlaces-interes h2 {border-bottom: none;}
#enlaces-interes ul li {float: left;margin: 0 15px 0 0; list-style-type:none;}
#enlaces-interes ul li a {border: 1px solid #B5B5B5;float: left;padding: 9px;background: #fff; min-height: 85px;}
#enlaces-interes ul li a img {padding:5px;}

/* ----------------------------------------------Column-------------------------------------*/

#column{display:block;float:right;width:300px;}

.flickrbox ul{margin:0;padding:0;list-style:none;}
.flickrbox li{display:block;float:left;width:80px;height:80px;margin:0 15px 15px 0;padding:4px;color:#666666;background:#FFFFFF;border:1px solid #CCCCCC;}
.flickrbox li.last{margin-right:0;}

#column .holder, #column #featured{display:block;width:300px;margin-bottom:20px;}
#column .holder h2.title{display:block;width:100%;height:65px;margin:0;padding:15px 0 0 0;font-size:20px;line-height:normal;border-bottom:1px dashed #666666;}
#column .holder h2.title img{float:left;margin:-15px 8px 0 0;padding:5px;border:1px solid #666666;}
#column div.imgholder{display:block;width:290px;margin:0 0 10px 0;padding:4px;color:#666666;background:#FFFFFF;border:1px solid #CCCCCC;}
#column .holder p.readmore{display:block;width:100%;	font-weight:bold;text-align:right;line-height:normal;}
	
/* Featured Block */
#column #featured a{color:#666666;background:#F9F9F9;}
#column #featured ul, #column #featured h2, #column #featured p{margin:0;padding:0;list-style:none;}
#column #featured a{color:#4D72B8;background:#F9F9F9;	}
#column #featured li{display:block;width:250px;margin:0;padding:20px 25px;color:#666666;background:#F9F9F9;}
#column #featured li p.imgholder{display:block;width:240px;height:90px;	margin:20px 0 15px 0;padding:4px;border:1px solid #E6E6E6;}
#column #featured li h2{margin:0;padding:0 0 14px 0;font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;line-height:normal;border-bottom:1px dashed #666666;}
#column #featured p.readmore{display:block;width:100%;margin-top:15px;font-weight:bold;text-align:right;line-height:normal;}
#column #latestnews{display:block;width:100%;	margin:0;padding:0;list-style:none;}
#column #latestnews li{	display:block;	margin:0 0 20px 0;padding:0 0 15px 0;border-bottom:1px dotted #E6E6E6;}
#column #latestnews li.last{margin-bottom:0;}
#column #latestnews p{margin:0 0 5px 0;padding:0;}
#column #latestnews p.readmore{margin:0;padding:0;}
#column #latestnews .imgl{margin:0 10px 10px 0;padding:4px;}

/* ----------------------------------------------Footer-------------------------------------*/
#footer{padding:30px 0;}
#footer h2{padding-bottom: 3px;
font-size: 15px;
margin: 0 0 5px;
border: none;}
#footer p, #footer ul, #footer a{margin:0;padding:0;font-weight:normal;list-style:none;line-height:normal;}
#footer .footbox{display: block;
float: left;
width: 940px;
margin: 0;
padding: 10px;
border: 1px dotted #999;;}
#footer li{margin-bottom:3px;}
#footer .last{margin:0;}
#newsletter{display:block;float:left;width:300px;}

/* ----------------------------------------------Copyright-------------------------------------*/
#copyright{padding:20px 0;}

/*------------------------------------------------ editor opencms-------------------------------*/
.element a{}
.element p {padding:10px 0 15px;}
.element ul {padding:10px 0 0 10px;}
.element li {color:#4D72B8;}

.element em  {padding: 20px;background: #EDF0F7;line-height: 15px;font-size: 11px;font-style: italic;float: left;margin: 0 0 20px;}

/* General style */
.grid-gallery ul {list-style: none;margin: 0 -5px;	padding: 0;}
.grid-gallery figure {margin: 0;}
.grid-gallery figure img {display: block;width: 100%;}
.grid-gallery figcaption h3 {margin: 0;padding: 0 0 0.5em;}
.grid-gallery figcaption p {margin: 0;}
/* Grid style */
.grid-wrap {max-width: 100%;margin: 0;padding: 0;}
.grid {margin: 0 auto;}
.grid li {width: 33%;float: left;list-style-type: none;margin:0;}
.grid li a{cursor: pointer;}
.grid figure {padding: 5px 5px 0 0;background: #0c4d87;overflow: hidden;position: relative;text-align: center;z-index: 1;height: 120px; margin:5px;}
.grid figure img {transition:all 0.1s ease-in-out;transform: scale(1.3);display: block;min-height: 100%;opacity: 1;position: relative;background: #0c4d87;}
.grid figcaption {background: #e4e4e4;padding: 25px;}
.enlace-imagen-accesible {display:block; font-size:12px;color:#0c4d87;}
.enlace-imagen-accesible:hover {opacity:1;background: url("../img/go.png") left 5px no-repeat;padding:0 0 0 15px;}

/* Slideshow style */
.slideshow {position: fixed;background: rgba(0,0,0,0.6);width: 100%;height: 100%;top: 0;left: 0;z-index: 500;opacity: 0;visibility: hidden;overflow: hidden;-webkit-perspective: 1000px;perspective: 1000px;-webkit-transition: opacity 0.5s, visibility 0s 0.5s;transition: opacity 0.5s, visibility 0s 0.5s;}
.slideshow-open .slideshow {opacity: 1;visibility: visible;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.slideshow ul {width: 100%;height: 100%;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: translate3d(0,0,150px);transform: translate3d(0,0,150px);-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;}
.slideshow ul.animatable li {-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;}
.slideshow-open .slideshow ul {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.slideshow li {width: 660px;height: 560px;position: absolute;top: 50%;left: 50%;margin: -280px 0 0 -330px;visibility: hidden;}
.slideshow li.show {visibility: visible;}
.slideshow li:after {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(255,255,255,0.8);-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
.slideshow li.current:after {visibility: hidden;opacity: 0;-webkit-transition: opacity 0.3s, visibility 0s 0.3s;transition: opacity 0.3s, visibility 0s 0.3s;}
.slideshow figure {width: 100%;height: 100%;background: #fff;border: 50px solid #fff;overflow: hidden;}
.slideshow figcaption {padding-bottom: 20px;}
.slideshow figcaption h3 {font-weight: 300;font-size: 200%;}

/* Navigation */
.slideshow nav  {position: fixed;z-index: 1000;color: #59656c;text-align: center;padding: 0;cursor: pointer;font-size: 2.2em;}
.slideshow nav span {position: fixed;z-index: 1000;text-align: center;padding: 0 5px;cursor: pointer;background: #838383;border-radius: 100%;height: 55px;width: 55px;margin: 20px;}
.slideshow nav span:hover {background: #4D97C3;}
.slideshow nav span.nav-prev, .slideshow nav span.nav-next {top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.slideshow nav span.nav-next {right: 0;}
.slideshow nav span.nav-close {top: 0;right: 0;}
span.nav-prev:before {content: url("../imagenes/left.png");top: 19px; position: absolute; left: 20px;}
span.nav-next:before  {content: url("../imagenes/right.png");top: 19px; position: absolute; left: 24px;}
span.nav-close:before {content: url("../imagenes/close.png");top: 19px; position: absolute; left: 20px;}

#topbar ul li a svg {
    width: 33px;
    height: 33px;
}

/*img ,svg {
    max-width: 100%;
    height: auto;
}*/

svg[Attributes Style] {
    x: 0px;
    y: 0px;
    width: 24;
    height: 24;
}

svg:not(:root) {
    overflow: hidden;
}

/* Example media queries (reduce number of columns and change slideshow layout) */

@media screen and (max-width: 60em) {
	/* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
	.grid li {
		width: 33.3%;
	}

	.slideshow li {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0;
	}

	.slideshow li figure img {
		width: auto;
		margin: 0 auto;
		max-width: 100%;
	}

	.slideshow nav span,
	.slideshow nav span.nav-close {
		font-size: 1.8em;
		padding: 0.3em;
	}

	.info-keys {
		display: none;
	}

}

@media screen and (max-width: 35em) {
	.grid li {
		width: 50%;
	}
}

@media screen and (max-width: 24em) {
	.grid li {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.grid-gallery ul {margin: 0px;padding: 0;}
	.slideshow figure {border: 10px solid #fff;}
	.slideshow nav { padding: 0;}
	.slideshow nav span {height: 30px;width: 30px;margin: 10px;}
	.slideshow nav span.nav-close:before { position: fixed; top: -29px; right: 20px;}
	.slideshow nav span.nav-next:before {position: fixed;top: -39px;right: 14px;}
	.slideshow nav span.nav-prev:before {position: fixed;top: -39px;right: 14px;}	
}