@charset "UTF-8";
/* adecuaciones al css de Concreta */
/* ver si es necesario incluir "correcciones jp" de redisenio2015/footer.css */

h1.titulooculto {
	line-height: 1px;
    margin: 0;
    padding: 0;
    visibility: hidden;
}
.contenedor img {
    max-width: 100%; /* para que las imágenes sean escalables desde el ancho máximo hacia abajo*/
    height: auto;
}
.menu-local{
	cursor:pointer;
}
/* Estilos CONTENEDOR RESULTADOS DE BUSQUEDA
   ========================================================================== */
@media screen and (max-width: 589px){
	ul#TablaDeptos li a {
		padding: 10px 10px 10px 40px;
	}
}
@media screen and (min-width: 690px) {   
	ul.col3	{
		float: left;
		width: 100%;
		list-style-type: none;
	}	
	ul.col3 li {
		display: inline;
		float: left;
		width: 32%;
	}
	ul#TablaDeptos li a{
		font-size:1em;
		padding: 10px 10px 10px 40px;
		background: url("../img/icn-menu-local.png") 22px 18px no-repeat;
	}	
}

/* Estilos DESPLEGABLE TEMAS DESTACADOS
   ========================================================================== */
.temas-destacados > span, /*ANA 2015-12 quito el 'a', y uso un span, para que no se mueva en el click */
.temas-destacados > a {
  padding: 16px 8px;
  display: block;
}

/* RESULTADOS DE BÚSQUEDA */
.contenedor .liusHit {
	font-weight: bold;
	color: inherit;		
}

.contenedor h2 .liusHit{
	font-size: 1em;
	margin: 0;
}


/*** SUCURSALES EN EL INTERIOR ***/
#menuDeptos{
	padding-bottom:226px;
	z-index:1000;
}
#menuDeptos #MostrarDatos h2{
	padding-left: 16px;
}
#menuDeptos #MostrarDatos h3{
	margin: 0px;
}
.menu-secundario h2.cat-menu-local{
	/*font-size:1.1em;*/
	/*background-color:#406080;*/
	/*background: #004078 url("../img/nav-local-abrir.png") no-repeat scroll 95% 16px;*/
	padding: 15px 20px;		
}
ul#TablaDeptos {
	padding: 10px 0 30px 0;	
}


/* PEDIRLE A CONCRETA QUE LO AGREGUE A STYLE.CSS */
@media screen and (min-width: 871px) {
	.faceta-home, .temas-destacados-mobile {
		min-height: 346px;		
	}
}
@media screen and (min-width: 688px) and (max-width: 870px){
	.faceta-home, .temas-destacados-mobile {
		min-height: 280px;		
	}	
}


.tit01 {
  background: rgba(0, 0, 0, 0) url("../img/calendarios.png") no-repeat scroll left top;
}
.tit02 {
  background: rgba(0, 0, 0, 0) url("../img/servicios_destacados.png") no-repeat scroll left top;
}
.tit03 {
  background: rgba(0, 0, 0, 0) url("../img/accesos_rapidos.png") no-repeat scroll left top;
}
.tit05 {
  background: rgba(0, 0, 0, 0) url("../img/novedades.png") no-repeat scroll 8px 6px;
}
h2.tit05 {
  line-height: 32px;
  padding-bottom: 0;
  padding-left: 40px;
}
.tit01, .tit02, .tit03, .tit04 {
  padding-left: 30px;
}

/* cambios al quitar texto "Ir a descripción del trámite" */
.listado-tramites ul li a {
	max-width: 660px; /* para evitar que los textos muy largos bajen el botón "Agendar" a una segunda línea */
} 
.listado-tramites ul li h2, .listado-tramites ul li h3 {
	padding-top: 7px; /* alinea el texto del enlace y el botón "Agendar" */
}


/* redimensión de imágenes en noticias y snippets */
@media (min-width: 479px){
	li.novedades .materialrelacionado a.descarga img {
		height: auto;
	}
	.Snippet--hasImage .Snippet-image{
		width: 200px;
		height: 120px;
	}
	.formato-carpeta ul li>a img, .formato-carpeta ul li.novedades img {
    width: 150px;
    height: 90px;
}
}
.novedades-home img.imgnoticia{
  width: 112px; 
}


/* combos de la home */
.desplegable-faceta-home button {
    background: #ffffff none repeat scroll 0 0;
    width: 100%;
}
.falsolink, .falsolink:hover {
    cursor: pointer;
}
.desplegable-faceta-home button {
    background: #ffffff none repeat scroll 0 0;
    width: 100%;
}
.desplegable-faceta-home button, .desplegable-faceta-home > a {
    border: 1px solid #b3b3b3;
    box-shadow: 2px 2px 3px #ccc;
    color: #333;
    display: block;
    margin-bottom: 20px;
    padding: 10px;
}
/* corrige formato para que no baje el hx dentro de una lista */
.documento-wrap ul h2, .documento-wrap ul h3, .documento-wrap ul h4, .documento-wrap ul h5, .documento-wrap ul h6 {
	display:inline;
}

/* agrega manito a los botones agrandar y achicar texto*/
ul.acciones-doc li img {
	cursor: pointer;
	width: 18px;
}

@media (min-width: 480px) {
	/* achica img de autoridades al tamaño de la guía. No setear el alto, porque aplicaría a los iconos de archivos */
	.autoridades ul li img {
		width: 115px;
	}
	ul.acciones-doc li img, .acciones-wrap .acciones-doc li a img, .acciones-wrap .redes-sociales li a img {
		width: 26px;
	}
}

@media (max-width: 479px) {
	.acciones-doc, .acciones-wrap .redes-sociales {
		border: none;
		padding: 20px 0 0 0;
	}
	.acciones-wrap div.fr ul li, .redes-sociales div.fr ul li {
		margin-left: 0px;
		margin-right: 16px;
	}
}


/********************* Agregados de Federico para buscador home  *****************/
.search_principal {
  margin-top: 20px;
  background-image: url("../img/principal.jpg");
  height: 250px;
  vertical-align: middle;
  margin-bottom: 20px;
}

.search_principal .search_principal-input,
.search_principal .search_principal-btn {

}

.search_principal .search_principal-input {
  border: 1px solid #c2c2c2;
  margin-left: 20%;
  border-radius: 3px 0 0 3px;
  background-color: #fbfbfb;
  font-size: 1.375em;
  padding: 8px 12px;
  width: 50%;
}

.search_principal .search_principal-btn {
  background-color: #004078;
  border: 0;
  border-left: 1px solid #000a12;
  border-radius: 0 3px 3px 0;
  padding: 9px 12px;
  color: #fff;
  font-size: 1.1375em;
  width: 10%;
  margin: 20px;
} 
.tituloNoticia{
	float: left;	
}

/********************* valoración de contenidos *******************/
#feedbackwrapper {
	width: 70%;
	margin: 0 auto;
}
#feedbackwrapper .tipo-container__text {
	text-align: center;
}
#feedbackwrapper .estrella__textarea {
	text-align: center;
}
#feedbackwrapper .estrella__textarea textarea {
	width: 70%;
	height: 6em;
}
#feedbackwrapper #pregunta{
	margin-bottom: 10px;
}
#feedbackwrapper .tipo-container__text{
	display: inline-block;
	padding-top: 7px;
	margin-right: 30px;
}
#feedbackwrapper #estrellas{
	display: inline-block;
	border-top: none; 
	border-bottom: none;
	margin: 0 0 0 40px;	
}
#feedbackwrapper #btnEnviar {
	padding: 10px 24px;
	margin-top: 15px
}
#feedbackwrapper #comentarios{
	width: 100%;
}
#feedbackwrapper textarea{
	border-radius: 7px;
}

/*#feedbackwrapper textarea{
	border-radius: 7px;
	padding: 5px;
}*/
#feedbackwrapper .finCalificacion p {
	font-size: 1.3em;
	color: #0B4F98;
	text-align: center;
}
#feedbackwrapper .plugin {
	margin: 10px 0 0 0;
}
/* #feedbackwrapper .boton { */
/* 	max-width: 150px; */
/* } */
#feedbackwrapper .feedback-modal__content {
	margin: 12px 0 0 0;
}
@media (max-width: 479px){
	#feedbackwrapper {
		width: 100%;
	}
	#feedbackwrapper .boton {
	    max-width: 100%;
	}
	#feedbackwrapper .tipo-container__text {
		text-align: left;
	}
	#feedbackwrapper #estrellas {
		margin: 10px 0 0 0;
	}
	#feedbackwrapper .jq-ry-container {
		padding: 0;
	}
}
@media screen and (max-width: 1080px) {
	#feedbackwrapper #estrellas {
		margin: 0;
	}
}
#alerta{
	color: #8a6d3b;
	padding: 5px;
	font-size: 0.9em;
	border: 1px solid #faebcc;
	border-radius: 3px;
	background-color: #ffffcc;
	margin: 10px auto;
	width: 70%;
	display: none;
}
/********************* fin valoración de contenidos *****************************/

@media print {
	
body{
	background-color: yellow;
	}	
	
}

.faceta-home ul li{
	line-height: 1.8;
}
.faceta-home h2 {
    margin: 12px 0 12px 0;
}

/******************* Home 05/2022 *************************************************/
/***** buscador *****/
#query1Message {
	color: #941a1a;
    display: none;
    padding: 3px 14px 0 14px;
    margin: 3px 0 0 0;
    text-align: left;
    visibility: hidden;
    background-color: #ffd8db;
    font-size: 1em;
   	-webkit-box-shadow: 2px 2px 3px #ccc;
   	box-shadow: 2px 2px 3px #ccc;
   	margin: 0;  
}

@media (min-width: 860px) {
	#query1Message {
 		width:100%;
		position: absolute;
		top: 50px;
		font-size: 1em;
		z-index: 100;
		left: 0;
	}
}

/************ ícono menú lateral *********/
#icon-flecha {
	transition:all 200ms ease-in-out;
}


/************ ajustes para contraste de enlaces *********/
.documento-wrap a {
	color: #0a5b95;
	text-decoration: underline;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* formato card */
.card {
    /*border: 1px solid;*/
    border-radius: 0.25rem;
    display: flex;
    flex-direction: row;
    position: relative;
    padding: 15px;
}
.card .text {
    /*padding: 1rem;*/
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    max-width: 32ch;
}
.card p {
    max-width: 60ch;
    margin: 0 5px 5px 0;
}

.card .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*filter: grayscale(100%);*/
}
.card a {
    text-decoration: none;
}
.card a::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.card a:focus {
    outline: none;
    text-decoration: underline;
}
.card:focus-within, .card:hover {
    background-color: #e5eaee;
}
.card:focus-within a:focus {
    text-decoration: none;
}
.card small {
    display: block;
}
/*.card .text > * + * {
    margin-top: 0.75rem;
}
.card .text > :last-child {
    margin-top: auto;
    padding-top: 0.75rem;
}*/

@media (max-width: 860px) {
	.card {
	    flex-direction: column;
	    padding: 9px;
	}
	.card .text {
	    display: flex;
	    flex-direction: column;
	    max-width: none;
	}	
}
/* fin formato card */

