/*------------ Estilos Ayuntamiento del Portal Cartagena.es ---------------------- */

/* uses font awesome for social icons */
/* 27/09/2023 - Cambio la conexión de http a https */
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);

.azul_marino_ayto{
	color:#004466;
}

.borde_infe {
    border-bottom: 8px solid rgb(66, 139, 202);
}

.menu_activo {
    background-color: rgb(66, 139, 202);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2) inset;
}

.menu_activo > a:hover {
    background-color: rgba(66, 139, 202, 0.9);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2) inset;
}

#ayto{
	top:0px;
	z-index: 999 !important;
}

.color_2{
	color: #36beff;
}

.titulo_dia {
    font-weight: bold;
    font-size: 16px;
    background-color: #36beff;
    padding: 5px 10px;
    color: #fff;
}

.heading_color {
    /* background-color: #054d73; */
    background-color: #428bca;
    border-color: #096289;
    color: #ffffff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px 15px;
}

#seccion_ayuntamiento {
    background-color: #ffffff;
    margin-top: 0;
    padding-bottom: 0px;
    padding-top: 5px;
	z-index:999;
}

#ayto .megamenu_azulmarino {
    background-color: #054d73;
    border-color: #096289;
    color: #ffffff;
}

#ayto .megamenu_azulmarino a{
	color:#ffffff;
}

#ayto .left-20 {
    color: #ffffff;
    margin-left: 22px;
}

#bloques_ayto{
	padding:5px;
	margin:10px 0 20px;
	/*display: block !important;*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.bloques_generales_ayto{
	font-size:12px;
}

.menu_azulmarino {
    background-color: #054d73;
    border-color: #096289;
    color: #ffffff;
}

.menu_azulmarino a{
	color:#ffffff;
}

.lista_compo_pleno {
    list-style-type: none;
}

.lista_compo_pleno li{
    margin-left: 1px;
}

.negrita_01{
    font-weight: bold;
}

#chat_ayuda ul{
	margin:0;
	padding:0;
	text-align: center;
	width: 100%;
	/*border: 1px solid red;*/
	display: inline-flex;
}

#chat_ayuda ul li{
	/*display: inline;
	list-style: none;
	margin:10px;*/
	display: inline-block;
	margin: 0 auto;
}

#chat_ayuda h3{
	margin-top:0;
}

#chat_ayuda strong, #chat_ayuda b{
	color:#178acc;
	font-size: 20px;
	/*font-weight: 300;*/
}

#chat_ayuda em{
	font-size: 18px;
	font-style: normal;
}

#chat_ayuda a img{
    max-width: 100%;
    height: auto;
}

#chat_ayuda .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #BBDEEC;
	border-radius: 5px;
}



.btn-inactivo {
    pointer-events: none; /* Impide clics */
    cursor: not-allowed;  /* Cambia el cursor */
    opacity: 0.6;         /* Apariencia atenuada */
    background-color: #ccc; /* Color gris */
}

.lista_links_solares{
	margin:0;	
	padding: 0;
}

.lista_links_solares li{
	list-style-type: none;
	padding:5px;
	text-align: left;
}

.lista_links_solares li a{
	
}



/*#chat_ayuda p{
	text-align: center;
}*/

.big_number{
	font-size:30px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	opacity:0.6;
	padding-bottom:3px;
	vertical-align:middle;
}

.big_number_2 {
    font-family: Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-weight: bold;
    opacity: 0.6;
    padding-bottom: 3px;
    vertical-align: middle;
}

.lista_ayuntamiento{
	text-align:center;
	padding:0;
	margin:0;
}

.lista_ayuntamiento li{
	display:inline;
	padding:28px;
}

#ayto .left-30{
	color:#ffffff;
	margin-left:37px;
}

#ayto .megamenu_azulmarino a:hover{
	background-color:#096289;
	border-color: #096289;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #096289;
    color: #ffffff;
}

.flechas_ayto {
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #ffffff;
    border-radius: 23px;
    height: 40px;
    left: 0;
    margin-top: 30px;
    width: 40px;
}

.encabezados{
	min-height: 15px;
}

.nombres_web{
	min-height: 75px;
	border-top:2px solid white; 
	border-bottom:2px solid white; 
	padding:10px;
}
/*--- WEBS MUNICIPALES ----*/

#w_municipales{
	
}

.wm_hacienda {
    background-image: url("../images/webs_municipales/hacienda-01.png");
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	width:100%;
	background-repeat:no-repeat;
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;   
}

.wm_hacienda:hover {
    background-image: url("../images/webs_municipales/hacienda-02.png");
    color: #fff;
	opacity:1;
}

.wm_agencia_colocacion {
    background-image: url("../images/webs_municipales/agencia-colocacion-01.png");
	/*background-size:cover;*/
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_agencia_colocacion:hover {
    background-image: url("../images/webs_municipales/agencia-colocacion-02.png");
    color: #fff;
	opacity:1;
}

.wm_adle {
    background-image: url("../images/webs_municipales/adle-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_adle:hover {
    background-image: url("../images/webs_municipales/adle-02.png");
    color: #fff;
	opacity:1;
}

.wm_hidrogea {
    background-image: url("../images/webs_municipales/hidrogea-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_hidrogea:hover {
    background-image: url("../images/webs_municipales/hidrogea-02.png");
    color: #fff;
	opacity:1;
}

.wm_archivo_municipal {
    background-image: url("../images/webs_municipales/archivo-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_archivo_municipal:hover {
    background-image: url("../images/webs_municipales/archivo-02.png");
    color: #fff;
	opacity:1;
}

.wm_mujer {
    background-image: url("../images/webs_municipales/mujer-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_mujer:hover {
    background-image: url("../images/webs_municipales/mujer-02.png");
    color: #fff;
	opacity:1;
}

.wm_bibliotecas{
    background-image: url("../images/webs_municipales/bibliotecas-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_bibliotecas:hover {
    background-image: url("../images/webs_municipales/bibliotecas-02.png");
    color: #fff;
	opacity:1;
}

.wm_bomberos{
    background-image: url("../images/webs_municipales/bomberos-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_bomberos:hover {
    background-image: url("../images/webs_municipales/bomberos-02.png");
    color: #fff;
	opacity:1;
}

.wm_ctraccion{
    background-image: url("../images/webs_municipales/ctraccion-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_ctraccion:hover {
    background-image: url("../images/webs_municipales/ctraccion-02.png");
    color: #fff;
	opacity:1;
}

.wm_catad{
    background-image: url("../images/webs_municipales/catad-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_catad:hover {
    background-image: url("../images/webs_municipales/catad-02.png");
    color: #fff;
	opacity:1;
}

.wm_consejo_economico{
    background-image: url("../images/webs_municipales/consejo-economico-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_consejo_economico:hover {
    background-image: url("../images/webs_municipales/consejo-economico-02.png");
    color: #fff;
	opacity:1;
}

.wm_consumo{
    background-image: url("../images/webs_municipales/consumo-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_consumo:hover {
    background-image: url("../images/webs_municipales/consumo-02.png");
    color: #fff;
	opacity:1;
}

.wm_deportes{
    background-image: url("../images/webs_municipales/deportes-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_deportes:hover {
    background-image: url("../images/webs_municipales/deportes-02.png");
    color: #fff;
	opacity:1;
}

.wm_desarrollo_sostenible{
    background-image: url("../images/webs_municipales/desarrollo-sostenible-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_desarrollo_sostenible:hover {
    background-image: url("../images/webs_municipales/desarrollo-sostenible-02.png");
    color: #fff;
	opacity:1;
}

.wm_educacion{
    background-image: url("../images/webs_municipales/educacion-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_educacion:hover {
    background-image: url("../images/webs_municipales/educacion-02.png");
    color: #fff;
	opacity:1;
}

.wm_espac{
    background-image: url("../images/webs_municipales/espac-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_espac:hover {
    background-image: url("../images/webs_municipales/espac-02.png");
    color: #fff;
	opacity:1;
}

.wm_juventud{
    background-image: url("../images/webs_municipales/juventud-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_juventud:hover {
    background-image: url("../images/webs_municipales/juventud-02.png");
    color: #fff;
	opacity:1;
}

.wm_laboratorio{
    background-image: url("../images/webs_municipales/laboratorio-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_laboratorio:hover {
    background-image: url("../images/webs_municipales/laboratorio-02.png");
    color: #fff;
	opacity:1;
}

.wm_mercadillos{
    background-image: url("../images/webs_municipales/mercadillos-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_mercadillos:hover {
    background-image: url("../images/webs_municipales/mercadillos-02.png");
    color: #fff;
	opacity:1;
}

.wm_gestion_tributaria{
    background-image: url("../images/webs_municipales/gestion-tributaria-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_gestion_tributaria:hover {
    background-image: url("../images/webs_municipales/gestion-tributaria-02.png");
    color: #fff;
	opacity:1;
}

.wm_recaudacion{
    background-image: url("../images/webs_municipales/oagrc-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_recaudacion:hover {
    background-image: url("../images/webs_municipales/oagrc-02.png");
    color: #fff;
	opacity:1;
}

.wm_policia_local{
    background-image: url("../images/webs_municipales/policia-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_policia_local:hover {
    background-image: url("../images/webs_municipales/policia-02.png");
    color: #fff;
	opacity:1;
}

.wm_servicios_sociales{
    background-image: url("../images/webs_municipales/servicios-sociales-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_servicios_sociales:hover {
    background-image: url("../images/webs_municipales/servicios-sociales-02.png");
    color: #fff;
	opacity:1;
}

.wm_universidad_popular{
    background-image: url("../images/webs_municipales/universidad-popular-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_universidad_popular:hover {
    background-image: url("../images/webs_municipales/universidad-popular-02.png");
    color: #fff;
	opacity:1;
}

.wm_urbanismo{
    background-image: url("../images/webs_municipales/urbanismo-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_urbanismo:hover {
    background-image: url("../images/webs_municipales/urbanismo-02.png");
    color: #fff;
	opacity:1;
}

.wm_otros_portales{
    background-image: url("../images/webs_municipales/otros_portales-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_otros_portales:hover {
    background-image: url("../images/webs_municipales/otros_portales-02.png");
    color: #fff;
	opacity:1;
}

.wm_entre_cuerdas{
    background-image: url("../images/webs_municipales/entre-cuerdas-metales-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_entre_cuerdas:hover {
    background-image: url("../images/webs_municipales/entre-cuerdas-metales-02.png");
    color: #fff;
	opacity:1;
}

.wm_espacio_joven{
    background-image: url("../images/webs_municipales/espacio-joven-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_espacio_joven:hover {
    background-image: url("../images/webs_municipales/espacio-joven-02.png");
    color: #fff;
	opacity:1;
}

.wm_jazz_festival{
    background-image: url("../images/webs_municipales/jazz-festival-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_jazz_festival:hover {
    background-image: url("../images/webs_municipales/jazz-festival-02.png");
    color: #fff;
	opacity:1;
}

.wm_mar_musicas{
    background-image: url("../images/webs_municipales/mar-musicas-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_mar_musicas:hover {
    background-image: url("../images/webs_municipales/mar-musicas-02.png");
    color: #fff;
	opacity:1;
}

.wm_informajoven{
    background-image: url("../images/webs_municipales/informajoven-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_informajoven:hover {
    background-image: url("../images/webs_municipales/informajoven-02.png");
    color: #fff;
	opacity:1;
}

.wm_noche_museos{
    background-image: url("../images/webs_municipales/noche-museos-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_noche_museos:hover {
    background-image: url("../images/webs_municipales/noche-museos-02.png");
    color: #fff;
	opacity:1;
}

.wm_museo_arqueologico{
    background-image: url("../images/webs_municipales/museo-arqueologico-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_museo_arqueologico:hover {
    background-image: url("../images/webs_municipales/museo-arqueologico-02.png");
    color: #fff;
	opacity:1;
}

.wm_teatro_romano{
    background-image: url("../images/webs_municipales/teatro-romano-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_teatro_romano:hover {
    background-image: url("../images/webs_municipales/teatro-romano-02.png");
    color: #fff;
	opacity:1;
}

.wm_mandarache{
    background-image: url("../images/webs_municipales/mandarache-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_mandarache:hover {
    background-image: url("../images/webs_municipales/mandarache-02.png");
    color: #fff;
	opacity:1;
}

.wm_carmen_conde{
    background-image: url("../images/webs_municipales/carmen-conde-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_carmen_conde:hover {
    background-image: url("../images/webs_municipales/carmen-conde-02.png");
    color: #fff;
	opacity:1;
}

.wm_ctjoven{
    background-image: url("../images/webs_municipales/ctjoven-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_ctjoven:hover {
    background-image: url("../images/webs_municipales/ctjoven-02.png");
    color: #fff;
	opacity:1;
}

.wm_oficina_congresos{
    background-image: url("../images/webs_municipales/oficina-congresos-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_oficina_congresos:hover {
    background-image: url("../images/webs_municipales/oficina-congresos-02.png");
    color: #fff;
	opacity:1;
}

.wm_puerto_culturas{
    background-image: url("../images/webs_municipales/puerto-culturas-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_puerto_culturas:hover {
    background-image: url("../images/webs_municipales/puerto-culturas-02.png");
    color: #fff;
	opacity:1;
}

.wm_ora{
    background-image: url("../images/webs_municipales/ora-01.png");
	width:100%;
	background-repeat:no-repeat;
	background-position:top;
	/*background-size:cover;*/
	opacity:0.5;
    border: 0 none;
    color: #fff;
    text-align: center;
	height:100px;
	/*width:165px;*/
	float:left;
	-webkit-transition:all 0.5s ease-out; 
	-o-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out;  
	-ms-transition:all 0.5s ease-out;  
	transition:all 0.5s ease-out;
}

.wm_ora:hover {
    background-image: url("../images/webs_municipales/ora-02.png");
    color: #fff;
	opacity:1;
}

/*---- INICIO OTROS PORTALES MUNICIPALES ---*/

#seccion_otros_portales {
	/*border:1px solid red;*/
    background-color: #ffffff;
    margin: 10px 0 25px;
    padding-bottom: 15px;
    padding-top: 5px;
	text-align:center;
}

/*---- FIN OTROS PORTALES MUNICIPALES ---*/

.cajas_contenido {
    position: relative;
	z-index:0;
}

.page-header {
    border-bottom: 1px solid #eeeeee;
    margin: 1px 0 20px;
    padding-bottom: 9px;
}

.heading_sede {
    /* background-color: #054d73; */
    background-color: #84385c;
    border-color: #096289;
    color: #ffffff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px 15px;
}

.heading_ayto {
    /*background-color: #054d73;*/
	background-color: #428bca;
    border-color: #096289;
    color: #ffffff;
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
    padding: 10px 15px;
}

.links_ayuntamiento {
    /*color: #054d73;*/
	color:fff;
}

.azul_1 {
    color: #428bca;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    border: 1px solid #dddddd;
    display: block;
    margin-bottom: -1px;
	/*padding: 10px 15px 0;*/
    position: relative;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    /*background-color: #f0f0f0;*/
	background-color: #428bca;
    z-index: 2;
}

.required-field-block {
    position: relative;
}

input, textarea, button {
    /*margin-top: 10px;*/
}

.required-field-block .required-icon {
    background-color: #e8e8e8;
    border-color: #e8e8e8;
    border-radius: 0.325em;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.65);
    display: inline-block;
    font-size: 75%;
    font-weight: normal;
    margin: -0.25em 0.25em 0;
    padding: 0.5em 0.8em;
    text-transform: uppercase;
    transition: background 0.1s linear 0s;
    vertical-align: middle;
}

.required-field-block .required-icon {
    background-color: transparent;
    height: 30px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: color 0.2s ease 0s;
    width: 30px;
    z-index: 10;
}

.required-field-block .required-icon:after {
    border-bottom: 30px solid transparent;
    border-left: 0 solid transparent;
    border-right-color: inherit;
    border-style: solid;
    border-top: 0 solid transparent;
    border-width: 0 30px 30px 0;
    content: "";
    height: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    transition: border-color 0.2s ease 0s;
    width: 0;
    z-index: -1;
}

.required-field-block .required-icon .text {
    color: #b80000;
    font-size: 26px;
    margin: -3px 0 0 12px;
}

.panel-collapse .list-group-item li.list-group-item:last-child {
    padding-bottom: 10px;
}

/*---- GRUPOS MUNICIPALES----*/

.page-header{
  text-align: center;    
}

/*social buttons*/
.btn-social{
  color: white;
  opacity:0.9;
}

.btn-social:hover {
  color: white;
    opacity:1;
}

.btn-facebook {
background-color: #3b5998;
opacity:0.9;
}

.btn-twitter {
background-color: #00aced;
opacity:0.9;
}

.btn-linkedin {
background-color:#0e76a8;
opacity:0.9;
}

.btn-github{
  background-color:#000000;
  opacity:0.9;
}

.btn-google {
  background-color: #c32f10;
  opacity: 0.9;
}

.btn-stackoverflow{
  background-color: #D38B28;
  opacity: 0.9;
}

.btn-flickr {
background-color:#ff0084;
opacity:0.9;
}

/*BS-CALLOUT*/
.bs-callout {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin-bottom: 5px;
    padding: 20px;
}

.bs-callout:last-child {
    margin-bottom: 0px;
}

.bs-callout h4 {
    margin-bottom: 10px;
    margin-top: 0;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-danger h4{
    color: #d9534f;
}

.resume .list-group-item:first-child, .resume .list-group-item:last-child{
  border-radius:0;
}

.bs-callout {
    /*padding: 20px;
    margin: 20px 0;*/
	margin:20px 0;
	padding: 10px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
	text-align:justify;
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code {
    border-radius: 3px;
}

.bs-callout+.bs-callout {
    margin-top: -5px;
}

.bs-callout-default {
    border-left-color: #777;
}

.bs-callout-default h4 {
    color: #777;
}

.bs-callout-primary {
    border-left-color: #428bca;
}

.bs-callout-primary h4 {
    color: #428bca;
}

.bs-callout-success {
    border-left-color: #5cb85c;
}

.bs-callout-success h4 {
    color: #5cb85c;
}

.bs-callout-danger {
    border-left-color: #d9534f;
}

.bs-callout-danger h4 {
    color: #d9534f;
}

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

.bs-callout-warning h4 {
    color: #f0ad4e;
}

.bs-callout-info {
    border-left-color: #3ca1bf;
}

.bs-callout-info h4 {
    color: #3ca1bf;
}

.bs-callout-podemos {
    border-left-color: #6a215e;
}

.bs-callout-podemos h4 {
    color: #6a215e;
}

.bs-callout-pp {
    border-left-color: #00a0df;
}

.bs-callout-pp h4 {
    color: #00a0df;
}

.bs-callout-psoe {
    border-left-color: #d9270b;
}

.bs-callout-psoe h4 {
    color: #d9270b;
}

.bs-callout-iuv {
    border-left-color: #c40123;
}

.bs-callout-iuv h4 {
    color: #c40123;
}

.bs-callout-mc {
    border-left-color: #87305b;
}
.bs-callout-mc h4 {
    color: #87305b;
}

.bs-callout-cursos {
    /*border-left-color: #054d73;*/
	border-left-color: #428bca;
}

.bs-callout-cursos h4 {
    color: #054d73;
}


/* INICIO DE CURSOS */

.curso_impar{
	background-color: #f7f7f7;
}

.curso_par{
	background-color: #ffffff;
}

/*---- Hace un enlace inactivo(no clickable)*/
.inactive-link {
   pointer-events: none;
   cursor: default;
}

.resume-heading .social-btns{
  margin-top:15px;
}

.resume-heading .social-btns i.fa{
  margin-left:-5px;
}

.progress-bar {
    text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

.progress-bar > .progress-type {
	padding-left: 10px;
}

.progress-meter {
	min-height: 15px;
	border-bottom: 2px solid rgb(160, 160, 160);
  margin-bottom: 15px;
}

.progress-meter > .meter {
	position: relative;
	float: left;
	min-height: 15px;
	border-width: 0px;
	border-style: solid;
	border-color: rgb(160, 160, 160);
}

.progress-meter > .meter-left {
	border-left-width: 2px;
}

.progress-meter > .meter-right {
	float: right;
	border-right-width: 2px;
}

.progress-meter > .meter-right:last-child {
	border-left-width: 2px;
}

.progress-meter > .meter > .meter-text {
	position: absolute;
	display: inline-block;
	bottom: -20px;
	width: 100%;
	font-weight: 700;
	font-size: 0.85em;
	color: rgb(160, 160, 160);
	text-align: left;
}

.progress-meter > .meter.meter-right > .meter-text {
	text-align: right;
}

.cycle_header {
    background-image: url("../images/header_ayto.jpg");
    cursor: auto;
    height: 300px;
    z-index: 1;
	background-position:right top;
}

.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: left;
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
	margin-top:0;
}

.caja_file {
    border: 1px solid #98b3e4;
    color: #333333;
	width:100%;
}
/* ---- FIN DE CURSOS ------*/


/*---- INCIO SUBPORTALES ----*/
.cycle-policia{
	background-image: url("../images/subportales/header_policia.jpg");
    background-position: right top;
    cursor: auto;
    height: 200px;
    z-index: 1;	
}

.cycle-accesibilidad{
	background-image: url("../images/subportales/header_accesibilidad.jpg");
    background-position: center;
    cursor: auto;
    height: 200px;
    z-index: 1;	
}

.cycle-omec{
	background-image: url("../images/oficina-empresas.jpg");
    background-position: center;
    cursor: auto;
    height: 200px;
    z-index: 1;	
}

.cycle-covid{
	background-image: url("../images/subportales/header_covid.jpg");
    background-position: right top;
    cursor: auto;
    height: 200px;
    z-index: 1;	
}

.cycle-nueva_normalidad{
	background-image: url("../images/subportales/cabecera_nueva_normalidad.jpg");
    background-position: right top;
   /* background-position: 30% top;*/
    cursor: auto;
    height: 200px;
    z-index: 1;	
}

.cycle-estadistica{
	background-image: url("../images/subportales/header_estadistica.jpg");
    background-position: right top;
    cursor: auto;
    height: 200px;
    z-index: 1;	
}

.cycle-bomberos{
	background-image: url("../images/subportales/header_bomberos.jpg");
    background-position: right center;
    cursor: auto;
    height: 200px;
    z-index: 1;		
}

.cycle-nuevastecnologias{
	background-image: url("../images/subportales/header_nuevastecnologias.jpg");
    background-position: right center;
    cursor: auto;
    height: 200px;
    z-index: 1;		
}

.cycle-ceac{
	background-image: url("../images/subportales/header_ceac.jpg");
    background-position: right top;
    cursor: auto;
    height: 200px;
    z-index: 1;	
}

.cycle-consumo{
	background-image: url("../images/subportales/header_consumo.jpg");
    background-position: right top;
    cursor: auto;
    height: 200px;
    z-index: 1;		
}

.cycle-educacion{
	background-image: url("../images/subportales/header_educacion.jpg");
    background-position: right center;
    cursor: auto;
    height: 200px;
    z-index: 1;		
}

.cycle-desarrollosostenible{
	background-image: url("../images/subportales/header_desarrollo.jpg");
    background-position: right top;
    cursor: auto;
    height: 200px;
    z-index: 1;
}

.cycle-laboratorio{
	background-image: url("../images/subportales/header_laboratorio.jpg");
    background-position: right top;
    cursor: auto;
    height: 200px;
    z-index: 1;
}

.cycle-ogt{
	background-image: url("../images/subportales/header_ogt.jpg");
    background-position: right top;
    cursor: auto;
    height: 200px;
    z-index: 1;	
}
 
.cycle-serviciossociales{
	background-image: url("../images/subportales/header_serviciossociales.jpg");
    background-position: right top;
    cursor: auto;
    height: 200px;
    z-index: 1;	
}

.cycle-mercadillos{
	/*background-image: url("../images/subportales/header_mercadillos_01.png");*/
    background-image: url("../images/subportales/header_mercadillos.jpg");
    background-position: right top;
    cursor: auto;
    height: 200px;
    z-index: 1;
}

.navbar-form {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    margin: 8px;
    padding: 10px 15px;
}
/*---- INCIO SUBPORTALES ----*/


/*--- ZONAS DE ESCOLARIZACIÓN ---*/
.notice {
    padding: 0 15px 15px;
    background-color: #fafafa;
    border-left: 6px solid #7f7f84;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
    box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
	float:left;
	width: 100%;
}

.notice-sm {
    padding: 10px;
    font-size: 80%;
}

.notice-lg {
    padding: 35px;
    font-size: large;
}

.notice-success {
    border-color: #80D651;
}

.notice-success>strong {
    color: #80D651;
}

.notice-info {
    border-color: #45ABCD;
}

.notice-info>strong {
    color: #45ABCD;
}

.notice-warning {
    border-color: #FEAF20;
}

.notice-warning>strong {
    color: #FEAF20;
}

.notice-danger {
    border-color: #d73814;
}

.notice-danger>strong {
    color: #d73814;
}

.zonasEscolares-panel-title {
	color:#1d83a5;
    font-size: 16px;
    margin-bottom: 25px;
    margin-top: 10px;
	text-decoration:underline
}

.info_zonas_escolares{
	float:left;
	margin:0;
	padding:0 5px;
}

.panel-img-lateral{
	margin:0;
	padding:0;
}

.lista_imag_plantilla{
	margin:0;
	padding:15px;
	overflow:hidden;
}

.lista_imag_plantilla li{
	list-style-type:none;
}

/********* ÁREAS DE GOBIERNO ***************/

.product-chooser {
	
}

.product-chooser.disabled .product-chooser-item {
    cursor: default;
    opacity: 0.6;
}

.product-chooser-item {
    border: 1px solid #bbbbbb;
    border-radius: 6px;
	text-align:center;
    /*min-height: 300px;*/
	height:auto;
	float:left;
    padding: 10px;
    position: relative;
	-webkit-box-shadow: 10px 10px 5px -10px rgba(85,85,85,1);
	-moz-box-shadow: 10px 10px 5px -10px rgba(85,85,85,1);
	box-shadow: 10px 10px 5px -10px rgba(85,85,85,1);
}

.altura_01{
	min-height:200px;
}

.altura_02{
	/*min-height:485px;
	min-height:500px;*/
	height: auto;
}

.altura_03{
	min-height:170px;
}

.product-chooser-item strong{
	color:#505050;
}

.product-chooser-item h4{
	text-align:center;
	font-size:13px;
}

.product-chooser-item h3 a{
	text-align:center;
	font-size:16px;
}

.product-chooser-item.selected {
    background: #efefef none repeat scroll 0 0;
    border: 4px solid #428bca;
    opacity: 1;
    padding: 8px;
}

.product-chooser-item img {
    padding: 0;
}

.product-chooser-item span.title {
    display: block;
    font-size: 16px;
    margin: 10px 0 5px;
}

.product-chooser-item span.description {
    font-size: 14px;
}

.lista_areas_gobierno{
	margin:0;
	padding:5px 10px 0;
}

.lista_areas_gobierno li{
	list-style-type:none;
}

.fondo_areas{
	float:left;
	background-color:#f0f0f0;
	border:1px solid #c4c4c4;
	padding:35px 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 10px;
	min-height:125px;
	width:100%;
}

.fondo_areas a:hover{
	/*color:#c32525;*/
	color:#505050;
}

.fondo_areas_1{
	float:left;
	background-color:#f0f0f0;
	border:1px solid #c4c4c4;
	padding:35px 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	min-height:175px;
	width:100%;
	margin-bottom: 10px;
	font-size:15px;
}

.fondo_areas_1 a:hover{
	color:#505050;
}

/****** BOTONES *******/

button.close {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}

.btn_listados {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #ccc #ccc #b3b3b3;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.lista_novedades_open_data {
    font-size: 13px;
    margin: 0;
    max-height: 150px;
    overflow-y: scroll;
    padding: 0;
}

.lista_novedades_open_data li {
    list-style-type: none;
    margin-left: 15px;
    padding: 5px;
    text-align: left;
}

/* COMPOSICION DEL PLENO */

.card {
    padding-top: 20px;
    background-color: rgba(214, 224, 226, 0.2);
    border-top-width: 0;
    border-bottom-width: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.card .card-heading {
    padding: 0 20px;
    margin: 0;
}

.card .card-heading.simple {
    font-size: 20px;
    font-weight: 300;
    color: #777;
    border-bottom: 1px solid #e5e5e5;
}

.card .card-heading.image img {
    display: inline-block;
    width: 46px;
    height: 46px;
    margin-right: 15px;
    vertical-align: top;
    border: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.card .card-heading.image .card-heading-header {
    display: inline-block;
    vertical-align: top;
}

.card .card-heading.image .card-heading-header h3 {
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    color: #262626;
}

.card .card-heading.image .card-heading-header span {
    font-size: 12px;
    color: #999999;
}

.card .card-body {
    padding: 0 20px;
    margin-top: 20px;
}

.card .card-media {
    padding: 0 20px;
    margin: 0 -14px;
}

.card .card-media img {
    max-width: 100%;
    max-height: 100%;
}

.card .card-actions {
    min-height: 30px;
    padding: 0 20px 20px 20px;
    margin: 20px 0 0 0;
}

.card .card-comments {
    padding: 20px;
    margin: 0;
    background-color: #f8f8f8;
}

.card .card-comments .comments-collapse-toggle {
    padding: 0;
    margin: 0 20px 12px 20px;
}

.card .card-comments .comments-collapse-toggle a,
.card .card-comments .comments-collapse-toggle span {
    padding-right: 5px;
    overflow: hidden;
    font-size: 12px;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-comments .media-heading {
    font-size: 13px;
    font-weight: bold;
}

.card.people {
    position: relative;
    display: inline-block;
    width: 170px;
    height: 300px;
    padding-top: 0;
    margin-left: 20px;
    overflow: hidden;
    vertical-align: top;
}

.card.people:first-child {
    margin-left: 0;
}

.card.people .card-top {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 170px;
    height: 150px;
    background-color: #ffffff;
}

.card.people .card-top.green {
    background-color: #53a93f;
}

.card.people .card-top.blue {
    background-color: #427fed;
}

.card.people .card-info {
    position: absolute;
    top: 150px;
    display: inline-block;
    width: 100%;
    height: 101px;
    overflow: hidden;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.card.people .card-info .title {
    display: block;
    margin: 8px 14px 0 14px;
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    color: #404040;
}

.card.people .card-info .desc {
    display: block;
    margin: 8px 14px 0 14px;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    color: #737373;
    text-overflow: ellipsis;
}

.card.people .card-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    padding: 10px 20px;
    line-height: 29px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.card.hovercard {
	border:1px solid #c2c2c2;
    position: relative;
    padding-top: 0;
    overflow: hidden;
    text-align: center;
    background-color: rgba(214, 224, 226, 0.2);
	min-height: 290px;
}

.card.hovercard .cardheader {
	/*background-color:#F3171A;*/
	background-color:#428bca;
	
	height:60px;
}

.psoe {
	background-color:#ee1c25;
	height:90px;
}

.pp {
	background-color:#006eb6;
	height:90px;
}

.mc {
	background-color:#86305b;
	height:90px;
}

.cuidadanos {
	background-color:#eb6a26;
	height:90px;
}

.ct_podemos {
	background-color:#562457;
	height:90px;
}

.card.hovercard .avatar {
    position: relative;
    top: -50px;
    margin-bottom: -50px;
}

.card.hovercard .avatar img {
    width: 100px;
    height: 100px;
    max-width: 100px;
    max-height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid rgba(255,255,255,0.5);
}

.card.hovercard .info {
    padding: 4px 8px 10px;
	min-height: 125px;
}

.card.hovercard .info .title {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1;
    color: #262626;
    vertical-align: middle;
	min-height: 25px;
}

.card.hovercard .info .title a {
    color: #262626;
}

.card.hovercard .info .title a:hover {
    color: #636363;
	text-decoration:underline;
}

.card.hovercard .info .desc {
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: #737373;
    text-overflow: ellipsis;
}

.card.hovercard .bottom {
    padding: 0 20px;
    margin-bottom: 17px;
}

.comp_1{
	width:20%;
	float:left;
	padding:5px;
}

.comp_2{
	width:20%;
	float:left;
	padding:5px;
}

.comp_3{
	width:20%;
	float:left;
}

.comp_4{
	width:20%;
	float:left;
	padding:5px;
}

.comp_5{
	width:20%;
	float:left;
	padding:5px;
}

.comp_vice{
	padding:15px;
}

.comp_alcalde{
	padding:15px;
}

.columnas_der{
	border:1px solid red;
	height: 217px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.columnas_der h4{
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	margin-bottom: 5px;
    margin-top: 50px;
}

.columnas_der a{
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
}

.columnas_der a:hover{
	color:#f3f3f3;
	font-size:15px;
	font-weight:bold;
}

.columna_arriba{
	height: auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 50px;
}

.columna_arriba img{
	width:32px;
	height:32px;
}

.columna_abajo{
	/*border:1px solid blue;*/
	height: auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.columna_abajo img{
	width:32px;
	height:32px;
}

.columnas_der .cargo{
	color:#ffffff;
	font-size:14px;
}

.limpiar_ambos{
	clear:both;
}

.ancho_100{
	width:93px;
}

.fuente_12{
	font-size:12px;
	}

/** FIN COMPOSICIÓN DEL PLENO **/

#composicion_pleno{
    margin: 10px 5px;
    padding: 5px;
    text-align: center;
}

.bloque_pleno_1{
	border:1px solid red; 
	height:150px; 
	padding:0 15px;
}

.bloque_pleno_2{
	
}

/*** TABLA DEL PLENO ***/

.comp_pleno_tabla{
	margin-top: 20px;
	margin-bottom: 20px;
}

.sin_bordes{
	border:none;
}

#tabla_pleno.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    /*border: 1px solid white;*/
	border: 0px;
	border-radius: 6px;
}

.bg_light_2,
.md_no-touch .sub_menu li:hover > a,
.sub_menu .current > a,
.sub_menu .touch_open_sub > a,
table:not(.table_type_9) tr:hover,
.categories_list ul a:hover,
.sub_menu .current_click > a{
	background-color:transparent !important;
}

#organigrama_educacion ,table {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 3%;
    width: 100%;
}


/*** INICIO COLORES BLOQUES PARTIDOS ***/

.psoe_tabla {
	background-color: #ee1c25;
    height: auto;
    margin-top: 30%;
    padding: 10px 0;
    text-align: center;
	border-radius: 6px;
}

.psoe_tabla a{
	color:#fff;
}

.psoe_tabla a:hover{
	color:#f2f2f2;
}

.psoe_tabla .cargo{
	color:#fff;
}

.psoe_tabla img{
	height:32; 
	width:32px;
}

.psoe_tabla p{
	margin:10px 0 10px
}

.pp_tabla {
	background-color:#006eb6;
	text-align:center;
}

.pp_tabla a{
	color:#fff;
}

.pp_tabla a:hover{
	color:#f2f2f2;
}

.pp_tabla .cargo{
	color:#fff;
}

.pp_tabla img{
	height:32; 
	width:32px;
}

.pp_tabla p{
	margin:10px 0 10px
}

.mc_tabla {
	background-color:#86305b;
	height: auto;
    margin-top: 60%;
    padding: 10px 0;
    text-align: center;
	border-radius: 6px;
}

.mc_tabla a{
	color:#fff;
}

.mc_tabla a:hover{
	color:#f2f2f2;
}

.mc_tabla .cargo{
	color:#fff;
}

.mc_tabla img{
	height:32; 
	width:32px;
}

.mc_tabla p{
	margin:10px 0 10px
}

.cuidadanos_tabla {
	background-color:#eb6a26;
	text-align:center;
}

.cuidadanos_tabla a{
	color:#fff;
}

.cuidadanos_tabla a:hover{
	color:#f2f2f2;
}

.cuidadanos_tabla .cargo{
	color:#fff;
}

.cuidadanos_tabla img{
	height:32; 
	width:32px;
}

.cuidadanos_tabla p{
	margin:10px 0 10px
}

.ct_podemos_tabla {
	background-color:#562457;
	text-align:center;
}

.ct_podemos_tabla a{
	color:#fff;
}

.ct_podemos_tabla a:hover{
	color:#f2f2f2;
}

.ct_podemos_tabla .cargo{
	color:#fff;
}

.ct_podemos_tabla img{
	height:32; 
	width:32px;
}

.ct_podemos_tabla p{
	margin:10px 0 10px
}
/*** FIN COLORES BLOQUES PARTIDOS ***/


.con_bordes{
	border:1px solid #c2c2c2;
	border-radius: 6px;
}

#tabla_pleno_con_bordes.table_sin { 
    border: none;
}

/*** INICIO SIN COLOR BLOQUES PARTIDOS ***/

#tabla_pleno_con_bordes .psoe_tabla {
	background-color:transparent;
    height: auto;
    margin-top: 0;
    padding: 10px 0;
    text-align: center;
	border-radius: 6px;
}

.psoe_tabla a{
	color:#fff;
}

.psoe_tabla a:hover{
	color:#f2f2f2;
}

.psoe_tabla .cargo{
	color:#fff;
}

.psoe_tabla img{
	height:32; 
	width:32px;
}

.psoe_tabla p{
	margin:10px 0 10px
}

#tabla_pleno_con_bordes .pp_tabla {
	background-color:transparent;
	height: auto;
    margin-top: 0;
    padding: 10px 0;
    text-align: center;
	border-radius: 6px;
}

.pp_tabla a{
	color:#fff;
}

.pp_tabla a:hover{
	color:#f2f2f2;
}

.pp_tabla .cargo{
	color:#fff;
}

.pp_tabla img{
	height:32; 
	width:32px;
}

.pp_tabla p{
	margin:10px 0 10px
}

#tabla_pleno_con_bordes .mc_tabla {
	background-color:transparent;
	height: auto;
    margin-top: 0;
    padding: 10px 0;
    text-align: center;
	border-radius: 6px;
}

.mc_tabla a{
	color:#fff;
}

.mc_tabla a:hover{
	color:#f2f2f2;
}

.mc_tabla .cargo{
	color:#fff;
}

.mc_tabla img{
	height:32; 
	width:32px;
}

.mc_tabla p{
	margin:10px 0 10px
}

#tabla_pleno_con_bordes .cuidadanos_tabla {
	background-color:transparent;
	height: auto;
    margin-top: 0;
    padding: 10px 0;
    text-align: center;
	border-radius: 6px;
}

.cuidadanos_tabla a{
	color:#fff;
}

.cuidadanos_tabla a:hover{
	color:#f2f2f2;
}

.cuidadanos_tabla .cargo{
	color:#fff;
}

.cuidadanos_tabla img{
	height:32; 
	width:32px;
}

.cuidadanos_tabla p{
	margin:10px 0 10px
}

#tabla_pleno_con_bordes .ct_podemos_tabla {
	background-color:transparent;
	text-align:center;
	height: auto;
    margin-top: 0;
    padding: 10px 0;
    text-align: center;
	border-radius: 6px;
}

.ct_podemos_tabla a{
	color:#fff;
}

.ct_podemos_tabla a:hover{
	color:#f2f2f2;
}

.ct_podemos_tabla .cargo{
	color:#fff;
}

.ct_podemos_tabla img{
	height:32; 
	width:32px;
}

.ct_podemos_tabla p{
	margin:10px 0 10px
}

.lista_GruposPoliticos{
	margin:0;
	padding:0;
	font-size:13px;
	float:left;
}

.lista_GruposPoliticos li{
	list-style-type:none;
	margin-left:15px;
	padding:2px;
	text-align:left;
}

.lista_GruposPoliticos li a:hover{
	color:#3D3B3B;
}

.separacion_arriba_abajo{
	margin-top:10px;
	margin-bottom: 10px;
}


.listado_textos_intro{
	margin:0 5px 15px;
	padding:0;
	font-size:13px;
}

.listado_textos_intro li{
	list-style-type:none;
	margin-left:15px;
	padding:2px;
	text-align:left;
}

.info-block{
    border-right:5px solid #E6E6E6;
	margin-bottom:10px;
}

.info-block .square-box{
	/*min-height:200px;*/
	margin-right:22px;
	text-align:center!important;
	background-color: transparent;
	padding:0;
}

/*
.info-block .square-box img{
	display: block;
    height: auto;
    max-height: 75%;
    max-width: 100px;
}
*/

#gruposPoliticos img{
	display: block;
    height: auto;
    max-height: 75%;
	max-width: 100%;
}

.altura_minima_1{
	min-height:260px;
}

/*
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    max-height: 75%;
    max-width: 100px;
}
*/

.info-block.block-info{
    border-color:#20819e
}

.info-block.block-info p{
    margin: 10px;
}

.info-block.block-info .square-box{
	color:#FFF
}

.items{
}

#accordion_pt17 .panel-heading {
    background-color: #f3f3f3;
}

/*** FIN SIN COLOR BLOQUES PARTIDOS ***/


/*--- INICIO ESTILOS IMAGEN INSTITUCIONAL ----- */

.card.hovercard .logo_insti img {
    /*border: 2px solid #428bca;*/
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    /*
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
    height: 100px;
    max-height: 100px;
    max-width: 100px;
    width: 100px;*/
}

.card.hovercard .logo_insti {
    margin-bottom: -30px;
    position: relative;
    top: -50px;
}

/*--- FIN ESTILOS DIMAGEN INSTITUCIONAL ----- */


/*** INICIO ORGANIGRAMA EDUCACION ***/

.fondo_organigrama_edu {
    background-image: url("../images/header_ayto.jpg");
	background-repeat:no-repeat;
	background-position:right top;
	height: auto;
    z-index: 1;
}

/*** FIN ORGANIGRAMA EDUCACION ***/


.link_negro {
	color:#333;
}

.link_blanco {
	color:#fff;
}

.link_negro:hover {
	color:#333;
}


.link_blanco:hover {
	color:#fff;
}


/* INICIO LISTA DE RESULTADOS DE MATERIAS */

#accordion.panel-group{
	margin-bottom:0;
}

.lista_materias{
	margin:0;
	padding:0;
}

.lista_materias li{
	list-style-type:none;
	border-color: #178acc;
	border:1px solid #178acc;
	padding:5px;
	margin:3px 5px;
	border-radius: 4px;
	color:#444444;
}

.negro_materias{
	color:#444444;
	text-align:left;
	padding-left:10px;
	word-break: break-all;
 	word-wrap: break-word;
	white-space:normal;
}

.negro_materias:hover{
	color:#616161;
}

.badge:hover {
    background-color: #178acc;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

#accordion h3{
	margin-top:0;
	margin-bottom:20px;
}

.btn-bloques_ga {
    background-color: #f0f0f0;
    border-color: #178acc;
    color: #178acc;
}

.btn-bloques_ga:hover {
    background-color: #178acc;
    border-color: #004466;
    color: #ffffff;
}

#mercadillos.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: 1px solid #e7e7e7;
    border-radius: 0px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	
}

.celda-impar{
	background-color:#ddd;
}

.celda-impar:hover{
	background-color:#ccc;
}


.banners_cursos{
	
}

.banners_cursos a{
	
}

#banner_sup_empleo{
	float: left;
	padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

/********** INCIO EMPLEO PUBLICO NEW *******/

.fichas_OEmpleo{
	
}

.color_linea{
	background-color: #178acc;
}

hr.class-1 {
	border-top: 10px solid #8c8b8b;
}
     
hr.class-2 {
	border-top: 3px double #8c8b8b;
}
     
hr.class-3 {
	border-top: 1px dashed #8c8b8b;
}
     
hr.class-4 {
	border-top: 1px dotted #8c8b8b;
}
     
hr.class-5 {
	background-color: #fff;
    border-top: 2px dashed #8c8b8b;
}
     
hr.class-6 {
	background-color: #fff;
    border-top: 5px dotted #8c8b8b;
}

.clear-both{
	clear: both;
}

.fecha_publicacion{
	font-weight: bold;
	padding: 5px;
	width: 100%;
	float: left;
}

.img_publicacion{
	
}

.titulo_publicacion{
	font-weight: bold;
	font-size: 16px;
	color: #555555;
	width: 100%;
	float: left;
}

.titulo2_publicacion{
	display: inline-block;
	width: 100%;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
}

.peso_publicacion{
	font-weight:600;
	font-size: 14px;
	color: #555555;
	width: 100%;
	padding: 5px;
}

.fichas_EP{
	margin: 0;
	padding: 0px;
	/*border: 1px solid red;*/
}

.fichas_EP .font-weight-bold{
	font-weight: bold;
	/*text-transform: capitalize;*/
}

.fichas_EP .badge {
    background-color: #178acc;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 10px 8px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.fichas_EP h2 {
	color: #178acc;
    font-size: 24px;
    padding: 0px;
    margin: 0 0 10px;
    font-weight: bold;
}

.cardEmpleo{
	color: #555555;
}

.cardEmpleo:hover{
	color: #222222;
}

.panel-img-lateral .lista_imag_plantilla a{
	background-color: #fff;
    border: 0px;
    border-radius: 4px;
    display: block;
    line-height: 1.42857;
    margin-bottom: 10px;
    padding: 4px;
    transition: border 0.2s ease-in-out 0s;
}

panel-img-lateral .lista_imag_plantilla a:hover,
panel-img-lateral .lista_imag_plantilla a:focus,
panel-img-lateral .lista_imag_plantilla a.active {
  border-color: #428bca;
}

panel-img-lateral .lista_imag_plantilla a img{
	max-width:100%;
	margin-left: auto;
    margin-right: auto;
	display: block;
    height: auto
}

.fichas_EP .card {
    padding: 15px;
    background-color: rgba(214, 224, 226, 0.2);
    border-top-width: 1px;
    border-bottom-width: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Detalle_fichas_EP{
	margin: 0;
	padding: 0px;
}

.Detalle_fichas_EP h2{
	margin: 10px 0;
}

.Detalle_fichas_EP .card {
    padding: 15px;
    background-color: rgba(214, 224, 226, 0.2);
    border-top-width: 1px;
    border-bottom-width: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Detalle_fichas_EP .font-weight-bold{
	font-weight: bold;
	text-transform: capitalize;
}

.Detalle_fichas_EP .badge {
    background-color: #178acc;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 10px 8px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}

.Detalle_fichas_EP h2 {
	color: #178acc;
    font-size: 24px;
    padding: 0px;
    margin: 0 0 10px;
    font-weight: bold;
}

.Detalle_fichas_EP .card .card-body {
    padding: 0 20px;
    margin-top: 10px;
}

.fichas_EP .azul_0{
	color:#42a5fa;
}

.Detalle_fichas_EP .azul_0{
	color:#42a5fa;
}

.Detalle_fichas_EP .list-group-item i {
    font-size: 20px;
}

.bg-secondary{
	background-color:#42a5fa;
}



/********** FIN EMPLEO PUBLICO NEW *******/


/********** ORGANIGRAMA TREE *******/


#test{
	background-image: url("../images/fondos/fondo_orga_policia.png");
	background-repeat:no-repeat;
	background-position:center top;
	height: auto;
    z-index: 1;
}

.tree strong{

}

.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative;
    width: 100%;
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}

.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}

.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:29px;
    width:25px
}

.tree li span:not(.glyphicon) {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    padding:4px 9px;
    text-decoration:none
}
.tree li.parent_li>span:not(.glyphicon) {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}

.tree {
    color:#10226b;
}

.tree li.parent_li>span:not(.glyphicon):hover, .tree li.parent_li>span:not(.glyphicon):hover+ul li span:not(.glyphicon) {
    background:#10226b;
    border:1px solid #999;
    padding:3px 8px;
    color:#fff !important;
}

/* FIN LISTA DE RESULTADOS DE MATERIAS 



/**** INICIO ESTILOS PARA DETECTAR PANTALLAS, MÓVILES Y TABLETS ****/

 /*
    @media only screen and (min-width : 320px) {
        .In_abierto{
            display: none;
            visibility: hidden;
        }
    }

   
    @media only screen and (min-width : 480px) {
        .In_abierto{
            display: none;
            visibility: hidden;
        }
    }


    @media only screen and (min-width : 768px) {
        .In_abierto{
            display: block;
            visibility: visible;
        }
    }

 
    @media only screen and (min-width : 992px) {
        .In_abierto{
            display: block;
            visibility: visible;
        }

    }

    @media only screen and (min-width : 1200px) {
        .In_abierto{
            display: block;
            visibility: visible;
        }

    }
*/


/*
@media only screen and (min-width : 320px) {
        .in{
            display: none !important;
            visibility: hidden !important;
        }
    }

   
    @media only screen and (min-width : 480px) {
        .in{
            display: none !important;
            visibility: hidden !important;
        }
    }


    @media only screen and (min-width : 768px) {
        .in{
            display: block !important;
            visibility: visible !important;
        }
    }

 
    @media only screen and (min-width : 992px) {
        .in{
            display: block !important;
            visibility: visible !important;
        }

    }

    @media only screen and (min-width : 1200px) {
        .in{
            display: block !important;
            visibility: visible !important;
        }

    }



@media only screen and (min-width : 320px) {
        .in{
            display: none !important;
            visibility: hidden !important;
        }
    }

   
    @media only screen and (min-width : 480px) {
        .in{
            display: none !important;
            visibility: hidden !important;
           
        }
    }


    @media only screen and (min-width : 768px) {
        .in{
            display: block;
            visibility: visible;
          
        }
    }

 
    @media only screen and (min-width : 992px) {
        .in{
            display: block;
            visibility: visible;
            
        }

    }

    @media only screen and (min-width : 1200px) {
        .in{
            display: block;
            visibility: visible;
        }

    }
*/

/*
.collapsing{
    position:relative;
    height:0;
    overflow:hidden;
    -webkit-transition-timing-function:ease;
    -o-transition-timing-function:ease;
    transition-timing-function:ease;
    -webkit-transition-duration:.35s;
    -o-transition-duration:.35s;
    transition-duration:.35s;
    -webkit-transition-property:height,visibility;
    -o-transition-property:height,visibility;
    transition-property:height,visibility
}
*/


 /***** FIN ESTILOS PARA DETECTAR PANTALLAS, MÓVILES Y TABLETS ****/




@media (max-width: 992px) {
.resume-heading .social-btn-holder{
    padding:5px;
} 

}

/* Large desktop */
@media (min-width: 1200px) { 


}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

    h4.intro_ayto {
        font-size:13px;
    }

    .sub-ayto-principal {
        color: #666;
        font-size: 10px;
        line-height: 13px;
        margin-left: 23px;
        margin-top: -7px;
    }
    
    .img_gruposPoliticos{
        display: inline-block;
        width: 125px;
    }
    
    .lista_MobilePoliticos{    
        float: left;
    }

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
    .lista_imag_plantilla li { 
        width:100%; 
		float:left;
    }

    h4.intro_ayto {
        font-size:15px;
    }
    
    .img_gruposPoliticos{
        display: inline-block;
        width: 125px;
    }
    
    .lista_MobilePoliticos{    
        float: left;
    }
		
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .lista_imag_plantilla li { 
        width:50%; float:left;
    }

    h4.intro_ayto {
        font-size:15px;
    }

    .img_gruposPoliticos{
        display: inline-block;
        width: 125px;
    }

    .lista_MobilePoliticos{    
        float: left;
    }
    
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
		

	
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) { 

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) { 
#chat_ayuda ul{
	margin:0;
	padding:0;
	width: 100%;
	display: inline-grid;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { 

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 



}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 

}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
	
	
	
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) { 

}

/* iPhone 4 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) { 

}

/***** INICIO ESTILOS COMPARTIR *****/
.hbf_3 {
    background: #f2f2f4;
    border-bottom: 1px solid #ededed;
    position: relative;
}

.hbf_3 .inner {
    min-height: 110px;
    padding: 35px 0;
}

.hbf_3 .inner .form-control {
    height: 42px;
    background: #fff;
    border: 1px solid #cfd7da;
    color: #515151;
}

.hbf_3 .inner .form-control .btn-select {
  padding: 10px 12px;
}

.hbf_3 .inner .bootstrap-select.btn-group .dropdown-toggle .caret:before {
    top: -4px;
    right: 0;
}

.hbf_3 .inner .arrival_date .form-control {
    border-radius: 1px 0 0 1px;
}

.hbf_3 .inner .departure_date .form-control {
    border-radius: 0 1px 1px 0;
}

.hbf_3 .inner .adults .form-control {
    border-radius: 1px 0 0 1px;
}

.hbf_3 .inner .children .form-control {
    border-radius: 0 1px 1px 0;
}

.compartir {
    background: #f1f1f1;
    border-bottom: 1px solid #fff;
    position: relative;
}

.compartir .share {
    display: inline-block;
    float: left;
    margin-bottom: 15px;
}

.compartir .share .social_media {
    display: inline-block;
}

.social_media a {
    background: #fff;
    border: 1px solid #E6EFF2;
    display: inline-block;
    height: 40px;
    width: 40px;
    border-radius: 1px;
    line-height: 40px;
    margin: 4px;
    text-align: center;
}

.social_media a:hover {
    color: #fff;
}

.social_media a:last-child {
    margin-right: 0;
}

.social_media .facebook {
    color: #3b5998;
}

.social_media .facebook:hover {
    background: #004466;
    border-color: #004466;
}

.social_media .twitter {
    color: #000;
}

.social_media .twitter:hover {
    background: #004466;
    border-color: #004466;
}

.social_media .googleplus {
    color: #d34836;
}

.social_media .googleplus:hover {
    background: #004466;
    border-color: #004466;
}

.social_media .pinterest {
    color: #cb2027;
}

.social_media .pinterest:hover {
    background: #004466;
    border-color: #004466;
}

.social_media .linkedin {
    color: #007bb6;
}

.social_media .linkedin:hover {
    background: #004466;
    border-color: #004466;
}

.social_media .youtube {
    color: #bb0000;
}

.social_media .youtube:hover {
    background: #004466;
    border-color: #004466;
}

.social_media .instagram {
    color: #125688;
}

.social_media .instagram:hover {
    background: #004466;
    border-color: #004466;
}

.social_media .whatsapp {
    color: #25d366;
}

.social_media .whatsapp:hover {
    color: #fff;
    background: #004466;
    border-color: #004466;
}

.social_media .telegram {
    color: #34abdf;
}

.social_media .telegram:hover {
    color: #fff;
    background: #004466;
    border-color: #004466;
}
/***** FIN ESTILOS COMPARTIR *****/


/****** INICIO MERCADILLOS *****/

.parrafo_mercadillos{
    padding: 0px;
    margin: 0px;
    line-height: 2;
}

.titulosMercadillos{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: #ffffff;
}

.caja_mercadillo {
    display: inline-grid;
    background-color: rgba(221, 221, 221, 0.4);
    padding: 20px 15px 10px;
    margin: 10px 10px;
    border-top-width: 0;
    border-bottom-width: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #c5c6c7!important;
}

.titulo_caja_mercadillo {
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
}



#pinBoot, #pinBoot_01, #pinBoot_02, #pinBoot_03{
  position: relative;
  max-width: 100%;
  width: 100%;
}

#pinBoot, #pinBoot_01, #pinBoot_02, #pinBoot_03 img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.white-panel {
  position: absolute;
  /*background: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);*/
  padding: 0px;
}
/*
stylize any heading tags withing white-panel below
*/

.white-panel h1 {
  font-size: 1em;
}

.white-panel h1 a {
  color: #A92733;
}

.white-panel:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}












.MultiCarousel { 
    float: left; 
    overflow: hidden; 
    padding: 15px; 
    width: 100%; 
    position:relative; 
}

.MultiCarousel .MultiCarousel-inner { 
    transition: 1s ease all; 
    float: left; 
}

.MultiCarousel .MultiCarousel-inner .item { 
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item > div { 
    text-align: center; 
    padding:10px; 
    margin:10px; 
    background:#f1f1f1; 
    color:#666;
}

.MultiCarousel .leftLst, .MultiCarousel .rightLst { 
    position:absolute; 
    border-radius:50%;
    top:calc(50% - 20px);
}

.MultiCarousel .leftLst { 
    left:0; 
}

.MultiCarousel .rightLst { 
    right:0; 
}
    
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { 
    pointer-events: none; 
    background:#ccc; 
}

.img_carrusel_mercadillos{
    padding: 5px 0 10px;
}

#invoice{
    padding: 30px;
}

.invoice {
    /*position: relative;*/
    background-color: #FFF;
    min-height: 680px;
    padding: 0px
}

.invoice header {
    padding: 10px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #3989c6
}

.invoice .company-details {
    text-align: right
}

.invoice .company-details .name {
    margin-top: 0;
    margin-bottom: 0
}

.invoice .contacts {
    margin-bottom: 20px
}

.invoice .invoice-to {
    text-align: left
}

.invoice .invoice-to .to {
    margin-top: 0;
    margin-bottom: 0
}

.invoice .invoice-details {
    text-align: right
}

.invoice .invoice-details .invoice-id {
    margin-top: 0;
    color: #3989c6
}

.invoice main {
    padding-bottom: 50px
}

.invoice main .thanks {
    margin-top: -100px;
    font-size: 2em;
    margin-bottom: 50px
}

.invoice main .notices {
    padding-left: 6px;
    border-left: 6px solid #3989c6
}

.invoice main .notices .notice {
    font-size: 1.2em
}

.invoice table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px
}

.invoice table td,.invoice table th {
    padding: 15px;
    /*background: #eee;*/
    border-bottom: 1px solid #fff
}

.invoice table th {
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px
}

.invoice table td h3 {
    margin: 0;
    font-weight: 400;
    color: #3989c6;
    font-size: 1.2em
}

.invoice table .qty,.invoice table .total,.invoice table .unit {
    text-align: right;
    font-size: 1.2em
}

.invoice table .no {
    color: #fff;
    font-size: 1em;
    background: #3989c6
}

.invoice table .unit {
    background: #ddd
}

.invoice table .total {
    background: #3989c6;
    color: #fff
}

.invoice table tbody tr:last-child td {
    border: none
}

.invoice table tfoot td {
    background: 0 0;
    border-bottom: none;
    white-space: nowrap;
    text-align: right;
    padding: 10px 20px;
    font-size: 1.2em;
    border-top: 1px solid #aaa
}

.invoice table tfoot tr:first-child td {
    border-top: none
}

.invoice table tfoot tr:last-child td {
    color: #3989c6;
    font-size: 1.4em;
    border-top: 1px solid #3989c6
}

.invoice table tfoot tr td:first-child {
    border: none
}

.invoice footer {
    width: 100%;
    text-align: center;
    color: #777;
    border-top: 1px solid #aaa;
    padding: 8px 0
}

.lazo{
    color: #000000;
    display: inline;
}

@media print {
    .invoice {
        font-size: 11px!important;
        overflow: hidden!important
    }

    .invoice footer {
        position: absolute;
        bottom: 10px;
        page-break-after: always
    }

    .invoice>div:last-child {
        page-break-before: always
    }
}

/****** FIN MERCADILLOS *****/

/*+++ Barra Redes Sociales Pie *****/


@media (max-width: 768px) {
    .hbf_3{
        position: fixed;
        bottom: 0;
        z-index: 1030;
        width: 100%;
    }
    
    .hbf_3 .inner{
        min-height: 50px;
        padding: 15px 0;
    } 
}
