﻿ /*----------------------ASPECTOS GENERALES---------------------------------*/
	 * {list-style:none;padding:0;margin:0;border:0;color:rgba(0,0,0,1);font:100% Arial, Helvetica, sans-serif;transition:all 0.3s;}
	 p {font:100% Verdana; text-align:justify; margin:0px 30px; font-size:15px;}
	 a {font-weight:bold; font-style:italic; color:rgba(0,0,0,1);}
	 i {font-style:italic;}
	 li {font:100% Verdana;}
	 strong {color:rgba(153,0,102,1); font-weight:bold;}
	 span {text-align:center;display:inline-block; margin:2px 0px 0px 0px;}
	 h1, h1 a {font-size:12px;float:left;padding:5px 15px;color:rgba(0,0,0,1); font-weight:bold;}
	 h2, h2 a {width:inherit;height:auto;color:rgba(153,0,102,1); font:100% Verdana; font-weight: bold; font-size:26px; text-align:center;}
	 h3, h3 a {width:inherit;height:auto;color:rgba(153,0,102,1); font:100% Verdana; font-weight: bold; font-size:26px; text-align:center;}
	 h4, h4 a {text-align:left;color:rgba(153,0,102,1);font-size:20px;padding:15px 15px 40px 10px;font:100% Verdana; font-weight:bold;}
	 h4 a:hover {opacity:0.8;}
	 h5, h5 a {text-align:center;color:rgba(255,255,255,1);font-size:15px; font-weight:bold;padding:10px 5px;}
	 h6, h6 a {text-align:center;color:rgba(153,0,102,1);font-size:15px; font-weight:bold;margin:15px 0px 15px 0px;}
	 strong i, p i {font-style:italic;}
	 h2 i {display:block;width:100%;text-align:center;color:rgba(153,0,102,1);font:100% Verdana; font-weight:bold; font-size:20px; padding:15px 15px 20px 10px; font-style:italic;}
	 .cursiva {font-style:italic;}
	 .negrita { font-weight:bold;}
	 
	body {background:rgba(255,255,255,1); margin:0px 0px;width:100%;min-width:1100px;color:rgba(255,153,204,1);}

/*-----------------------------CABECERA-------------------------------------------*/
	#header {overflow:hidden;background:rgba(255,255,255,1);height:140px;width:inherit;}
 	
	#section_logos {display:block;float:left;background:rgba(255,255,255,1);height:75px;width:inherit;}
	#section_logos figure {display:block;padding:10px; height:65px;}
	.float_left { float:left; width:230px;}
	.float_right { float:right;width:230px;}
	#section_logos figure.float_right {margin:30px 0px 0px 0px;}
	
	#section_logo_OMA_cabecera {display:block;float:left;background:url(../img_comunes/Logo_OMA_para_cabecera.gif) center;height:100px;width:inherit;}
	
/*-----------------------------MENU PRINCIPAL-------------------------------------------*/
	#menu_cabecera {overflow:hidden;background:rgba(255,255,255,1);width:100%;margin:5px 0px 0px 0px;}
	
	#nav_menu_cabecera {margin:0px 0px 0px 0px;display:block;float:left;background:rgba(115,152,12,1); width:75%; max-width:1250px;height:40px;}
	
	#lista_menu_cabecera {position:absolute;z-index:3; box-sizing:border-box;width:inherit; min-width:800px;}
	
	#lista_menu_cabecera > li {display:block;float:left; width:auto;background:rgba(115,152,12,1);padding:10px 15px;}
	#lista_menu_cabecera li a { font:100% Verdana; color:rgba(255,255,255,1);font-size:13px; font-weight:bold;}
	#lista_menu_cabecera li:hover > a {color:rgba(225,225,225,1); transition:all 0.3s;}
	#lista_menu_cabecera > li:hover {border-top:rgba(255,255,255,1) solid 3px; margin-top:-3px;}
	#lista_menu_cabecera li ul {position:absolute;display:none;border-bottom:rgba(0,0,0,1) solid 1px;top:38px; margin:0px 0px 0px -15px;width:273px;}
	#lista_menu_cabecera li ul.pequenho {width:200px;}
	#lista_menu_cabecera li ul.grande {width:273px;}
	#lista_menu_cabecera li ul li {background: rgba(115,152,12,1);height:34px;position:relative; padding:8px 10px 0px 10px;}
	#lista_menu_cabecera li:hover > ul {display:block;}
	
	
	#lista_menu_cabecera li ul li ul {position:relative; background:rgba(115,152,12,1); margin:-65px 0px 0px 190px;width:180px;}
	#lista_menu_cabecera li ul li ul li {background:rgba(115,152,12,1); width:100%;}
	
	
	#enlaces_menu_arriba {display:none;float:left; width:25%;min-width:200px; max-width:400px;height:40px;margin:0px 0px 0px 0px;}
	#enlaces_menu_abajo {display:block;float:right; width:25%;min-width:200px;max-width:400px;height:40px;margin:0px 0px 0px 0px;}
	#lista_iconos_menu li {display:block; float:left; width:40px; height:40px;margin:0px 15px;}
	#lista_iconos_menu li:hover {opacity:0.8;}
	#lista_iconos_menu li.rrss {width:20px; height:20px;margin:5px 10px 5px 5px;float:right;}
	#lista_iconos_menu li.rrss_primera {margin:5px 10px 5px 40px;}
	#lista_iconos_menu li.icono_menu_responsive {display:none;}
	
/*------------------------------------SUBMENU----------------------------------------*/

	#submenu{width:100%;min-width:700px;display:block;float:left; height:201px; margin:0px 0px 0px 0px;}
 	.submenu_sostibilidade { background-image:url(../img_comunes/portada/Paneles-solares%20ALARGADA.jpg); background-repeat:no-repeat;}
	.submenu_residuos {background-image:url(../img_comunes/portada/resiuos%20ALARGADA.jpg); background-repeat:no-repeat;}
	.submenu_natureza {background-image:url(../img_comunes/portada/natureza%20ALARGADA.jpg); background-repeat:no-repeat;}
	.submenu_educacion_ambiental {background-image:url(../img_comunes/portada/educacion_ambiental%20ALARGADA.jpg); background-repeat:no-repeat;}
	.submenu_que_podes_facer_ti {background-image:url(../img_comunes/portada/que%20podes%20facer%20ti%20ALARGADA.jpg); background-repeat:no-repeat;}

	#lista_submenu {display:block;width:100%; height:55px;margin:146px auto; padding:0 auto; text-align:center;position:relative;z-index:2; box-sizing:border-box;}
	#lista_submenu > li {float:left; width:auto; background: rgba(255,255,255,1); border-top-right-radius:15px;bottom:0px; border-top-left-radius:15px; margin:0px 5px;}
	#lista_submenu > li a { padding:6px 15px;display:block;padding:20px 20px;color:rgba(115,152,12,1);font-size:13px; font-weight:bold;}
	#lista_submenu > li a.doble {padding:15px 20px 10px 20px;}
	#lista_submenu li:hover {background: rgba(190,190,190,1);}
	#lista_submenu > li ul {position:absolute;display:none;border-bottom:rgba(0,0,0,1) solid 1px; border-top:rgba(0,0,0,1) solid 1px;width:250px;margin:0px 0px 0px 0px;}
	#lista_submenu li ul li {background: rgba(255,255,255,1);padding:5px 10px;position:relative; text-align:left;}
	#lista_submenu li:hover > ul {display:block;}
	#lista_submenu li ul li ul {top:-1px;left:260px;}
	#lista_submenu li ul.pequenho li ul {top:-1px;left:200px;}
	#lista_submenu li ul.grande li ul {top:-1px;left:273px;}
	#lista_submenu li ul li ul.primer_item {border-top:none;top:0px;}
	
/*------------------------------------SECTION----------------------------------------*/
	#seccion_central {display:block; float:left; width:75%;}
	#section {height:auto;width:100%;min-width:680px; max-width:1200px;display:block;float:left;padding:auto;}
	#linea_separar {border-top:rgba(0,0,0,1) solid 1px; width:95%; margin:40px 10px 10px 10px;}
	#section_con_pestanhas {background:rgba(255,255,255,1);height:auto;width:72%;min-width:660px;display:block;float:left;padding:0px 20px;}
	#titulo_section {background:rgba(255,255,255,1);margin:0px 0px 20px 0px;padding:30px 0 20px 0;}
	.columna_dcha_seccion {display:block; width:50%; float:left;}
	.columna_izq_seccion {display:block; width:50%; float:left;}

/*--------------------------------ASIDE-----------------------------------------*/
	#aside {position:absolut;width:25%;min-width:200px; max-width:400px;height:auto;display:inline-block;float:right;padding:0px 0px 15px 0px;}
	#enlaces_menu_aside {display:none;}
	#lista_aside {margin:0px 10px;}
	#lista_aside li {margin:30px 0px;border-left:rgba(115,152,12,1) solid 2px; text-align:left; padding:0px 10px;font-weight:bold; font-size:18px;}
	#lista_aside li a {color:rgba(115,152,12,1); font:100% Verdana;}
	#lista_aside li a:hover {opacity:0.8;}
	
	#article_calendario {display:block;margin:10px 0px 15px 0px; float:left; width:100%;}
	#lista_avisos {text-align:left;padding:5px;}
	#lista_avisos li {margin:5px;color:rgba(0,0,0,1);}
	#lista_avisos li a {color:rgba(115,152,12,1); font-weight:bold; margin:5px;}
	#lista_avisos li a:hover {opacity:0.8;}

/*--------------------------------FOOTER-----------------------------------------*/
 	#footer {background:rgba(115,152,12,1);height:250px;width:100%;float:left; alignment-adjust:central;margin:20px 0px 0px 0px;border-top:rgba(255,255,255,1) double 6px;}
	#footer p { text-align:center;}
	#parte_del_pie {display:block;align:center; width:100%; height:200px;}
 	
	#texto_pie {display:block; float:left; width:60%; height:150px; padding:5px; font-size:12px;}
	p.titulo_datos_contacto {color:rgba(255,255,255,1); font-weight:bold; font-size:18px;}
	
	#rrss_pie {display:block; float:left; width:35%; height:150px;padding:5px;}
	p.titulo_siguenos_rrss {text-align:left;color:rgba(255,255,255,1); font-weight:bold; font-size:18px;}
	.rrss_icono {display:block; float:left; margin:10px 0px 10px 25px; width:50px; width:50px;}
	.rrss_icono:hover {opacity:0.8;}

	#parte_abajo_pie {margin:0px 100px;display:block; float:left;width:100%;text-align:center;}



/*------------------------------------Imagenes----------------------------------------*/
	#figure_adaptada {text-align:center;width:650px;height:400px;}
	
/*------------------------------------Formularios----------------------------------------*/	
	#formulario {width:700px; display:block; margin:20px auto;}
	.entrada_texto {display:inline-block; float:left; width:450px;background:rgba(200,200,200,1); margin:5px 0px; height:23px; color:rgba(0,0,0,1); font-weight:bold; padding:5px;}
	.etiqueta {display:inline-block; float:left;width:225px;background:rgba(115,152,12,1); margin:5px 0px; color:rgba(255,255,255,1); font-weight:bold; padding:8px 5px; font-size:13px;}
	.text_area_style {background:rgba(204,204,204,1); margin:5px 0px 0px 0px; width:450px;}
	.estilo_boton {color:rgba(255,255,255,1); font-weight:bold;margin:15px; padding:8px 20px; background:rgba(115,152,12,1); border:rgba(0,0,0,1) solid 1px; border-radius:5px;}
	.estilo_boton:hover {opacity:0.8;}
	
	
			
/*------------------------------------Listas----------------------------------------*/	
	#lista_condiciones {margin:10px 15px 0px 60px; text-align:justify;}
	#lista_condiciones li {list-style:circle; margin:5px 0px;}
	#lista_condiciones li p {margin:0px 0px;}
	.lista {text-align:left; margin:15px 0px 8px 20px;}
	a strong {color:rgba(115,152,12,1);}
	a strong:hover {opacity:0.8;}
	
	
/*------------------------------------Enlaces Subtemas----------------------------------------*/		
	#enlaces_subtemas_mov {display:block; width:80%; text-align:center;}
	#enlaces_subtemas_mov li {display:block; width:100%; height:auto;background:rgba(115,152,12,1); border-bottom:rgba(0,0,0,1) solid 1px; border-top:rgba(0,0,0,1) solid 1px;padding:15px 0px; margin:15px auto; text-align:center; font-weight:bold;}
	#enlaces_subtemas_mov li i {display:block; width:100%; height:auto;background:rgba(115,152,12,1); border-bottom:rgba(0,0,0,1) solid 1px; border-top:rgba(0,0,0,1) solid 1px;padding:15px 0px; margin:15px auto; text-align:center; font-weight:bold; font-style:italic;}
	#enlaces_subtemas_mov li:hover {background:rgba(0,153,0,1);}	
	
/*------------------------------------INDEX----------------------------------------*/
	#bloque_rectangulos {display:block; width:780px;height:390px;padding:0px auto;}
	article.rectangulo_index {float:left;background:rgba(115,152,12,1);height:175px;width:242px;margin:8px;border:rgba(0,0,0,1) solid 1px; border-radius:10px;}
	article.rectangulo_index:hover {opacity:0.8;transition:all 0.4s;}
	article.ultimo {margin:50px 15px 0px 15px;}	
	
	#bloque_subenlaces {text-align:center;}
	#enlaces_subtemas {margin:0px 0px 0px 5px;text-align:center;}
	#enlaces_subtemas li {display:block; float:left; font-weight:bold;text-align:center;width:250px; height:40; margin:2px; padding:10px;}
	#enlaces_subtemas li:hover {opacity:0.8;}
	
	#lista_noticias {list-style:none;padding:5px 15px 20px 15px;}
		#lista_noticias li {margin:5px;color:rgba(0,0,0,1); text-align:justify;}
		#lista_noticias li a {color:rgba(115,152,12,1); font-weight:bold; margin:5px;}
		#lista_noticias li a:hover {opacity:0.75;}
		#enlace_todos_los_avisos {margin:10px 20px; padding:5px 15px; color:rgba(255,255,255,1); font-weight:bold; width:250px; font-size:14px; background:rgba(115,152,12,1); border-radius:10px; border:rgba(0,0,0,1) solid 1px;}
		#enlace_todos_los_avisos a {color:rgba(255,255,255,1);font-weight:bold;}
		#enlace_todos_los_avisos:hover {opacity:0.8;}
	
	
/*------------------------------------Sobre a oma----------------------------------------*/	
	#bloque_fichas {display:block;width:780px; padding:5px auto; height:340px;text-align:center;}
	#ficha_individual {display:block; float:left; margin:15px; width:185px; height:300px; border:1px #000000 solid; border-radius:10px; background:rgba(255,255,255,1);}
	.texto_nombre {font-weight:bold; width:185px; background:rgba(115,152,12,1); margin:0px 0px; border-radius:10px 10px 0px 0px;height:40px;text-align:center;}
	.imagen_individual {width:185px;height:225px; margin:0px;text-align:center;}
	.texto_explicativo {font-weight:bold; font-size:11px; background:rgba(255,255,255,1); margin:2px 2px; border-radius:0px 0px 10px 10px;text-align:center;}
	.negrita {font-weight:bold;}
	.verde { color:rgba(168,205,65,1);}
	

	
/*------------------------------------Seccion con pestañas---------------------------------------*/	
	#pestanhas {width:650px;position:absolute;z-index:0;margin:20px 0px 0px 30px;}
	#pestanhas li { background:rgba(255,255,255,1);font-weight:bold;list-style:none; height:18px;display:block; float:left; padding:5px 10px; border:1px solid rgba(255,255,255,1); border-radius:5px 5px 0px 0px;}
	#pestanhas li.campus_inicial {border-top:1px solid rgba(0,0,0,1);border-left:1px solid rgba(0,0,0,1);border-right:1px solid rgba(0,0,0,1);}
	#pestanhas li a {font-weight:bold;} 
	#pestanhas li.campus_no_iniciales {border-bottom:1px solid rgba(0,0,0,1);border-left:none;}
	.article_ecosistema {background:rgba(255,255,255,1); display:inline-block; width:650px; padding:10px; display:none; border:1px solid rgba(0,0,0,1); margin:49px 0px 25px 30px;}
	#ecosistemas_vigo {display:block;}
	#img_empresas_contratadas {text-align:center; margin:15px;}