/* CSS Document | GENERAL: este css se utiliza para la disposicion de elementos comunes. */
body{background:#FFF url(../img/all/bg_body.gif) center top repeat;font-family: Arial, Helvetica, sans-serif}
abbr{border-bottom:1px dotted #FFF}
#contenedor{position:relative;top:0;left:0;width:926px;margin:0 auto;padding:0 30px 0 31px;background:url(../img/all/bg_contenedor.gif) left top repeat-y}
#menuAyudaAccesibilidad,.invisible{display:none}
ol{list-style-position:outside;list-style-type:decimal;padding:0 0 0 2em}
ol li{padding:0 0 0 0.5em;list-style-position:outside; list-style-type:decimal}
ul li{background: url(../img/all/bullet_ul_li.gif) no-repeat 0 5px;padding:0 0 0 1em}
ul li ul li{background: url(../img/all/bullet_ul_li_ul_li.gif) no-repeat 0 7px;padding:0 0 0 0.8em;margin:0 0 0 1em}
.cursiva{font-style:italic}
.alinea_dcha{text-align:right}
.centra{text-align:center}
.naranja{color:#D26906}
.separador{width:100%;height:0.5em;background:url(../img/all/separador_horizontal.jpg) left top repeat-x;clear:both}
.separador .bottom{width:100%;height:100%;background:url(../img/all/separador_horizontal.jpg) left bottom repeat-x}
.cls{position:relative;width:100%;height:1%;font-size:1%;clear:both}
.invisible{display:none}
/* MENU RECURSIVO / BARRA DE HERRAMIENTAS */
#barraHerramientas{overflow:hidden;height:1%;background-color:#D26906;color:#FFF;font-family:Verdana, Arial, Helvetica, sans-serif}
#logoDipuForal{float:left;margin:0;height:23px}
#menuRecursivo{float:right;width:39.7em;padding:0.25em 0.5em 0.2em 0}
#idiomas{float:right;width:7em;padding:0.25em 0.5em 0.2em 0}
#barraHerramientas ul{float:right;font-size:0.9em}
#barraHerramientas ul li{float:left;margin:0 0 0 0.7em;padding:0 0.7em 0 0;border-right:1px solid #FFF;background:none}
#barraHerramientas ul li a{color:#FFF;text-decoration:underline}
#barraHerramientas ul li a:hover{text-decoration:none}
#barraHerramientas ul li.ultimo{border:none}
/* /MENU RECURSIVO / BARRA DE HERRAMIENTAS */
/* CABECERA */
#cabecera{position:relative;top:0;left:0;width:100%;height:100px;background:url(../img/all/bg_cabecera.jpg) left top no-repeat}
h1.logotipo{display:block;clear:both;margin:0.65em 0 1em 1.55em;float:left}
#logoPrint{display:none}
/* /CABECERA */
/* PIE HERRAMIENTAS */
#pieHerramientas{background:url(../img/all/bk_pie_herramientas.jpg) left bottom no-repeat;overflow:hidden;height:140px;padding:2em 0 0 0}
#pieHerramientas div{height:auto;overflow:hidden;float:left;margin-top:3em;background:url(../img/all/separador_vertical.jpg) left top repeat-y;padding:0 0 0 1.5em}
#pieHerramientas h3{color:#D26906;font:bold 1.05em Arial, Helvetica, sans-serif;margin:0;padding:0}
#pieHerramientas div.contenedor_encontraras{width:324px;background-position:right top;margin-left:0em;padding-bottom:1.1em}
#pieHerramientas div.contenedor_youtube{width:300px;background:none}
#pieHerramientas div.contenedor_apuntate{width:235px}
#pieHerramientas ul{margin-top:2.2em}
#pieHerramientas ul li{float:left;width:36%;margin-bottom:0.2em}
#pieHerramientas ul li.corto{width:16%}
#pieHerramientas ul li a{color:#000;font-size:0.95em}
a.gure{display:block;width:92px;height:80px;background:url(../img/all/logo_guregipuzkoa.png) left top no-repeat;float:right;text-indent:-9999px;margin:5px 0 0 0}
a.gtv{display:block;width:92px;height:80px;background:url(../img/all/logo_gtv.png) left top no-repeat;float:right;text-indent:-9999px;margin:5px 0 0 0}
a.apuntate{display:block;width:209px;height:56px;text-indent:-9999px;margin-top:1.5em}
a.apuntate.es{background:url(../img/es/apuntate_a_futuras_iniciativas.jpg) left top no-repeat;}
a.apuntate.eu{background:url(../img/eu/apuntate_a_futuras_iniciativas.jpg) left top no-repeat;}
/* /PIE HERRAMIENTAS */
/* PIE */
#pie{background-color:#D26906;padding:0.5em 1.5em;font-size:0.9em;overflow:hidden;height:1%}
#pie p{float:left;width:70em;color:#FFFFFF;padding:0.35em 0 0 0;margin:0}
#pie a{color:#FFF;text-decoration:underline}
#pie a:hover{text-decoration:none}
#pie a.gnet{display:block;position:relative;top:0;right:0;width:137px;height:20px;float:right;background:url(../img/all/logo_gnet.gif) left top no-repeat;text-indent:-9999px}
/* /PIE */
/* CONTENIDO */
#contenido,
#contenidoIzquierdo,
#contenidoCentral,
#contenidoDerecho {
	overflow:hidden !important;
	height:1%;
	margin-bottom:1em
}
#contenido {
width:100%;
	margin:0 0 1.5em 0;
}
p {
	margin:0.5em 0 1em 0;
}
p.enlaceSeccion {
	text-align:right;
	position:relative;
}
p.enlaceSeccion a {
	float:right;
}
h2 {
	font-size:2.1em;
	line-height:1.2em;
	padding:0 0 0 0;
	margin:0.3em 0 0 0;
	font-weight:normal;
	clear:both;
}
h3 {
	font-size:1.3em;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-weight:normal;
	clear:both;
}
h4 {
	font-size:1.2em;
	padding:0 0 0 0;
	margin:0 0 0 0;
	font-weight:bold;
	line-height:1em
}
/* CARRUSEL IMAGENES */
#contenido #imagen_carrusel{position:relative;top:0;left:0;width:55.6em;height:23.8em;overflow:hidden}
#contenido #imagen_carrusel #imagen_carrusel_nav{position:relative;top:0;left:0;width:100%;height:auto;margin-top:-5em}
#contenido #imagen_carrusel #imagen_carrusel_nav a{display:block;width:2.3em;height:2.3em;background:url(../img/all/ico_imagen.gif) left top no-repeat;text-indent:-9999px;float:right;margin-right:1em}
/* / CARRUSEL IMAGENES */
/* CONTENIDO IZQUIERDA */
#contenidoIzquierdo{float:left;width:17.6em;margin:0 0.4em 0 0}
h2.logo_g20{width:126px;height:71px;margin:0 auto 0.3em auto}
/*	MENU PRINCIPAL */
#menuPrincipalVertical{font-size:0.95em}
#menuPrincipalVertical ul{background:url(../img/all/separador_horizontal.jpg) left top repeat-x}
#menuPrincipalVertical ul li{overflow:hidden;height:1%;padding:0;background:url(../img/all/separador_horizontal.jpg) left bottom repeat-x}
#menuPrincipalVertical ul li a{padding:0.95em 1em 0.95em 2em;background:url(../img/all/bullet_menuPrincipal_ul_li_a.gif) 0.7em -3.3em no-repeat;color:#666666;text-decoration:none;font-weight:bold;display:block}
#menuPrincipalVertical ul li.activo a, #menuPrincipalVertical ul li a:hover{text-decoration:none;background:url(../img/all/bullet_menuPrincipal_ul_li_a.gif) 0.5em 0.2em no-repeat;color:#FFF}
/*		SUBMENU PRINCIPAL */
#menuPrincipalVertical ul li ul.submenu{}
#menuPrincipalVertical ul li ul.submenu li{background:none;margin:0}
#menuPrincipalVertical ul li ul.submenu li a{padding:1em 1em 1em 3.5em;font-weight:normal;background:url(../img/all/bullet_menuPrincipal_ul_li_li_a.gif) 2.1em 1.45em no-repeat}
#menuPrincipalVertical ul li ul.submenu li.ultimo a{padding:0.25em 1em 0.2em 3.5em;background-position:2.1em 0.7em}
#menuPrincipalVertical ul li.activo ul.submenu li a{color:#666}
#menuPrincipalVertical ul li.activo ul.submenu li a:hover{color:#D26906}
#menuPrincipalVertical ul.submenu li.activo a,#menuPrincipalVertical ul li ul.submenu li a:hover{color:#D26906}
/*		/SUBMENU PRINCIPAL */
/*	/MENU PRINCIPAL */
/* CONTENIDO DERECHO */
#contenidoDerecho{float:right;width:57.5em}
/* /CONTENIDO DERECHO */
/* MIGA DE PAN */
#contenidoDerecho #miga{position:relative;top:0;left:0;width:100%;height:auto;overflow:hidden;margin:.3em 0 .4em 0}
#contenidoDerecho #miga ul{display:inline}
#contenidoDerecho #miga li{float:left;background-position:left -30px;margin:0;padding:0 .2em 0 0}
/* / MIGA DE PAN */
/* CONTENIDO CENTRAL HOME */
#contenidoCentralHome {
	width:100%;
	overflow:hidden;
	line-height:1.7em;
	padding:1.6em 1.2em 2.2em 1.2em
}
#contenidoCentralHome .textos{background:url(../img/all/separador_vertical.jpg) left top repeat-y;padding:0 0 0 1em;margin:0 0 0 0.5em}
#contenidoCentralHome .textos p {line-height:1em}
#contenidoCentralHome div.baner_500_jovenes, #contenidoCentralHome div.banner_particiopantes, #contenidoCentralHome div.video_portada{float:left}
a.caja_200.es{display:block;background:url(../img/es/enlace_caja_200.jpg) left top no-repeat;width:200px;color:#FFF;font-size:0.9em;font-weight:bold;text-decoration:none;padding:0.5em 0 0.6em 2.5em}
a.caja_161.es{display:block;background:url(../img/es/enlace_caja_161.jpg) left top no-repeat;width:161px;color:#FFF;font-size:0.9em;font-weight:bold;text-decoration:none;padding:0.5em 0 0.6em 2.5em}
a.caja_200.eu{display:block;background:url(../img/eu/enlace_caja_200.jpg) left top no-repeat;width:200px;color:#FFF;font-size:0.9em;font-weight:bold;text-decoration:none;padding:0.5em 0 0.6em 2.5em}
a.caja_161.eu{display:block;background:url(../img/eu/enlace_caja_161.jpg) left top no-repeat;width:161px;color:#FFF;font-size:0.9em;font-weight:bold;text-decoration:none;padding:0.5em 0 0.6em 2.5em}
a.caja_200:hover,a.caja_161:hover{text-decoration:underline}
#contenidoCentralHome div.baner_500_jovenes{width:324px;border-style:none;margin-left:0em}
#contenidoCentralHome div.banner_particiopantes{width:319px}
#contenidoCentralHome div.video_portada{width:254px}
#contenedor_video{width:100%;height:191px;background:url(../img/all/bg_video_portada.jpg) left top no-repeat;margin-bottom:0.5em}
#contenedor_video #youtube_video_portada{position:relative;top:0;left:0;width:210px;height:171px;margin:0.9em 0 0 1.8em;font-size:1em}
#contenedor_video #youtube_video_portada h4{color:#D26906;padding:0 2em}
#contenedor_video #youtube_video_portada p{padding:0 3em;font-size:0.9em}
#contenidoCentralHome div.video_portada div.textos h4{padding:0}
#contenidoCentralHome div.video_portada div.textos p{font-size:3em;line-height:1em;padding:0 0 0.7em 0;margin:0}
/* /CONTENIDO CENTRAL HOME */
#contenidoCentral {
	float:left;
	width:68.3em;
	font-size:0.9em;
	line-height:1.7em;
	padding:0.5em 1.2em 2.2em 1.2em;
}
/* /CONTENIDO */
kbd{background-color:#F5F5F5;border-bottom:1px solid #CCC;border-right:1px solid #CCC;color:#000;padding:0.1em 0.4em}
dl{margin-bottom:1em}
dd{padding-bottom:1em}
dl img{margin:.5em 0}
dt, dd{margin:.5em .9em}
dt{font-weight:bold}
/* FORMULARIO APUNTATE */
#form_contacto{overflow:hidden;margin:0 1.5em}
#form_contacto div{width:100%;height:auto;overflow:hidden;margin:.5em 0}
#form_contacto label{display:block;width:14em;float:left}
#form_contacto input.corto,#form_contacto select.corto{width:12em;border:1px solid #D26906}
#form_contacto input.largo{width:22em;border:1px solid #D26906}
#form_contacto span{display:block;padding:.5em 0 0 0}
#form_contacto .captcha1{font-size:1.1em;font-style:italic;color:#666}
#form_contacto .captcha2{font-size:1.1em;color:#000}
#form_contacto .captcha3{font-size:1.1em;color:#F30}
#form_contacto .captcha4{font-size:1.2em;color:#666}
#form_contacto .captcha5{font-size:1.2em;font-style:italic;color:#F90}
#form_contacto .captcha6{font-size:1.2em;font-style:italic;color:#000}
#form_contacto .captcha7{font-size:1.3em;color:#000}
#form_contacto .captcha8{font-size:1.3em;font-style:italic;color:#069}
#form_contacto .captcha9{font-size:1.3em;color:#069}
#form_contacto .captcha10{font-size:1.1em;font-style:italic;color:#069}
#form_contacto  div.botones{width:36em;overflow:hidden;padding-top:1em}
#form_contacto  input.boton{position:relative;top:0;left:0;width:161px;height:32px;color:#FFF;background:url(../img/all/enlace_caja_161.jpg) left top no-repeat;float:right}
#form_contacto .error{border-color:#F00;color:#F00}
#form_contacto div.errores{width:99%;margin:0 0 0.5em 0}
#form_contacto div.errores h3{padding:.3em 1em 0 1.2em;background:url(../img/all/bg_error_h3.gif) left top no-repeat;color:#FFF}
#form_contacto div.errores span{margin:0 0 0 1.6em;padding:0 0 .2em 1.3em; background:url(../img/all/bullet_menuPrincipal_ul_li_li_a.gif) left center no-repeat}
/* / FORMULARIO APUNTATE */
/* MAPA WEB */
ul.mapa-web{margin:1.5em 0 0 0}
ul.mapa-web li{margin:0.8em 0}
ul.mapa-web li.interior{margin-left:1em}
/* / MAPA WEB */
/* IMAGEN PORTADA Y DESCARGA */
#contenido .imagen_portada{position:relative;top:0;left:0;width:55.7em;height:23.8em;overflow:hidden}
#contenido .imagen_portada .descargar{position:absolute;bottom:1.5em;right:1em;width:14em;height:auto;padding:2.5em;background:url(../img/all/bg_blanco.gif) center center no-repeat}
#contenido .imagen_portada .descargar a{display:block;font-size:1.1em;width:100%;height:auto;padding:0.5em 0;background:url(../img/all/ico_download.jpg) right center no-repeat}
#contenido .imagen_portada .descargar span{color:#666;font-size:0.9em}
/* / IMAGEN PORTADA Y DESCARGA */
/* ASI VEIS GIPUZKOA */
#contenido .asi_izda{position:relative;top:0;left:0;width:48em;height:auto;margin:1.5em;overflow:hidden;float:left}
#contenido .asi_izda div#enlaces{position:relative;top:0;left:0;margin-bottom:1.5em;overflow:hidden}
#contenido .asi_izda div#enlaces ul{margin-top:1em}
#contenido .asi_izda div#enlaces li{float:left;background:none;margin-bottom:0.5em}
#contenido .asi_izda div#enlaces li.small{width:11em}
#contenido .asi_izda div#enlaces li.big{width:17em}
#contenido .asi_izda div#enlaces li a{font-size:1.3em}
#contenido .asi_dcha{position:relative;top:0;left:0;width:21.6em;height:auto;margin:1.5em;overflow:hidden;float:right}
#contenido .asi_izda h3,#contenido .asi_dcha h3{font-weight:bold}
#contenido .asi_izda div.baner_corto{width:22em;border-style:none;margin-left:0em;float:left;background:url(../img/all/separador_vertical.jpg) right top repeat-y;margin:2em 0;padding:0 1em}
#contenido .asi_izda div.baner_largo{width:46em;border-style:none;margin-left:0em;float:left;margin:2em 0;padding:0 1em;background:url(../img/all/separador_vertical.jpg) center top repeat-y;}
#contenido .asi_izda div.baner_largo p.hoy_en_dia{width:21.5em;float:left}
#contenido .asi_izda div.baner_largo p.cara_al_futuro{width:21.5em;float:right;padding-left:1.5em}
#contenido .asi_izda div.baner_largo h4{background:#FFF}
#contenido .asi_izda div.baner_largo a{clear:both;display:block;text-align:right;background:#FFF}

#contenido .asi_izda .baner_imagen{margin:1em 0}
#contenido .asi_dcha .contenedor_video{width:100%;height:191px;background:url(../img/all/bg_video_portada.jpg) left top no-repeat;margin:1em 0 2em 0;padding:0.9em 0 0 1.8em}
#contenido .asi_dcha .youtube_video{position:relative;top:0;left:0;width:210px;height:171px}
/* / ASI VEIS GIPUZKOA */
/* CENTROS ESCOLARES Y TALLERES */
#contenido .descripcion{position:relative;top:0;left:0;width:18em;height:auto;overflow:hidden;float:left;padding-right:1em}
#contenido .descripcion strong{font-size:1.3em}
#contenido .mapa{padding-left:1em;background:url(../img/all/separador_vertical.jpg) left top repeat-y}
#contenido .mapa_ver{position:relative;top:0;left:0;width:27em;height:auto;margin:.2em 2.2em;float:right;text-align:right;font-size:0.9em}
#contenido ul.centros{margin-top:1.5em}
#contenido ul.centros li{float:left;width:26%;padding-left:6%;background:url(../img/all/ico_foto.jpg) left top no-repeat;font-size:0.9em;margin-bottom:2em}
#contenido ul.centros li strong{font-size:1em}
#contenido ul.centros li a{padding-left:1.1em;background:url(../img/all/bullet_ul_li.gif) left center no-repeat}
#contenido ul.centros li.limpiar{clear:left}
/* / CENTROS ESCOLARES Y TALLERES */
/* QUE PINTAIS LOS JOVENES */
#contenido .ancho50{position:relative;top:0;left:0;width:50%;height:auto;overflow:hidden;float:left}
#contenido .ancho50 p{margin-right:1.5em}
#contenido .ancho50 h3{padding:1em 1.5em 0.5em 1.5em;color:#D26906}
#contenido .ancho50 img.margen{margin:0 0 1em 1em}
#contenido .fondo_video{background:url(../img/all/bg_video_50.jpg) center center no-repeat}
#contenido .fondo_video h3{margin:4em 5em 0em 5em;padding-top:2.5em;border-bottom:1px dashed #CCC }
#contenido .fondo_video p{font-size:1.7em;}
#contenido .ancho50 #video_youtube{position:relative;top:0;left:0;width:35.5em;height:33.7em;margin:4.5em 0 2.2em 2.5em }
#contenido #powerpoint_slideshare{float:right;margin:3.8em 1.5em 2em 1.5em}
#contenido .ancho50 a.enlace{display:none;width:100%;height:auto;text-align:right}
#contenido .fondo_video a.enlace{margin-top:1em;width:93%}
/* /QUE PINTAIS LOS JOVENES */
/* GAZTEAK 500 */
#contenido .banner_cabecera{position:relative;top:0;left:0;width:55.7em;height:23.8em;overflow:hidden; background:url(../img/all/foto_gazteak500.jpg) left top no-repeat}
#contenido .banner_cabecera .gazteak_banner{width:16em;height:auto;float:left;margin:5em 0.5em 0 2em;}
#contenido .banner_cabecera .gazteak_banner p{padding:0 1.8em; color:#686868; font-size:0.9em;}
#contenido .banner_cabecera .gazteak_banner p.dato01{color:#158ebf; font-size:1.5em; padding:0 0.9em; margin:0 0 0.2em 0; line-height:1em;}
#contenido .banner_cabecera .gazteak_banner p.dato02{color:#158ebf; font-size:2.2em; padding:0 0.7em; margin:0; line-height:1em;}
#contenido .banner_cabecera .gazteak_banner p.dato03{color:#ffffff; font-size:1.7em; padding:0 0.6em; margin:0 0 0.2em 0; line-height:1em;}
#contenido .banner_cabecera .gazteak_banner p.dato04{color:#ffffff; font-size:2.2em; padding:0 0.5em; margin:0 0 0.5em 0; line-height:1em;}
#contenido .banner_cabecera .gazteak_banner p.dato05{color:#ffffff; font-size:1.3em; padding:0 1em 0 0.8em; margin:0 0 0.5em 0; line-height:1.5em;}
#contenido .banner_cabecera .gazteak_banner p.dato05 span{color:#ffffff; font-size:1.5em; padding:0; margin:0 0 0.5em 0; }
#contenido .banner_cabecera .gazteak_banner p.enlaceBanner {color:#d26906;}
#contenido .banner_cabecera .gazteak_banner p.font_grande{font-size:1.4em;padding:0 1.3em}
#contenido .banner_cabecera .gazteak_banner p.font_grande strong{font-size:1.2em}
#contenido div.justificar{padding:0 1.5em}
#contenido div.justificar h3{color:#D26906;font:bold 1.05em Arial, Helvetica, sans-serif;margin:0;padding:0}
#contenido div.justificar ul.guiones{float:left;width:20em;margin-top:0.5em}
#contenido div.justificar ul.guiones li{margin-bottom:0.4em}
#contenido div.justificar ul.flota_dcha, .flota_dcha{float:right}
.flota_izda{float:left}
#contenido div.tabla_datos{margin:2em 0}
#contenido div.tabla_datos table{width:95%; margin:0 1em 0 0;}
#contenido div.tabla_datos table caption{display:none}
#contenido div.tabla_datos table td, #contenido div.tabla_datos table th{border:1px solid #CCC;padding:0.1em}
#contenido div.tabla_datos table th{background:#d9dadc;text-align:center}
#contenido div.tabla_datos table th.sub, #contenido div.tabla_datos table tfoot tr td{background:#d9dadc}
#contenido div.tabla_datos table td.numeros{text-align:right;padding-right:0.6em}
#contenido div.tabla_datos th.ancho25{width:25%}
#contenido div.tabla_datos th.ancho10{width:10%}
/* / GAZTEAK 500 */

h4.h4_naranja{font-weight:normal;margin:1em 0 0.5em 0;color:#D26906;font-size:1.1em}
h4.margin_izda{margin-left:2em}
/* GALERIA IMAGEN */
div#galeria{}
div#galeria img.imagen_seleccionada{display:block;position:relative;left:0;top:0;margin:1em auto;border:2px solid #D26906}
div#galeria a.thumb{display:block;float:left;margin:0 0 0.5em 2em;border-bottom:1px dashed #D26906}
div#galeria a.thumb img{margin:0;padding:0}
div#galeria a.thumb:hover{border-color:#000}
div#galeria a.select{border-bottom:1px solid #000}
div#galeria a.volver{display:block;text-align:right;margin:0.5em 2em}
/* CONTACTO */
#contenido div#telefono{background:url(../img/all/ico_telefono.jpg) 3em center no-repeat;padding:2em 0}
#contenido div#mail{background:url(../img/all/ico_mail.jpg) 3em center no-repeat;padding:2em 0}
#contenido div#telefono h3, #contenido div#mail h3{font-weight:bold;color:#333;margin:0 0 0 7em;padding:0}
#contenido div#telefono p, #contenido div#mail p{margin:0 0 0 9.3em;padding:0}
/*Evento FICOBA*/
#ficoba_video{width:450px;height:450px;margin-bottom:0.5em; padding:0.5em;display:hidden}
#gtv_video_portada{position:relative;top:0;left:0;width:500px;height:71px;margin:0.9em 0 0 0em;font-size:1em}
#gtv_video_portada h4{color:#D26906;padding:0 1.4em}
#gtv_video_portada p{padding:0 2em;font-size:0.9em}
.tituloVideo{height:50px;font-size:1.5em}
#contenido .vdescripcion{position:relative;top:0;left:0;height:125px;overflow:hidden;float:left;padding-right:1em}
.galeriaFotos{float:left;margin:1em 0 0 0;}
#video_portada{width:700px;background:url(../img/all/bg_video_ficoba.jpg) 210px top no-repeat;}
.Bideoa{background:url(../img/all/bg_video_ficoba.jpg) 77px 117px no-repeat;padding:0.6em 0.6em 0.6em 7.6em}