/* ESTILOS PERSONALIZADOS PARA EL PROYECTO */
*{border-radius:0 !important;}
html, body{height:100%;}
hr{border-color:#96BBD3; border-width:5px;}
body{font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: "Helvetica Neue", Arial;}




/* ============================================================================================== */
/* OVERRIDES DE ESTILOS DE BOOTSTRAP */
/* ============================================================================================== */
@media (max-width: 1024px) {
	/* PAra evitar problemas en el menú principal */
    .navbar-header {float: none;}
    .navbar-left,.navbar-right {float: none !important;    }
    .navbar-toggle {display: block;}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
	.navbar-fixed-top {top: 0; border-width: 0 0 1px; }
	.navbar-collapse.collapse { display: none!important;}
    .navbar-nav {float: none!important;margin-top: 7.5px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .collapse.in{display:block !important;}
   .navbar-nav .open .dropdown-menu {
       position: static; float: none; width: auto; margin-top: 0; border: 0;
       background-color: transparent; -webkit-box-shadow: none; box-shadow: none;
    }
}
.clearfix{margin: 15px 0 !important;}
.modal-panel{z-index:10999 !important;}
.modal-footer{padding:5px 15px; background-color:#EEE;}
.modal-header h4{font-weight:bold !important;}
.modal-body h4{margin-top:20px;}
.modal-body hr{margin:10px 0;}
label{font-weight:normal !important;}
dd{margin-bottom:8px; font-size:90%;}
.carousel-control.left {background: none !important;}
.carousel-control.right {background: none !important;}



/* ============================================================================================== */
/* ESTILOS GENÉRICOS, PARA MÚLTIPLES CASOS DE USO */
/* ============================================================================================== */
.row1{
	background-color: #fff;	border-left: 4px solid #f5b656;	margin-bottom: 20px;
	padding-left: 8px; text-align: left; width: 95%;
}
.gallery-image{cursor: pointer !important;}
.padding10{padding:10px;}
.font90pc{font-size:90%;}
.h100pc{height:100%;}
hr.fina{border-width:1px; border-color:#DDD;}
.a2a_kit{margin-bottom:12px;}
img.banner{margin-bottom:20px;}
td.fc-day/* , div.fc-content */{cursor:pointer;}



/* ============================================================================================== */
/* ESTILOS PARA EL CINTILLO SUPERIOR */
/* ============================================================================================== */
.cintillo{
	background-color: #333;
	color: #EEE; width:100%;  padding:10px 0;
}
.cintillo .container{
	height: 100% !important; padding:0; position:relative;
}
.cintillo .marca{
	height: 120px; overflow-x: hidden; white-space:nowrap;
}
.cintillo .marca img.logo{
	height:100px; display: inline-block; margin-right:20px;
}
.cintillo h1{
	color: #EEE; margin:0; font-size: 24px; font-weight:normal; font-family:Verdana;
	display: inline-block; vertical-align: top; padding-top:10px;
}
.cintillo small{color:#DDD;}
.idioma li{width:40px;}
.idioma li a{padding:10px; text-align: center;}
.social-icons a{
	display:inline-block;
	width:40px; height:40px;
	text-align: center;
	color:#DDD;
	line-height:50px;
	transition: background-color 0.3s, color 0.3s;
}
a.social-youtube:hover{background-color: #E32C28; color: white;}
a.social-facebook:hover{background-color: #39599F; color: white;}
a.social-twitter:hover{background-color: #4196BE; color: white;}
a.social-linkedin:hover{background-color: #007AB9; color: white;}
a.social-rss:hover{background-color: #F8BC2E; color: white;}

@media (max-width: 767px) {
	.cintillo{
		height: 160px;
	}
	.cintillo .lateral{
		height:40px; width:auto; position:relative;
	}
	.idioma{
		position:relative; display: inline-block; vertical-align: top;
	}
	.social-icons{
		position: relative; display: inline-block; vertical-align: top;
	}
}
@media (min-width: 768px) {
	.cintillo{
		height: 120px;
	}
	.cintillo .lateral{
		height:100%; width:300px; position:absolute; right:0; top: 0;
	}
	.idioma{position:absolute; top:0; right:0;}
	.social-icons{
		position: absolute; bottom:0; right:0;
	}
}



/* ============================================================================================== */
/* ESTILOS PARA EL MENÚ PRINCIPAL */
/* ============================================================================================== */
.menu-principal{border-bottom:1px solid #666; border-top:1px solid #666; z-index:999;}
.affix{top:0; left:0; right:0;}
.menu-principal > .container{padding:0;}
#main-menu ul li a{font-weight:normal; font-family: Arial;}
.navbar-inverse .navbar-nav > li > a {
  color: #BBB;
}
@media (min-width: 768px) {
	#main-menu{padding:0;}
}



/* ============================================================================================== */
/* ESTILOS PARA EL MENÚ DEL PIE DE PÁGINA */
/* ============================================================================================== */
#footer-menu ul li a{font-weight:bold;}
@media (min-width: 768px) {
	#footer-menu{padding:0;}
}



/* ============================================================================================== */
/* ESTILOS PARA EL MENÚ LATERAL */
/* ============================================================================================== */
.menu-lateral{margin-top:20px;}
.just-padding {padding: 15px;}
.list-group.list-group-root {padding: 0; overflow: hidden;}
.list-group.list-group-root .list-group {margin-bottom: 0;}
.list-group.list-group-root .list-group-item {border-radius: 0; border-width: 1px 0 0 0;}
.list-group.list-group-root > .list-group-item:first-child {border-top-width: 0;}
.list-group.list-group-root > .list-group > .list-group-item {padding-left: 30px;}
.list-group.list-group-root > .list-group > .list-group > .list-group-item {padding-left: 45px;}



/* ============================================================================================== */
/* ESTILOS PARA LA BARRA DE MIGAS DE PAN */
/* ============================================================================================== */
.migaspan{
	min-height:auto !important; margin:0; background-color: #F5F5F5;
}
.migaspan ol{margin:0; padding-left:0; padding-right:0;}



/* ============================================================================================== */
/* ESTILOS PARA EL CARRUSEL (HOME) */
/* ============================================================================================== */
.carousel{background-color:#C9DAE5; margin-bottom:10px;}
#carousel > .container{padding:0;}
.coa-carousel-item {
/*	height: 350px;*/
	padding-bottom:32%;
	background-size: cover;
	background-color: #333;
}
.coa-carousel-item img{height:200px;}
.coa-carousel-item .row{height:100%;}
.coa-carousel-item .row-inner{height:100%; position: absolute;}
.coa-carousel-item .carousel-caption{
	background-color:rgba(0,0,0,0.4); left:0; right:0; bottom:0; top:0; height:100%;
	padding:30px 20px;
}
.carousel-caption{text-align:left;}
.carousel-caption h3{font-weight:bold;}
.carousel-caption a{color:white; transition:color 0.3s;}
.carousel-caption a:hover{text-decoration:underline; color: #ed833d;}
@media (max-width: 992px) {
	.carousel-caption{display:none;}
}



/* ============================================================================================== */
/* ESTILOS PARA EL ÁREA DE DESTACADOS PRINCIPAL (HOME) */
/* ============================================================================================== */
.destacados-principal{
	background-color: #ED833D; color:white;
	min-height:150px;
	padding:20px; margin:20px 0;
	transition: background-color 0.3s;
}
.destacados-principal:hover{
	background-color:#C46B35;
}
.destacados-principal h1{
	border-bottom:1px solid white; margin-top:0;
}
.destacados-principal p{font-size:120%;}
.destacados-principal a{
	color: white; font-weight:bold; font-size:130%;
}
.destacados-principal a:hover{
	color:#333; text-decoration:none;
}
.clearfix{margin:30px 0;}



/* ============================================================================================== */
/* ESTILOS PARA EL ÁREA DE DESTACADOS SECUNDARIOS (HOME) */
/* ============================================================================================== */
.destacados-home, .nots-home{
	margin-bottom:20px; 
	min-height:140px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.destacados-home > [class*='col-'],
.nots-home > [class*='col-'] 
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}

.cuadro-destacado{
	padding:20px; height:100% !important; transition: background-color 0.3s; overflow:hidden; width:100%;
}
.cuadro-destacado h2{font-size:18px; margin:10px 0; font-weight:bold;}
.cuadro-destacado h2{margin-top:0;}
.cuadro-destacado a{color:#FFF;}
.cuadro-destacado a:hover{text-decoration:none;}
.destacado-1{background-color:#639BBE; color:white; transition:background-color 0.3s;}
.destacado-1:hover{background-color:#2E566F;}
.destacado-2{background-color:#BC9064; color:white; transition:background-color 0.3s;}
.destacado-2:hover{background-color:#825D38;}
.destacado-3{background-color:#777; color:white; transition:background-color 0.3s;}
.destacado-3:hover{background-color:#444;}



/* ============================================================================================== */
/* ESTILOS PARA LOS ITEMS DE PORTADA (Actualidad y agenda) */
/* ============================================================================================== */
/* .nots-home-item{background-color:#FFF; transition: background-color 0.3s;} */
/* .nots-home-item:hover{background-color:#DDD;} */
.nots-home-item{margin-bottom:20px;}
.nots-home .thumbnail{
	max-height:110px !important; overflow:hidden; padding:0;
}
.nots-home-img-container{
	/* position:relative; height:0; width:100%; padding-bottom:40%; overflow-y:hidden; overflow-x:hidden; */
}
.nots-home-img-container img{
	/* width: 100%; height:100%; position: absolute; left:0; */
}
.nots-home h4{font-weight:bold;}
.nots-home h4 a{transition:color 0.3s;}
.nots-home h4 a:hover{font-weight:bold; color:#333; text-decoration:none;}
.nots-home span.fecha{color:#D57538; display:block; font-size:90%;}



/* ============================================================================================== */
/* ESTILOS PARA LA MINIAGENDA Y SUS EVENTOS */
/* ============================================================================================== */
.minievento{padding:15px 0;}
.minievento h3{
	font-size:14px; font-weight:bold; border-bottom:1px solid #ED833D;
	display:inline; background-color: #ED833D; margin:0; padding:8px;
}
.minievento-fecha{
	color: white;padding:8px 8px 7px 0; display:inline-block;
	width:100%; border-bottom:1px solid #ED833D; 
}
.minievento a{
	display:block; font-weight:bold; transition: color 0.3s;
}
.minievento a:hover{color:#333; text-decoration:none;}
.minievento span.fecha{
	color:#ED833D; font-size:13px; display: block;
}
.minievento span.lugar{
	color:#666; font-size:13px; display: block;
}



/* ============================================================================================== */
/* ESTILOS PARA LOS LISTADOS DE THUMBNAILS */
/* Ejemplo: junta de gobierno */
/* ============================================================================================== */
.thumb-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.thumb-container > [class*='col-'] {
	display: flex;
	flex-direction: column;
}
.thumb-container .thumbnail{height: 100% !important;}
.thumb-container .thumbnail h3{
	font-size:18px;	 margin-top:10px;
	border-bottom: 1px solid #DDD;
}



/* ============================================================================================== */
/* ESTILOS PARA LOS CONTENIDOS DE LAS PÁGINAS */
/* ============================================================================================== */
.img-cabecera{margin-top:20px;}
.archivo-adjunto{margin-top:20px;}



/* ============================================================================================== */
/* ESTILOS PARA LOS LISTADOS DE ARTÍCULOS */
/* ============================================================================================== */
.item-listado-imagen{max-width:40% !important;}
.item-listado-imagen-izda{margin-right:12px;}
.item-listado-imagen-dcha{margin-left:12px;}
.item-listado-articulos{border-bottom:1px solid #DDD; margin-bottom:30px;}



/* ============================================================================================== */
/* ESTILOS PARA LISTADOS LINEALES DE ITEMS (ARQUITECTOS, PROFESIONALES ITE, NORMATIVAS...) */
/* ============================================================================================== */
ul.link-list {list-style-type: none;}
ul.link-list li{margin-bottom:10px; }
ul.link-list li:before {    
	font-family: 'FontAwesome';
	content: '\f0da';
	margin:0 5px 0 -15px;
	color: #FC0;
}
ul.link-list .link-title{font-weight: bold; }



/* ============================================================================================== */
/* ESTILOS PARA FORMULARIOS DE BÚSQUEDA Y FILTRADO (DIRECTORIOS, ETC) */
/* ============================================================================================== */
.frm-filter{
	border-bottom:1px solid #DDD; padding-bottom:30px; margin-bottom:30px;
}



/* ============================================================================================== */
/* ESTILOS PARA LAS PÁGINAS DE DESARROLLO DE ARTÍCULOS (PÁGINAS, NOTICIAS, ETC) */
/* ============================================================================================== */
.art_header_image .gallery-image img.item-listado-imagen{
	max-width:100% !important;
	margin-bottom:20px;
}



/* ============================================================================================== */
/* ESTILOS PARA LA AGENDA, VISTAS LISTADO Y CALENDARIO */
/* ============================================================================================== */
.fc-title{color:#000;}






.eqheight {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
.eqitem {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}
.eqitem .thumbnail{
	height:100% !important;
	transition: background-color 0.2s;
}
.eqitem .thumbnail:hover{
	background-color:#FFF0C3;
}
img.ferialibro{
	max-width:100px !important; 
	margin-right:6px !important;
}