/*
 */

.solo-pc {display:block;	}	
.solo-movil{ display:none;	}

.element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

.vtna-nva{
	text-decoration: underline;
}

.enlace{
	text-decoration: underline;
}

.vtna-nva::after {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 3px;
    background-image: url(/wp-content/images/ventana-nueva-red.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 95% auto;
    content: ' (enlace externo)';
    overflow: hidden;
    white-space: nowrap;
    text-indent: 1em;
}

.nueva-ventana a{
	text-decoration: underline;
} 
.nueva-ventana a::after {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 3px;
    background-image: url(/wp-content/images/ventana-nueva-red.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 95% auto;
    content: ' (enlace externo)';
    overflow: hidden;
    white-space: nowrap;
    text-indent: 1em;
}

.uladorno  li{
	background: url(/wp-content/images/red-check.png) no-repeat 7px 7px transparent;
    list-style-type: none;
    margin: 0;
    padding: 1em 1em .5em 3.5em;
    vertical-align: middle;
}

.ulnormal {list-style-type: disc;}

.img-cab_red{
	padding: 5px;
}

/******** INICIO ******/

.titulo_inicio{
	/*background-color: rgba(171,171,171,.4);
    font-family: 'Roboto';*/
    font-weight: 700;
    text-shadow: 0 3px 3px rgb(0 0 0 / 50%);
}

.img-nosotros img{
	border-radius: 62% 38% 82% 18% / 54% 61% 39% 46%;
	transition: all 0.7s ease-in-out;
}

.img-nosotros img:hover {
	border-radius: 30% 70% 70% 30% / 30% 45% 55% 70%;
}

/******** SOBRE NOSOTROS ******/
.section-nuestros_objetivos {margin-top: -50px!important;}

.img-poicyl_texto{
	max-width: 40em;
	text-align: center;
	margin: auto auto;}
  
/********** ENTIDADES MIEMBRO ***********/
.div-entidades{
	margin: 0.5em 0;
    /* padding: 0.5em; */
    border: 5px solid #fef9f3;
}

.titulo_entidades{
	text-align: center;
}
.texto_entidades{
	/*background-color: #fef9f3;*/
    padding: 1em .5em 0;
    min-height: 12em;
}
.entidades-detalle h3{
	min-height: 4em;
    background-color: #fef9f3;
	padding: 0.5em;
}  

.titulo_entidades{
	height: 5em;
}

.entidades-detalle img{
	max-height: 100%;
}  

.img-logo_menor{
	max-width: 12em;
}

.img-pobreza_1{
	border-radius: 22% 38% 82% 18% / 54% 61% 39% 46%;
	transition: all 0.7s ease-in-out;
	padding: 20px;
}

.img-pobreza_1:hover {
	border-radius: 30% 70% 70% 30% / 30% 45% 55% 70%;
}

.img-pobreza_3 img{
    border-radius: 10% 25%!important;
	transition: all 0.7s ease-in-out;
}
.img-pobreza_3 img:hover {
    border-radius: 25% 10%!important;
}

.img-pobreza_4{
	border-radius: 30% 70% 70% 30% / 30% 45% 55% 70%;
	transition: all 0.7s ease-in-out;
	padding-right: 40px;
}

.img-pobreza_4:hover {
	border-radius: 22% 38% 22% 18% / 54% 61% 39% 46% ;
}


/******** NOTICIAS ******/
.section1-noticias {margin-top: -50px;}

/******** ALIAZNZA ******/

/********** QUE HACEMOS ***********/
.funcionamiento ol, .results ol  {
	list-style-type: none;
	counter-reset: lista-personalizada;
	margin: 0;
}

.funcionamiento ol li {
	position: relative;
    padding: 4px 0 10px 35px;
}

.funcionamiento ol li:before  {
	content: counter(lista-personalizada);
    counter-increment: lista-personalizada;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
    font-size: 1.5rem;
    padding: 0 4px;
    background: #F60505;
    min-width: 25px;
    text-align: center;
    color: #fff;
	/*background: #24822c ;
    color: #fff;*/
}

/******** ORGANIGRAMA ******/
/********** organigrama ******/

.col-organigrama{
	padding: .5em;
}

.div-organigrama{
	background-color: #f4f4f4; /*#fdecd8; naranja */ 
    border: 1px solid rgba(0, 0, 0, 0.10);
    text-align: center;
	/*min-height: 27em;*/
}

.img-organigrama {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 20px;
	max-width: 200px;
	width: 100%;
}

.nombre_organigrama{
	font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 0;
}

.cargo_organigrama{
}

.descripcion_organigrama{
	color: #36445b;
}


/* DERECHOS DE INFANCIA ******/
.sec-parte ul, .sec-parte ol {
	margin-bottom: 2em;
}

.sec-parte ol, .sec-parte ul {
	margin-left: 2em;
}

.sec-parte h3{
	color: #e51a12;
	font-size: 1.3rem;
}

.span-articulo{
	color: #000;
	font-size: 1rem;
}

.sec-parte ol li::marker, .sec-parte ul li::marker { font-weight: bold; } 
.sec-parte ol li::before, .sec-parte ul li::before { content: '- '; } 

/******** CONTACTO ******/
.img-contacta{
	max-width: 20em;
}
.portada_contacto{}

.portada_contacto:before, .portada_alianza:before , .portada_nosotros:before{
	content:'';
	position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.3);
}

/******** FORMULARIO ********/
form.wpcf7-form {
    background: #f5f4f4;
    padding: 40px;
	border: 1px solid black;
}

.form-buzon label{
	width: 90%;
}

.form-buzon input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea {
     border: 1px solid black!important; 
	 width: 100%;
}

.form-buzon form.wpcf7-form {
    background: #f5f4f4;
    padding: 40px;
}

.form-buzon .wpcf7-submit{
	border: 2px solid black!important;
}


/********* FOOTER *******/

.pie_contacto {
	
}

.img-pie_foropiacyl img{
	max-width: 150px;
    margin: auto;
	border-radius: 10px;
	margin-top: -30px;
}

.img-pie_junta{
	border-radius: 10px;
    border: 1em solid #fff;
    max-width: 200px;
}

#proteccion-datos{
	font-size: 80%;
}

.nav-menu-footer{
	font-size: 80%!important;
}

.site-footer {
   padding: 0; 
}

/**** COOKIES ****/
.moove-gdpr-branding-cnt{
	display: none;
}

#footer_javacoya {
    text-align: center;
    font-size: .75rem;
}

#footer_javacoya img {
    max-width: 6.25rem;
	vertical-align: middle;
}

@media screen and (max-width: 960px) {
	.section2-noticias {width: auto;}
}

@media screen and (max-width: 768px) {	
	.solo-pc {display:none!important;	}	
	.solo-movil{ display:block!important;	}	
	
	.entidades-detalle img{	height: auto;}  
	
}


@media screen and (max-width: 500px) {	
	.titulo_inicio{	font-size: 50px!important; max-width:100%!important;}  
}

@media screen and (max-width: 400px) {	
	.titulo_inicio{	font-size: 40px!important; max-width:100%!important;}  
}