@import url("/estilos_mob.css");
/* 2017*/
@media (min-width: 1300px) {
  .container {
    min-width: 1280px; 
	width: auto;
  }
}
@media (min-width: 992px) {
/**/	.nav.nav-pills.subme-listado > li.sbme a{font-size: 30px !important;}
	.sm_wa.no-web{
		display: none;
	}
	.container {
		min-width: 970px;
		width: auto;
	}
	#encabezado{
	/*	margin-bottom: 0px;*/
	}
	.causa-cuadro-info{
		background:#5d84b7;
	}
	.causa-cuadro-info div{
		padding: 0;
	}

	.bc1.bc2.bc3{
		margin: auto;
	}/*
	.bc1{
		margin: auto auto auto -15px;
	}
	.bc2{
		margin: auto;
	}
	.bc3{
		margin: auto -15px auto auto;
	}*/
	.banner-fila-cabecera{
		overflow: hidden;
		margin-left: 15px;	
	}
	.banner-fila-cabecera-titular{
		display: block;
		float: left;
		width: 50%;
		text-align: left;
		text-transform: none;
		/*border: 1px solid red;	*/
	}
	.banner-fila-cabecera-ver-mas{
		display: block;
		text-align: right;
		padding-top: 20px;	
		font-size: 130%;
	/*	border: 1px solid red;	*/
	}
	.banner-fila-ver-mas{
		display: none;
	}
	.banner-S .banner_contenidos{
		padding: 35px 15px 5px 15px; 
		/*border: 3px solid orange;*/
	}

	.banner-L-I .banner_contenidos{
		bottom: 6%;
		left: 6%;
		 
		right: auto;
		position: absolute;
	}
	.banner-S-I .banner_contenidos{
		bottom: 6%;
		left: 6%; 
		bottom: 15px;
		left: 15px;
		right: auto;
		right: 6%; 
		position: absolute;
	}

	.banner_etiqueta{
		display: block;
	}
	.label_a, .label_causa, .causas_rel .label_titular, .banner_etiqueta,
	.causas_rel span.label_titular{
		font-size: 16px;
		padding: 7px;
		font-size: 16px;
		text-transform: uppercase;
		position: absolute;
		left: 15px;
		margin-right: 4%;
		display: inline;
	}
	.causas_rel span.label_titular{
		display: inline;
		position: static;
	}
	.label_a{
		display:block;
	}
	.a-noticias span.label_titular{
		font-size: 16px;
		display: inline !important; 
		line-height: 30px; 
		/**/padding: 3px 4px 3px 4px;
		position: relative;
	}
	.banner_etiqueta, .label_a{
		left:15px;
		top: 15px;
		padding: 2px 7px;
		color: #fff;
	}
	.banner-L-I{
		height: 491px;
	}
	.banner-L-I .banner_imagen{
		position: relative;
		margin-top: 0%;
	}
	.banner-L .banner_imagen{
		max-height: 238px;
	}
	.a-noticias .banner_contenidos,
	.banner-XXL .banner_contenidos{
		position: absolute;
		padding: 0;
		bottom: 4%;
		left: 3%;
		right: 3%;
	}

	.banner_entradilla, .banner-S-I .banner_entradilla, .banner-L-I .banner_entradilla{
		/*padding: 1% 5%;*/
		padding: 5px 8px;
		
	}
	.banner-XXL .banner_entradilla, .banner-S-I .banner_entradilla{
		display: inline; 
		line-height: 35px; 
		/**/padding: 5px 4px 2px 4px;
	}
	.banner-S-I .banner_entradilla{
		line-height: 30px; 
		padding: 2px 6px 2px 6px;
	}
	.fila_titular_publicacion {
		margin: auto -5px 20px auto;

	}
	.fila_titular_publicacion .titular_publicacion_titulo h1{
		min-height: 300px;
	}
	.fila_titular_publicacion .titular_publicacion_imagen{
		background: #fff;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
	}
	.fila_titular_publicacion .fecha_noticia{
		position: absolute;
		left: 20px; bottom: 0; 
		margin-left: auto;  
	}
	div#social_media_compartir{
		margin-top: 10px;
	}
	ul.social_media_compartir{
		max-width: 50px;
	}
	.publicacion_contendor_contenidos{
		padding-left: 50px;	
		margin-top: 10px;
	}

	#menu-principal{
		padding-bottom: 0;
		top: -15px !important;
		position: relative;
	}
	.breadcrumb{margin-top: -10px;margin-bottom: 0;}
	#social_media_footer2{
			text-align: right;
			margin-right: 50px;
		}
}
@media only screen and (max-width : 768px) {
	
	#general.container {
	  padding: 0;
	/*  background: #ccc;*/
	}

	#encabezado{
		width: 100%;
	}
	#encabezado_top{
		display: none;
	}
	#boton_barra_navegacion{
	display: block;
	}
	#logob.navbar-brand{
		height: 50px !important;	
	}
	.banner-fila-cabecera{
		margin: auto 15px;
	}

	.fila_titular_publicacion .titular_publicacion_titulo h1{
		min-height: 200px;
	}
}

@media (min-width: 768px) {
	/*.nav.nav-pills.subme-listado > li.sbme a{font-size: 25px;}*/
	#listado_items h2{font-size: 200%;}
	.label_a, .label_causa,  .causas_rel .label_titular, .banner_etiqueta{
		font-family: "Ciutadella Light", sans-serif;
	}
	.a-noticias span.label_titular{
		font-family: "Ciutadella Light", sans-serif;
	}
	.cbp-hrmenu > ul > li > a,
	.cbp-hrmenu > ul > li > a:hover {
		color: #999;
	}
	.cbp-hrmenu > ul > li > a {
		padding: 1em 1.7em;
		padding: 1em 1.2em;
	}

	.cbp-hrmenu > ul > li > a:hover {
		text-decoration: none;
		border-bottom: 10px solid #70c28d;
		padding: 0em 1.7em;
		padding: 0em 1.2em;
	}
	.cbp-hrmenu #item_menu_nosotros .cbp-hrsub {
		background: #5d84b7;/*azul*/
	}
	.cbp-hrmenu #item_menu_informate .cbp-hrsub {
		background: #70c28d;/*verde*/
	}
	.cbp-hrmenu #item_menu_actualidad .cbp-hrsub {
		background: #00bac4;/*turquesa*/
	}
	.cbp-hrmenu #item_menu_colabora .cbp-hrsub {
		background: #ff8c8a;/*salmon*/
	}
	.cbp-hrmenu > ul > li#item_menu_nosotros.cbp-hropen > a,
	.cbp-hrmenu > ul > li#item_menu_nosotros > a:hover{
		border-bottom: 10px solid #5d84b7;
	}
	.cbp-hrmenu > ul > li#item_menu_informate.cbp-hropen > a,
	.cbp-hrmenu > ul > li#item_menu_informate.cbp-hropen > a:hover,
	.cbp-hrmenu > ul > li#item_menu_informate > a:hover {
		border-bottom: 10px solid #70c28d;
	}
	.cbp-hrmenu > ul > li#item_menu_actualidad.cbp-hropen > a,
	.cbp-hrmenu > ul > li#item_menu_actualidad.cbp-hropen > a:hover,
	.cbp-hrmenu > ul > li#item_menu_actualidad > a:hover {
		border-bottom: 10px solid #00bac4;
	}
	.cbp-hrmenu > ul > li#item_menu_tienda.cbp-hropen > a,
	.cbp-hrmenu > ul > li#item_menu_tienda.cbp-hropen > a:hover,
	.cbp-hrmenu > ul > li#item_menu_tienda > a:hover,
	.cbp-hrmenu > ul > li#item_menu_colabora.cbp-hropen > a,
	.cbp-hrmenu > ul > li#item_menu_colabora.cbp-hropen > a:hover,
	.cbp-hrmenu > ul > li#item_menu_colabora > a:hover {
		border-bottom: 10px solid #ff8c8a;
	}
	.cbp-hrmenu > ul > li#item_menu_wiki > a:hover {
		border-bottom: 10px solid #e7b564;
	}

	cbp-hrmenu > ul > li#item_menu_colabora {
		border-bottom: 10px solid #ff8c8a;
	}
	.cbp-hrmenu .cbp-hrsub-inner > div#submen_empresas {
		width: 25%;
	}
	#menu_item_idiomas, #menu_item_social_media, #menu_item_politica_privacidad{
		display: none;	
	}
	/*
	#social_media_footer{
		text-align: right;margin-right: 20px;	
	}*/
	#social_media_footer2 li a.fa-sm-footer {
	/*
	 */
	  padding: 10px !important;
	  font-size: 20px !important;
	  width: 40px !important;
	  text-align: center;
	  text-decoration: none;
	  margin: 5px 2px;
	  border-radius: 50%;
	  background: #444 !important;
	  color: #fff;
	 }

	 /*
	 #social_media_footer2 li a{
		color: #fff;
	}
	#social_media_footer li{
		background: url(imas3/ico-redes-sociales-3.png) no-repeat top left;
		margin-right: 2%;
		height: 40px;
		width: 40px;
		border: 1px solid red;
	}*/

	.table_row{
		display: table-row;
	}
	.fila_titular_publicacion .titular_publicacion_titulo{
		background: #5691cd;
		display: table;
		width: 100%;
		display: table-cell;
		width: 33.3%; 
		padding: 20px; 
		margin-bottom: 0px;
	/*	border: 1px solid red;*/
	}
	.fila_titular_publicacion .titular_publicacion_titulo h1{
		color: #fff;
		border: 0;
		line-height: 120%;
	}
	.fila_titular_publicacion .fecha_noticia a{
		 padding-right: 10px;
	}
	.fila_titular_publicacion .titular_publicacion_imagen{
		display: table-cell;
		width: 67%;
		border-left: 15px solid #fff;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size:  contain;
		position: relative;
		overflow: hidden;
	/*	margin-left: -15px;
		margin-right: -15px;*/
	}
	#foto_noticia{
		position: absolute;
		min-width: 100%;
		top: 0; left: 0;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin: auto;
	}
	.entradilla{
		font-size: 170%;
	/*	margin: auto 0;*/
	}
	#listado_items .entradilla{
		color: #555;
		margin-left: 27.5%;
	}
	.noticia .entradilla{font-size: 225%;}
	.no_movil{display: block;}
	.container {
		min-width: 750px;
		width: auto;
	}
	#encabezado{
		margin-bottom: 0px;
		margin-left: -15px;
	}
	#logo, #logob{
		position: relative;
		bottom: -24px;
		left: 35px;
	}
	#logo, #botonera_top{z-index: 1000; position: relative;}
	#cuerpo{
		margin: auto 50px 50px 50px;
	}
	#medio{
		margin-top: 0px;
		overflow: hidden;
	}
	
	section{overflow: hidden;}
	.banner_col{
		position: relative;	
		/*border: 1px solid orange;*/
		margin: auto -15px auto auto;
		height: inherit;
		
	}
	.banner_entradilla{
		color: #fff;
		font-size: 17px;
		font-family: "Ciutadella Light", sans-serif;
	}
	.banner-S .banner_entradilla,
	.banner-SS .banner_entradilla{
		font-family: "Ciutadella regular", sans-serif;
		font-size: 140%;
		
	}
	.titular_cuadros{
		/*margin-left: -15px;*/
		font-size: 130%;
	}
	.banner-S{
		min-height: 238px;
		max-width: 384px;
	}
	.banner-S-I{
	/*	overflow: hidden;
		height: 238px;*/
		max-width: 384px;
	}
	.banner-L{
		/*width: 384px;*/
		height: 491px;
	}
	.banner_contenidos_cuadro_int{
		max-width: 100%;
		/*
		border: 1px solid red;
		*/
		min-height: 200px;
		display: block;
		padding-top: 0;
	}

	#pie_pagina{
		background: #f1f1f1 !important;
		padding-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	#pie_pagina .row{
		margin-left: 0;
		margin-right: 0;
	}
	.footer-col-a{
		width: 22%;
		padding-left: 35px;
		float: left;
		padding-left: 50px;
	}
	.footer-col-b{
		width: 48%;
		float: left;
	}
	.footer-col-c{
		width: 29%;
		float: right;
	/*	border: 1px solid red;*/
		background: #f1f1f1;
		padding: 0px;
		
	}
	footer address{
		margin-top: 20px;
	}
	#logo-footer{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	footer #footer-direccion{
		font-size: 100%;
		/**/padding-left: 50px;
		padding-bottom: 10px;
	}
	#contacto_footer{
		top: 0px;
		position: static;
	}
	#footer-nav-left,#footer-nav-right{
		overflow: hidden;
	}
	#footer-nav-left{
	}
	#footer-nav-right{
	}
	.col_footer{
		float: left;
		width: 25%;
		min-width: 135px;
	/*	border: 1px solid blue;*/
	}
	#footer-nav-right .col_footer{
	}
	#footer-nav-right #pie_e.col_footer{
		width: 59%;
		
	}
	footer ul, footer ul li{
		padding-left: 0;
		margin-left: 3px;
		list-style-type: none;
	}
	.col_footer h3{
		font-size: 90%;
		text-transform: uppercase;
		background: #e7b564;
		display: inline-block;
		padding: 6px 12px;
		margin-bottom: 12px;
	}
	.col_footer h3{
		
	}
	.no-vi{
		display: block;
	}

	#footer-legal{margin-left: 0; padding-left: 0; list-style-type: none;}
	#footer-legal li{display: inline-block; width: 24%;}
	.banner.banner-XXL, .banner.banner-S-I{background-color: transparent;}
	.ima_izquierda{
		float: left;
		margin-right: 20px;
	}
	.ima_derecha{
		float: right;
		margin-left: 20px;
	}
	.imas_3_en_linea{
		max-width: 32% !important;
		margin-right: 1.5%;
	}
	.imas_3_en_linea:last-of-type{
		margin-right: 0;
	}
	.imas_2_en_linea{
		max-width: 49%;
		margin-right: .5%;
	}
	.cuadro_destacado{
		margin-top: 1em;
		padding: 15px;
		background: #f1f1f1;
	}
	.cuadro_destacado3{
		margin-bottom: 10px;
	}
	.cuadro_destacado form{
		
	}
	fieldset{
		border: 1px solid #fff;
		padding: 5px 20px;
	}
	legend{
		border: 0;	
		margin-top: 20px;
	}
	.form_sub_grupo{
		margin-left: 20px;
	}
	.bullets-1 li,
	.li_fundacion.bullets-1 li{
		margin-bottom: 10px;
		list-style-type: disc;
		margin-left: 0px;
	}
	label{font-size: 90%;}
	input[type='text'],
	textarea,
	select{
		border: 1px solid #eaeaea;
		width: 100%;
		font-size: 90%;
		margin: 3px;
	}
	input.input_auto{
		width: auto;
	}
	.empresass h3.item{
		margin: 35px 0;
	}
	.empresass fieldset{
	}
	.empresass fieldset input{
	}
	.empresass fieldset input:focus{
		background:#fdfdfd;
	}
	#principal{
	/*margin-left: -15px; padding-left: 0; list-style-type: none;*/
	}
	#lista_enlaces li,
	#lista_entidades li,
	#lista_empresas_socias li{
		/*width: 100% !important;*/
		overflow: hidden;
		margin-bottom: 1em;
		padding-bottom: 1em;
		border-bottom: 1px solid #f1f1f1;
	}
	#lista_empresas_socias li{
		display: inline-block;
	}
	#lista_enlaces img,
	#lista_entidades img{
		/**/float: left;
		margin-right: 20px;
	/**/width: auto;
		max-height: 75px;
	}
	#lista_empresas_socias img{
		max-width: 140px;
	}
	#lista_empresas_socias.socia_destacada img{
		max-width: 400px;
	}

	/***** Fichas animales de compañía *******/
	#ficha{
		width: 100%;
		/*float: left;
		background-color: #fe8;*/
		-webkit-border-radius: 5px;
		padding-top: 1em;
		background-color: #fafafa;
		padding: 1em;
	}
	#foto_ficha{
		padding: 5px;
		padding-bottom: 21px;
		margin-left: 1em;
		background-color: #fff;
		background-image: url(imas/ombra.jpg);
		background-repeat: repeat-x;
		background-position: center bottom;
		width: 500px;
		
	}
	#datos_ficha{
		margin-left: 1em;
		font-size: 90%;
		overflow: hidden;
		padding: .5em;
		-webkit-border-radius: 5px;
		width: 500px;
		background-color: #fff;
	}
	#descripcion_ficha{
		width: 49%;
		text-align: justify;
		float: left;
	}
	#contacto_ficha{
		width: 47%;
		float: right;
	}
	.estado_ficha{
		text-decoration: underline;
		font-size: 140%;
	}
	#contacto_ficha a{
		font-weight: bold;
		color: #111;
	}
	div#ficha.animal{ width: 95%;}
	#ima_ficha_n{ display: block; margin: auto auto 22px  auto; max-width: 100%}
	.datos_ficha{
		display: inline-block; 
		border: 1px solid #e5e5e5;
		margin: 0 4px 5px 0 !important;
		padding: 9px;
		vertical-align: top;
		white-space: nowrap;
		background: #f0f0f0;
		border-radius: 4px;
	}
	#descripcion_ficha_n{
		box-shadow: 0 0 5px #e5e5e5;
		background: #fff;
		padding: 15px 10px;
		font-size: 112%;
		margin-bottom: 20px;
	}	

	#listado_animales li{
		width: 362px;
		float: left;
	}
	#listado_animales li:hover,
	#listado_animales.apadrinamientos li:hover{
		background: #fff;
	}
	/***** fin animalaes de compañía *********/
	#lista_enlaces img,
	#lista_entidades img{
		float: left;
	}
	#listado_items li{
		overflow: hidden; padding-left: 15px;
	}
	.foto_listado{margin-left: 15px;}
	.thumbnail_listado{
		max-width: 30%;
		float: left;
		margin-bottom: 1em;
		margin-right: 2%;
		margin-left: -1em;
		margin-top: 21px;
	}
	.thumbnail_listado img{max-width: 100%;}
	ul.causas-sub-apartados li.activo a,
	ul.causas-sub-apartados li a:hover{
		background: #5691cd; 
		text-decoration: none;
	}
	.contenidos-desc{
		margin-top: 20px;
	
	}
	.reset_padding{
		padding: 0;
	}
	.reset_padding h1{
		margin: 0;
	}
	.texto_contenido h2:first-of-type{
		margin-top: 5px;
	}
	.texto_contenido * + h2:first-of-type{
		margin-top: 20px;
	}
	.cuadro_lat{
		max-width: 172px;
		margin: auto 0 auto auto;
	}
	.home #cuerpo{
		padding-top: 0px;
		border: 0;
	}
	h1{ margin-top: 5px;}
	.breadcrumb{ top: auto;}
	#boton_socio_top_mob{display: none;}
	.cont-form-acumba{margin-left: -20px;}
	.cont-form-acumba div{ margin-left: 0px;}
}
@media (min-width: 480px) {
/**/.nav.nav-pills.subme-listado > li.sbme a{font-size: 28px;}
	.causa-cuadro{
		min-height: 300px;
	}
		#social_media_footer2 li a.fa-sm-footer {
		  padding: 15px;
		  font-size: 30px ;
		  width: 60px;
		  text-align: center;
		  text-decoration: none;
		  margin: 5px 2px;
		  border-radius: 50%;
		  background: #949494;
		 }
	.no-web{
		display: none;
	}
	.link_boton{display: inline-block;margin-top: 5px; text-align: left;}
	.publicacion-cta{
		text-align:right;
	}
}
@media (min-width: 400px) {
	#menu_item_social_media ul{
		margin-left: 20px !important;
		width: auto;
	}
	#menu_item_social_media ul li{
		margin-right: 4%;
	}
	/*#social_media_footer{
		margin-left: 30px;
	}*/
}