/* Herbario Virtual del Mediterráneo */
body{
width:860px;
text-align:center;
margin:20px auto;
}
p, ul, ul li, h1, h2, h3, h4, h5, h6{
margin:0px;
padding:0px;
color:#44464a;
font-family:lucida sans unicode, Arial, Helvetica, sans-serif;
font-weight:normal;
}
li{
list-style-type:none;
}
ol{

}
ol li, .normal ol li{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333;
padding:5px 0px 0px 0px;
}
p{
font-size:13px;
padding-right:10px;
line-height:160%;
}

a{
text-decoration:none;
color:#333;
}
/* - - - - - - - - - - - - - - - - -  contenedor  - - - - - - - - - - - - - - - - - - - - - - - */
#contenedor{
width:860px;
text-align:left;
position:relative;
}

/* - - - - - - - - - - - - - - - - -  encabezado  - - - - - - - - - - - - - - - - - - - - - - - */
#encabezado h1,#encabezado_interior h1{
display:none;
}

#encabezado h2,#encabezado_interior h2{
font-size:10px;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:normal;
padding-bottom:2px;
position:relative;
bottom:4px;
}

/* - - - - - - - - - - - - - - - - -   izquierdo  - - - - - - - - - - - - - - - - - - - - - - - */
#izquierdo{
width:560px;
float:left;
}
#izquierdo_interior{
width:560px;
height:70px;
float:left;
}
#izquierdo img{
margin-bottom:6px;
}


/* - - - - - - - - - - - - - - - - -   derecho    - - - - - - - - - - - - - - - - - - - - - - - */
#derecho{
margin-left:560px;
padding-top:51px;
}

/* - - - - - - - - - - - - - - - - -   glosario    - - - - - - - - - - - - - - - - - - - - - - - */
#glosario{
width:394px;
position:absolute;
right:0px;
top:128px;
height:70px;
margin:0px;

}
#glosario_interior{
width:394px;
position:absolute;
right:0px;
top:24px;
height:70px;
margin:0px;
}

#glosario_1 a:link.activo,#glosario_1 a:visited.activo,
#glosario_2 a:link.activo,#glosario_2 a:visited.activo,
#glosario_3 a:link.activo,#glosario_3 a:visited.activo,
#glosario_4 a:link.activo,#glosario_4 a:visited.activo{
background-position: 0px -60px;
color:#fff;
}

#glosario ul, #glosario_interior ul{
width:380px;
float:right;
}
#glosario li, #glosario_interior li{
width:94px;
float:right;
margin-left:1px;
}
#glosario li a:link, #glosario li a:visited,
#glosario_interior li a:link, #glosario_interior li a:visited{
display:block;
vertical-align:bottom;
height:50px;
width:84px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333;
padding:5px;
text-decoration:none;
}

#glosario li a:hover, #glosario_interior li a:hover{
background-position: 0px -60px;
color:#fff;
}

/* - - - - - - - - - - - - - - - - -      los diferentes colores     - - - - - - - - - - - - - - - - - - - - - - - */
#glosario_1 a:link, #glosario_1 a:visited{
background:url(i/glosario_bg_verde.gif) no-repeat 0px 0px;
}
#glosario_2 a:link, #glosario_2 a:visited{
background:url(i/glosario_bg_rojo.gif) no-repeat 0px 0px;
}
#glosario_3 a:link, #glosario_3 a:visited{
background:url(i/glosario_bg.gif) no-repeat 0px 0px;
}
#glosario_4 a:link, #glosario_4 a:visited{
background:url(i/glosario_bg_yellow.gif) no-repeat 0px 0px;
}
/* - - - - - - - - - - - - - - - - -      abc     - - - - - - - - - - - - - - - - - - - - - - - */
#abc{
clear:left;
padding:0px;
}
#abc ul{
background:#7fb0bb;
padding:0px 1px;
}
#abc li{
width:33px;
height:24px;
line-height:24px;
float:left;
}
#abc li a:link,#abc li a:visited{
text-align:center;
display:block;
height:24px;
font-size:10px;
color:#eee;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
}
.abc_1 a:link,.abc_1 a:visited {
background:url(i/abc_bg_verde.gif) right 0px no-repeat;
}
.abc_2 a:link,.abc_2 a:visited {
background:url(i/abc_bg_rojo.gif) right 0px no-repeat;
}
.abc_3 a:link,.abc_3 a:visited {
background:url(i/abc_bg.gif) right 0px no-repeat;
}
.abc_4 a:link,.abc_4 a:visited {
background:url(i/abc_bg_yellow.gif) right 0px no-repeat;
}
#abc li a:hover{
color:#fff;
background-position:right -24px;
}
#abc li.activo a:link, #abc li.activo a:visited{
background-position:right -48px;
}
#abc.inactivo{
background:url(i/abc_inactivo_bg.gif) 0px 10px no-repeat;;
}
#abc.inactivo ul{
visibility:hidden;
}

/* - - - - - - - - - - - - - - - - -  universidades  - - - - - - - - - - - - - - - - - - - - - - */
#universidades{
width:450px;
position:absolute;
right:0px;
top:12px;
margin:0px;
text-align:right;
}
#universidades a, #universidades img{
border:none;
margin:0px;
}
#derecho_interior #universidades a, #derecho_interior #universidades img{
border:none;
margin:0px;
position:relative;
right:390px;
bottom:2px;
}

/* - - - - - - - - - - - - - - - - -   contenido   - - - - - - - - - - - - - - - - - - - - - - - */

#contenido{
clear:both;
padding:0px 0px 14px 0px;
}

/* - - - - - - - - - - - - - - - - -   contenido_1  - - - - - - - - - - - - - - - - - - - - - - - */
#contenido_1{
float:left;
width:200px;
padding-bottom:14px;
padding-top:14px;
}

#contenido_1 h3{
font-size:16px;
color:#04bffd;
text-transform:uppercase;
}
#contenido_1 ul{
margin:0px;
padding:0px;
}
#contenido_1 li{
border-bottom:1px solid #ddd;
}
#contenido_1 a:link, #contenido_1 a:visited{
font-size:10px;
font-weight:bold;
color:#517981;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#contenido_1 a:hover{
color:#04bffd;
}
#destacados{
margin-bottom:14px;
clear:left;
}
#contenido_1 #destacados a:link, #contenido_1 #destacados a:visited{
background:#b5d5dd;
display:block;
height:30px;
line-height:30px;
padding-left:8px;
color:#333;
}
#contenido_1 #destacados a:hover{
color:#fff;
background:#88c6d5;
}
#region{
position:relative;
top:14px;
border-bottom:1px solid #abaf97;
}
#region li{
border:none;
}
#region a:link,#region a:visited{
text-indent:8px;
font-weight:normal;
background:url(i/region_bg.gif) no-repeat 0px 0px;
display:block;
height:24px;
line-height:24px;
}
#region a:hover{
color:#fff;
}
#region .activo a:link,#region .activo a:visited{
background-position:0px -24px;
color:#fff;
}

.protegidas{
border-collapse:collapse;
border-top:1px solid #abad9d;
border-left:1px solid #dbddcd;
}
.protegidas th, .protegidas td{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#333;
border-bottom:1px solid #dbddcd;
border-right:1px solid #dbddcd;
padding:3px;
}
.protegidas th{
background-color:#b8bca1;
border-right:1px solid #abad9d;
color:#fff;
}
.protegidas td b{
font-weight:bold;
}
.pro{
background:url(i/protegidas_bg.gif) no-repeat center center;
}
/* --------------------------------- contenido_img ------------------------------------------------*/
#contenido_img{

clear:both;
width:1000px;
padding-bottom:14px;
padding-top:14px;	
}
#contenido_img h3{
margin-top:14px;
color:#658188;
font-size:28px;
line-height:94%;
background:url(i/h3_bg.gif) repeat-x bottom;
padding-bottom:8px;
height:1%;
}
/* - - - - - - - - - - - - - - - - -   contenido_2   - - - - - - - - - - - - - - - - - - - - - - - */
#contenido_2{
float:right;
width:190px;
padding-bottom:14px;
padding-top:14px;
}

#contenido_2 td{
color:#5aa1b2;
font-family:lucida sans unicode, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}
#contenido_2 ul.lucida{
padding-bottom:26px;
}

#contenido_2 ul.lucida li{
font-family:lucida sans unicode, Arial, Helvetica, sans-serif;
font-size:13px;
padding-right:10px;
line-height:160%;
letter-spacing:0px;
display:block;
float:none;
font-weight:normal;
}
#contenido_2 li{
width:190px;
float:left;
height:1%;
}
#contenido_2 ul li{
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:10px;
font-weight:bold;
}
#contenido_2 li a:link, #contenido_2 li a:visited,
#contenido_2 #extras a:link, #contenido_2 #extras a:visited{
background:#dcdcd0;
display:block;
font-size:10px;
font-weight:bold;
color:#39727b;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
height:30px;
line-height:30px;
padding:0px 10px 0px 10px;
margin-bottom:1px;
}
#contenido_2 .normal li a:link, #contenido_2 .normal li a:visited,
#contenido_2 .normal #extras a:link, #contenido_2 .normal #extras a:visited{
font-weight:normal;
}
.normal strong{
font-style:italic;
}
#contenido_2 li a:hover{
background:#acaca0;
color:#fff;
}
#contenido_2 #extras{
clear:left;
padding-top:14px;
}
#contenido_2 #extras a:link, #contenido_2 #extras a:visited{
display:block;
padding-left:24px;
}
#contenido_2 #extras a:hover{
color:#333;
}
#contenido_2 #extras #buzon{
background:#eaeae1 url(i/buzon.gif) 5px center no-repeat;
}
#contenido_2 #extras #stats{
background:#eaeae1 url(i/stats.gif) 5px center no-repeat;
}
#contenido_2 p{
margin-bottom:10px;
color:#44464a;
}
#contenido_2 p a{
color:#5fb1c5;
}
#contenido_2 p em{
letter-spacing:1px;
color:#999;
}
#contenido_2 h4{
background:url(i/h4_bg.gif) repeat-x left bottom;
padding-bottom:6px;
margin-bottom:8px;
color:#5aa1b2;
}

/* - - - - - - - - - - - - - - - - -    idiomas    - - - - - - - - - - - - - - - - - - - - - - - */
#contenido_1 #idiomas{
text-align:left;
padding-bottom:14px;
}
#contenido_1 #idiomas a{
text-transform:none;
margin:0px 14px 0px 0px;
font-weight:normal;
}

#contenido_2 #idiomas{
margin:0px 0px 14px 0px;
text-align:right;
}
#contenido_2 #idiomas_interior{
margin:0px 0px 14px 0px;
text-align:right;
}
#contenido_2 #idiomas a:link, #contenido_2 #idiomas a:visited,
#contenido_2 #idiomas_interior a:link, #contenido_2 #idiomas_interior a:visited{
font-size:10px;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
background:none;
margin-left:14px;
}
#contenido_2 #idiomas a:link.activo,#contenido_2 #idiomas a:visited.activo,
#contenido_2 #idiomas_interior a:link.activo,#contenido_2 #idiomas_interior a:visited.activo,
#contenido_1 #idiomas a:link.activo, #contenido_1 #idiomas a:visited.activo{
font-weight:bold;
}

/* - - - - - - - - - - - - - - - - -   contenido_3   - - - - - - - - - - - - - - - - - - - - - - - */
#contenido_3{
margin:0px 204px 0px 274px;
padding-bottom:14px;
}

#contenido_3 h3{
margin-top:14px;
text-transform:uppercase;
color:#658188;
font-size:28px;
line-height:94%;
background:url(i/h3_bg.gif) repeat-x bottom;
padding-bottom:6px;
height:1%;
}
#contenido_3 h4{
text-transform:uppercase;
font-weight:bold;
color:#39727b;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:110%;
height:1%;
margin:6px 0px 8px 0px;
}
#contenido_3 h5, #especies h5{
text-transform:uppercase;
letter-spacing:1px;
color:#456a74;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:110%;
padding-bottom:4px;
height:1%;
margin:6px 0px 8px 0px;
background:url(i/h4_bg.gif) repeat-x bottom;
padding-bottom:4px;
}
#contenido_3 h5 a{
color:#9a9da1;
}
#contenido_3 h5 a:hover{
color:#4a5d61;
}
#contenido_3 p{
color:#666a6f;
line-height:150%;
margin-bottom:14px;
}
#contenido_3 p a:link, #contenido_3 p a:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:10px;
color:#0294b6;
font-weight:bold;
}
#contenido_3 p a:hover{
color:#006b84;
text-decoration:underline;
}


/* - - - - - - - - - - - - - - - - -  especies  - - - - - - - - - - - - - - - - - - - - */
#especies{
margin-top:18px;
}
#especies h5 strong{
text-transform:uppercase;
}
#especies h5{

}

/* - - - - - - - - - - - - - - - - -  contenido_interior  - - - - - - - - - - - - - - - - - - - - */
#contenido_interior{
clear:both;
padding:0px 0px 14px 0px;
}
#contenido_interior #contenido_1{
width:200px;
}
#contenido_interior #contenido_1 li{
font-size:13px;
color:#44464a;
font-family:lucida sans unicode, Arial, Helvetica, sans-serif;
}

#contenido_interior #contenido_1 p{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:120%;
}
#abreviaturas li{
padding-bottom:4px;
margin-bottom:8px;
}
#contenido_interior #contenido_2{
width:650px;
}
#contenido_interior #contenido_2 ul li{
width:650px;
}
#contenido_interior #contenido_2 ol li{
width:100%;
font-weight:normal;
}
#contenido_interior #contenido_2 ol li a:link, #contenido_interior #contenido_2 ol li a:visited{
background:none;
font-weight:normal;
}
#contenido_interior #contenido_2 ol li a:hover{
background:none;
text-decoration:underline;
color:#333;
}
#contenido_interior #contenido_2 li a:link, #contenido_interior #contenido_2 li a:visited{
background:#fff url(i/h4_bg.gif) left bottom repeat-x;
}

#contenido_interior #contenido_2 ul.def li{
margin-bottom:5px;
color:#39727b;
background:#fff url(i/h4_bg.gif) left bottom repeat-x;
}
#contenido_interior #contenido_2 ul.def ol li{
background:none;
}

#contenido_interior #contenido_2 li a:hover{
background:#acaca0 url(i/h4_bg.gif) left bottom repeat-x;
}

#contenido_interior #contenido_2 h3, #contenido_interior #title h3{
margin-top:14px;
color:#658188;
font-size:28px;
line-height:94%;
background:url(i/h3_bg.gif) repeat-x bottom;
padding-bottom:8px;
height:1%;
}

#contenido_interior #contenido_1 h4, #abreviaturas li strong, #contenido_interior #contenido_2 .ficha li strong{
text-transform:uppercase;
font-weight:bold;
color:#39727b;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:110%;
height:1%;
margin:6px 0px 8px 0px;
}

#contenido_interior #contenido_2 .img_ficha{
float:left;
margin-right:10px;
}
#contenido_interior #contenido_2 .ficha li{
margin:0px 8px 8px 0px;
width:auto;
font-size:13px;
color:#44464a;
font-family:lucida sans unicode, Arial, Helvetica, sans-serif;
font-weight:normal;
float:none;
}
#contenido_interior #contenido_2 .img{
padding-top:14px;
float:none;
clear:left;
background:#ecece0;
}
#contenido_interior #contenido_2 .img a:link,
#contenido_interior #contenido_2 .img a:visited{
width:200px;
}

#contenido_interior #contenido_2 .img a:link, #contenido_interior #contenido_2 .img a:visited{
display:block;
font-size:10px;
font-weight:bold;
color:#39727b;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
height:30px;
line-height:30px;
background:#ecece0 url(i/photo.gif) no-repeat 5px center;
padding-left:25px;
margin-bottom:1px;
}


/* - - - - - - - - - - - - - - - - -      pie       - - - - - - - - - - - - - - - - - - - - - - - */
#pie{
padding-top:30px;
clear:both;
height:50px;
text-align:center;
vertical-align:top;
}
#pie img{
margin:0px 50px;
}

/* - - - - - - - - - - - - - - - - -     letras       - - - - - - - - - - - - - - - - - - - - - - - */
.hidden span{
display:none;
}
#contenido_interior .a{
background:url(i/letras/a.gif) no-repeat center top;
height:230px;
}
#contenido_interior .b{
background:url(i/letras/b.gif) no-repeat center top;
height:230px;
}
#contenido_interior .c{
background:url(i/letras/c.gif) no-repeat center top;
height:230px;
}
#contenido_interior .d{
background:url(i/letras/d.gif) no-repeat center top;
height:230px;
}
#contenido_interior .e{
background:url(i/letras/e.gif) no-repeat center top;
height:230px;
}
#contenido_interior .f{
background:url(i/letras/f.gif) no-repeat center top;
height:230px;
}
#contenido_interior .g{
background:url(i/letras/g.gif) no-repeat center top;
height:230px;
}
#contenido_interior .h{
background:url(i/letras/h.gif) no-repeat center top;
height:230px;
}
#contenido_interior .i{
background:url(i/letras/i.gif) no-repeat center top;
height:230px;
}
#contenido_interior .j{
background:url(i/letras/j.gif) no-repeat center top;
height:230px;
}
#contenido_interior .k{
background:url(i/letras/k.gif) no-repeat center top;
height:230px;
}
#contenido_interior .l{
background:url(i/letras/l.gif) no-repeat center top;
height:230px;
}
#contenido_interior .m{
background:url(i/letras/m.gif) no-repeat center top;
height:230px;
}
#contenido_interior .n{
background:url(i/letras/n.gif) no-repeat center top;
height:230px;
}
#contenido_interior .o{
background:url(i/letras/o.gif) no-repeat center top;
height:230px;
}
#contenido_interior .p{
background:url(i/letras/p.gif) no-repeat center top;
height:230px;
}
#contenido_interior .q{
background:url(i/letras/q.gif) no-repeat center top;
height:230px;
}
#contenido_interior .r{
background:url(i/letras/r.gif) no-repeat center top;
height:230px;
}
#contenido_interior .s{
background:url(i/letras/s.gif) no-repeat center top;
height:230px;
}
#contenido_interior .t{
background:url(i/letras/t.gif) no-repeat center top;
height:230px;
}
#contenido_interior .u{
background:url(i/letras/u.gif) no-repeat center top;
height:230px;
}
#contenido_interior .v{
background:url(i/letras/v.gif) no-repeat center top;
height:230px;
}
#contenido_interior .w{
background:url(i/letras/w.gif) no-repeat center top;
height:230px;
}
#contenido_interior .x{
background:url(i/letras/x.gif) no-repeat center top;
height:230px;
}
#contenido_interior .y{
background:url(i/letras/y.gif) no-repeat center top;
height:230px;
}
#contenido_interior .z{
background:url(i/letras/z.gif) no-repeat center top;
height:230px;
}
#contenido_interior .volver a:link,#contenido_interior .volver a:visited{
margin-bottom:10px;
letter-spacing:1px;
font-weight:normal;
background:#ddddd8;
display:block;
padding:6px 0px 6px 6px;
}
#contenido_interior .volver a:hover{
color:#333;
background:#cdcdc8;
}
#contenido_interior h3{
line-height:110%;
background:url(i/h4_bg.gif) left bottom repeat-x;
padding-bottom:8px;
margin-bottom:6px;
}
/* =================== */
.volver_img a:link, .volver_img a:visited{
margin-bottom:10px;
letter-spacing:1px;
font-weight:normal;
background:#ddddd8;
display:block;
padding:6px 0px 6px 6px;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:186px;
}
.volver_img a:hover{
color:#333;
background:#cdcdc8;
}
#ampliar{
width:auto;
margin:20px;
}
#ampliar td{
text-align:left;
}
#ampliar img{
display:block;
}

#contenido_2 .sin a:link, #contenido_2 .sin a:visited{
color:#a8a89e;
}
#contenido_2 .sin a:hover{
color:#fff;
}


/* ====================== */


/* - - - - - - - - - - - - - - - - -      hacks       - - - - - - - - - - - - - - - - - - - - - - - */
#contenido_1,ass + hack{
/* esta línea esconde la regla para IE5 Mac \*/
padding-top:0px;
/* y esta línea vuelve a la normalidad a IE5 Mac*/
}
#contenido_2,ass + hack{
/* esta línea esconde la regla para IE5 Mac \*/
padding-top:0px;
/* y esta línea vuelve a la normalidad a IE5 Mac*/
}
#contenido_interior #contenido_1,ass + hack{
/* esta línea esconde la regla para IE5 Mac \*/
padding-top:14px;
/* y esta línea vuelve a la normalidad a IE5 Mac*/
}
#glosario li a:link, #glosario li a:visited,
#glosario_interior li a:link, #glosario_interior li a:visited{
width:94px;
height:60px;
padding:5px;
voice-family: "\"}\""; 
voice-family:inherit;
width:84px;
height:50px;
}
#abc ul{
padding:0px 1px;
width:860px;
height:24px;
voice-family: "\"}\""; 
voice-family:inherit;
width:858px;
height:24px;
}