@import 'fonts.css';

/* GENERAL */


@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');



html{
    margin:0px;
	padding:0px;
	font-family: 'Poppins', 'open_sanslight', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4d4d4d;
}

html {
        scroll-behavior: smooth;
    }
	
body {
	margin:0px;
	padding:0px;
	background:#fff;
	font-family: 'Poppins', 'open_sanslight', Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#4d4d4d;
    font-weight: 400;
    line-height: normal;
	/*min-width:1180px;*/
	/*width:100%;*/
}

.gris { color:#EDEDED; }
.gris_osc { color:#4d4d4d; }
.negro { color:#222; }
.violeta { color:#CC00FF; }
.violeta_osc { color:#662d91; }

p, ul, ol {
	font-family: 'Poppins', 'open_sansregular', Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
    margin: 28px 0px;
}

.tag {
	font-family: 'Poppins', 'open_sansregular', Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	font-size: 18px;
	font-weight: 400;
	line-height: normal;
    font-style: italic;
}

strong { font-family: 'Poppins', 'open_sansbold', Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; }


h1 {
	font-family: 'Poppins', 'open_sanslight', Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	font-size: 64px;
	font-weight: 700;
    line-height: 70px;
	
}

@media screen and (max-width: 450px) {
	
	h1 {
	font-size: 40px;
    line-height: 46px;
	
}

	
}


span h1 {
	font-family: 'Poppins', 'open_sansbold', Arial, Helvetica, sans-serif;
	color:#009cdd;
	font-size: 20px;
	font-weight: normal;
	margin-bottom:50px;
	
}

h2 {
	font-family: 'Poppins', 'open_sanslight', Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	font-size: 30px;
	font-weight: 600;
/*	text-transform:uppercase;*/
	/*letter-spacing:-2px;*/
	line-height:37px;
}

h3 {
	/*font-family: 'interstatelight', Arial, Helvetica, sans-serif;*/
	font-family: 'Poppins', 'open_sanslight', Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	font-size: 14px;
	font-weight: normal;
}

h4 { font-family: 'Poppins', 'open_sanslight', Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	font-size: 24px;
	font-weight: normal;
	margin-bottom:18px;

 }
 
 sup { font-size:small; line-height:0px; }
 
hr {height:1px;
border-top:none;
border-left:none;
border-right:none;
border-bottom:#222 solid 1px;
}

a {
	color: #CC00FF;
	text-decoration: none;
	
	
}
a:hover {
	color:#662d91;
	text-decoration: none;
	
	
	
	}


p a {
	color: #CC00FF;
	text-decoration: none;
/*	background:#e5e5e5; */
	
	/*	-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius: 3px; */
}
p a:hover {
	color:#662d91;
	text-decoration: none;
/*	background:#666;
	padding-left:3px;
	padding-right:3px;
	
	-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius: 3px; */
}

a, a:visited { 
	text-decoration: none; 
	outline: 0;
	-webkit-transition: color 0.4s ease-out, background 0.4s ease-out;
	-moz-transition: color 0.4s ease-out, background 0.4s ease-out; 
	-o-transition: color 0.4s ease-out, background 0.4s ease-out; 
	-ms-transition: color 0.4s ease-out, background 0.4s ease-out; 
	transition: color 0.4s ease-out, background 0.4s ease-out;
	
	}
/*	a:hover { color: #000;}
	p a, p a:visited { line-height: inherit; } */
	
ul {
	list-style:none;
	/*margin:0;*/
	padding:0;
}	

ol {
	/*list-style-position: inside;*/
	/*margin:0;*/
	padding:0;
	padding-left:20px;
}	

ol li { margin-bottom:10px; }

.listas ul li:before { content:"-"; margin-left:-10px; }
.listas ul { margin-left:10px; }
.listas ul li { margin-bottom:5px; }
.listas ol li { margin-bottom:5px; }
	

.foto_100 { width:100%; height:auto; }

.centro { text-align:center; }
.centrar { margin:0 auto; }

.mt0 {margin-top:0px !important; }
.mb0 {margin-bottom:0px !important; }

.mt5 {margin-top:5px !important; }
.mb5 {margin-bottom:5px !important; }

.mt15 {margin-top:15px !important; }
.mb15 {margin-bottom:15px !important; }

.mt20 {margin-top:20px !important; }
.mb20 {margin-bottom:20px !important; }

.mt30 {margin-top:30px !important; }
.mb30 {margin-bottom:30px !important; }

.mt40 {margin-top:40px !important; }
.mb40 {margin-bottom:40px !important; }

.mt50 {margin-top:50px !important; }
.mb50 {margin-bottom:50px !important; }

.mt60 {margin-top:60px !important; }
.mb60 {margin-bottom:60px !important; }

.mt80 {margin-top:80px !important; }
.mb80 {margin-bottom:80px !important; }

.mt100 {margin-top:100px !important; }
.mb100 {margin-bottom:100px !important; }

.mt120 {margin-top:120px !important; }
.mb120 {margin-bottom:120px !important; }

.mt160 {margin-top:160px !important; }
.mb160 {margin-bottom:160px !important; }

.md0 {margin-right:0 !important; }
.mi0 {margin-left:0 !important; }
.md15 {margin-right:15px !important; }
.mi15 {margin-left:15px !important; }
.md20 {margin-right:20px !important; }
.mi20 {margin-left:20px !important; }
.md25 {margin-right:25px !important; }
.mi25 {margin-left:25px !important; }
.md30 {margin-right:30px !important; }
.mi30 {margin-left:30px !important; }
.md40 {margin-right:40px !important; }
.mi40 {margin-left:40px !important; }
.md50 {margin-right:50px !important; }
.mi50 {margin-left:50px !important; }
.md60 {margin-right:60px !important; }
.mi60 {margin-left:60px !important; }

.pt0 {padding-top:0px !important; }
.pb0 {padding-bottom:0px !important; }

.pt5 {padding-top:5px !important; }
.pb5 {padding-bottom:5px !important; }

.pt15 {padding-top:15px !important; }
.pb15 {padding-bottom:15px !important; }

.pt20 {padding-top:20px !important; }
.pb20 {padding-bottom:20px !important; }

.pt30 {padding-top:30px !important; }
.pb30 {padding-bottom:30px !important; }

.pt40 {padding-top:40px !important; }
.pb40 {padding-bottom:40px !important; }

.pt60 {padding-top:60px !important; }
.pb60 {padding-bottom:60px !important; }

.pt80 {padding-top:80px !important; }
.pb80 {padding-bottom:80px !important; }

.pt100 {padding-top:100px !important; }
.pb100 {padding-bottom:100px !important; }

.pt120 {padding-top:120px !important; }
.pb120 {padding-bottom:120px !important; }

.pt160 {padding-top:160px !important; }
.pb160 {padding-bottom:160px !important; }



.pd20 {padding-right:20px !important; }
.pi20 {padding-left:20px !important; }


.f_left { float:left; }
.f_right { float:right; }


  .layout {
	clear:both;
	max-width:1180px;
	width:100%;
	margin:0 auto;
	padding:0px 0px;
}

.content { 
/*margin:0px 0px; */
}

.w320 { max-width:320px !important; }
.w450 { max-width:450px !important; }
.w500 { max-width:500px !important; }
.w550 { max-width:550px !important; }
.w620 { max-width:620px !important; }
.w740 { max-width:740px !important; }
.w760 { max-width:760px !important; }
.w780 { max-width:780px !important; }
.w820 { max-width:820px !important; }
.w860 { max-width:860px !important; }
.w990 { max-width:990px !important; }
.w1024 { max-width:1024px !important; }

.w50por { max-width:50% !important; }
.w60por { max-width:60% !important; }
.w70por { max-width:70% !important; }
.w80por { max-width:80% !important; }

#miga ul { font-size:16px; margin-top:10px; color:#222; }
#miga li { display:inline; margin-right:0px; }
#miga li:after {
	font-family: 'Poppins', 'open_sanslight', Arial, Helvetica, sans-serif;
	font-weight:normal;
	content:"/";
	padding-left:7px;
	padding-right:2px;
	font-size:12px;
	top:0px;
	position:relative;
}
#miga li:last-child:after { content:""; margin:0px; padding:0px; }

/*input { background:#FFF;
 max-width:400px;
padding:12px 40px 13px;
  border-radius: 21px;
  -moz-border-radius: 21px;
  -webkit-border-radius: 21px;
  border:#222 solid 2px;
margin:20px 0;
font-size:20px;
text-align:center; color:#444; }
*/
input:focus{
	outline:0px;
	border:#222 solid 2px;
}

label { display: none; 
   }
    

/*input[type=submit] {
	color:#009cdd; 
font-family: 'Poppins', 'open_sansbold', Arial, Helvetica, sans-serif;
font-size:20px;
line-height:normal;
padding:12px 40px 13px;
  border-radius: 21px;
  -moz-border-radius: 21px;
  -webkit-border-radius: 21px;
  border:#009cdd solid 2px;

}

input[type=submit]:hover {
	color:#222;
	border:#222 solid 2px;
}
*/


/*article {
	clear:both;
	width:70%;
	margin:0 auto;
	padding:0px 100px;
	text-align:center;
}*/



/* HEADER */

header {
	background:#FFF;
	width:100%;
	margin:0px;
	padding:0px;
	position:relative;
	z-index:999;
	top: 0;
}

#header {
	background:#fff;
	width:100%;
	height:120px;
	margin:0 auto;
	padding:0px;
	z-index:999;
	position:relative;
	
}

.header {
	max-width:1180px;
	width:100%;
	height:100px;
	margin:0 auto;
	position:relative;	
}




/* HEAD */

#head {
	margin:0px 0px;
	background:#FFFFFF url(../img/hero.jpg) no-repeat center;
	background-size:cover;
	height:460px;
}

@media screen and (max-width: 768px) {
    
    #head {
	height:260px;
}
}

#head h1 {
	/*width:50%;
	height:490px;*/
	width: auto;
	height:auto;
	max-width:575px;
	position:relative;
	display: inline-block !important;
	background:#33FFFF;
	padding:135px;
	margin:70px 0 0 0;
	box-sizing: border-box;
}

#head h1 span {
	font-family: 'Poppins', 'open_sansregular', Arial, Helvetica, sans-serif;
	display: inline-block;
	width:auto;
	height:auto;
	/*height:490px;*/
	
	background:#33FFFF;
	font-size:38px;
	color:#222;
}



#head_2 {
	margin:0px 0px;
	background:#33FFFF;
	height:155px;
	
	  
}

#head_2 h1 {
	font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif !important;
	font-size:40px !important;
	text-transform:uppercase;
}







.header #logo { position: relative; margin:20px 0px 15px; z-index:1000; width: 50%; }

.logo { /*padding:0 20px;*/ width:100%; height:auto; max-width: 130px; }

.header img.login { width: 20px; height: auto; margin-right: 10px; }

#head a.boton {
display: inline-block;
color:#222; 
font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
font-size:16px;
line-height:normal;
padding:12px 40px 13px;
border:#222 solid 1px;
border-radius:0px;
}

#head a:hover.boton { color:#fff; background:#33FFFF; border:#33FFFF solid 1px;

/*background: #61a8d2;
background: -moz-linear-gradient(left, #61a8d2 0%, #33FFFF 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #61a8d2), color-stop(100%, #33FFFF));
background: -webkit-linear-gradient(left, #61a8d2 0%, #33FFFF 100%);
background: -o-linear-gradient(left, #61a8d2 0%, #33FFFF 100%);
background: -ms-linear-gradient(left, #61a8d2 0%, #33FFFF 100%);
background: linear-gradient(to right, #61a8d2 0%, #33FFFF 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61a8d2', endColorstr='#33FFFF', GradientType=1 );*/

}

#head a.boton img { margin: 0px 0px -3px 5px; }

#menu { background: #444; padding: 0px;  position: relative; }

#menu.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}


/*section, #iniciativa, section, #formulario {
  scroll-margin-top: 118px;
}
*/


/* HOME */

#foto_header {
	background:#fff url(../img/home.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
   /*height: calc(100vh - 140px);*/
   height:470px;
   width: 100%;
   text-align: center;
}

 .foto_header {
animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  -vendor-animation-delay: 0.5s;
  }
  
  
/*article#home { margin-bottom:100px; }*/

/* BTN */

a.btn { 
background: #CC00FF;
padding: 15px 40px;
font-weight: 600;
font-size: 18px;
    color: #FFF;
}

a:hover.btn { 
background: #662d91;
}


/* INICIATIVA */

#iniciativa, #ekimena {
	background:#fff;
	padding:80px 0px;
}

#iniciativa p a, #ekimena p a, {
	color: #CC00FF;
	text-decoration: none;
    border-bottom: #CC00FF solid 1px;
    padding-bottom: 5px;

}
#iniciativa p a:hover, #ekimena p a:hover {
	color:#662d91;
	text-decoration: none;

}


.icon_pdf_down {
    width: 21px;
    height: auto;
    margin-left: 15px;
    position: absolute;
}


/* FORMULARIO */

#formulario, #inprimakia {
    background: #f2f3f3;
    padding: 80px 0px;
}


label { display: none; }








:root {
    --text: #4d4d4d;
    --muted: #4d4d4d;
    --line: #4d4d4d;
    --field: #e6e6e6;
    --btn: #8d8d8d;
    --btnText: #fff;
    --primary: #a000ff;
    --danger: #CC00FF;
    --dangerBg: #CC00FF;
   /* --ok: #8cc63f;  
    --okBg: #8cc63f; */ 
    --ok: #CC00FF;  
    --okBg: #CC00FF;   
    --radius: 0px;
    --uploadH: 56px;
    --ctlW: 76px;
  }

  * {
    box-sizing: border-box
  }



  .counter {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: var(--muted);
    background: var(--field);
    border-radius: 999px;
    padding: 6px 16px;
    line-height: 1;
    top: -3px;
  }

  .divider {
    height: 2px;
    background: var(--line);
    margin: -10px 0 22px;
  }

  .grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
  }

  /* Igual que grid-3 pero con 2 campos: 2/3 + 1/3 alineado perfecto */
  .grid-2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
  }

  .grid-2> :first-child {
    grid-column: span 2;
  }

  .hint {
    margin: 8px 0 18px;
    color: var(--muted);
    font-style: italic;
    font-size: 14px;
  }

  .field label {
    display: none;
  }

  input[type="text"],
  input[type="email"],
  input[type="tel"] {
    width: 100%;
    border: 0;
    background: var(--field);
    padding: 18px 16px;
    border-radius: var(--radius);
    outline: none;
    font-size: 18px;
    font-style: italic;
  }

  input::placeholder {
    color: #7b7b7b;
  }

  /* Borde de color #CC00FF de 1px cuando los campos están activos (focus) */
  input:focus,
  textarea:focus,
  select:focus {
    border: 1px solid #CC00FF;
    outline: none;
    /* Opcional: elimina el contorno azul por defecto del navegador */
  }

  /* Color #CC00FF al pasar el ratón (hover) por los botones del formulario */
  button:hover,
  input[type="submit"]:hover,
  input[type="button"]:hover,
  .btn:hover {
    background-color: #CC00FF;
    color: white;
    /* Asegura que el texto sea legible si el fondo es oscuro */
    transition: all 0.3s ease;
    /* Opcional: suaviza el cambio de color */
  }

  /* --- Estilos para el input FILE --- */


  /* Hover: cambia el color de los botones de subir archivo */
  .btn-upload:hover {
    background: #CC00FF;
  }

  /* Opcional: también cuando navegas con teclado */
  .btn-upload:focus-within {
    background: #CC00FF;
  }


  /* Select con el mismo look que los inputs */
  select {
    width: 100%;
    border: 0;
    background: var(--field);
    padding: 18px 48px 18px 16px;
    border-radius: var(--radius);
    outline: none;
    font-size: 18px;
    font-style: italic;
    color: var(--text);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 22px 22px;
  }

  select:required:invalid {
    color: #7b7b7b;
  }

  option {
    color: var(--text);
  }

  /* ===== Error resumen (submit) ===== */
  .error-box {
    display: none;
    color: #fff;
        background: var(--dangerBg);
        padding: 7px 20px;
        border-radius: 2px;
        border-left: 7px solid #FF6633;
  }

  .error-box strong {
    display: block;
      color: #fff;
   /* margin-bottom: 8px;*/
  }

  .error-box ul {
   /* margin: 0;
    padding-left: 18px;*/
  }

  .error-box li {
  /*  margin: 4px 0;*/
       color: #fff;
  }
    
    
    

  /* ===== File widget (botón + nombre + aviso) ===== */
  .file-widget {
    width: 100%;
  }

  .btn-upload {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    height: var(--uploadH);
    background: var(--btn);
    color: var(--btnText);
    border: 0;
    padding: 0 18px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    overflow: hidden;
  }

  .btn-upload .label {
    /* overflow: hidden; */
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .btn-upload svg {
    flex: 0 0 auto;
    opacity: .95
  }

  .btn-upload input[type="file"] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
  }

  .file-meta {
    margin-top: 10px;
  }

  .file-name {
    color: var(--muted);
    font-size: 18px;
    font-weight: 500;
  }

  .warn {
    margin-top: 6px;
    color: var(--danger);
    font-size: 13px;
    font-weight: 700;
    min-height: 16px;
  }

  /* ===== Medidas ===== */
  .measures {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 26px;
  }

  .measure-row {
    display: grid;
    grid-template-columns: 140px 1fr 560px;
    align-items: start;
    gap: 18px;
  }

  .measure-tag {
    color: #666;
    font-size: 18px;
    font-weight: 600;
    padding-top: 14px;
  }

  .measure-right {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    gap: 16px;
  }
    
  .measure-row.is-last .measure-right {
    grid-template-columns: 1fr var(--ctlW) var(--ctlW);
  }

  .btn-ctl {
    width: var(--ctlW);
    height: var(--uploadH);
    border: 0;
    border-radius: 50px;
    background: var(--btn);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .btn-ctl:disabled {
    opacity: .45;
    cursor: not-allowed;
  }

  .btn-ctl svg {
    display: block;
  }

  .actions {
    margin-top: 34px;
  }

  .btn-submit {
    border: 0;
    background: #CC00FF;
    padding: 15px 40px;
    font-weight: 600;
    font-size: 18px;
    color: #FFF;
    cursor: pointer;
  }

  .btn-submit:hover {
    background: #662d91;
  }

  /* ===== (NUEVO) Preview logo al lado ===== */
  .logo-row {
    display: flex;
    gap: 18px;
    max-width: 560px;
    /* para que quepa preview al lado */
    align-items: flex-end;

  }

  .logo-preview {
    width: 150px;
    height: 150px;
    background: var(--field);
    /* border: 1px solid rgba(0,0,0,.10);*/
    border-radius: 0px;
    overflow: hidden;
    position: relative;
    flex: 0 0 auto;
  }

  .logo-preview img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: none;
    padding: 8px;
  }

  .logo-preview-empty {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--muted);
    font-weight: 600;
  }

  @media (max-width: 1100px) {
   /* .measure-row {
      grid-template-columns: 120px 1fr 520px;
    }*/

    .btn-upload {
      font-size: 18px;
    }

    .file-name {
      font-size: 16px;
    }
  }

  @media (max-width: 860px) {
    .grid-3 {
      grid-template-columns: 1fr;
    }

    .measure-row {
      grid-template-columns: 1fr;
    }

    .measure-tag {
      padding-top: 0;
      font-size: 18px;
    }

    .measure-row.is-last .measure-right {
      grid-template-columns: 1fr 64px 64px;
    }

    :root {
      --ctlW: 64px;
    }

    .btn-upload {
      font-size: 18px;
    }

    /* (NUEVO) preview pasa debajo en móvil */
    .logo-row {
      flex-direction: column;
      max-width: 560px;
            align-items: flex-start;
    }

    .logo-preview {
      width: 110px;
      height: 110px;
    }
  }
@media screen and (max-width: 450px) {
    .measure-row.is-last .measure-right {
    grid-template-columns: 1fr;
    }
        
    
    .actions {
    margin-top: 75px;
}
    
    }
    
    #mensajes .p_mensaje_error {
        color: #fff;
        background: var(--dangerBg);
        display: block;
        padding: 7px 20px;
        border-radius: 2px;
        border-left: 7px solid #FF6633;
    }
    
        #mensajes .p_mensaje_ok {
        color: #fff;
        background: var(--okBg);
        display: block;
        padding: 9px 20px;
        border-radius: 2px;
        border-left: 7px solid #8cc63f;    
    }
    
    
    input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--filed) inset !important;
  -webkit-text-fill-color: #4d4d4d !important;
  transition: background-color 9999s ease-out 0s;
}

    #mensajes, .error-box { scroll-margin-top: 150px; }



















/* AYUNTAMIENTOS */

#ayuntamientos, #udalak { background: #f2f3f3; }

/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
	
}
 
    /*----- Tab Links -----*/
	
	
	 .tab-links {
		 border-top:#222 solid 1px;
		 border-bottom:#222 solid 1px;
		padding:0px 0px 0px;
	
		
	 }
	 
	  .tab-links img {
		  display:block;
		  margin:20px auto;
	  }
	 
	
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
       /* margin:0px 5px;*/
        float:left;
        list-style:none;
		width:calc((100%)/3);
		box-sizing:border-box;
		padding-bottom:14px;
		
    }
	
	.tab-links li:nth-child(2) {
		 border-left:#222 solid 1px;
		 border-right:#222 solid 1px;
	}
	
	 /*.tab-links li:last-child {
		 width:100%;
	 }*/
	
	 .tab-links li:after {
        display:block;
        clear:both;
        content:'';
    }
	
	/*	.tab-links li:before {
		font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
		font-weight:lighter;
		font-size:36px;
		margin:0 30px;
		color:#009cdd;
        content:'|';
    }
	
		.tab-links.eusk li:before {
		font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
		font-weight:lighter;
		font-size:36px;
		margin:0 13px;
		color:#009cdd;
        content:'|';
    }*/
	
		.tab-links li:first-child:before, .tab-links.eusk li:first-child:before {
			content:'';
			margin-left:0px;
		}
	
	 .tab-links li.active_tabs {
		 background:#ededed;
		 
	 }
	
	
	 .tab-links li.active_tabs:after {
        display:block;
        clear:both;
        content: url('../img/tri-2.svg');
		width: auto;
		height:14px;
		margin:-14px 0 0 auto;
		bottom:-27px;
		position:relative;
    }
	
	/*.tab-links li.active_tabs:first-child:after {
		margin:0 0 0 auto;
	}*/
	
	
 
        .tab-links li a {
			font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
            padding:9px 0px;
            display:inline-block;
            font-size:20px;
            color:#222;
            transition:all linear 0.15s;
			width:100%;
			cursor: pointer;
		
        }
		
		

		
	/*	.tab-links a:after {
		font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
		font-weight:lighter;
		font-size:36px;
		margin:0 20px;
        content:'|';
    }*/
	
	 /*.tab-links a:last-child:after {
		   content:'';
	 }*/
 
        .tab-links a:hover {
			color:#222;
            text-decoration:none;
        }
 
   li.active_tabs a, li.active_tabs a:hover {
       
        /*color:#777;*/
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
        padding:15px;
		width:100%;
		max-width:870px;
		margin:0 auto;
    }
	
	 .tab-content p {
		 font-size:16px;
		 line-height:normal;
		 text-align:left;
		 }
 
        .tab {
            display:none;
        }
 
     .tab.active_tabs {
            display:block;
			
        }
		
		
	 .tab-content .list_num {
		 text-align:left;
		 list-style-type: upper-roman;
	 }
	 
	  .tab-content .list_num li {
		  padding-bottom:15px;
	 }
	 
	 .tab-content .list_num ul  {
		 text-align:left;
		 list-style-type:disc;
		 margin-left:50px;
		 margin-top:10px;
	 }

  .tab-content .list_num li ul li {
		  padding-bottom:5px;
	 }
	 
	 .tab-content .list {
		 text-align:left;
		 list-style-type: disc;
	 } 
	 
	  .tab-content .list li {
		padding-bottom:10px;
	 } 


@media screen and (max-width: 450px) {
	


/* TABS */

.tab-links li a {
	font-size:16px;
	line-height:normal;
}

.tab-links li a img {
	width:70%;
	height:auto;
}

.tab-content {
	box-sizing:border-box;
	margin:0 15px 0 10px;
}

}





#ayuntamiento_datos { background: #f2f3f3; }











/* FOOTER */

footer {
	width:100%;
	background:#fff;
	padding:100px 0px;
	position: relative;
	bottom:0px;
}

.col-footer {
	width:175px;
	float:left;
	margin:25px 25px 25px 83px;
	}
	
/*.col-footer:first-child {
	width:150px;
}*/

.col-footer:nth-child(2) {
	width:auto;
	margin:25px 0px 25px 0px;
}

.footer_flickr {
	display:inline-block;
	max-width:40px;
	height:auto;
	margin-right:7px;
}

.footer_youtube {
	display:inline-block;
	max-width:40px;
	height:auto;
}

.footer_flickr:hover, .footer_youtube:hover {
	opacity:0.6;
}

.footer_col_1 {
	display:inline;
	width:475px;
	height:auto;
	
}

footer .nav {
	/*display:inline-block;*/
	margin-bottom:0px;
	background:none;
}	

footer .nav ul {
	margin-bottom:20px;
}

footer .nav li, footer .nav li a {
	font-size:14px;
	line-height:16px;
	display:list-item;
	margin-bottom:5px;
	color:#222;
}

footer .nav li a:hover {
	color:#A08F5F !important;
}

footer .nav li span {
	font-family: 'Poppins', 'open_sansregular', Arial, Helvetica, sans-serif;
	}

/*footer .nav li:last-child a {
	color:#222 !important;
	}
	
footer .nav li:last-child a:hover {
	color:#222 !important;
	}*/

footer .nav li:after {
	content: normal;
}

footer .nav li ul {
	margin-left:15px;
}

#footer_top{
	/*max-width:1024px;*/
	max-width:1180px;
	width:100%;
	margin:0 auto;

}

#footer_der {
	max-width:1024px;
	width:100%;
	text-align:center;
	font-size:16px;
	margin:0 auto;
}

.footer_logo_eloge {
	width: 100%;
    height: auto;
    max-width: 350px;
}

.footer_logo {
	display:inline-block;
	float:right;
	position:relative;
	width:auto;
	text-align:right;
	top:-80px;
}

.footer_logo img {
	margin-right:25px;
}

.footer_logo .EUROPE {
	position:relative;
	
}

footer #contacto {
	display:inline-block;
	margin-left:85px;
	margin-top:25px;
}

footer #contacto .email {
	background:#fff url(../img/email.svg) no-repeat right 35px center;
	border:2px #222 solid;
	padding:15px 35px;
	box-sizing:border-box;
	display:block;
	width:250px;	
}

footer #contacto .email:hover {
	color:#A08F5F;
	background-position: right 20px center;
}

.si_movil { display:none; }





/* EXTRAS */

.dos_columns {
    
   /* -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;*/
    
    -webkit-column-gap: 75px;
    -moz-column-gap: 75px;
    column-gap: 75px;
    
    
  /*-webkit-column-rule: 1px solid rgb(75, 180, 149);
    -moz-column-rule: 1px solid rgb(75, 180, 149);
    column-rule: 1px solid rgb(75, 180, 149);*/
    
	column-width: 150px;
	vertical-align:top;

}

.dos_columns li { margin-bottom:0px;}

.flipH { 
-moz-transform: scaleX(-1); /* Firefox */
-o-transform: scaleX(-1); /* Opera */
-webkit-transform: scaleX(-1); /* Chrome y Safari */
transform: scaleX(-1); /* w3org */
filter: FlipH; /* Internet Explorer */
}

/*.section { height: 100vh; }*/

header,nav, a, img, li, .vcenter, input {
  transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
}