/* RESPONSIVE */

@media screen and (min-width: 768px) {

}



/* LAYOUT */

@media only screen and (min-width : 768px) and (max-width : 1180px) {
	.header {
	max-width:1024px;
	width:100%;
/*	height:80px;
	margin:0 auto;
	position:relative;	*/
}

nav ul {
/*	margin:0px;
	list-style:none;
	position:relative;
	float:left;*/
	width:100%;
	/*padding-left:10px;	*/
	
}

/*nav ul#idioma {
	float:right;
	max-width:65px;
	text-align:right;
	display:block;
	position:absolute;
	top:20px;
	right:4px;
}*/

nav #contacto {
	position:absolute;
	top:60px;
	right:0px;
}

.layout { max-width:1024px; }
.content { margin:0px 20px; }
/*.row { margin:0px 20px; }
#home #actualidad .row { margin:0px; }*/

.arrow { display:none; }



#testimonios_bloques .testi5 { background:#db945a url(../img/Testi-Maria.png) no-repeat center top 70px; background-size:93%; }
#testimonios_bloques .testi6 { background:#8cce99 url(../img/Testi-Saeed.png) no-repeat 20px 10px; background-size:90%; }

	
}


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

	
	
}


@media screen and (max-width: 992px) {
	
	
	
	
	
#principios .borde2 {
  
    margin: 0px 35px;
}
	
	
	
	
	.arrow { display:none; }
	
#experiencias .cabecera, #experiencias .titular, #experiencias .titular a {
    font-size: 17px;
}
	
	
	/*#footer_top {
		text-align:center;
	}*/
		
	
	.col-footer {
	width: auto;
	float:left;
	margin-right:50px;
	}
	
	.col-footer:last-child { width: auto; margin-right:0px; }
	
	
	footer .nav {
		margin:0 auto;
		/*width:455px;*/
		position:relative;
		display:block;
		/*background:#36C;*/
		text-align:left;
		
		
		}
	
	
	.footer_logo_pertsonalde {
	float: none;
	position:relative;
	width:100%;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
    display:block;
	
}

footer .clear {
	clear:both;
}

   footer #contacto {
	   text-align:left;
	   margin:0px auto 45px;
	   display: inline-block;
	   position:relative;
	   width:320px;
	   height:auto;
	   padding:0px;
	   left:15px;
	 
   }


.footer_logo {
     display: block; 
	 float:none;
    /* position: relative; */
    width: auto;
     text-align: center; 
    top: 0px;
	left:-30px;
}

.pi60 {
	padding-left:0px !important;
	}

.ancho_frase {
	float:right;
	margin-bottom:45px;
}


}



.NO { display:none; }

@media all and (max-width: 992px) {
	 .SI_992 { display:block; }
	 .NO_992 { display:none; }
}


/*Tablets*/
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {*/
@media only screen and (min-width : 768px) and (max-width : 1200px) {
	

}

@media only screen and (max-width : 1024px) {
.logo { margin-left:20px; }	
#contacto { right:20px; }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}

/*Tablet Portait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}

/*Tablet Landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}



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


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

#para_bloques .azul, #para_bloques .verde {
	width:100% !important;
	
}

#para_bloques .azul.md15, #para_bloques .verde.md15 {
	margin-right:0px !important;
	
}

#pobreza {
	background-size:96%;
	background-position: left -150px center;
}



#testimonios_bloques .ancho_testimonios { width:calc((100% - 30px) / 2) !important; box-sizing:border-box; margin-left:7.5px !important; margin-right:7.5px !important; }
#testimonios_bloques .testi5 { background:#db945a url(../img/Testi-Maria.png) no-repeat center top 45px; background-size:93%; }


}



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

.header_bottom {
	border-top:none;
}	

#pertsonalde .foto {
	height:250px;
}

#presentacion .mi60 {
	margin-left:0px !important;
}

#pertsonalde .foto {
	margin-bottom:20px !important;
}

#videos p {
	text-align:center;
	max-width:100%;
	display:block;
	
	
}

#pobreza {
	height:350px;
	background-size:cover;
	background-position: center center;
}

#pobreza .text_somos {
	display:none;
}

.text_somos_2 {
	display:block;
}


/*#contacto {
margin-right:20px;
}*/


#hacer .mt100 {
	margin-top:0px !important;
}



#testimonios_bloques .testi5 { background:#db945a url(../img/Testi-Maria.png) no-repeat center top 45px !important; background-size:93% !important; }
#testimonios_bloques .testi6 { background:#8cce99 url(../img/Testi-Saeed.png) no-repeat 20px 10px; background-size:90%; }










	
#principios .borde2 {
  
    margin: 0px;
}

#buenas_practicas  .aside {
	display:block;
	width:auto;
	height:auto;
	top:0px;
	margin-bottom:40px;
	box-sizing:border-box;
}

#listado_contenido[style] {
	text-align:center !important;
}


footer .nav {
		text-align:center;
}

.ancho_frase {
    float: none;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
    margin-bottom: 45px;
	margin-top:25px;
}

footer .f_right {
    float: none;
}

.footer_logo {
	margin-top:40px;

}


}

@media screen and (max-width: 736px) and (orientation : landscape) {
	
	.modal-contenido {
    max-height: calc(100vh - 50px);
	}
	
}


@media screen and (max-width: 736px) {
	
	
#hacer .bverde {
	background:#8cce99 url(../img/pupitres.png) no-repeat right -85px bottom;
	background-size:40%;
}
	
	
	
	
	
	/* ESPACIOS SECTION MOBIL */
	
	/*section, section[class] {
		margin-top:40px !important;
		margin-bottom:40px !important;
	
}*/


/* ESPACIOS */

/* GENERAL */

#contacto {
	display:none;
}
	

#head_2 { text-align:center; }
section.mt100 { margin-top:80px !important; }



/* HOME */

#principios { margin-top:0px !important; }
#principios .tag { display:none; }
#principios h1 { margin-bottom:30px; }
#banner_buenas_practicas .color { height:415px !important; }
#indicadores { margin-top:0px !important; }
#banner_europa { margin-top:0px !important; }
.BTN_videos { margin:20px; }
#actualidad .row .mt40 { margin-top:30px !important; }
#actualidad .row .mb40 { margin-bottom:20px !important; }


/* NOTICIAS */
#noticias #actualidad .mt40 { margin-top:30px !important; }
#noticias #actualidad .mb40 { margin-bottom:60px !important; }

/* PRÁCTICAS */
#resultados_b_P.mb80 { margin-bottom:0px !important; }
#resultados_b_P .mb60 { margin-bottom:0px !important; padding-bottom:15px; border-bottom:#222 solid 1px; }

/* //ESPACIOS */



#testimonios_bloques .testi5 { background:#db945a url(../img/Testi-Maria.png) no-repeat center top 55px !important; background-size:93% !important; }

}




/*Mobile*/
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {*/
@media only screen and (min-width : 320px) and (max-width : 736px) {  /* cambio de 600 a 736 por samgsum S/*/
  
	.break {
	
	break-after: auto;
	-moz-column-break-after: auto;
	-webkit-column-break-after: auto;
	
}


}

/*Mobile Portrait*/
@media only screen and (max-width : 320px) {
	
	
}

/*Mobile Landscape*/
@media only screen and (min-device-width : 321px) {
	
	

}



/* Media Querie para pantallas pequeñas */
@media screen and (max-height: 450px) {
	
	
	
}


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


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

#principios_12 img.icon_p {

	margin-right:0px;
	margin-bottom:25px;
}

#principios_12 .filete {
	margin-left:0px;
}


/* CAJAS INDICADORES INDEX */

.indicador.efecto {
  width:125px;
  height:125px;
}

.indicador.efecto .icon {
background-size: 45% !important;
}

/*.indicador {
	margin:3px; 
}*/

.indicador.efecto .info h1 {
  /*font-size: 14px;*/
  display:none;
}

.indicador.efecto .info .mas {
	display:none;
}

.modal-contenido {
    padding: 50px 75px 25px 25px;
}


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


/* PRACTICAS */

.BTN_azul.md15 { margin-right:0px !important; }

}


@media only screen and (min-width : 600px) and (max-width : 768px) {  

#home #actualidad .row { -webkit-flex-flow: row;  flex-flow: row; }

/*#home #actualidad .grid { width:100%; max-width:480px; margin:0 10px 0px !important; }*/

#home #actualidad .foto_noti, #noticias #actualidad .foto_noti { max-height:222px; }

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


#testimonios_bloques .testi5 { background:#db945a url(../img/Testi-Maria.png) no-repeat center top 80px !important; background-size:93% !important; }


}

/*@media only screen and (min-width : 320px) and (max-width : 600px) {  */
@media only screen and (max-width : 600px) {  

#home #actualidad .grid { width:100%; max-width:480px; margin:0 auto 25px !important; }


.banner_datos {
	display:block;
}

#banner_datos .linea {
	height:0px;
	width:100%;
	border-top:#1d1d1d solid 1px;
	margin-top:10px;
	margin-bottom:10px;
}

#banner_datos p {
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}

#hacer .bverde {
	background:#8cce99;
}

#hacer .apuntate {
	text-align:center;
}

#hacer .apuntate h2 {
	margin-bottom:20px !important;
}



.ancho_actualidad { width:100% !important; }
#testimonios_bloques .ancho_testimonios { width:100% !important; margin-left:0px !important; margin-right:0px !important; }
#testimonios_bloques .mi15, #testimonios_bloques .md15 { margin-left:0px !important; margin-right:0px !important; }
#testimonios_bloques .testi5 { background:#db945a url(../img/Testi-Maria.png) no-repeat center top 55px !important; background-size:93% !important; }


.footer_logo_pertsonalde { max-width:290px; }
.logo_DB, .logo_GV, .footer_logo img { display:block; margin-left:auto; margin-right:auto; }
.footer_logo { margin-top:80px; }
.logo_DB { bottom:0px; margin-top:10px; margin-bottom:40px; }

}



/*Mobile*/
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {*/
@media only screen and (min-width : 320px) and (max-width : 768px) {  /* cambio de 600 a 736 por samgsum S/*/

#home #head .grid { text-align:center; margin-bottom:40px;  }

/*#home #actualidad .grid { width:100%; max-width:480px; margin-bottom:30px; margin:0 0px 25px !important; }*/

#home #actualidad .grid .icon, #noticias #actualidad .grid .icon { width:100%; margin-bottom:30px; }

#home #actualidad .grid .tex, #noticias #actualidad .grid .tex { width:100%; margin-left:0px; }

#home #experiencias img { width:100%; height:auto; max-width: 285px; }

#experiencias #head h1, #herrismartik #head h1, #administracion #head h1, #gobernanza #head h1, #smart_cities #head h1, #noticias #head h1 {
		font-size:30px;
	}

#miga { display:none; }

/*.row { padding:0px 20px !important; }*/

.content {
	margin:0px 20px;
}



.arrow { display: inline-block; }


.caja, .caja2, .caja3 { padding:10px 3px; }

#home #administracion h1, #home #gobernanza h1, #home #servicios h1 {
	font-size:20px;
}


#principios #pentagono {
    min-height: 160px;
    text-align: center;

}

#principios #pentagono.mb40 {
	margin-bottom:0px !important;
}

#principios #pentagono h1 {
	padding-top:30px;

}



#principios .listado .row {
 flex-flow: row;
	-webkit-flex-flow: row;
}


#principios .tag {
    margin: 0px;
}






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


#banner_buenas_practicas .content {
    position: relative;
    z-index: 100;
    padding: 25px 25px 25px 25px;
    display: block;
    margin-left: 0px;
	margin-right:0px;
	margin-top:40px;
}


#banner_buenas_practicas a {
   
     margin-top: 120px; 
     margin-left: 0%; 
     margin-right: 0%; 
}

#banner_buenas_practicas .grid.boton {
    
    height: 275px;
}






#experiencias #head h1 {
	font-size:30px;
	color:#FFF;
	padding:30px 50px;
	border:#FFF solid 2px;
	max-width:400px;
	margin:0px auto;
}

#experiencias h1 { font-size:20px; }


	
	.cabecera { display:none; display:none;}
	.titular { text-align:center; }
	#experiencias .w1 { width:100%; margin:10px 0px; text-align:center; }
	#experiencias .w2 { width:100%; margin:10px 0px 20px; text-align:center; }
	#experiencias .ojo { display:none; }
	
#experiencias #contacto li { display: block; margin-bottom:10px; }	
#experiencias #contacto li:after {
	content:"";
	padding-left:0px;
	padding-right:0px;
	
	top:0px;
	position:relative;
}	




.dos_columns {
    
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    
}
	
	
	
	
/* FOOTER */	
	
	footer { padding:75px 0 75px; }
	#footer_top { text-align:center; }
	/*.col-footer, .col-footer:nth-child(2) { width:100%; }*/
	
	.footer_logo_eloge { left:0px; }
	
	.col-footer { display:block; width:100%; text-align:center; margin:50px 0 0 0px !important; float:none; }
	.col-footer:nth-child(1) ul { margin-bottom:0px; }
	.col-footer:nth-child(2), .col-footer:nth-child(2) ul { margin-top:0px !important; }
	
	
	
	footer .nav {
		width:100%;
	}
	
footer .nav li, footer .nav li a { font-size:15px; }	
	
.footer_logo {
	float: none;
	position:relative;
	width:100%;
	text-align:center;
	left:0px;
}


footer #contacto {
     text-align: center; 
    margin: 60px auto 60px;
    display: block;
    position: relative;
    max-width: 250px;
    height: auto;
    padding: 0px;
    left: 0px;
}

footer #contacto .email { text-align:left; margin:0 auto; }





/*.footer_logo img {
	margin-right:0px;
	display:block;
	margin:20px auto 30px;
}*/



.no_movil { display:none !important; }
.si_movil { display: inline-block; }
	
}

@media screen and (max-width: 375px) {
.header {
    height: 225px;
}

 #banner_map .tarjeta {
	 padding:40px 40px;
	/* top:35px;*/
	 
 }
 

}

@media screen and (max-width: 320px) {
	
	#head_2 h1 { font-size:35px !important; }
	
	.home_logo { text-align:center; margin-top:50px !important;  }
	.home_logo img { margin:10px 10px;  }
	.home_logo .sello { top:0px; margin-top:15px; }
	.home_logo .md30, .home_logo .md60 { margin-right:0px !important; }
	
	#experiencias #head h1, #herrismartik #head h1, #administracion #head h1, #gobernanza #head h1, #smart_cities #head h1, #noticias #head h1 {
		font-size:24px;
	}
	
	#principios .tag {
	display:none;

}

#principios #pentagono.mb40 {
	margin-bottom:40px !important;
}
	
	.ojo { display:none; }
	
	
#home #actualidad .grid { margin:0 auto 15px !important; }	



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


#banner_buenas_practicas .content {
    position: relative;
    z-index: 100;
    padding: 25px 25px 25px 25px;
    display: block;
    margin-left: 0px;
	margin-right:0px;
	margin-top:40px;
}


#banner_buenas_practicas a {
	
   	 padding: 25px 50px;
     margin-top: 60px; 
     margin-left: 0%; 
     margin-right: 0%; 
}

#banner_buenas_practicas .grid.boton {
    
    height: 175px;
}





.modal-contenido {

    padding: 50px 75px 25px 25px;
   
}





#municipios h2.edicion {
	display:inline-block;
	width:100%;
	padding:15px;
	border:#222 solid 2px;
	margin-right:0px;
	margin:0 auto;
	text-align:center;
	box-sizing:border-box;
	
}

#municipios p.mes {
	display:block;
	text-align:center;
	
}





#municipios ul li {
	padding:20px 0px;
	border-top:#222 solid 1px;
 -webkit-flex-flow: column;
            flex-flow: column;
   min-height:70px;
}





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




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


#municipios ul li span {

	display:block;
}
	
}



@media print {
  
  nav, .acciones, .BTN_azul, .nav, .email { display:none !important; }
  header { border-bottom:#222 solid 1px; }
  #experiencias img.foto { width:50% !important; height:auto !important; /*float:left !important;*/ }
  #experiencias #head_2 h1, #head_2 { text-align:center !important; font-size:24px !important; margin:25px 0px !important; height:0px !important; }
  #experiencias .layout.mt60 { margin-top:0px !important; } 
 /* #experiencias p { font-size:12px; line-height:normal; }*/
 .row { flex-flow:row !important; -webkit-flex-flow: row !important; }

/*  header, article, footer { transform: scale(0.8); padding:0px !important;  }
  article { top:100px; position: fixed !important; }*/
  
 /* @page { margin:0px !important; padding:0px !important;  }*/
  
}