@import 'fonts.css';

/* GENERAL */

/*
gris: #EDEDED;
gris osc: #444;
negro: #1D1D1D;
azul: #35A7D4;
verde:#8CCE99;
*/

html{
    margin:0px;
	padding:0px;
	font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1D1D1D;
	image-rendering: optimizeQuality;
    image-rendering: -webkit-optimize-contrast;
}

html {
        scroll-behavior: smooth;
    }
	
body {
	margin:0px;
	padding:0px;
	background:#fff;
	font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#1D1D1D;
	/*min-width:1180px;*/
	/*width:100%;*/
}

img {
    image-rendering: optimizeQuality;
    image-rendering: -webkit-optimize-contrast;
}



.gris { color:#EDEDED; }
.gris_osc { color:#444; }
.negro { color:#1D1D1D; }
.azul { color:#35A7D4; }
.verde { color:#8CCE99; }
.bazul { background:#35A7D4; }
.bverde { background:#8CCE99; }

p, ul, ol {
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	color:#1D1D1D;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
}

p {
	font-size:18px;
	line-height:24px;
}

.f16 { font-size:16px !important; line-height:22px !important; }
.f20 { font-size:20px !important; line-height:27px !important; }


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


h1 {
	font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
	color:#1D1D1D;
	font-size: 30px;
	font-weight: normal;
	
}

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

h2 {
	font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
	color:#1D1D1D;
	font-size: 25px;
	font-weight: normal;
/*	text-transform:uppercase;*/
	/*letter-spacing:-2px;*/
	line-height:32px;
	margin-top:0px;
}

h3 {
	/*font-family: 'interstatelight', Arial, Helvetica, sans-serif;*/
	font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
	color:#1D1D1D;
	font-size: 25px;
	line-height:32px;
	font-weight: normal;
	padding:15px 0px;
	border-top:#1d1d1d solid 1px;
	border-bottom:#1d1d1d solid 1px;
}

h4 { font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
	color:#333;
	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:#1D1D1D solid 1px;
}

a {
	color: #1D1D1D;
	text-decoration: none;
	
	
}
a:hover {
	color:#8cce99;
	text-decoration: none;
	
	
	
	}


p a {
	color: #1D1D1D;
	text-decoration: none;
	/*padding-left:3px;
	padding-right:3px;*/
/*	background:#e5e5e5; */
	
	/*	-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border-radius: 3px; */
}
p a:hover {
	color:#8cce99;
	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; }
.izq { text-align:left; }
.der { text-align:right; }

.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; }

.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; }
.md10 {margin-right:10px !important; }
.mi10 {margin-left:10px !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; }
.md70 {margin-right:70px !important; }
.mi70 {margin-left:70px !important; }
.md80 {margin-right:80px !important; }
.mi80 {margin-left:80px !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; }
.pd50 {padding-right:50px !important; }
.pi50 {padding-left:50px !important; }
.pd60 {padding-right:60px !important; }
.pi60 {padding-left:60px !important; }


.box { box-sizing:border-box; }

.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; }
.w820 { max-width:820px !important; }
.w990 { max-width:990px !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:#1D1D1D; }
#miga li { display:inline; margin-right:0px; }
#miga li:after {
	font-family: '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:#1D1D1D solid 2px;
margin:20px 0;
font-size:20px;
text-align:center; color:#444; }

input:focus{
	outline:0px;
	border:#1D1D1D solid 2px;
}

label { text-align:center;
font-size:20px;
color:#1D1D1D;
   }
    

input[type=submit] {
	color:#009cdd; 
font-family: '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:#1D1D1D;
	border:#1D1D1D 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:375px;*/
	margin:0 auto;
	padding:0px;
	z-index:999;
	position:relative;
	
}

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

.header_bottom {
	width:100%;
	height: auto;
	margin:0 auto;
	padding:0px;
	position:relative;
	border-bottom:#1d1d1d solid 1px;
	border-top:#1d1d1d solid 1px;
	background:#fff;
	
}

#banner_logo {
	width:100%;
	height:230px;
	background:#fff;
	display:table;
	/*top:70px;*/
	position:relative;
}

.banner_logo {
	width:100%;
	height:100%;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

/* HEAD */

#head {
	margin:0px 0px;
	background:#33FFFF url(../img/fondo-ELoGE.svg) no-repeat center;
	background-size:cover;
	height:485px;
}

#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: 'open_sansextrabold', Arial, Helvetica, sans-serif;
	display: inline-block;
	width:auto;
	height:auto;
	/*height:490px;*/
	
	background:#33FFFF;
	font-size:38px;
	color:#1D1D1D;
}



#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;
}







#logo { position: absolute; margin:30px 0px 30px; z-index:1000; }

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


#contacto {
	position: absolute;
    right: 0px;
    bottom: 13px;
}


#contacto img {
	width:25px;
	height:auto;
	margin:0 0px;
}

#contacto a img {
	opacity:100%;
}

#contacto a:hover img {
	opacity:65%;
}

#contacto .contacto {
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:15px;
	margin-left:8px;
	margin-right:8px;
	position:relative;
	top:-8px;
}

#contacto span {
	font-size:22px;
	margin:0px -5px;
	padding:0px;
	position:relative;
	top:-5px;
}

#head a.boton {
display: inline-block;
color:#1D1D1D; 
font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
font-size:16px;
line-height:normal;
padding:12px 40px 13px;
border:#1D1D1D 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; }

/* HOME */



.titu {
	font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif;
    font-size: 40px;
    padding: 0px 0px;
	margin:0px 0px 10px;
}


#banner_header {
	background:linear-gradient(to right, #8cce99 0%, #8cce99 50%, #35a7d4 50%, #35a7d4 100%);
	
}

#banner_header img.banner_foto {
	width:100%;
	/*max-width:1180px;*/
	max-width:990px;
	height:auto;
}

@media screen and (max-width: 1180px) {
#banner_header img.banner_foto {
	width:85%;
}
#banner_header img.banner_BTN {
	top:180px !important;
}
}

@media screen and (max-width: 990px) {
#banner_header img.banner_foto {
	width:78%;
}
#banner_header img.banner_BTN {
	top:110px !important;
}
}

@media screen and (max-width: 700px) {
#banner_header img.banner_foto {
	width:70%;
}
#banner_header img.banner_BTN {
	top:60px !important;
}
}

@media screen and (max-width: 600px) {
#banner_header img.banner_foto {
	width:100%;
}
#banner_header img.banner_BTN {
	top:0px !important;
	float:none !important;
	margin:20px 0px;
}
#banner_header {
	background:#8cce99;
	
}
}



#banner_header img.banner_BTN {
	width:auto;
	height:auto;
	float:right;
	position:relative;
	top:225px;
}

#banner_header img.banner_BTN:hover {
	/*opacity:0.70;*/
	/*transform: scale(1.1);*/
	 -webkit-filter: invert(100%);
 -moz-filter: invert(100%);
 filter: invert(100%);
}



#gif {
	background:#e5e5e5;
}

#gif img {
	width:100%;
	max-width:1180px;
	height:auto;
}


#home #noticias .foto_noti {
	width:100%;
	height:300px;
	
}

.noti_home_2 {
	background:#e9e9e9;
	padding:20px 40px;
	box-sizing:border-box;
	margin-bottom:20px;
}

#home #noticias .noti_home_2 .titu  {
	font-size:18px;
	line-height:25px;
	
}


@media screen and (max-width: 768px) {
#home #noticias .mi20, #home #noticias .md20 {
	margin-right:0px !important;
	margin-left:0px !important;
}
}









#personas {
	background:#35a7d4 url(../img/personas.png) no-repeat left calc(50% + 300px) bottom;
	background-size:700px;
}

#personas .titu {
	color:#fff;
}

#personas .BTN_participar {
	color:#1d1d1d !important;
	border:#1d1d1d solid 1px;
}

.foto_personas {
	background:transparent url(../img/personas.png) no-repeat right bottom;
	background-size:cover;
	
}

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


#home #testimonios .comillas {
	bottom:0px;
	top:-50px;
	left:calc(-50% + 57px);

	
}

#home #videos {
	background:#f0f0f0;
}

@media screen and (max-width: 768px) {
#home #videos .w320 {
	max-width:100% !important;
}
}

#contact {
	background:#fff;
	padding:0px 0px;
	margin:0px 0px
}

#contact p {
	font-size:18px;
	line-height:24px;
	
}

#contact .map {
	background:#fff url(../img/mapa.png) no-repeat -450px center;
	background-size: auto;
	image-rendering: pixelated;
	
	
}

.icon_map {
	position:relative;
	left:425px;
	top:185px;
}

@media screen and (max-width: 1024px) {
	#contact .map {
	background:#fff url(../img/mapa.png) no-repeat -600px center;
	background-size: auto;
	}
	.icon_map {
	position:relative;
	left:275px;
	top:185px;
	}
}

@media screen and (min-width: 768px) and (max-width: 812px) {
	#contact .map {
	background:#fff url(../img/mapa.png) no-repeat -600px center;
	background-size: auto;
	}
	.icon_map {
	position:relative;
	left:275px;
	top:210px;
	}
	#contact .izq {
		padding-left:20px; }
}

@media screen and (max-width: 768px) {
	#contact .map {
	background:#fff url(../img/mapa.png) no-repeat -500px center;
	background-size: auto;
	height:300px;
	}
	.icon_map {
	position:relative;
	left:375px;
	top:95px;
	}
}

@media screen and (min-width: 600px) {
#contact .content {
	margin:0px;
}
}

@media screen and (max-width: 600px) {
	#contact .map {
		display:none;
	}
}














#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; }*/



	

.home_logo {
	position:relative;
}

.home_logo img {
	margin-right:45px;
}

.home_logo .sello {
	top:-3px;
	position:relative;
	max-width:275px;
	height:auto;
}

.home_logo .logos_2 {
	display:inline-block;
}


#banner {
	background:#33FFFF url(../img/fondo-ELoGE-2.svg) no-repeat right -100px center;
   /* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
    background-size: calc(100vh - 200px);
	padding:70px 0px;
}

#banner h1 {
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	color:#1D1D1D;
	font-size: 22px;
	line-height:32px;
	font-weight: normal;
	text-transform:uppercase;
}

#banner p {
	line-height:21px;
	margin-top:35px;
}





#banner_buenas_practicas {
	background:#33FFFF url(../img/fondo-buenas-practicas.jpg) no-repeat center center;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
}


#banner_buenas_practicas .grid {
/*padding:40px 0px;*/
height:450px;


	
}

#banner_buenas_practicas h1 {
	font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif;
	color:#1D1D1D;
	font-size: 32px;
	line-height:39px;
	font-weight: normal;
	margin-top:0px;
	
}

#banner_buenas_practicas p {
	color:#1D1D1D;
	max-width:650px;
}

#banner_buenas_practicas a {
	display:inline-block;
	font-size:16px;
	line-height:22px;
	color:#1D1D1D;
	background:#33FFFF;
	padding:25px 75px;
	margin-top:325px;
	margin-left:25%;
	margin-right:5%;
}

#banner_buenas_practicas a:hover {
	color:#917C3A;
	background:#fff;
	
}

#banner_buenas_practicas .content {
position:relative;
z-index:100;
padding:25px 25px 25px 25px;
display:block;
margin-left:10%;


}

#banner_buenas_practicas .color {
	
	/*background:#33FFFF url(../img/tri.svg) no-repeat center right;*/
	float:left;
	position: absolute;
	display:block;
	z-index:0;
	
	
	 width: calc(52% - 75px);
    height: 0px;
    border-right: 150px solid transparent;
    border-left: 0px solid transparent;
    border-bottom: 450px solid #33FFFF;
	
	
}





#banner_europa {
	background:#33FFFF url(../img/fondo-luces.jpg) no-repeat center center;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
	padding:70px 0px 80px;
}

#banner_europa h1 {
	font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 32px;
	line-height:42px;
	font-weight: normal;
	margin-top:0px;
	
}

#banner_europa p {
	color:#fff;
}

#banner_europa a {
	display:inline-block;
	font-size:16px;
	line-height:22px;
	color:#1D1D1D;
	background:#33FFFF;
	padding:25px 50px;
	margin-top:50px;
	max-width:400px;
}

#banner_europa a:hover {
	color:#917C3A;
	background:#fff;
	
}




#principios {
	
	
}



#principios .layout {
	background:#ededed;
	/*max-width:1024px;*/
	padding-bottom:100px;
}


#principios #pentagono {
	width:100%;
	min-height:180px;
	text-align:left;
}

#principios .pentagono {
	display:inline-block;
	background:#33FFFF url(../img/Pentagono-ELoGE.svg) no-repeat center;
	background-size:50%;
	width:180px;
	height:180px;
	float:left;
	margin-right:50px;
}



#principios .listado { margin:0px 0px 75px; }



#principios .titular,  #principios .titular a {
	/*font-family: 'open_sansregular', Arial, Helvetica, sans-serif;*/
	font-size:19px;
	color:#1D1D1D;
	text-align:left;
}

#principios .titular a:hover {
	color:#917C3A;
}

#principios .titular img:hover {
	opacity: 0.5;
  filter:  alpha(opacity=50);
}

#principios .borde2 {
	border-bottom:#1D1D1D solid 1px;
	padding:10px 0px 10px 0px;
	margin:0px 65px 0px 65px;
	
	
}

#principios .w1 { width:150px; margin:0px; text-align:right; }

#principios .w2 { line-height:27px; }

#principios .num {
	font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif;
	font-size:24px;
	display:block;
	width:63px; height:48px;
	margin:0 25px -1px 0;
	background:#33FFFF;
	color:#1D1D1D;
	padding:10px 7px 12px 7px;
	box-sizing:border-box;
	text-align:center;
	  display: flex;
	 
   justify-content: center;
   align-items: center;
	
	}

#principios .icon_p { width:35px; height:auto; margin-right:10px; }

#principios .tag { display:block; font-size:13px; text-align:right; margin:0 65px 0 0; }



#principios h1 {
	font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif;
	/* display: inline-block;*/
    color: #000;
    background: #fff;
    mix-blend-mode: multiply;
    position: relative;
	text-align:left;
	
	
}
	
	
#principios h1:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
	
	background: rgba(145,125,58,1);
background: -moz-linear-gradient(left, rgba(145,125,58,1) 0%, rgba(194,179,110,1) 34%, rgba(196,174,126,1) 69%, rgba(145,125,58,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(145,125,58,1)), color-stop(34%, rgba(194,179,110,1)), color-stop(69%, rgba(196,174,126,1)), color-stop(100%, rgba(145,125,58,1)));
background: -webkit-linear-gradient(left, rgba(145,125,58,1) 0%, rgba(194,179,110,1) 34%, rgba(196,174,126,1) 69%, rgba(145,125,58,1) 100%);
background: -o-linear-gradient(left, rgba(145,125,58,1) 0%, rgba(194,179,110,1) 34%, rgba(196,174,126,1) 69%, rgba(145,125,58,1) 100%);
background: -ms-linear-gradient(left, rgba(145,125,58,1) 0%, rgba(194,179,110,1) 34%, rgba(196,174,126,1) 69%, rgba(145,125,58,1) 100%);
background: linear-gradient(to right, rgba(145,125,58,1) 0%, rgba(194,179,110,1) 34%, rgba(196,174,126,1) 69%, rgba(145,125,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#917d3a', endColorstr='#917d3a', GradientType=1 );

    mix-blend-mode: screen;
    position: absolute;
    top: 0;
    left: 0;
}	


.BTN_degradado {
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	display:inline-block;
	font-weight:normal;
	padding:20px 50px;
	color:#fff;
	font-size:16px;
	line-height:22px;
	
background: rgba(145,125,58,1);
background: -moz-linear-gradient(left, rgba(145,125,58,1) 0%, rgba(194,179,110,1) 34%, rgba(196,174,126,1) 69%, rgba(145,125,58,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(145,125,58,1)), color-stop(34%, rgba(194,179,110,1)), color-stop(69%, rgba(196,174,126,1)), color-stop(100%, rgba(145,125,58,1)));
background: -webkit-linear-gradient(left, rgba(145,125,58,1) 0%, rgba(194,179,110,1) 34%, rgba(196,174,126,1) 69%, rgba(145,125,58,1) 100%);
background: -o-linear-gradient(left, rgba(145,125,58,1) 0%, rgba(194,179,110,1) 34%, rgba(196,174,126,1) 69%, rgba(145,125,58,1) 100%);
background: -ms-linear-gradient(left, rgba(145,125,58,1) 0%, rgba(194,179,110,1) 34%, rgba(196,174,126,1) 69%, rgba(145,125,58,1) 100%);
background: linear-gradient(to right, rgba(145,125,58,1) 0%, rgba(194,179,110,1) 34%, rgba(196,174,126,1) 69%, rgba(145,125,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#917d3a', endColorstr='#917d3a', GradientType=1 );

margin-top:25px;

}


.BTN_degradado:hover {
	background:#1D1D1D;
	color:#fff;
}

/*body { overflow:hidden;}*/

.no_scroll{
    overflow:hidden;
}

.modal-contenido{
  background:#fff;
  /*border:#1D1D1D solid 1px;*/
  width:90%;
  max-height: calc(100vh - 210px);
  overflow-y: auto;
  padding:50px 75px 25px;
  margin: 10% auto;
  position: relative;
  box-sizing:border-box;

}
.modal{
  background-color: rgba(51,255,255,.85);
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:0;
  pointer-events:none;
  transition: all 1s;
  z-index:99999999;
  display: flex;
   justify-content: center;
   align-items: center;
  
}
#miModal1:target, #miModal2:target, #miModal3:target, #miModal4:target, #miModal5:target, #miModal6:target, #miModal7:target, 
#miModal8:target, #miModal9:target, #miModal10:target ,#miModal11:target ,#miModal12:target {
  opacity:1;
  pointer-events:auto;
}


.modal ul {
	font-size:14px;
	line-height: normal;
	text-align:left;
	list-style:decimal;
	margin-left:15px;
}

.modal li {
	padding-bottom:10px;
}

.modal h2 {
	font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
	text-align:left;
	margin-top:15px;
}

.modal a {
	text-align:right;
	display: inline-block;
	position:relative;
	float:right;
	font-size:14px;
	margin: -25px -50px 0px 0px;
	padding:5px 7px;
	border:#1D1D1D solid 1px;
}

.modal.ingles ul {
	font-size:14px;
	line-height: normal;
	text-align:left;
	list-style: disc !important;
	margin-left:15px;
}


#indicadores .layout {
	background:#ededed;
	/*max-width:1024px;*/
	padding-bottom:75px;
}

#indicadores h1 {
	font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif;
    color: #1D1D1D;	
}



/**/



.indicador {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  
  display:inline-block;
  margin:5px;
}
.indicador,
.indicador * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.indicador a {
  color: #333;
}
.indicador a:hover {
  text-decoration: none;
}
/*.indicador img {
  width: 100%;
  height: 100%;
}*/




/*.indicador {
  position: relative;
  width: 316px;
  height: 216px;
  border: 8px solid #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}*/
.indicador .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
 
}



/**/



.indicador.efecto {
  overflow: hidden;
  background:#fff;
  position:relative;
  width:225px;
  height:225px;
}


.indicador.efecto .icon {
	width:100%;
	height:100%;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
 /* margin:0px auto 0px;*/
  background-size:35% !important;
  
 
}
.indicador.efecto .info {
  background: #33FFFF;
 /* visibility: hidden;*/
  /*opacity: 0;*/
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  /*padding:50px 15px;*/
  padding:15px;
    display: flex;
	flex-flow: column;
   justify-content: center;
   align-items: center;


}
.indicador.efecto .info h1 {
  font-family: 'open_sansbold', Arial, Helvetica, sans-serif !important;
  color: #1D1D1D;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  margin: 0px 0 0 0 !important;
 
}
.indicador.efecto .info p {
	margin:0px;
}

.indicador.efecto .info .num {
  font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif;
  font-size: 45px;
  position: relative;
  color: #1D1D1D;
  padding: 10px 20px 20px;
  text-align: center;
}

.indicador.efecto .info .mas {
	margin-top:20px;
	border:#1D1D1D solid 1px;
	padding:3px;
	
/*  -webkit-transform: translateY(200px);
  -moz-transform: translateY(200px);
  -ms-transform: translateY(200px);
  -o-transform: translateY(200px);*/
  transform: translateY(100px);
}

.indicador.efecto a:hover .info > .mas {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

.indicador.efecto a:hover .info {
  visibility: visible;
  opacity: 1;
}

.indicador.efecto.left_to_right .icon {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.indicador.efecto.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.indicador.efecto.left_to_right a:hover, .indicador.efecto.left_to_right a:hover .icon {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.indicador.efecto.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}




.listado_indicadores { position:relative; display:inline;}

.indi_general {
	display:inline-block;
	position:relative;
	width:auto;
	height:auto;
}

.indi_1 {
	width:100%;
	height:100%;
	max-width:100%;
	height:auto;
	background:#1D1D1D;
	border:#1D1D1D solid 1px;
	padding:25px 50px 25px;
	position: absolute;
	float:left;
	top:0%;
	left:0%;
	z-index:999;
	box-sizing:border-box;
	display: inline-block;
	
	
}

.indi {
	width:990px;
	max-width:1024px;
	height:auto;
	background:#fff;
	border:#1D1D1D solid 1px;
	padding:25px 50px 25px;
	position: relative;
	top:25%;
	left:25%;
	z-index:999;
	box-sizing:border-box;
	
	
}

.indi ul {
	font-size:13px;
	line-height: normal;
	text-align:left;
	list-style:decimal;
}

.indi li {
	padding-bottom:10px;
}

.indi a {
	text-align:right;
	display:block;
	font-size:14px;
	margin-right:-25px;
}

.indi_NO {
	display:none !important;
}

.indi_SI {
	display:block !important;
}





  
  
#actualidad {
	background:#fff;
}

#actualidad .icon {
	width:auto;
	margin-top:3px;
	
}

#actualidad .tex {
	margin-left:25px;
	
}


#actualidad h1 {
	font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif;
	font-size:28px;
	background:#33FFFF;
	padding:25px 50px;
	display:inline-block;
	text-align:center;
}


#actualidad .foto_noti {
/* -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;*/
   background-size: cover !important;
   height:225px;
   width:100%;
   bottom:0px;
   position:relative;
   margin-bottom:40px;
  /* align-items: flex-end;
   align-content: flex-end;
   display:flex;*/
   
}

#actualidad .foto_noti img {
	position:absolute;
	top:calc(50% - 35px);
	left:calc(50% - 35px);
	width:70px;
	height:auto;
}

/*#actualidad .ver_mas a {
	font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif;
}*/

#actualidad .row_bottom { align-items: flex-end;
   align-content: flex-end;
}

#actualidad .row_up { align-items: flex-start;
   align-content: flex-start;
}
	
	
#actualidad .grid h1 { font-size:20px; line-height:24px; color:#1D1D1D; margin:0px 0px 5px 0px; }
#actualidad .grid p { font-size:18px; line-height:24px; text-align:left; display:block; font-family: }
#actualidad .grid p strong { font-size:18px; line-height:24px; text-align:left; /*display:block;*/ font-family: 'open_sansregular', Arial, Helvetica, sans-serif !important; font-weight:normal !important; }
#actualidad .grid a { font-size:18px; line-height:24px; font-family: 'open_sansbold', Arial, Helvetica, sans-serif; color:#1D1D1D; }
#actualidad .grid a:hover { color:#35a7d4; }
#actualidad .grid a img { margin-left:15px; }
#actualidad .grid a:hover img { right:-10px; position:relative; }


#actualidad h1.titu, #actualidad h1.titu a {
	font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
	background:none;
	font-size:21px;
	line-height:29px;
	text-align:left;
	padding:0px;
	margin-bottom:0px;
	display:block;
}

#home #actualidad .grid ul, #noticias #actualidad .grid ul {
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
    line-height: normal;
    text-align: left;
    display: block;
}

#home #actualidad .grid ul li strong, #noticias #actualidad .grid ul li strong  {
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif !important;
	font-weight:normal !important;
	font-size: 14px;
    line-height: normal;
    text-align: left;
    display: block !important;
}

 /*#noticias #actualidad strong  {

	 display: flex !important;
 }
*/

/*.fecha {
	font-family: 'open_sansbold', Arial, Helvetica, sans-serif !important;
	display:block !important;
	font-size:12px !important;
	width:100%;
	height:auto;
	border-top:#1D1D1D dotted 1px;
	padding:10px 0px;
	text-align:left;

}*/


.BTN_info {
	font-family: 'open_sansbold', Arial, Helvetica, sans-serif !important;
	background:#33FFFF;
	padding:10px 15px;
	color:#1D1D1D;
	float:right;
	margin-top:10px;
}

.BTN_info:hover {
	background:#917C3A;
	padding:10px 15px;
	color:#fff !important;
}


#home #experiencias {
	/*height:500px;*/
}

#home #experiencias .row {
	background:#f3f3f3;
/*	max-height:500px;*/
}

#home #experiencias .grid {
padding:100px 0px;
}

#home #experiencias h1 {
	color:#FFF;
	margin:auto;
	max-width:400px;
	padding-top:40px;
}

#home #experiencias p {
	font-size:20px;
	margin:60px auto;
	max-width:360px;
}

#home #experiencias .color {
	/*background:#7d5b99;*/
	background:#7d5b99 url(../img/tri.svg) no-repeat center right;
	
}

#home #experiencias a {
	font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#33FFFF;
	padding:15px 70px;
	border:#ccc solid 2px;
	display: inline-block;
}

#home #experiencias a:hover {
	border:#33FFFF solid 2px;
	background:#33FFFF;
	color:#FFF;
}


.tabla {
	display:inline-table;
	text-align:center;
}

.celda {
	display:table-cell;
	text-align:center;
	vertical-align:middle;	
	
}

.caja {
	width:100%;
	max-width:320px;
	padding:30px 120px;
	/*margin:0 auto 35px;*/
	margin:0 auto;
	position:relative;
	/*background:rgba(2,2,100,0.8);*/
	border:#fff solid 2px;
	
	/*transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out; 
  -webkit-transition: all 1s ease-in-out; 
  -o-transition: all 1s ease-in-out; */

 }
 
/* .caja:hover {
	 background:rgba(2,2,100,9);
  }*/
 
 .caja2 {
	width:100%;
	max-width:320px;
	padding:30px 120px;
	/*margin:0 auto 35px;*/
	margin:0 auto;
	position:relative;
	/*background:rgba(45,95,155,0.7);*/
	border:#fff solid 2px;
	
		/*transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out; 
  -webkit-transition: all 1s ease-in-out; 
  -o-transition: all 1s ease-in-out; */

 }
 
/*  .caja2:hover {
	background:rgba(45,95,155,0.9);
  }*/
 
 .caja3 {
	width:100%;
	max-width:320px;
	padding:30px 120px;
	margin:0 auto;
	position:relative;
	/*background:rgba(59,16,79,0.7);*/
	border:#fff solid 2px;
	
		/*transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out; 
  -webkit-transition: all 1s ease-in-out; 
  -o-transition: all 1s ease-in-out; */

 }
 
/*  .caja3:hover {
	 background:rgba(59,16,79,0.9);
  }
*/

  .caja:hover, .caja2:hover, .caja3:hover {
	 /*background:rgba(0,0,0,0.4);*/
	 border:#fff solid 3px;
  }






.icon_down {
	margin:30px auto;
	position:relative;
	text-align:center;
}

#icon_down {
	  
	  width:50px;
	height:auto;
	
	  animation-delay: 3s;
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  -ms-animation-delay: 3s;
  -o-animation-delay: 3s;
  -vendor-animation-delay: 3s;

   animation-duration: 3s;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -ms-animation-duration: 3s;
  -o-animation-duration: 3s;
  -vendor-animation-duration: 3s;

  animation-iteration-count: 5;
  -webkit-animation-iteration-count: 5;
  -moz-animation-iteration-count: 5;
  -ms-animation-iteration-count: 5;
  -o-animation-iteration-count: 5;
  -vendor-animation-iteration-count: 5;

  }
  
  
/* EXPERIENCIAS */

#experiencias .head {
	background:#ededed;
	width:100%;
	padding:45px 0px 30px;
}

#experiencias .head h2.ayunta { font-size:30px; color:#1D1D1D; margin-bottom:0px; text-transform:uppercase; }
#experiencias .head h1.titus { font-size:23px; font-family: 'open_sansregular', Arial, Helvetica, sans-serif; }

#experiencias .acciones {
	display:block;
	position: relative;
	float:right;
	margin-left:-131px;
}

#experiencias .acciones img {
	border:#1D1D1D solid 2px;
	width:30px;
	height:auto;
	padding:10px;
	border-radius:7px;
	margin:0 5px;
}

#experiencias .acciones img:hover {
	opacity:0.5;
}

#experiencias .foto { width:100%; max-width:600px; height:auto; }
#experiencias .icono_principio { width:90px; height:auto; margin:15px; }

.BTN_azul {
	font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
    display: inline-block;
    position: relative;
    background: #33FFFF;
    color: #1D1D1D !important;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    width: auto;
    height: auto;
    padding: 15px 50px;
}

.BTN_azul:hover {
    background: #917C3A;
    color: #fff !important;
}



#experiencias #head h1, #herrismartik #head h1, #administracion #head h1, #gobernanza #head h1, #smart_cities #head h1, #noticias #head h1 {
	font-size:40px;
	color:#FFF;
	padding:30px 50px;
	border:#FFF solid 2px;
	max-width:400px;
	margin:0px auto;
}

#experiencias h1 {
	font-size:24px;
	color:#1D1D1D;
}

#experiencias .cabecera {
	font-size:16px;
	font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
	align-items: center;
	

}

#experiencias .borde {
	border-bottom:#1D1D1D solid 2px;
	padding:20px 0px;
	margin:0px 0 0px 0;
}

#experiencias .titular,  #experiencias .titular a {
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#1D1D1D;
}

#experiencias .titular a:hover {
	color:#917C3A;
}

#experiencias .titular img:hover {
	opacity: 0.5;
  filter:  alpha(opacity=50);
}

#experiencias .borde2 {
	border-bottom:#ccc solid 1px;
	padding:20px 0px;
	margin:0px 0 0px 0;
}

#experiencias .w1 { width:260px; margin:0 25px; }
/*#experiencias .w2 { margin:0 25px; }*/
#experiencias .w3 { width:250px; margin:0 25px; text-align:right; }
#experiencias .w4 { width:60px; margin:0 25px; }




#experiencias #contenido .icon { width:75px; margin-top:20px; }
#experiencias #contenido .row { margin-bottom:0px; }

#experiencias #contacto ul { font-size:16px; margin-top:10px; color:#1D1D1D; }
#experiencias #contacto li { display:inline; margin-right:0px; }
#experiencias #contacto li a { color:#1D1D1D; }
#experiencias #contacto li a:hover { color:#33FFFF; }
#experiencias #contacto li:after {
	font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
	font-weight:normal;
	content:"|";
	padding-left:9px;
	padding-right:9px;
	font-size:12px;
	top:-2px;
	position:relative;
}
#experiencias #contacto li:last-child:after { content:""; padding:0px; margin:0px; }

#experiencias a.boton {
	display: inline-block;
color:#1D1D1D; 
font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
font-size:16px;
line-height:35px;
padding:10px 40px 11px;
/*width:100%;
max-width:200px;*/
height:35px;
  border-radius: 21px;
  -moz-border-radius: 21px;
  -webkit-border-radius: 21px;
  border:#1D1D1D solid 1px;
  margin:10px;
}

#experiencias a:hover.boton { color:#33FFFF; border:#33FFFF solid 1px; background:none; }

#experiencias a.boton img { margin-right:10px; bottom:-4px; position:relative; float:left; }

#experiencias .icon_contexto { width:40px; height:auto; }
#experiencias .icon_ficha { width: 44px; height:auto; }

/* */


/* EXPERIENCIAS */


#administracion #foto_header {
	background:#fff url(../img/header-administracion.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;
}


/* */





/* MIUNICIPIOS */

#municipios h2.edicion {
	display:inline-block;
	padding:15px 30px;
	border:#1D1D1D solid 2px;
	margin-right:25px;
}

#municipios p.mes {
	display:inline-block;
}


#municipios ul {
	margin-top:40px;
	
	column-count:2;
	column-width: 350px;
}

.break {
	
	break-after: always;
	-moz-column-break-after: always;
	-webkit-column-break-after: always;
	
}


#municipios ul li {
	padding:15px 0px;
	border-top:#1D1D1D solid 1px;
	display:flex;
 /*  justify-content: center;*/
   align-items: center;
   min-height:70px;
}

/*#municipios ul li:last-child {
	border:none;
}*/

#municipios ul li img {
	display:inline-block;
	width:auto;
	height:auto;
	max-width:120px;
	max-height:60px;
	text-align:center;
	margin:0 auto;
}

#municipios ul li span.w1 {
	width:120px;
	text-align:center;
	margin-right:50px;
	
}


#municipios ul li span {
		display:inline-block;
		
}


#municipios ul li img.asterisco {
	display:inline-block;
	width:14px;
	height:auto;
	margin-left:10px;
}





/* */




/* 12 PRINCIPIOS */


#principios_12 .row {
	flex-flow: row !important;
	-webkit-flex-flow: row !important;
	
}


#principios_12 img.icon_p {
	width:50px;
	height:auto;
	padding:25px;
	margin-right:50px;
	border:#33FFFF solid 2px;

}


#principios_12 h1 {
	font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
    font-size: 28px;
	margin:0px;
}

#principios_12 p {
	margin:0px;
}


#principios_12 .filete {
	border-bottom:#1D1D1D solid 1px;
	margin-left:154px;
}

#principios_12 .filete:last-child {
	border:none;
}


/* */



/* BUENAS PRÁCTICAS */

#buenas_practicas .aside {
	float:left;
	display: inline-block;
	width:222px;
	height:700px;
	background:#ededed;
	text-align:left;
	padding:35px;
	margin:0px;
	position: relative;
	top:5px;
	box-sizing:border-box;
	
}

#buenas_practicas .aside p { margin:0px !important; padding:0px !important; }


#buenas_practicas .indicador {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  
  border:#1D1D1D solid 1px;
  
  display:inline-block;
  margin:5px;
}


#resultados_b_P h2 {
	font-size:21px;
	text-align:left;
}




/*.indicador,
.indicador * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.indicador a {
  color: #333;
}
.indicador a:hover {
  text-decoration: none;
}

.indicador .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
 
}

.indicador.efecto {
  overflow: hidden;
  background:#fff;
  position:relative;
  width:225px;
  height:225px;
}


.indicador.efecto .icon {
	width:100%;
	height:100%;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  background-size:35% !important;
  
 
}
.indicador.efecto .info {
  background: #33FFFF;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  padding:15px;
    display: flex;
	flex-flow: column;
   justify-content: center;
   align-items: center;


}
.indicador.efecto .info h1 {
  font-family: 'open_sansbold', Arial, Helvetica, sans-serif !important;
  color: #1D1D1D;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  margin: 0px 0 0 0 !important;
 
}
.indicador.efecto .info p {
	margin:0px;
}

.indicador.efecto .info .num {
  font-family: 'open_sansextrabold', Arial, Helvetica, sans-serif;
  font-size: 45px;
  position: relative;
  color: #1D1D1D;
  padding: 10px 20px 20px;
  text-align: center;
}

.indicador.efecto a:hover .info {
  visibility: visible;
  opacity: 1;
}*/




/* */


/* GOBERNANZA */


#gobernanza #foto_header {
	background:#fff url(../img/header-gobernanza.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;
}


/* */


/* SMART CITIES - SERVICIOS */


#smart_cities #foto_header {
	background:#fff url(../img/header-servicios.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;
}


/* */


/* NOTICIAS */

.video-responsive {
    position: relative;
    margin-bottom: 20px;
    padding-top: 56.25%;
}
.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ancho_actualidad { width:calc(100%/3) !important; box-sizing:border-box; }

.noti { border-bottom:#1d1d1d solid 1px; padding-bottom:20px; padding-top:20px; }
#noticias_listado .fecha { font-size:16px; line-height: normal; font-family: 'open_sanslight', Arial, Helvetica, sans-serif;  }
#noticias_listado .titu { font-size:20px; line-height:27px; }



.foto_noticia { width:100%; max-width:820px; height:auto; }

#actualidad .grid:first-child { margin-left:0px !important; }

#actualidad .grid:last-child { margin-right:0px !important; }

#noticias h1 { font-family: 'open_sansbold', Arial, Helvetica, sans-serif; line-height:1.3; /*margin-bottom:0px;*/  }

#noticias a { color:#1d1d1d; }

#noticias a:hover { color:#25a7d4; }

#noticias ul { list-style:disc; padding-left:20px; }
#noticias ul li { padding-bottom:10px; }


/* */

.pdf {
	display:block;
	font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
	font-size:15px;
	/*border-bottom:#ccc dotted 1px;*/
	padding:30px 0px;
	background:#fff url(../img/icon-documento-2.svg) no-repeat left center;
	padding-left:50px;	
}




.pdf ul {
	font-size:16px;
	
}

/*.pdf li:before {
	content:"Documento pdf";
	display:block;
	padding-bottom:5px;
	font-family: 'open_sansbold', Arial, Helvetica, sans-serif; 
	
	
}*/

.pdf li {
	font-family: 'open_sansbold', Arial, Helvetica, sans-serif; 
	border-bottom:#ccc dotted 1px;
	padding:20px 0px;
	background:#fff url(../img/icon-documento-2.svg) no-repeat left center;
	padding-left:40px;	
}

.pdf li:last-child { border-bottom:none; }

.pdf li a {
	font-family: 'open_sanslight', Arial, Helvetica, sans-serif; 
	color:#1D1D1D;
}

.pdf li a:hover {
	color:#33FFFF;
}

a.boton {
display: inline-block;
color:#1D1D1D; 
font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
font-size:14px;
line-height:normal;
padding:8px 30px 9px;
border:#1D1D1D solid 1px;
border-radius:0px;
}

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 );*/

}



/* PERTSONALDE */ 

#pertsonalde .foto {
	background:#fff url(../img/somos-pertsonalde.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:auto;
}

#banner_datos {
	background:#8cce99;
	padding:40px 0px;
}

.banner_datos {
	display:flex;
	align-items: center;
	justify-content: center;
}

#banner_datos p {
	display:inline-block;
	font-size:20px;
	line-height:27px;
	margin:0px 25px;
}

#banner_datos p:last-child {
	max-width:400px;
	text-align:center;
}

#banner_datos .linea {
	display:inline-block;
	border:none;
	border-right:#1d1d1d solid 1px;
	width:1px;
	height:85px;
}

#videos .grid {
	box-sizing:border-box;
}


#videos p {
	text-align:left;
	/*margin-left:40px;*/
	max-width:325px;
	display:inline-block;
}


.video {
	/*background:#fff url(../img/maria.jpg) no-repeat center center;*/
	max-width:600px;
	height:auto;
	border:#fff solid 20px;
	
	-webkit-box-shadow: 3px 3px 20px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 3px 3px 20px 0px rgba(0,0,0,0.3);
box-shadow: 3px 3px 20px 0px rgba(0,0,0,0.3);
position:relative;

}


.foto_video {
	width:100%;
	height:auto;
	position:relative;
}

.icon_play_video {
	width:35%;
	height:auto;
	z-index:999;
	position: absolute;
	top:25%;
	left:34%;
}


.movil .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
	height:100%;
    max-width: 352px !important;
    max-height: 640px !important;
}



#pobreza {
	background:#35a7d4 url(../img/pertsonalde-abrazo.jpg) no-repeat;
	background-size:76%;
	background-position: left center;
}

#pobreza .content {
	text-align:right;
}

img.text_somos {
	max-width:450px;
	height:auto;
}

.icon_pobreza {
	float:left;
	position:relative;
	top:-20px;
}

.text_somos_2 {
	display:none;
	padding:55px 0px;
	background:#8cce99;
	text-align:center;
}

.text_somos_2 p {
	color:#FFF;
	position:relative;
	margin:0 auto;
}



 /* PARA QUIÉN */ 
 
#para_bloques h1 {
	color:#fff !important;
	font-size:40px;
	line-height:47px;
}

#para_bloques .azul {
	background:#35a7d4;
	padding:30px 45px;
	display: flex;
	align-items: center;
	/*min-height:383px;*/
	
}

#para_bloques .verde {
	background:#8cce99;
	padding:30px 45px;
	display: flex;
	align-items: center;
	/*min-height:383px;*/
	
}
 
#para_bloques .grid { margin-bottom:15px; }

.ancho_para { width:calc((100% - 30px) / 3) !important; box-sizing:border-box; }

.ancho_para_2 { width:calc((200% - 15px) / 3) !important; box-sizing:border-box; background:#F00; }

#para_bloques img { width:100%; max-width:395px; height:auto; }

#para_bloques ul {
	margin-left:20px;
}

#para_bloques ul li {
	font-size:18px;
	line-height:24px;
	color:#fff;
	list-style:disc;
	padding:8px 0px;
}


/* PROYECTOS */ 

#proyectos h2.proyectos {
	background:#35a7d4;
	font-size:40px;
	line-height:47px;
	padding:40px 0px;
	color:#fff;
	text-align:center;
	margin-top:40px;
}










/* HACER TU */ 

#hacer .bverde {
	background:#8cce99 url(../img/pupitres.png) no-repeat right -170px bottom -25px;
	background-size:38%;
}

@media screen and (max-width: 1440px) {
	#hacer .ancho { max-width:800px; }
	#hacer .bverde {
	background:#8cce99 url(../img/pupitres.png) no-repeat right -20px bottom 0px;
	background-size:40%;
}
}

@media screen and (max-width: 1024px) {
	#hacer .ancho { max-width:650px; }
	#hacer .bverde {
	background:#8cce99 url(../img/pupitres.png) no-repeat right -20px bottom 0px;
	background-size:45%;
}
}

@media screen and (max-width: 768px) {
	#hacer .ancho { max-width:100%; }
	#hacer .bverde {
	background:#8cce99 url(../img/pupitres.png) no-repeat right -40px bottom -25px;
	background-size:45%;
}
}




#hacer ul {
list-style: none;
padding: 0; 
margin-left: 35px; 

}

#hacer li {
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:#1d1d1d solid 1px;
}

#hacer li::before { 
background:transparent url(../img/icon-cuadrado.svg) no-repeat left center;
content:"";
display: inline-block;
width:20px;
height:20px;
padding-right: 15px; 
margin-left: -35px;
margin-bottom:-3px;
}







.content-input input,
.content-select select{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
 
.content-input input{
	visibility: hidden;
	position: absolute;
	right: 0;
}

.content-input{
	position: relative;
	margin-bottom: 15px;
	padding:4px 0 5px 70px; 
	display: block;
	text-align:left;
}
 
.content-input input + i{
       background: #f0f0f0;
       border:none !important;
       position: absolute; 
       left: 0;
       top: 0;
}
 

.content-input input[type=checkbox ] + i{
	width: 52px;
	height: 26px;
	border-radius: 20px;
}

.content-input input[type=checkbox] + i:before{
	content: ''; /* No hay contenido */
	width: 26px;
	height: 26px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	left: 1px;
	top: 0px;
	-webkit-box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 0 3px 0 rgba(0,0,0,0.2);
}

.content-input input[type=checkbox]:checked + i:before{
	left: 26px;
	-webkit-box-shadow: -3px 0 3px 0 rgba(0,0,0,0.2);
	box-shadow: 3px 0 -3px 0 rgba(0,0,0,0.2);
}
 
.content-input input[type=checkbox]:checked + i{
 background: #35a7d4;
}


input::-webkit-input-placeholder { color:#35a7d4; }
input::-moz-placeholder { color:#35a7d4; } /* firefox 19+ */
input:-ms-input-placeholder { color:#35a7d4; } /* ie */
input::placeholder { color:#35a7d4; }

input[type=email].content-input {
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	background:#fff !important;
	border:none;
	padding:15px 20px;
	display:inline-block;
	margin-right:20px;
	border-radius:7px;
	width:240px;
}

input[type=submit].content-input {
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	background:#35a7d4;
	display:inline-block;
	border-radius:7px;
	color:#fff;
	border:none;
	padding:13px 20px;
}

input[type=submit].content-input:hover {
	background:#fff;
	color:#35a7d4;
}





 /* TESTIMONIOS */ 
 
#testimonios {
	
}

.comillas {
	position:relative;
	left:40px;
	bottom:-20px;
}


#testimonios_bloques {
	
}

#testimonios_bloques .grid {
	margin:0px 0px 15px;
	height:600px;
	display: flex;
    align-items: flex-end;
	}
 

#testimonios_bloques .verde { background:#8cce99; }
#testimonios_bloques .azul { background:#35a7d4; }
#testimonios_bloques .naranja { background:#eebb10; }
#testimonios_bloques .ocre { background:#db945a; }

#testimonios_bloques .testi1 { background:#8cce99 url(../img/Testi-Pili.png) no-repeat center 25px; background-size:150%;}
#testimonios_bloques .testi2 { background:#35a7d4 url(../img/Testi-Asier.png) no-repeat center 25px; background-size:95%; }
#testimonios_bloques .testi3 { background:#eebb10 url(../img/Testi-Wissal.png) no-repeat -10px 20px; background-size:95%; }
#testimonios_bloques .testi4 { background:#eebb10 url(../img/Testi-Mohamed.png) no-repeat -15px 15px; background-size:100%; }
#testimonios_bloques .testi5 { background:#db945a url(../img/Testi-Maria.png) no-repeat center 15px; background-size:93%; }
#testimonios_bloques .testi6 { background:#8cce99 url(../img/Testi-Saeed.png) no-repeat 20px 10px; background-size:97%; }
 
.ancho_testimonios { width:calc((100% - 30px) / 3) !important; box-sizing:border-box; }

.bloque_tarjeta_tetimonios {

	
}

.bloque_tarjeta_tetimonios img {
	position:relative;
	left:60px;
	bottom:-2px;
}


.tarjeta_tetimonios {
	width:calc(100% - 30px) !important; box-sizing:border-box;
	
	margin:0px 15px 15px 15px;
	background:#FFF;
	padding:10px 30px;
	box-sizing:border-box;
	position:relative;
	bottom:0px;
	min-height:270px;
	/*display: flex;
    align-items: flex-end;*/
}

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

  
 /* CONTACTO */ 
 
 
 #banner_map {
	height:420px;
	background:#f0f0f0;
	background:#fff url(../img/mapa.svg) no-repeat center center;
	background-size:cover;
	image-rendering: pixelated;
}


@media screen and (max-width: 590px) {
 #banner_map {
	height:420px;
	background:#f0f0f0;
	background:#fff url(../img/mapa.png) no-repeat center center;
	background-size:cover;
}
}






 #banner_map .tarjeta {
	 display:inline-block;
	 background:#FFF;
	 padding:40px 50px;
	 box-sizing:border-box;
	 position:relative;
	 top:45px;
	 
 }
 
 .icon_map_contacto {
	position:relative;
	left:400px;
	top:0px;
	
	
}

#banner_email {
	background:#35a7d4;
	/*padding:40px 0px 60px;*/
	padding:60px 0px 40px;
}

#banner_email p {
	font-size:18px;
	line-height:24px;
}

#banner_email a:hover {
	color:#FFF;
}

.BTN_email {
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:18px;
	border:#1d1d1d solid 1px;
	padding:20px 20px;
	max-width:500px;
	margin:0 auto;
	background:url(../img/icon-email.svg) no-repeat right 20px center;
}

.BTN_email:hover {
	color:#FFF;
	border:#fff solid 1px;
	  transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
}


/*.BTN_email img {
	position:absolute;
	
}*/



/* FOOTER */

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

footer p {
	font-size:16px;
	line-height:22px;
}

footer a:hover { color:#35a7d4; }

.col-footer {
	width:175px;
	float:left;
	margin:25px 25px 25px 40px;
	}
	
/*.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 {
	margin-left:40px;
	
}

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:16px;
	line-height:18px;
	display:list-item;
	margin-bottom:5px;
	color:#1D1D1D;
}

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

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

/*footer .nav li:last-child a {
	color:#1D1D1D !important;
	}
	
footer .nav li:last-child a:hover {
	color:#1D1D1D !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_pertsonalde {
	width: 100%;
    height: auto;
    max-width: 340px;
	margin-bottom:20px;
}

.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 #1D1D1D solid;
	padding:15px 35px;
	box-sizing:border-box;
	display:block;
	width:250px;	
}

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

footer .rrss img:hover { opacity:0.5; }

.ancho_frase { max-width:200px; }

.logo_DB { position:relative; bottom:-40px; margin-left:10px; }

.logo_GV { position:relative; bottom:-15px; margin-left:10px; width:145px; height:auto; }


.si_movil { display:none; }

/* BOTONES */

.BTN_participar {
	font-size:18px;
	color:#fff !important;
	background:#35a7d4;
	padding:17px 36px;
	border-radius:35px;
}

.BTN_participar:hover {
	background:#8cce99;
}






/* PAG */
#pag { margin:40px auto 25px auto; text-align:center; }

.pag {
	
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  color: #1D1D1D;
  font-size: 16px;
 /* font-family: 'open_sansregular', Arial, Helvetica, sans-serif;*/
/*  font-weight: 900;*/
  padding: 10px 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-transform: uppercase;
/*  background:#999;*/

 
	
	
}

/*.pag a, .pag span {
	text-decoration: none;
	font-family: 'Lato', Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	padding: 23 5 3 5;
	margin-right: 4px;
	color: #999;
	border: 1px solid #666;
	
}*/


a.pag:link {
	text-decoration: none;	
}


a.pag:visited {
	text-decoration: none;
		
}



a.pag:hover {
	color: #35a7d4;
	text-decoration: none;
	
}

#pag span.pag {
	
	font-size: 16px;
	text-decoration: none;
	border: 1px solid #35a7d4;
	/*padding: 10px 14px;*/
	margin-right: 4px;
	color: #35a7d4;
	/*font-weight: bold;*/
	background: none;
	
 /*  border-radius: 3em;
  -moz-border-radius: 3em;
  -webkit-border-radius: 3em;*/

  display: inline-block;
  padding:0px;

  line-height: 2.8em;
  text-align: center;
  width: 2.8em; 
 	
}



/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
	
}
 
    /*----- Tab Links -----*/
	
	
	 .tab-links {
		 border-top:#1D1D1D solid 1px;
		 border-bottom:#1D1D1D 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:#1D1D1D solid 1px;
		 border-right:#1D1D1D 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:#1D1D1D;
            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:#1D1D1D;
            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;
	 } 
	 
	 
.BTN_fotos {
	background:#fff url(../img/icon-camara.svg) no-repeat 20px center;
	font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#1D1D1D;
	background-size:50px;
	border:2px #1D1D1D solid;
	padding:20px 20px 20px 100px;
	/*box-sizing:border-box;*/
	display: inline-block;
	width:auto;
	margin:10px 20px;
}

.BTN_fotos:hover {
	color:#A08F5F;
	background-position: 30px center;
	padding:20px 30px 20px 90px;
} 
	 


.BTN_videos {
	background:#fff url(../img/icon-video.svg) no-repeat 20px center;
	font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#1D1D1D;
	background-size:50px;
	border:2px #1D1D1D solid;
	padding:20px 20px 20px 100px;
	/*box-sizing:border-box;*/
	display: inline-block;
	width:auto;	
	margin:10px 20px;
}

.BTN_videos:hover {
	color:#A08F5F;
	background-position: 30px center;
	padding:20px 30px 20px 90px;
} 	 

.BTN_noticias {
	background:#fff url(../img/arrow.svg) no-repeat right 20px center;
	font-family: 'open_sansbold', Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#1D1D1D;
	background-size:40px;
	border:2px #1D1D1D solid;
	padding:20px 90px 20px 20px;
	/*box-sizing:border-box;*/
	display: inline-block;
	width:auto;	
	margin:20px;
}

.BTN_noticias:hover {
	color:#A08F5F;
	background-position: right 30px center;
	padding:20px 80px 20px 30px;
} 	 
		



/* 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 */
}