
#contenedor {
    	 	width: 100%; 			
			margin: 0 auto;
			overflow: hidden;
			}

/***********************botones redes*************************************************************/
	.social {
		position: fixed; 
		left: 0; 
		top: 39%; 
		width: 40px;
		z-index: 2000; 
		opacity: .8;
		text-align: center;
		vertical-align: middle;
		}

		
.social  a i{font-size: 20px;padding:10px;color: #fff;}	

.icon-facebook, .icon-twitter, .icon-mail{width: 40px;float: left;}	

.icon-facebook {background:#3b5998; } 
.icon-twitter {background: #00abf0;}
.icon-mail {background: #666666;}

.icon-facebook:hover, .icon-twitter:hover, .icon-mail:hover{
														background: #000;
														width: 60px;
														-webkit-transition:all 300ms ease;
														-o-transition:all 300ms ease;
														transition:all 300ms ease; 
														}

@media only screen and (max-width: 500px) { 
											.social {width:30px;}
											.social  a i{font-size: 17px;padding:6px;}
											.icon-facebook, .icon-twitter, .icon-mail{width: 30px;}	
											.icon-facebook:hover, .icon-twitter:hover, .icon-mail:hover{width: 50px;}
											}
.portada_videos{
	width: 80%;
	margin-left: 10%;
	margin-bottom: 5%;
	padding-top: 3%;
	border-top: 1px dotted #3366cc;
	display: flex;
}
.video_portada{
	flex: 3;
	margin: 0 2%;
}
.video_portada:hover{
	opacity: .7;
}
video, iframe{
	width: 100%;
	min-height: 200px;
	max-height: 350px;
	height: auto;
}

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

	.portada_videos{
	width:70%; 
	margin-left: 15%;	
	display: inline-block;
	}
	.video_portada{
		width: 96%;
		margin: 2%;
	}
	video, iframe{
		
		min-height: 250px;

	}
}

@media only screen and (max-width: 600px) {
										video, iframe{
											min-height: 180px;
											}
									a.sin_margen{
										margin: 0;
										padding-bottom: 0;
									}
								}
/*************Contenido inicio solo presentación ********************************************/

#contenido_inicio{
			width:75%; 
			margin-left: 15%;	 
			margin-bottom:7%;
			padding-top:1.5%;			
			overflow: hidden;
			float: left;
			}
	
												
@media only screen and (max-width: 900px) {#contenido_inicio{
														width:80%; 
														margin-left:10%;	
														padding-top:0;			
														}
											}

@media only screen and (max-width: 700px) {	#contenido_inicio{
														width:90%; 
														margin-left:5%;	
														}
											}

@media only screen and (max-width: 500px) {#contenido_inicio{
														width:94%; 
														margin-left:3%;	
														}
												}

.presentacion{
			width:100%;
			padding-top: 1%; 		
			 }
.img_presentacion{
					float: left;
					width: 100%;
					padding:2% 2% 5% 2%;	
					text-align:center;		
					background-color:  rgba(154, 179, 229,.3);		
					margin-top: 1%;
					margin-bottom:7%;
					}

.texto_presentacion{width:62.5%;
					float: left;
					}
#imagen_iux{
			float: left;
			width: 35%;
			margin-right: 2.5%;

			animation-name: aparecer;
		    animation-duration:4s;

		    -webkit-animation-name: aparecer;
		    -webkit-animation-duration:4s;
			}

@keyframes aparecer{
					0%	{opacity:0;}
					100%{opacity:1;}
						}

@-webkit-keyframes aparecer{

					0%	{opacity:0;}			
					100%{opacity:1;}
						}

@media only screen and (max-width:800px) {	.texto_presentacion{width:50%;}
											#imagen_iux{width:48%;margin-right: 2%;}
											}


@media only screen and (max-width: 500px){
										#imagen_iux{width:100%;}
											
										.texto_presentacion{width:100%;}

										.img_presentacion{margin-bottom: 3%;}
										}														
												
h2.centrar_titulo{margin-left: 42%;}


@media only screen and (max-width: 500px){h2.centrar_titulo{margin-left: 30%;}}
															

.img_presentacion img{	max-width: 100%;margin-bottom: 3%;}	


/*********************Breve historia Parga******************************/

.texto_parga{width:100%;}
#fondo_azul{background-color:rgba(154, 179, 229, .2);padding: 2% 2.5%;margin: 1.5% 0 0 0; width:100%;}
#fondo_azulpre{background-color:rgba(154, 179, 229, .2);padding: 3% 4%; width:60%;float: left;}

@media only screen and (max-width:800px){#fondo_azul{margin: 1.5% 0 3% 0;}}

.img_parga{
			float: right;
			width: 134px;			
			padding:7px 7px 22px 7px;			
			background-color:  rgba(154, 179, 229,.3);
			margin-left:2%;
			margin-top: 1%;
			margin-bottom:3%;
			}
@media only screen and (max-width:900px) {.img_parga{width:128px;float:left;margin:1% 3% 1% 0;}}


@media only screen and (max-width: 500px) {.img_parga{width:118px;}}

.img_parga2{
			float: left;
			width: 149px;
			padding:7px 7px 12px 7px;			
			background-color:  rgba(154, 179, 229,.3);
			margin-right:2%;
			margin-top:.8%;
			}
@media only screen and (max-width:900px) {.img_parga2{width:142px;float:left;margin:1% 3% 1% 0;}}


@media only screen and (max-width: 500px) {.img_parga2{width:135px;}}

.img_parga3{
			float: right;
			width: 139px;
			margin-left:2%;
			margin-top:3%;
			padding:7px 7px 12px 7px;			
			background-color:  rgba(154, 179, 229,.3);
			}

@media only screen and (max-width:900px) {.img_parga3{width:130px;float:left;margin:1% 3% 1% 0;}}


@media only screen and (max-width: 500px) {.img_parga3{width:125px;margin:7% 3% 1% 0;}}

.img_parga4{
			float: left;
			width: 134px;			
			padding:7px 7px 22px 7px;			
			background-color:  rgba(154, 179, 229,.3);
			margin-right:2%;
			margin-top: 1%;
			margin-bottom:3%;
			}	
@media only screen and (max-width:900px) {.img_parga4{width:128px;float:left;margin:1% 3% 1% 0;}}


@media only screen and (max-width: 500px) {.img_parga4 {width:118px;margin: 2% 3% 1% 0;}}

.img_parga img{
				float: right;
				max-width: 100%;
				}

.img_parga2 img{
				float:left;
				max-width: 100%;
				margin-bottom:10px;
				}
.img_parga3 img{
				float: right;
				margin-bottom:10px;
				max-width: 100%;				
				}

.img_parga4 img{
				float:left;
				max-width: 100%;
				}

/*********************Noticias y presentación ******************************/

#contenido_1{
			width:75%; 
			margin-left: 15%; 			
			margin-bottom:3%;				
			overflow: hidden;
			float:left;			
			}

@media only screen and (max-width: 900px) {#contenido_1{
														width:80%; 
														margin-left:10%;	
													
														}
													}
@media only screen and (max-width: 700px) {#contenido_1{
														width:90%; 
														margin-left:5%;	
														}
											}
@media only screen and (max-width: 500px) {#contenido_1{
														width:92%; 
														margin-left:4%;	
														}
													}											
.columnas ul {
			overflow: hidden;
			width: 100%;		
			}

.columnas ul li{
				overflow: hidden;
				width: 100%;
				}

.columnas li{
			float: left;
			display: block;
			}


/*lista y cuadros eventos***************************************************************/

.lista_eventos{margin-top: 1%;}

.lista_eventos  li{	width: 100%;display: block;}
				
.lista_eventos  li ul {display: none;}

.lista_eventos  li:hover ul {
							display: block;
							position: relative;
							bottom:0;
							width: 100%;
							background-color: rgba(154, 179, 229, .3);
							}

.desarrollo{padding:2%;}						

.short a.eventos{
				color:#4d4d4d;
				padding-right: 40px;
				}
.short h4 a{color:#4d4d4d;}			 			
.short h4 a:hover{
					color:#808080;
					text-decoration: underline;
					}
.short h4 i{
 			font-size:1.4em; 
 			color: #3366cc;
 			padding-right: .3em;
 			}

.short h4 i:hover{color: #9ab3e5;}

/*NOTICIAS****************************************************************/

.columnas li.short{					
					width: 33.5%;
					margin-right:2%;
					margin-top:1.5%;			
					}

@media only screen and (max-width: 900px) {.columnas li.short{width:37%;margin-right:2.5%;}}											

@media only screen and (max-width: 500px) {.columnas li.short{width:100%;margin-right:0;}}	

#plus{margin-left:.2em;visibility: hidden;}

.short ul li{
	margin-bottom: 1%;
}
/* .short h2 a{margin-bottom: 5%;} */
.short h2 a:hover #plus{visibility: visible;}

.short img{
			width: 100%;	
			max-width: 100%;
			}	
.short img:hover{opacity: .7;}	
.short img.img_media{
	width: 25%;
	margin-left: 30%;
	margin-bottom: 4%;
}	
.short img.img_media:hover{
		opacity: 1;
}
.short img.img_logo{
	width: 90%;
	margin: 2% 2% 1% 0;
}

.oculto {
	display: none;
	padding: 2.5%;
	margin-bottom: 3%;
	border: 1px solid #9ab3e5;;
}
#led{
	width: 60%;
	margin: 0 20% 2% 20%;
}												
img.curso1{
			margin-bottom:1%;	
			}

li.actualidad{margin-top: 2%;}	
	
.nova_margensup{
				border-top: 1px solid #9ab3e5;
				margin-top: 2%;
				padding-top: 2%;
				}

.nova_margeninf{
				margin-top: 1%;
				margin-bottom: 2%;	
				padding-bottom:4%;
				border-bottom: 1px solid #9ab3e5;			
				}

.nova_margeninf img{width: 100%;float: left;}	
/* .nova_margeninf img:hover{	opacity: .7;}		 */

#margenes{padding: .5em 1em;background-color: rgba(154, 179, 229, .3);float: left;}

#hidrogeodia{
			background-color: rgba(154, 179, 229, .3);
			}
#hidrogeodia img{width: 100%;}

#hidrogeodia img:hover{opacity: .7;}

#geolodia,#geolodia1,#geolodia2{
		float: left;
		position: relative;
		background-color: rgba(154, 179, 229, .3);
		}

#geolodia img, #geolodia1 img, #geolodia2 img{width:100%;float: left;}

.lupa_geo, .lupa_geoportada
           {
			display: none;
			position: absolute;
			padding:5%;
			}
.lupa_geo{
			top:85%;	
			right: 4%;
			}
 .lupa_geoportada{
					right:40%;
					}
.lupa_geo i{font-size:28px;color: #3366cc;}
.lupa_geoportada i{font-size:2.5em;color: #fff;}
.lupa_geo i:hover{color: #fff;}
.lupa_geoportada i:hover{color:  #3366cc;}
@media only screen and (max-width: 900px) {	.lupa_geo i{font-size:25px;}
											.lupa_geoportada i{font-size:2em;}
											}
@media only screen and (max-width: 500px) {.lupa_geo i{font-size:20px;}}

#geolodia:hover .lupa_geo,#geolodia1:hover .lupa_geo,#geolodia2:hover .lupa_geo {display: block;cursor: pointer;}						
#geolodia:hover .lupa_geo,#geolodia1:hover .lupa_geo{top:45%;}
#geolodia:hover .lupa_geoportada{display: block;cursor: pointer;top:25%;}
.enlace_noticias, #enlace_noticias_udc {
										opacity: 1.0;	 
										filter: alpha(opacity=100);
										background-color: rgba(154, 179, 229, .3);
										margin-top:5%;
										margin-bottom:1%;
										position: relative;
										}
#enlace_noticias_udc{background-color: #dc72bc;margin-top:0;}
#enlace_noticias_udc h4 a{
						padding: 2%;
						color: #fff;
						}
#primera_noticia{margin-top:2%;}
#primer_evento{margin-top:0;}
#segundo_evento{margin-top:2%;}

#primer_evento h4, #segundo_evento h4{text-align:left;line-height:1.8em;}
.enlace_noticias:hover, #enlace_noticias_udc:hover{
						opacity: 0.7;
						filter: alpha(opacity=70);
						}
.enlace_noticias h4{
					padding-bottom: 2%;
					}

.playvideo{
			position: absolute;
			top: 30%;
			left:42%;	
			text-align: center;
			cursor: pointer;
			}
.playvideo i{color: rgba(154, 179, 229, .9);font-size:4em;}		

.enlace_noticias:hover .playvideo i{
							-ms-transform: scale(1.2,1.2); /* IE 9 */
						    -webkit-transform: scale(1.2,1.2);  /* Safari */
						    transform: scale(1.2,1.2);
							}

.fondo_noticia{
				margin-top:2%;
				margin-left: 8%;
				}

@media only screen and (max-width: 900px) {.fondo_noticia{margin-top:1%;margin-left: 2%;}}

/*************************************************************************************************************/

#contenido_novas{
				width:75%; 
				
				margin-left: 15%; 		
				margin-bottom:3%;
				padding-top: 2%;				
				overflow: hidden;
				float:left;			
				}

#contenido_novas p.noticia{text-align: center;font-size: 0.83em;}
#contenido_novas h3{padding: 1% 2%;}

.noticia a img{float: right;margin: 1% 3%;}

.seccionactual{width: 100%; margin-bottom:1%;float: left;}
.seccionactual .colizq, .seccionactual .colder, .seccionactual .colcentro2, .seccionactual .colcentro1{background-color: rgba(154, 179, 229, .3);}
.seccionactual img{float: left;}
.seccionactual img:hover{opacity: .7;}

.seccionnovas{width: 100%;margin-bottom:1%;float: left;}

.seccionnovas h4 i{
 			font-size:1.4em; 
 			color: #3366cc;
 			padding-right: .3em;
 			}

.seccionnovas h4 i:hover{color: #9ab3e5;}

.colizq, .colcentro1,.colcentro2, .colder{width: 23.5%; float: left;position:relative; border: 1px solid  #9ab3e5; margin-bottom:1%;}
.colcentro1, .colcentro2, .colizq{margin-right: 2%;}
.fecha{background-color: rgba(154, 179, 229,.3);padding: .4em 0;border-bottom: 1px solid  #9ab3e5;}
.dia {font-size: 1.5em; color: black;margin-right: .2em; }
.titulonova{padding:.3em;text-align: justify;width: 100%;}		
.titulonova h4{font-size:.92em;}
.cursiva{font-style: italic;}
.imgnova{width: 100%;float: left;}
.imgnovalink{width: 100%; opacity: 1;float: left;margin-top: 2%; }
.imgnovalink:hover{opacity: .6;}

@media only screen and (max-width: 900px) {#contenido_novas{
														width:80%; 
														margin-left:10%;
														padding-top:0;			
														}
														}

@media only screen and (max-width: 700px) {#contenido_novas{
														width:90%; 
														margin-left:5%;}
											.seccionnovas{margin-bottom:2%;}
											.colizq, .colcentro1,.colcentro2, .colder{width: 49%;}
											.colcentro1{margin: 0;}
											.colizq, .colcentro1{margin-bottom:2%;}
											.colizq, .colcentro2{margin-right: 2%;}
											.colcentro2, .colder{margin-bottom:0;}
										}

@media only screen and (max-width: 560px){.colizq, .colcentro1,.colcentro2, .colder{width: 100%; margin-bottom:2%;}
											.seccionnovas{margin-bottom:0;}
											}													


@media only screen and (max-width: 500px) {#contenido_novas{
														width:94%; 
														margin-left:3%;}
											
													}	
														
/*ventana facebook****************************************************/

.fb-page{width: 100%;margin-top: 1%;}


/*PRESENTACIÓN**********************************************************/

.columnas li.large{width: 64.5%;}

@media only screen and (max-width: 900px) {.columnas li.large{width:60.5%;}}
											

@media only screen and (max-width: 500px) {.columnas li.large{width:100%;border-top: 1px solid #9ab3e5;margin-top: 3%;
	padding-top: 3%;}}	

.img_fija{margin-top: .3em;float: right;} 

.img_fija1{float: left;display: none;} 

.img_fija2{margin-top: .3em;float: right;padding: .15em;background-color: rgba(154, 179, 229, .7);} 

#lupa_evento{
			position:absolute;
			width: 100%;
			height: 200px;
			top:0;
			right: 0;
			filter: alpha(opacity=0);
    		opacity: 0; 
			}
#lupa_evento a i{font-size:2.2em;font-weight: lighter; float:left;padding:40%;color: #3366cc; }
#lupa_evento a i:hover{font-size:2.5em; transition: all 0.1s ease-in-out;}

#lupa_peque{position:absolute;
			width: 180px;
			height:180px;
			top:53px;
			right: 0;
			filter: alpha(opacity=0);
    		opacity: 0;
			}


#lupa_peque a i{font-size:2em;font-weight: lighter; float:left;padding-left:5px;margin-top:142px;color:rgb(154, 179, 229); }
#lupa_peque a i:hover{font-size:2.3em; transition: all 0.1s ease-in-out;}

@media only screen and (max-width: 900px) {#lupa_peque{top:45px;}}
@media only screen and (max-width: 500px) {
											#lupa_peque{left:21%;width: 50%;height: 170px;}
											#lupa_peque a i{margin-top:130px;}
											}
#portada_destacada{
					width:100%; 	
					margin: 1% 0 0 0;
					padding: 1% 0 0 0;
					overflow: hidden;
					float:left;	
					border-bottom: 1px dotted #9ab3e5;
					 }
.portada_nova_publicacion_der, .portada_nova_publicacion_izq{
															border-top: 1px dotted #9ab3e5;		
															padding:1% 0 0 0;
															margin-bottom: 1%;
															overflow: hidden;
															float:left;
															}	
.portada_nova_publicacion_izq{width:49%;margin-right: 2%;}	
.portada_nova_publicacion_der{width:49%;}				

#degradar{
	background: linear-gradient(bottom,white,white 5%,rgba(255,255,255,0));
	background: -moz-linear-gradient(bottom,white,white 5%,rgba(255,255,255,0));
	background: -o-linear-gradient(bottom,white,white 5%,rgba(255,255,255,0));
	background: -webkit-linear-gradient(bottom,white,white 5%,rgba(255,255,255,0));
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 40px;
	}															

@media only screen and (max-width: 500px) {
						.portada_nova_publicacion_der, .portada_nova_publicacion_izq{
																					width:98%;
																					margin: 2%; 
																				}
						.portada_nova_publicacion_izq{
													margin-bottom: 2%;													
													}
												}															
.texto_nova_publicacion{
					width: 100%;
					float: left;			
					overflow: hidden;
					
					}		
.imagen_nova_publicacion{
					width:90%;
					margin: 1% 5% 0 5%;
					float:left;
					overflow: hidden;	
				
					}
.margen{margin: 2% 0 3% 0;}				
 .imagen_nova_publicacion img{width: 100%;} 
.margen_izq{margin-left: 10%;}		
.imagen_nova_publicacion a img{opacity: 1;}
.imagen_nova_publicacion a:hover img{
									opacity: .7;
									transition: opacity .1s ease-in-out;
  									-webkit-transition: opacity .1s ease-in-out;
  									}
 @media only screen and (max-width: 500px) {		
	.imagen_nova_publicacion{
							width:100%;
							margin-left: 0;
						}						
					}	
.ebook_portada{
			width:40%;
			opacity: 1;
			float: left; 
			margin-top:4%;		
			}
.ebook_portada:hover{
					opacity:.7;
					transition: opacity .1s ease-in-out;
  					-webkit-transition: opacity .1s ease-in-out;
  					}

.ebook_portada img{
				float: left;
				margin-right:7px;
				margin-top: 4px;
				  }
.ebook_portada p{margin-top: 4px;}

.lupa_tesis{
			position:absolute;
			width: 100%;
			height:240px;
			top: 0;
			right: 0;
	     	filter: alpha(opacity=0);
	    	opacity: 0;
	    	}
.lupa_tesis a i{font-size:2em;font-weight: lighter; float:left;padding-left: 7px; padding-top:75px;color:#fff;}
.lupa_tesis a i:hover{font-size:2.2em; transition: all 0.1s ease-in-out;}
.lupa_tesis:hover, #lupa_peque:hover, #lupa_evento:hover{
														filter: alpha(opacity=100);
											    		opacity: 1;  		
											    		cursor: default;
											    		transition: all 0.1s ease-in-out;
											    		}			
@media only screen and (max-width: 500px) {
											.texto_nova_publicacion{
																	width:96%;
																	margin: 1% 0 0 2%;
																	}
										
											.imagen_nova_publicacion img{margin: 0;}		

											.ebook_portada{
															width:40%;
														 	margin-left: 22%;
															margin-top:0;		
															}				
											}	
.portada_presentacion, .portada_investigacion, .portada_formacion, .portada_servizos{
													width:99%; 		
													margin: 0 0 2% 1%;	
													padding: 2% 0px 1% 0;
													overflow: hidden;
													float:left;	
													position: relative;
													border-top: 1px solid #9ab3e5;	
													}
.portada_presentacion{border-top: none;border-bottom: 1px solid #9ab3e5;margin-bottom: 0;}																																													 
.portada_servizos i{margin:0 1% ;}
.portada_formacion img, .portada_servizos img, .portada_investigacion img,
.portada_proxima_publicacion img{
								float: right;
								margin-left:4%;						
								margin-bottom: 2%; 
								
								}	
.portada_formacion a img, .portada_servizos a img, .portada_investigacion a img, .portada_nova_publicacion a img, .portada_proxima_publicacion a img{
													float: right;
													opacity: 1;	 
													filter: alpha(opacity=100);
													}	

.portada_formacion a:hover img,.portada_servizos a:hover img, .portada_investigacion a:hover img,.portada_nova_publicacion a:hover img{
																float: right;
																opacity: 0.7;
																filter: alpha(opacity=70);
																}

@media only screen and (max-width: 1000px){.portada_formacion a img, .portada_servizos a img,
 .portada_investigacion a img, .portada_nova_publicacion a img, .portada_proxima_publicacion a img{												
																					width: 40%;}}

@media only screen and (max-width: 500px) {.portada_formacion a img, .portada_servizos a img, .portada_investigacion a img, .portada_nova_publicacion a img, .portada_proxima_publicacion a img{
													float: left;
													width: 50%;
													margin: 0 30% 2% 20%;
													}
													
											.portada_nova_publicacion{width:96%; padding: 1% 2%;}
											.portada_nova_publicacion h2 a{font-size:0.9em;}
											.portada_nova_publicacion img{
																			float:left;
																			margin-left:4%;						
																			margin-bottom: 2%; 							
																			}	
											.img_fija{display: none;} 
											.img_fija1{display:block;} 
											}
.portada_publicacions{
						width:100%; 		
						margin-top: 1%;	
						padding-top: 2% ;
						overflow: hidden;
						float:left;	
						/*border-top: 1px solid #9ab3e5;*/			
					 }
.portada_cadernos{
					width:68%;
					float: left;
					padding: 2% 0;
					
					}	
.portada_nt{
			width:68%;
			float: left;
			padding:2% 0;	
			border-top: 1px dotted #9ab3e5;					
			}
			
.portada_outras	{
					width:68%;
					float: left;
					padding-top: 2% ;
					margin-top: 3%;
					border-top: 1px dotted #9ab3e5;		
					}	

.portada_outras	img {
					margin: 0;
				}

@media only screen and (max-width: 500px) {
							.portada_outras	img {
													margin-left: 4%;
												}
											}

#cies {float: left;width: 96%; margin:1% 2% 2% 2%; opacity: 1;}
#cies:hover	{
			opacity:.7;
			transition: opacity .1s ease-in-out;
			-webkit-transition: opacity .1s ease-in-out;
			}

/********************  portada publicacións ***************************************************/				

.imagen_publicacions,.imagen_publicacion_artigo{
					width: 29%;
					margin:2% 0 8% 3%;
					float: right;
					overflow: hidden;				
					}
.imagen_publicacion_artigo{margin-top: 5%;}
.imagen_publicacions1{
						width: 35%;
						margin:3% 0 2% 10%;
						float: left;
						overflow: hidden;
					}

.texto2{
	width: 74%;
	margin-left: 6%;
	float: left;
}
.imagen_publicacions2{
					width: 20%;
					margin-top:0; 
					margin-bottom:3%; 
					float: left;
				}
.imagen_publicacions2 a img{margin-top:0; margin-bottom:0; width: 100%;}

.imagen_publicacions img,.imagen_publicacions1 img, .imagen_publicacions2 img,.imagen_publicacion_artigo img{
						float: right;						
						width: 100%;
						}				


.imagen_publicacions a img,.imagen_publicacions1 a img, .imagen_publicacions2 a img,.imagen_publicacion_artigo a img{
						opacity: 1.0;	 
						filter: alpha(opacity=100);
						}
.imagen_publicacion_artigo a img{margin-bottom: 10%;}						




.imagen_publicacions a:hover img,.imagen_publicacions1 a:hover img, .imagen_publicacions2 a:hover img,
.imagen_publicacion_artigoa a:hover img{
							opacity: 0.7;
							filter: alpha(opacity=70);
							}	
.imagen_publicacions ul li {width: 100%;display: inline-block;}	

.imagen_publicacion_artigo ul {width: 100%;margin-top:25%;}

#espacio{
	width: 100%;
	height:45px;
	float: right;
	margin-bottom:50%;
	margin-top: 6%;
 }	
				

@media only screen and (max-width: 500px) {
										.portada_cadernos,.portada_nt,.portada_outras{width:100%; }
										.portada_publicacions{padding-bottom: 3%;}
										#cies {float: left;margin-left: 5%;width: 90%;}
										.imagen_publicacions{width:70%;margin:1% 16% 3% 14%;}
										.imagen_publicacions1{width:70%;margin:3% 16% 3% 14%;}
										.imagen_publicacions1 a img{margin-top:3%;}
										.imagen_publicacions2,.imagen_publicacion_artigo, #espacio{display: none;}
										}
					
.imagen_publicacions > ul{
							display:-webkit-flex;
						    display:-webkit-box;
						    display:-moz-flex;
						    display:-moz-box;
						    display:-ms-flexbox;
						    -webkit-flex-direction: row-reverse; /* Safari 6.1+ */
						    display: flex;
						    flex-direction: row-reverse;
							width: 300%;

							animation-name: cambiar;
							animation-duration: 4s;
							animation-iteration-count: infinite;
							animation-direction: alternate;
							animation-timing-function: step-start;

							-webkit-animation-name: cambiar;
						    -webkit-animation-duration: 4s;
						    -webkit-animation-iteration-count: infinite;
						    -webkit-animation-direction: alternate;
							-webkit-animation-timing-function: step-start;			
							}

@keyframes cambiar{
					0%	{margin-left:0;}
					30%{margin-left:0;}

					35%{margin-left:-100%;}
					65%{margin-left:-100%;}

					70%{margin-left:-200%;}
					100%{margin-left:-200%;}			
					}
@-webkit-keyframes cambiar{
						0%	{margin-left:0;}
						30%{margin-left:0;}

						35%{margin-left:-100%;}
						65%{margin-left:-100%;}

						70%{margin-left:-200%;}
						100%{margin-left:-200%;}	
						}
@keyframes cambiar_otro{
						0%	{margin-left:0;}
						50%{margin-left:0;}

						51%{margin-left:-100%;}
						100%{margin-left:-100%;}	
						}
@-webkit-keyframes cambiar_otro{
								0%	{margin-left:0;}
								50%{margin-left:0;}

								51%{margin-left:-100%;}
								100%{margin-left:-100%;}		
								}

/* youtube y sketchfab******************************************/

#media{width: 100%; clear: both;}
 ul.medios{width: 70%;margin-left:15%; position: relative;margin-bottom: 7%;}
 ul.medios li{width: 49.7%; height:auto; display: inline-block;}

.youtube{width: 90%;
		 float: left; 
		 background-color:#D8D8D8;
		}

.youtube img{ float:right; margin-right: 5px;margin-bottom:4px;}		 

.sketch{width: 90%; 
		float:left; 
		margin-left:9.9%;
		background-color:#D8D8D8;

		}

.sketch img{ float:right; margin:6px 9px 9px 0;}		

@media only screen and (max-width: 1000px) {ul.medios{margin-left:5%;width:90%;}
											.sketch{margin-left:7.5%;}
											}

@media only screen and (max-width: 750px) {ul.medios{margin-left:5%;width:89.9%;}
 											.sketch{margin-left:0;}
											ul.medios li{width:89.9%;margin-left:10%;margin-bottom: 3%;}
											}

@media only screen and (max-width: 500px) {ul.medios{margin-left:3%;width:93.9%;}
											ul.medios li{width:100%;margin-bottom: 3%;margin-left:0;}
											.youtube,.sketch{width:100%;}
											.sketch{margin-left:0;}
										}

/*liñas de investigación***********************************************/

#contenido_inves{
			width:75%; 
			margin-left: 15%;
			margin-bottom: 7%;
			padding-top:3%;	
			overflow: hidden;				
			}

@media only screen and (max-width: 900px) {#contenido_inves{
														width:80%; 
														margin-left:10%;
														padding-top:0;				
														}
											}
@media only screen and (max-width: 700px) {#contenido_inves{
														width:90%; 
														margin-left:5%;	
														}
											}
@media only screen and (max-width: 500px) {#contenido_inves{
														width:94%; 
														margin-left:3%;	
														}
												}											
.columnas_inves ul{width: 100%;}

.columnas_inves > li{
					float: left;
					display: block; 
					}

.short_inves{					
			width: 34%;
			padding-right: 5%;	
			padding-bottom: 30%;
			overflow: hidden;					
			}
@media only screen and (max-width: 900px) {.short_inves{width:40%;padding-right: 3%;}			
			
												}	

@media only screen and (max-width: 500px) {.short_inves{width:100%;padding-right: 0;padding-bottom: 5%;}			
			
												}											

/*cuadro liñas de investigación**************************************************************/

#primera{border-top: 1px solid #3366cc;}	

.investigacion a{color:#4d4d4d;}

.investigacion a:hover{color:#808080;}

.investigacion  a i{
 					font-size:1.4em; 
 					color: #3366cc;
 					margin-right:10px;
 					}

.investigacion a:hover i{color: #9ab3e5;}

li.investigacion{
				padding:12px 3px 10px 3px;				
				border-bottom: 1px solid #3366cc;				
				}

li.investigacion:hover{border-color: #9ab3e5;}
										

li.investigacion_activa{
						padding:12px 3px 10px 3px;						
						border-bottom: 1px solid #9ab3e5;
						}

li.investigacion_activa a{color: #808080;}
		 
li.investigacion_activa a i{
							color: #9ab3e5;
							margin-right:10px;
							font-size:1.4em; 
							}
.large_inves{width: 66%;}

@media only screen and (max-width: 900px) {.large_inves{width:60%;}	}


@media only screen and (max-width: 500px) {.large_inves{width:100%;}}				
														

.large_inves_ultima{
					width:65.5%;	
					margin-bottom: 5%;			
					}		
/*imágenes inves nivoslider1***************************/	



#logo_cetra{
			float: right;
			margin-right:16%;
			opacity: 1;	 
			filter: alpha(opacity=100);
			}

@media only screen and (max-width:1200px) {#logo_cetra{margin-right:12%;}}
@media only screen and (max-width:1000px) {#logo_cetra{margin-right:8%;}}
@media only screen and (max-width:800px) {#logo_cetra{margin-right:4%;width:100px;}}
@media only screen and (max-width:600px) {#logo_cetra{margin-right:2%;}}

@media only screen and (max-width: 500px) {#logo_cetra{margin-right:0%;}}

#logo_cetra:hover{
				opacity: 0.6;
				filter: alpha(opacity=60);
    			}							

/*columnas de formación********************************************************************/

.short_form{					
			width: 32%;
			padding-right:3%;			
			}

.large_form{width: 68%;}

@media only screen and (max-width: 900px) {.short_form{width:40%;padding-right: 3%;}}			
													

@media only screen and (max-width: 500px) {.short_form{width:100%;padding-right: 0;padding-bottom: 5%;}	}		
																				
@media only screen and (max-width: 900px) {.large_form{width:60%;}}


@media only screen and (max-width: 500px) {.large_form{width:100%;}}

									
/*tabla tesis**********************************************************************/

table.lista_tesis{width: 100%;}
				
.lista_tesis tr td{padding:.2em .3em;}

.lista_tesis tr td.sin_margeni{padding-left: 0;}
					
.lista_tesis tr td.sin_margend{padding-right: 0;}
					
.lista_tesis  tr.cabecera_tabla{border-bottom: 1px solid  #3366cc;}

.lista_tesis  tr.borde_azul{border-bottom: 1px solid #9ab3e5;}

td.autor{width: 31%;}

td.ver_mas p{text-align: right;}

img.tesis {float:right; margin-left:1%;}


/*tabla grados**********************************************************************/

table.lista_grado{width: 100%;}
				
.lista_grado tr td{padding: 5px 7px;}

.lista_grado tr td.sin_margeni{padding-left: 0;}
					
.lista_grado tr td.sin_margend{padding-right: 0;width:85%;}
					
.lista_grado  tr.cabecera_tabla{border-bottom: 1px solid #3366cc;}

.lista_grado  tr.borde_azul{border-bottom: 1px solid #9ab3e5;}

#titulo1{width:85%;}

td.ver_mas p{text-align: right;}

/*Contenido servizos*******************************************************/

#contenido_servizos{				
			width:75%; 
			margin-left: 15%;
			margin-bottom: 7%;
			padding-top:2.5%;					
			overflow: hidden;
			float:left;	
			}

p.servicios{
			font-size: 0.88em;
   		 	text-align: left;
			text-indent: 2%;
			color:#4d4d4d;
			}

@media only screen and (max-width: 900px) {#contenido_servizos{
														width:80%; 
														margin-left:10%;
														padding-top:0;				
														}
											p.servicios{font-size: .84em;}		
											}

@media only screen and (max-width: 700px) {#contenido_servizos{
														width:90%; 
														margin-left:5%;	
														padding-top:1.5%;	
														}
											}

@media only screen and (max-width: 500px) {#contenido_servizos{
														width:94%; 
														margin-left:3%;	
														margin-bottom:11%;	
														padding-top:0%;
														}
												}		
ul.servicios{float: left;}

ul.servicios li{
				border-top: 1px solid #3366cc;
				padding-top: 20px;
				margin-top: 20px;
				}	

ul.servicios li.sin_borde{
						border: none;
						padding-top: 10px;
						margin-top: 10px;
						}	

ul.servicios li img{
					float: left;
					margin-right: 25px;
					margin-left:3px;
					margin-bottom:7px;
					}

@media only screen and (max-width: 500px){
										ul.servicios li img{margin-right:10px;margin-bottom:5px;margin-left:0;}
											}
															
															
ul.servicios li a img{
					float: left;
					margin-right: 25px;
					margin-left: 0px;
					margin-bottom:7px;
					opacity: 1.0;	 			
					filter: alpha(opacity=100);
					}

ul.servicios li a:hover img{
							opacity: 0.7;
							filter: alpha(opacity=70);
							}	


table.datos{
			width:100%;
			margin-top: 1%;
			text-align: right;
			}

td.dictames{
			width: 50%;
			padding: 5px 0px;
			margin-bottom: 15px;
			}
table.arqueo{
			width:80%;
			margin-left: 5.5%;
			padding: 5px 0px;
			margin-bottom: 15px;
			}
@media only screen and (max-width:900px) {table.arqueo{width:90%;padding-left:2%;margin-left: 3%;}}


@media only screen and (max-width: 500px) {
											table.arqueo{width:95%;margin-left:2%}
											table.arqueo tr td{padding-left:4%;width: 50%;}
										}

td.info{
		width: 30%;
		padding-left:15%;		
		}
											
@media only screen and (max-width: 900px) {td.info{padding-left:5%;}}


@media only screen and (max-width: 500px) {td.info{padding-left:0;}}


td.contacto{
			width:70%;
			padding-left:20%;
			}	

@media only screen and (max-width: 900px) {td.contacto{padding-left:10%;}}
	

@media only screen and (max-width: 500px) {td.contacto{padding-left:0;}}

/*Contenido equipo******************************************************************************/


#contenido_equipo{
					width:75%; 
					margin-left: 15%;
					padding-top:4%;
					margin-bottom: 5%;
					overflow: hidden;
					float:left;	
					}

@media only screen and (max-width: 900px) {#contenido_equipo{
														width:80%; 
														margin-left:10%;	
														padding-top:0;			
														}
											}

@media only screen and (max-width: 700px) {#contenido_equipo{
														width:90%; 
														margin-left:5%;	
														padding-top:1.5%;	
														}
											}

@media only screen and (max-width: 500px) {#contenido_equipo{
														width:94%; 
														margin-left:3%;	
														}
												}												
#impar {
			width:48.5%;				
			display: inline-block;
			float: left;
			overflow: hidden; 
			}

.par {
		width:48.5%;	
		margin-left: 3%;		
		display: inline-block;
		float: left;
		overflow: hidden; 
		}	

@media only screen and (max-width: 500px) {#impar {width:100%;margin-bottom: 4%;border-bottom: 1px  solid #3366cc;}
											.par {width:100%;margin-left:0; }
											}


#individual{border-bottom: 1px solid #3366cc;margin-bottom: 3%;}	


@media only screen and (max-width: 500px) {#individual{padding-top: 2%;}}			

.personal  img{
				float: left;
				margin-right:3.7%;		
				margin-bottom:3%;
				}
							
.personal .mascara_texto{
						float:left;
						position:absolute;
						overflow: hidden;
						margin-bottom: 3%;
						width: 100px;
						height: 100px;
						background: rgba(51, 102, 204,0.7);
     					filter: alpha(opacity=0);
    					opacity: 0;   					
    					}

.personal:hover .mascara_texto{
								filter: alpha(opacity=100);
    							opacity: 1;
    							transition: all 0.1s ease 0.1s;
    							cursor: default;
    							}

.personal .mascara_texto a{
							position: relative;
							color: white;
							background: transparent;
							top:45px ;
    						left:10px;
    						padding: 30% 15%;
							filter: alpha(opacity=0);
      						opacity: 0;
     						
     						}

.personal:hover .mascara_texto a{
								filter: alpha(opacity=100);
    							opacity: 1;
    							transition: all 0.1s ease; 
								}

ul.equipo {
			width:100%;						
			display: inline-block;
			float: left;
			overflow: hidden;
			border-bottom: 1px  dotted  #3366cc;
			}	

ul.equipo > li{
			display: inline-block;
			float: left;
			width: 100%;
			padding-top:2.8%;	
			border-top: 1px  dotted  #3366cc;	
			}	

@media only screen and (max-width: 500px) {ul.equipo > li{ padding:2.5% 0;}}	

ul.equipo li.equipodoc {
			display: inline-block;
			float: left;
			width: 100%;
			padding:1% 2% 1% 0 ;	border-top: 1px  dotted  #3366cc;
			}	

ul.equipo li.equipodoc img{
				float: left;
				margin: 2% 3.7% 2% 0; 
				}
@media only screen and (max-width: 500px) {ul.equipo li.equipodoc {padding:1% 0;}}	


/*Contenido publicacions**************************************************************************************/


#contenido_publicacions{
						width:75%; 
						margin-left: 15%;
						padding-top:2%;	 								
						overflow: hidden;
						float:left;	
						}

@media only screen and (max-width: 900px) {#contenido_publicacions{
														width:80%; 
														margin-left:10%;	
														padding-top:0;			
														}
											}

@media only screen and (max-width: 700px) {#contenido_publicacions{
														width:90%; 
														margin-left:5%;														
														}
											}


@media only screen and (max-width: 500px) {#contenido_publicacions{
														width:94%; 
														margin-left:3%;	
														}
												}			
ul.publicacions {width: 100%;}				
ul.publicacions li a{color: #3366cc;}			
ul.publicacions li a:hover{color: #808080;}

ul.publicacions li.borde{
						border-bottom: 1px solid #3366cc;
						padding-bottom:0.7%;
						margin-bottom: 2%;
						}

ul.publicacions li.ultima_publ{
								border-top: 1px solid #3366cc;
								padding-top: 2%;					
								}
table.geojornals{
				width: 60%;
				margin-top: 0.5%;
				margin-left: 27%;
				margin-bottom:  0.5%;
				}
@media only screen and (max-width: 1200px) {table.geojornals{width:100%;margin-left:0; }
											.geojornals tr td{padding: 0 1%;}	
											}
															

.geojornals tr td{
					padding: 1% 2%;
					width: 25%; 
					}

/*slider cadernos_nova terra*********************************************************************************/

#cadernos{
			width: 85%;		
			float:left;
			overflow: hidden;		
			margin-left: 8%;
			margin-top: 2%;
			margin-bottom: 1%;
			position: relative;		
			}

#nova_terra{
			width: 85%;		
			float:left;
			overflow: hidden;		
			margin-left: 8%;
			margin-top: 0%;	
			margin-bottom: 1%;	
			position:relative;		
			}

#cadernos img, #nova_terra img{
				display: block;
    			max-width: 100%;
   				height: auto !important;
				}

 #nova_terra img{margin-bottom:7px;}

.jcarousel{
   		 position: relative;
   		 overflow: hidden;
   		 width: 93%;		 
   		 margin-left:4%;
			}

.jcarouselnt{
   		 		position: relative;		
   				overflow: hidden;
   				width: 93%;		 
   		 		margin-left: 3.5%;
				}

/* .jcarousel{height: 310px;} */

/* .jcarouselnt{height: 445px;} */

.jcarousel ul{
				width:50000px;
				position: relative;
				}

.jcarouselnt ul{
				width:50000px;
				position: relative;
				}				

.jcarousel li{
    			width: 200px;  
    			padding:0 .5em; 						
				position: relative;
				display: inline-block;
				float: left;
				overflow: hidden;			
				}

.jcarouselnt li{
    			width: 200px; 
				padding:0 .5em; 
				position: relative;
				display: inline-block;	
				float: left;
				overflow: hidden;						
				}				


@media only screen and (max-width: 500px) {
											.jcarousel li{padding-left:10px; }
											
											.jcarouselnt li{padding-left:10px; }
											}
/* controles slide cadernos***************************************************************/

.control-next i,.control-prev i { 
								font-size: 1em;
								color: #3366cc;
								}

.control-next i:hover, .control-prev i:hover{ color: #9ab3e5; }

.control-prev i,.control-next i{ 
							position: absolute;
   							top:50%;  						
    				 		text-align: center;
							}

.control-prev i{left:1.5%;}

.control-next i{right:1.5%;}


@media only screen and (max-width: 500px) {.control-prev i{left:0;}
											
											.control-next i{right:1%;}
											}


/* controles slide nova terra***************************************************************/

.control-nextnt i,.control-prevnt i { 
									font-size: 1em;
									color: #3366cc; 
									}

.control-nextnt i:hover, .control-prevnt i:hover{ color: #9ab3e5;}
					 						

.control-prevnt i,.control-nextnt i{ 
							position: absolute;
   							top:35%;  						
    				 		text-align: center;
							}

.control-prevnt i{left:1.5%;}

.control-nextnt i{right:1.5%;}

/*div textos********************************************************************************/

.texto_cadernos{
			display: none;
 			position: absolute;
 			top: 45px;
			z-index: 100;
			background: rgba(255, 255, 255, .9);		
			width: 200px;
			height: 241px;
			padding: 15px 0px 0px 5px ;
			}

.texto_cadernos2{
			display: none;
 			position: absolute;
 			top: 35px;
			z-index: 100;
			background: rgba(255, 255, 255, .9);
			width: 200px;
			height: 251px;
			padding: 5px 0px 0px 5px ;
			}
.lupacadernos{
				position: absolute;
 				top:198px;
 				right:22px;
 				}
.lupacadernos2{
				position: absolute;
 				top:208px;
 				right:22px;
 				}
.lupanovat{
				position: absolute;
 				top:246px;
 				right:15px;
 				}
.lupacadernos i,.lupacadernos2 i, .lupanovat i{font-size:30px;color: #3366cc;}

.lupacadernos i:hover,.lupacadernos2 i:hover, .lupanovat i:hover{color: #9ab3e5;}

.texto_nt{
			display: none;
 			position: absolute;
 			top: 0;
			z-index: 100;
			background: rgba(255, 255, 255, .9);		
			width: 200px;
			height: 286px;
 			padding: 3px 0px 0px 5px;
			}

li:hover .texto_cadernos,li:hover .texto_cadernos2 {display: block;cursor: pointer;}						

li:hover .texto_nt{display: block;cursor: pointer;}
					
.texto_nova_terra{
					width:75%; 
					margin-left: 12.4%;	 	
					float:left;									
					padding: 14px 0px;
					overflow: hidden;	
					}

.ebook_filter{
			width:90%;
			opacity: 1;
			float: left; 
			
			}

.ebook_filter:hover{
					opacity:.7;
					transition: opacity .1s ease-in-out;
  					-webkit-transition: opacity .1s ease-in-out;
  					}

.ebook_filter img{
				float: left;
				margin-right:7px;
				margin-top: 7px;
				  }
.ebook_filter p{margin-top: 7px;}

/*artigos_cadernos**********************************************************************/

.imagen_artigos img	{
				max-width: 100%;
				width: 100%;
				float: left;
				clear: both;
				margin-bottom: 5%;
				margin-top: 1.5%;					
				}

.imagen_artigos{
				float:left;
				width: 22.5%;
				margin-right:1.5%;	
				}

.texto_artigos{
				float:left;
				margin-bottom: 10%;
				width: 76%; 	
				}


@media only screen and (max-width: 700px) {
										.imagen_artigos{width:30%;} 
								
										.texto_artigos{width:67%;}
											}


@media only screen and (max-width: 500px) {.imagen_artigos{width:80%; margin-left:10%;margin-bottom: 5%;} 
								
											.texto_artigos{width:100%;padding-top: 5%; border-top: 1px solid #9ab3e5;}

											.imagen_artigos img	{	margin-right: 30%;}
																		
												}

#margen_abajo{margin-bottom: 5%;padding-top:1%;}

/*Publicacions libros y mapas******************************************************************/

#texto_libros{
				width:75%; 
				margin-left: 12.4%;	 
				overflow: hidden;	
				float: left;				
				}
#libros{
		width:75%; 
		margin-left: 12.4%;	 
		overflow: hidden;
		margin-top: 1.5%;		
		text-align: center;
		position: relative;
		margin-bottom:5%;
			float: left;
		}				

@media only screen and (max-width: 900px) {#texto_libros,#libros{
														width:80%; 
														margin-left:10%;	
														}
											}

@media only screen and (max-width: 700px) {#texto_libros,#libros{
														width:90%; 
														margin-left:5%;														
														}
											}

@media only screen and (max-width: 500px) {#texto_libros{
														width:94%; 
														margin-left:3%;	
														}
												}		
#libros li{
			width: 200px;  	
			margin-right:1.7%;
			margin-left: 1.7%;	
			margin-bottom:5%;				
			position: relative;
			display: inline-block;
			float: left;
			overflow: hidden;	
			}
@media only screen and (max-width: 1300px) {#libros li{	margin-right:1.1%;
														margin-left: 1.1%;}
													}
@media only screen and (max-width: 500px) {
											#libros li{	margin-bottom:12%;margin-left:5%;}
											#libros img{margin-bottom:1%;}
											}
		   		
#libros img{
			margin-bottom: 5%;
			max-width: 100%;
   			height: auto !important;
   			}
 #no_margen_izq{margin-left: 0;}

 #no_margen_der{margin-right: 0;}

.info_libros{
			display: none;
 			position: absolute;
 			top: 0;
			z-index: 100;
			background: rgba(255, 255, 255, .9);
			width: 200px;
			height: 286px;
 			padding: 15px 5px;
			}

li:hover .info_libros{display: block;cursor: pointer;}

.lupalibros{
			position: absolute;
			top:246px;
			right:15px;
			}
			
.lupalibros i{font-size:30px;color: #3366cc;}

.lupalibros i:hover{color: #9ab3e5;}


/*DESCARGAS_mapas*****************************************************************/

#contenido_descargas{
						width:75%; 
						margin-left: 15%; 
						padding-top: 2%; 					
						margin-bottom:7%;				
						overflow: hidden;
						float:left;						
						}
											
@media only screen and (max-width: 900px) {#contenido_descargas{
																width:80%; 
																margin-left:10%;	
																padding-top:0;			
																}
											}

@media only screen and (max-width: 700px) {#contenido_descargas{
																width:90%; 
																margin-left:5%;														
																}
											}


@media only screen and (max-width: 500px) {#contenido_descargas{
														width:94%; 
														margin-left:3%;
														margin-bottom:15%;		
														}
												}	
.impar_des {
			width:49%;	
			margin-right:2%;	
			float: left; 	
			}
#impar_des_primera{margin-top: 2%;margin-right:2%;}


@media only screen and (max-width: 1000px) { .impar_des,#impar_des_primera{width:80%;margin-left: 10%;}
											
											}	

@media only screen and (max-width: 500px) {	.impar_des,#impar_des_primera {margin-bottom:3%;width:88%;margin-left:6%;}
											
											}														

#mapa_inicial{margin-top: 2%;}	

@media only screen and (max-width: 1000px) {#mapa_inicial{margin-top:0%;}}

.mapas{
		min-width: 200px;
		height: auto !important;
		}

@media only screen and (max-width: 500px) {.mapas{height:400px;}}
																						

ul.descargas {width: 100%;}
					
ul.descargas li{
				background-color: rgba(154, 179, 229, .3); 
				display: inline-block;
				float: left;
				margin-bottom:2%;		
				padding:1%;
				width:49%;	
			}
@media only screen and (max-width: 1000px) {ul.descargas li{width:80%;margin-left: 10%;}}

@media only screen and (max-width: 500px) {ul.descargas li{padding:2%;margin-bottom:3%;width:88%;margin-left:6%;}
																								
											.mapas img{
														margin-bottom:0;
														}
													}	
.mapas img{float: left;}
					
.texto_mapas{padding:0% 2% 2% 2%; min-height: 200px;margin-left: 200px;}

@media only screen and (max-width:500px) {.texto_mapas{ width: 200px;margin-left:0%;padding:2%;}}

.des_pdf{float: right; bottom: 0;}
	
.lupa{
		float:left;
		position:absolute;
		overflow: hidden;
		width: 200px;
		height: 200px;
		background: rgba(51, 102, 204,0.7);
     	filter: alpha(opacity=0);
    	opacity: 0;
    	transition: all 0.1s ease-in-out;
    	}

.lupa:hover{
			filter: alpha(opacity=100);
    		opacity: 1;  		
    		cursor: default;
    		}

.lupa a i{font-size: 2.5em;padding: 10%;}

.lupa a i:hover{font-size: 3em;
				transition: all 0.1s ease-in-out; }

.lupa a{
			position: relative;
			color: white;
			background: transparent;
			top:30% ;
    		left:30%;

			filter: alpha(opacity=0);
      		opacity: 0;
     		transition: all 0.1s ease-in-out; 
     		}

.lupa:hover a{
				filter: alpha(opacity=100);
    			opacity: 1;
    			}


/*DESCARGAS_igrafica*****************************************************************/

#contenido_igrafica{
						width:75%; 
						margin-left: 15%; 
						padding-top: 2%; 
						margin-bottom: 7%;								
						overflow: hidden;
						float:left;	
						}
											
@media only screen and (max-width: 900px) {#contenido_igrafica{
														width:80%; 
														margin-left:10%;	
														padding-top:0;			
														}
											}

@media only screen and (max-width: 700px) {#contenido_igrafica{
														width:90%; 
														margin-left:5%;	
														}
											}


@media only screen and (max-width: 500px) {#contenido_igrafica{
														width:94%; 
														margin-left:3%;	
														}
												}						
.logos{		
		float: left;
		width:100%;	
		}

.logos i, .colores i{font-size: .9em; margin-right:1.2em; color:#3366cc;}		

.logos img{
			float: left; 
			margin:.5% 7% 0 9%;}
	

@media only screen and (max-width: 500px) {.logos img{
													float: left; 
													margin:5% 28%;
													}
												}
.colores{		
		float: left;
		width:100%;	
		margin-top: 2%;
		padding-top: 2%;
		border-top: 1px dotted #3366cc;	
		}

@media only screen and (max-width: 500px) {.colores{padding-top: 4%;margin-top: 3%;}}

.colores img{
			float: left;
			margin-left: 8%;
			}

@media only screen and (max-width: 500px) {.colores img{
													float: left; 
													margin:0%;
													}
										
												}
.colores img.espacio_izq{margin-left: 12%;}

	
@media only screen and (max-width: 500px) {.colores img.espacio_izq{margin-left:0%;}}

#tarjeta, #folio{
		float: left;
		width:50%;
		}


@media only screen and (max-width: 500px) {#tarjeta, #folio{
															float: left;
															width:100%; 
															margin-bottom:7%;}
													}

#tarjeta img{margin:3% 20%;max-width: 100%;}

@media only screen and (max-width: 500px) {#tarjeta img{margin:3% 0%;}}

#folio img{
			max-width: 100%;
			margin:0 20% 3% 20%;
			}

@media only screen and (max-width: 500px) {#folio img{margin: 0%;}}

#margen_descarga, #margen_descarga1{margin-left: 20%;}


/*AVISO LEGAL *****************************************************************/
/***************************************************************************/

#contenido_aviso{
				width:80%; 
				margin-left: 10%;	
				padding-top: 2.5%; 
				margin-bottom:5%;								
				overflow: hidden;
				float:left;		
				}
											
@media only screen and (max-width: 900px) {#contenido_aviso{
														width:85%; 
														margin-left:7.5%;	
														padding-top:0;			
														}
											}

@media only screen and (max-width: 700px) {#contenido_aviso{
														width:90%; 
														margin-left:5%;	
														}
											}


@media only screen and (max-width: 500px) {#contenido_aviso{
														width:94%; 
														margin-left:3%;	
														}
												}	
li.margen_aviso{margin-bottom: 2%;}

#aviso_cookies{visibility: hidden;}

h2.especial_aviso{font-weight: bold;font-size:1.3em;color:#000;}

/*contenido blog ****************************************************************/	

/**********************************************************************************/

#feed{
		width:75%; 
		margin-left: 12.4%; 
		margin-bottom:7%;	
		padding-top:2%;							
		overflow: hidden;
		float:left;		
		}
@media only screen and (max-width:1200px) {#feed{border-top: 1px solid #9ab3e5; }
											}
														

@media only screen and (max-width: 900px) {#feed{
												width:80%; 
												margin-left:10%;	
												}
											}

@media only screen and (max-width: 700px) {#feed{
												width:90%; 
												margin-left:5%;	
												}
											}



@media only screen and (max-width: 500px) {#feed{
												width:94%; 
												margin-left:3%;	
												}
												}											

.feedburnerFeedBlock ul li div{
						font-family: 'roboto'; 
						font-size: 1em;
						margin-bottom:1%;
						}					

.headline a{
			margin-left: 3%;
			font-size: 1.3em;
			color:#2E2E2E;			
			}	

.headline a:hover{color: #3366cc;}
											
.date{
	text-align: right;
	margin-right:10%;
	font-size: .8em;
	margin-bottom:1%;
	visibility: hidden;
	}		

#creditfooter{display: none;}

