body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td {
margin:0pt;
padding:0pt;
}
fieldset, img, abbr {
border:0pt none;
}
address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, th, var {
font-style:normal;
font-weight:normal;
}
caption, th {
text-align:left;
}
q:before, q:after {
content:'';
}
a {
text-decoration:none;
}
body {
background:#FFFFFF none repeat scroll 0% 50%;
color:#333333;
font-family:"Lucida Grande",Verdana,Arial,sans-serif;
font-size:100%;
line-height:1.8em;
}
a {
color:#000000;
text-decoration:none;
}
a:hover {
color:#2565CE;
}
strong {
font-weight:bold;
}
em, cite {
font-style:italic;
}
ol{margin:18px 0 18px 40px;}
ol li {margin-bottom:1em;}
.caja {
clear:both;
height:100px;
margin:0pt auto;
position:relative;
width:960px;
}
.caja_cuerpo {
clear:both;
margin:0pt auto;
position:relative;
width:960px;
}

.caja_cuerpo p {
margin:0pt 0pt 22px;
}

#usuarios-ie {
margin: 0, auto;
padding: 40px 120px;
background: red;
color: #fff;
font-weight: bold;
}

#idiomas {
color:#666;
float:right;
font-size:70%;
height:48px;
font-weight:normal;
line-height:1em;
padding:6px 10px 0 10px;
}

#idiomas ul.l10n_lang_list {
margin-right:14px;
padding-top:6px;
list-style-type:none;
margin-right:14px;
position:static;
}

#idiomas ul.l10n_lang_list li {
padding:0 0 0 10px;
font-size:100%;
}

#idiomas a, #idiomas ul.l10n_lang_list a {
color:#666;
font-weight:normal;
line-height:1em;
padding:0 ;
}

#idiomas a:hover, #idiomas ul.l10n_lang_list a:hover {
color:#F9C21D;
}

.idioma_cambio {
display: block;
margin:6px 10px 0 0;
}

#cabecera {
background:#FFFFFF none repeat scroll 0% 50%;
height:124px;
min-width:960px;
}
#cabecera h1 a {
color:#FFFFFF;
display:block;
float:left;
font-family:Georgia,Times,"Times New Roman",serif;
font-size:36px;
font-weight:normal;
height:88px;
line-height:88px;
width:451px;
}
#cabecera ul {
list-style-type:none;
margin-right:14px;
position:absolute;
right:0pt;
top:90px;
}
#cabecera ul li {
float:left;
font-size:90%;
}
#cabecera ul li a {
color:#2565CE;
display:block;
font-weight:normal;
line-height:34px;
padding:0pt 10px;
}

#cabecera ul li.current {
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:#2565CE none repeat scroll 0% 50%;
color:#FFFFFF;
}

#cabecera ul li.current a { color:#FFFFFF; }

#cabecera ul li a.current, #header ul li#download a.current {
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:#2565CE none repeat scroll 0% 50%;
color:#FFFFFF;
}
#cabecera ul li#download a {
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background:#2565CE url(/res/img/download-tab-bg.png) repeat-x scroll left bottom;
color:#FFFFFF;
}
#cabecera ul li#download a:hover {
color:#FFAC90;
}
#cabecera ul li#download a.current:hover {
color:#555555;
}
#introduccion {
background:#2565CE none repeat scroll 0% 50%;
border-bottom:1px solid #2565CE;
min-width:960px;
margin-bottom: 40px;
}

.intro_100{
height: 100px;
}

.intro_60{
height: 60px;
}

#introduccion h2 {
color:#FFFFFF;
float:left;
font-size:130%;
line-height:1.5;
padding:20px 200px 12px 0pt;
}
#introduccion .login {
float:right;
margin-right:15px;
padding-top:50px;
position:relative;
}
#introduccion input.text {
background:#FFFFFF none repeat scroll 0% 50%;
border:1px solid #B89E79;
}
#introduccion ul {
float:left;
list-style-type:none;
margin:30px 0pt;

}
#introduccion ul li {
float:left;
}
#introduccion ul li a {
display:block;
font-size:14px;
font-weight:normal;
line-height:34px;
padding:0pt 12px;
}
#introduccion ul li a:hover {
color:#FFFFFF;
}
#introduccion ul li a.current, #header ul li#download a.current {
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:#FFFFFF none repeat scroll 0% 50%;
color:#000000;
}
#introduccion ul li.current {
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:#FFFFFF none repeat scroll 0% 50%;
color:#000000;
}

#federacion {
margin-bottom:30px;
width:600px;}

#federacion a {
color: #666;
}

#federacion a:hover {
color: #2565CE;
}

/* PORTADA */

.presentacion {
width:550px;
font-size:150%;
line-height: 1.8em;
font-weight:normal;
padding-bottom: 30px;
}

.presentacion_fuerte {
color: #AD6D00;
font-weight:bold;
}

.presentacion a {color: #666;}
.presentacion a:hover {color: #2565CE;}

.img_home {
float: right;
margin: 0 20px 70px 0;
}

#col_portada {
border-left:1px solid #999999;
float:right;
font-size:80%;
line-height:1.4em;
margin:0;
padding-left:22px;
max-width: 300px;
}

#col_portada h3 {
font-size:110%;
font-weight:bold;
margin-bottom:6px;
}

#col_portada h2 {
color: #2565CE;
font-size:110%;
font-weight:bold;
margin-bottom:10px;
text-transform:uppercase;
}

#col_portada ul {
list-style: none;}

#col_portada li {
margin-bottom: 8px;}

.portada_item {
background-color:#F1F5F7;
background-image:none;
background-position:0 50%;
background-repeat:repeat;
border-left:2px solid #194660;
margin-bottom:20px;
padding:12px;
width:280px;
}

.portada_item p {margin:0; }

#bloque_superior {margin-bottom: 10px;}

#portada_bloque {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:0;
background-color:#F9F9F9;
background-image:none;
background-position:0 50%;
background-repeat:repeat;
border:1px solid #777777;
font-size:90%;
padding:0;
width:440px;
}

#portada_bloque.iz {margin:0 30px 30px 0; float:left;}
#portada_bloque.der {margin:0 0 30px 0; float:right;}

#portada_bloque img {float:left; padding:15px;}

#portada_bloque p {margin:0; line-height:1.5em; padding-top:20px;}

#portada_bloque h3 {
background:#999999 none repeat scroll 0 50%;
color:#FFFFFF;
font-size:95%;
font-style:normal;
font-weight:bold;
margin:0 0 5px;
padding:1px;
text-align:center;
text-transform:uppercase;
}

.item_pad {
margin-left:175px;
padding:15px;
}

/* PIE */

#pie {
border-top:1px solid #DEDEDE;
clear:both;
color:#999999;
font-size:80%;
height:50px;
margin: 0 auto;
padding:0pt 14px;
text-align:center;
width:932px;
}
#pie a {
color:#999999;
}
#pie a:hover {
color:#000000;
}

/* ARTICLE */

.articulo {
margin-bottom:30px;
width:650px;
}
.articulo h2 {
font-size:150%;
font-weight:normal;
margin-bottom:15px;
}
.articulo h3 {
font-size:130%;
font-weight:normal;
margin-bottom:0px;
color: #2565CE;
}

.articulo h4 {
font-size:110%;
font-weight:bold;
margin-bottom:0;
}

.articulo ul {
margin: 0 0 20px 30px;
}

.articulo ul li {
padding: 0 0 5px 0;
}

.articulo_nav {
color: #999;
font-size: 90%;
}

.articulo_nav a {
color: #999;
}

.articulo_nav a:hover {
color: #2565CE;
}

.separador {
padding: 0 8px;
}

.fecha {
color: #999;
font-size: 90%;
margin-bottom: 20px;
}

.fecha a {color: #999;}
.fecha a:hover {color: #2565CE;}

#columna {
font-size:85%;
line-height:1.5em;
}

#columna p {
margin-bottom: 10px;
}

.gris {
background-color:#FFE69B;
border:1px solid #F5B800;
float:right;
margin:0pt 0pt 50px 50px;
padding:15px;
width:220px;
}

.columna_blanca {
font-size:85%;
line-height:1.5em;
width:220px;
background-color:#fff;
border-left:1px dotted #999999;
float:right;
margin:0 0 50px 50px;
padding:0 0 0 25px;
}

.columna_blanca p {
margin: 0px;
}

.columna_blanca h4 {
color:#2565CE;
font-weight:bold;
margin-bottom: 15px;
}

.columna_blanca ul {
margin-left: 5px;
list-style: square;
}

.columna_blanca li {
padding: 0 0 10px 0;
}

.grupos {
background-color:#FFFFFF;
border-right:1px solid #999999;
float:left;
margin:0pt 10px 50px 0pt;
padding-right:14px;
width: 170px;
}

.noticias {
float: right;
background-color: #fff;
border-left: 1px solid #999;
padding: 0 0 0 30px;
margin: 0 0 50px 50px;
width:180px;
}

p.noticias_line {
border-top:1px dashed #999999;
margin: 30px 0 30px 0;
color: #999;
}

#columna h4 {
color:#AD6D00;
font-weight:bold;
margin:0pt 0pt 5px;
}

#columna h5 {
color:#000;
font-weight:bold;
margin:0pt 0pt 5px;
text-transform: uppercase;
}

#columna li {
color:#333333;
list-style-type:none;
}
#columna li a {
color:#333333;
font-weight:normal;
}
#columna li a:hover {color:#2565CE;}
.columna_bloque {margin-bottom:20px;}

#columna li a.categoria_activa {color: #AD6D00;}

.columna_bloque_line {
border-bottom:1px solid #F5B800;
margin-bottom:20px;
padding-bottom:10px;
}

.columna_bloque_line img {
float:left;
margin-right: 14px;
}

ul.grupos_listados {
margin: 15px 0 0 15px;
list-style:none;
}

ul.grupos_listados li {
border:4px dashed #fff;
display:block;
padding:20px;
width:550px;
}

ul.grupos_listados li:hover {
border:4px dashed #2565CE;
}

ul.grupos_listados p {margin:0;}
ul.grupos_listados .grupo_opciones {color:#888;}
ul.grupos_listados .grupo_opciones a {color:#888;}
ul.grupos_listados .grupo_opciones a:hover {color:#2565CE;}

ul.grupos_listados .dcha {float:right; margin:0;}

#grupo_intro {
margin:0pt 0pt 20px 220px;
width:650px;
}
#grupo {
margin:0pt 0pt 50px 220px;
width:650px;
}
#grupo .dcha {float:right; margin: 0 0 20px 20px;}

#grupo h2 {
font-size:120%;
font-weight:bold;
margin: 20px 0 10px 0;
}
#grupo h4{
font-size:110%;
font-weight:bold;
margin-bottom:0;
}
#grupo ul {
font-size:100%;
list-style-type:square;
margin: 0 0 20px 50px;
}
#grupo ul.subgrupos {margin: 0 0 20px 200px;}

#grupo li {padding:0 0 5px 0;}

#grupo ul.datos_grupo {
background-color:#FDF4CB;
border-top:1px dashed #AD6D00;
font-size:95%;
list-style-type:none;
padding:15px;
margin:30px 0 0 0;
}

.custom_title {color:#AD6D00;}
.mapa {
border-left:2px solid #999999;
padding-left:16px;
}

.categoria_activa {color:#2565CE;}
.rojo {text-decoration:underline;}
.rojo:hover {color:#2565CE;}

.flecha {
color:#999999;
float:right;
font-size:95%;
}

.flecha:hover {color:#2565CE;}

.flecha2 {
background:transparent url(flecha2.png) no-repeat scroll right center;
color:#AD6D00;
padding-right:20px;
}
.flecha2:hover {
background:transparent url(flecha2_azul.png) no-repeat scroll right center;
color:#2565CE;
}

.flecha_gris_azul {
background:transparent url(flecha_gris.png) no-repeat scroll right center;
color:#333;
padding-right:20px;
}
.flecha_gris_azul:hover {
background:transparent url(flecha2_azul.png) no-repeat scroll right center;
color:#2565CE;
}

.externo {
background:transparent url(externo.png) no-repeat scroll right center;
color:#333;
padding-right:20px;
}

#ruta {
margin-bottom:30px;
width:950px;
font-size: 85%;
color: #333;
}

#ruta a{color: #333;}

#ruta a:hover {color:#2565CE;}

.col1 {
margin-bottom:30px;
width:560px;
}
.col1 h2 {
font-size:150%;
font-weight:bold;
margin-bottom:15px;
}

.col1 h3 {
font-size:110%;
font-weight:bold;
margin-bottom:20px;
color: #165499;
}

.col1 h4 {
font-size:100%;
font-weight:bold;
margin-bottom:0;
}

.col1 ul {margin: 0 0 20px 30px;}

.col1 ul li {padding: 0 0 5px 0;}

.col2 {
margin: 0 0 30px 0;
padding-left: 30px;
width:280px;
float: right;
border-left: 1px solid #999;
font-size: 90%;
line-height: 1.4em;
}

.col2 h2 {
font-size:110%;
font-weight:bold;
margin-bottom:15px;
}

.col2 ul {
font-size:95%;
list-style-type:circle;
padding: 0 0 15px 20px;
}

.col2 li {padding: 0 0 15px 0;}

.col2.pdf li a {
background:transparent url(pdf.png) no-repeat scroll right center;
padding-right:18px;
}

.col2.pdf li a:hover {
background:transparent url(pdf_on.png) no-repeat scroll right center;
}

.col3 {
/* background:#FFE69B none repeat scroll 0; */
background-color: #f4f7f9;
/* border:1px solid #AD6D00; */
border:1px solid #2565CE;
float:right;
font-size:90%;
line-height:1.4em;
margin:0 0 30px;
padding:0;
width:280px;
}
.col3 h2 {
color:#2565CE;
font-size:100%;
font-weight:bold;
margin-bottom:0;
padding:10px 13px;
text-transform:uppercase;
}

.col3 h2.borde {
padding:20px 13px 10px;
border-top: 1px solid #2565CE;
}

.col3 ul {
font-size:95%;
list-style-type:none;
margin-bottom:24px;
}

.col3 li {padding:0;}

.col3 a {
color:#000000;
display:block;
padding:5px 13px;
text-decoration:none;
}
.col3 a:hover {
background:#2565CE none repeat scroll 0 50%;
color:#FFFFFF;
}
.col3.pdf li a {
background:transparent url(pdf.png) no-repeat scroll right center;
padding-right:18px;
}
.col3.pdf li a:hover {
background:transparent url(pdf_on.png) no-repeat scroll right center;
}

#tema_indice {
min-height: 165px;
/* width: 750px; */
margin: 0 0 45px 0;
}

#tema_indice h2 {
font-size: 110%;
font-weight: bold;
}

#tema_indice h2 a {color: #2565CE;}
#tema_indice h2 a:hover {text-decoration:underline;}

#tema_imagen {
float:left;
width: 180px;
padding-top: 6px;
}

.clear {
clear: both;
visibility: hidden;
margin: 50px 0 0 0;
}

.clear_grupo {
clear: both;
visibility: hidden;
margin: 20px 0;
}

.clear_catalunya {
clear: both;
visibility: hidden;
margin: 10px 0 0 0;
}

/* CONTACTAR - FORM */

#contacto_form {
background:#FFE69B none repeat scroll 0 50%;
border:1px dashed #F5B800;
color:#333300;
float:right;
margin:0 0 50px 50px;
padding:20px;
width:400px;
}

#contacto_form h3 {
margin: 0 0 15px 0;
}

.zemThanks {
background:#FDEEC2 none repeat scroll 0 50%;
border:9px dotted #FFE69B;
color:#000000;
font-style:italic;
padding:30px;
}

.zemThanks p {margin: 0 0 5px 0;}

#contacto_bloque {
background:#FFFFCC none repeat scroll 0 50%;
border:1px dashed #333300;
color:#333300;
float:right;
margin:0 0 50px 50px;
padding:20px;
width:260px;
font-size: 110%;
}

#contacto_bloque a {color: #2565CE;}

/* */

ul.proyectos {
list-style-type: none;
margin-left: 0px;
}

ul.proyectos a {display: block; color: #AD6D00;}
ul.proyectos a:hover {color:#000;}

ul.proyectos li {
padding: 0 0 15px 35px;
background-image:url(/images/logo_li.gif);
background-position:0 5px;
background-repeat:no-repeat;
}

h4.proyectos {color:#AD6D00;}


/* - -  COMENTARIOS  - - - - -  */

.comments_invite {
color: #882323;
font-size: 90%;
text-decoration: none;
}

comments_invite a:hover {text-decoration: underline;}

#comentarios {
margin: 0;
padding: 30px 0 0 0;
border-top: 1px solid #999;
}

#comentarios h3 {margin: 10px 0;}

#comentarios #name, #comentarios #email, #comentarios #web {
width: 200px;
margin-right: 10px;
}

#comentarios h5 a {
color: #000;
font-weight:bold;
text-decoration:none;
}

#comentarios .comentario_fecha {
color: #999;
font-size: 90%;
}

#comentarios .comentario_enlace a {
color: #999;
font-size: 90%;
}

#comentarios .comentario_enlace a:hover {color: #000;}

ol.comments {margin: 10px 0 10px 50px;}
ol.comments li {}
ol.comments h5 {font-size:100%;
font-weight:bold;}

#txpCommentInputForm {
background:#EEEEEE none repeat scroll 0;
margin-left:28px;
padding:20px;
}


/* - - - - - G A L E R I A S  - - - - -  */

#galerias {
padding: 0 0 0 15px;
width: 880px;
}

.galerias_cabecera {margin: 0 0 20px 0;}

#galerias_volver {
float: right;
margin: 20px 30px 0 0;
}

#galerias h2 {
color:#882323;
font-size:100%;
font-weight:normal;
line-height:1.2em;
margin:0pt 0pt 20px;
}

#galerias h2 .setname {color:#333;}

#galerias h3 {
color:#882323;
font-size:100%;
font-weight:bold;
line-height:1.2em;
margin:0;
}

#galerias h3 a {
text-decoration: none;
color:#882323;
font-weight: bold;
}

#galerias h3 a:hover {text-decoration: underline;}

.number_of_photos {
font-size: 90%;
color: #666;
}

.flickr_slideshow a {
text-decoration: none;
font-size: 90%;
color: #666;
background: transparent url(/images/flecha666.png) no-repeat scroll right center;
padding: 0 33px 0 0;
}

.flickr_slideshow a:hover {
color: #2565ce;
background: transparent url(/images/flecha_roja.png) no-repeat scroll right center;
}

.flickr_comments {
color:#999999;
font-size:80%;
line-height:1.3em;
margin-top: 15px;
}

.flickr_comments a {color:#999999;}

.flickr_comments a:hover {color:#2565ce;}

.setpreview {margin: 0 0 40px 0;}

.setpreview .thumbnail {
float: left;
margin-right: 1em;
}

.flickrset a {
border-bottom: solid #2565ce 1px;
width: 75px;
height: 75px;
background: #fff;
float: left;
margin: 10px;
padding: 5px;
}

.flickrset a:hover {background: #2565ce;}

.flickrset img {border: 0;}

.pages_nav {clear: both;}

h2.title {margin-bottom:18px;}

.individual {padding: 0 2em;}

.individual .image {
margin: 0.5em auto;
text-align: center;
}

.individual .image img {}

.individual .flickrsetnav {text-align: center;}

.individual .flickrsetnav a,
.individual .flickrsetnav a:link,
.individual .flickrsetnav a:visited {
text-decoration: none;
color: #666;
}


.individual .flickrsetnav a:hover {color: #2565ce;}

.individual .setname {display: inline;}


/* ARCHIVOS DESCARGA */

ul.file_download_list {
list-style-image:url(/images/pdf.png);
list-style-position:inside;
list-style-type:none;}

ul.file_download_list a {color: #2565ce; text-transform:uppercase;}
ul.file_download_list a:hover {color: #2565ce; text-decoration:underline;}
ul.file_download_list li {padding-bottom: 22px;}

.file_descripcion {
border-left:1px dotted;
font-size:90%;
line-height:1.5em;
margin-left:50px;
padding-left:10px;
}

.file_size {color: #888; font-size: 80%;}


/* ENTIDADES */

.entidades {font-size: 85%; line-height: 1.4em;}
.entidades p {margin:0;}
.entidades a {color: #2565ce;}
.entidades a:hover {text-decoration:underline;}

ul.entidades {list-style: none}

.entidades h2 {color: #000; font-style: bold; margin-bottom:10px;}
.entidades h3 {color: #2565ce; margin-bottom: 9px;}
.entidades h4 {font-style:italic; margin-bottom: 16px; color:#777;}

.entidades li {
width: 240px;
min-height:270px;
float: left;
border: 1px dashed #999;
margin: 15px;
padding: 20px;
}

.entidades_logo {
float:right;
margin:0 0 0 8px;}

/* FORM para inscribirse al curso */

#curso_form {
background:#E2EFF2 none repeat scroll 0 50%;
border:1px dashed #336699;
padding:30px 10px 10px 30px;
}

#curso_form h4 {
font-size:110%;
font-weight:bold;
margin-bottom:20px;
text-transform:uppercase;
}

#curso_form .zemThanks {
background:transparent none repeat scroll 0;
border:medium none;
color:#000000;
font-style:italic;
padding:10px;
}