/*general*/
body, p, li { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px;}
html {/*cg background: #f8fae1;*/}
#wrapper {margin: 20px 50px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
#cocoon, #container, #wrapper {min-width: 900px;}

a:link {font-size: 11px; color: #006699; text-decoration: none;}
a:hover { color: #330066; text-decoration: underline;}
a:visited {color: #009900; text-decoration: none;}
img { border: 0px;}
#skipNav {position: absolute; font-size: small; visibility: hidden;}
#skipNav a:hover { color: #f00;}

p.resultsDetails {color:#AAAAAA;font-size:11px;margin:5px 5px 5px 15px;padding:0px;}
p.resultsDetails a { color:#AAAAAA; font-size:11px; margin:5px 5px 5px 15px; padding:0px;}

/*header*/
#header_links {	height: 20px; background-color: #96a029; padding: 0 10px 0 10px;}
#header_links a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-transform: capitalize;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	vertical-align: middle;
	float: left;
	margin: 3px 0 0 0;
	padding: 0 5px 0 0;
}
#header_links a:hover {text-decoration: underline;}
#header_links #iabin { float:left;}
#language-bar ul {margin:0; padding:0;}
#language-bar li {list-style-type: none; display: inline;}
#header_links #language-bar {float: right;}
#header_banner { height: 137px;background: url(images/header_banner.png) no-repeat left top}
#header_banner_rep { height: 137px; background:#003300;}

/*Barra menu horizontal*/
#horizontal_bar { height: 24px; padding: 3px 0; background: #000; color:#FFFFFF; border-bottom: solid 3px #FFFFFF;}
#nodo_title { float:left; padding: 3px 0 0 15px; font-weight: bold;}
#gray_line { width: 100%; border-top: solid 2px #999999;}

#quickSearch { width: 230px; float:right; text-align:center; padding: 0 15px 0 0; font-weight: bold;}
#quickSearch form { height:20px; padding:0; margin:0;}
#quickSearch fieldset { padding: 1px;}
#quickSearch fieldset, #quickSearch form { border: 0;}
#quickSearch #query { height: 14px; font-size:11px;}
#quickSearch #go { color: #FFFF00;}
#quickSearch #go:hover {text-decoration: underline; color: #FFCC00;}

#language { width: 150px; float:right; text-align:right; padding: 4px 15px 0 0; font-weight: bold;}

/*menu y contenidos*/
#div_contenidos {background-color: #ffffff;}
#topmenu { padding: 0 3px; background:#000; border-top:3px solid #fff;}
#topmenu #menu_title {}
#topmenu ul {
	list-style: none;
	padding:0px;
	margin: 0px;
}
#topmenu li {display: inline;}
#topmenu a {
	font-family: "Arial,Helvetica,sans-serif";
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #0788BB;
	padding: 4px;
	line-height: 28px;
}
#topmenu a:hover {color:#fff;}
hr { border: 1px solid #cfd49b;}
#content {
	padding: 0 10px 0 10px;
	min-height: 400px;
	background-color: #ffffff;
}
#main {
	text-align: left;
	vertical-align: top;
}
#abstract { font-size: 12px; }
#content ul li { font-size: 12px;}
#spacer { clear:both;}

/*titulos*/
#twopartheader { padding: 0px;}
#content h1, #twopartheader h1, #twopartheader h2 {
	padding: 5px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #000000;
	height: 20px;
}
#twopartheader h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}

/*varios*/
.textopeq {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}

/*menu desplegable de GBIF-ES*/
div.celda  			{ text-decoration: none; color: #000000;}
div.celda a:link 	{ text-decoration: none; color: #000000;}
div.celda a:visited { text-decoration: none; color: #000000 }
div.celda a:hover 	{ background:#CED9D5; text-decoration: none; color: #000000; }
div.celda a			{ display: block; font-family: Verdana; font-size: 11px; height: 20px; line-height: 20px}
div.celda em 		{ display: block; font-family: Verdana; font-size: 11px; height: 20px; line-height: 20px}

/*pie de pagina de PILA-Darwin*/
.textopie	{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 12px; margin:0;}
#footer		{ text-align:center; font-weight:bold; font-size:12px; line-height: 25px; background-color:#124A23; margin:0; }

/* Breadcrumbs */
#breadcrumbs { margin-top:25px; padding:0px; border-top:1px solid #CCCCCC; }
#recentlyViewed { margin:10px 0 5px 0; padding:0; color: gray; font-size: 1em; }
#breadcrumbs a { color: gray; }
.breadcrumblist { margin: 0; padding: 0; list-style: none; }
.breadcrumblist li { list-style: none; margin-left:0px; padding-left :17px; margin-bottom :8px; background: url('../../images/icons/bullet_white.png') no-repeat 0 50%; }

/* Paginas de Especies */
#speciesRecordsContentsTable { width:100%;}
#speciesRecordsContentsTable tr {vertical-align: text-top;}
#speciesRecordLeftSide a { text-decoration:none; font-size:13px; font-weight:bold; display:block;}
#speciesRecordLeftSide a:hover { text-decoration:underline; color:#336600; padding: 0 0 0 4px;}
#speciesRecordCenter { padding: 15px 0 15px 15px;}
tr #speciesRecordCenter { width:auto}
#speciesRecordLateral { border-right: solid 1px #996600; padding: 15px 0;}
tr #speciesRecordLateral { width:100px;}
#taxonomy ul { margin:0; padding:0;}
#taxonomy li { list-style:none; padding: 0 0 0 25px; line-height:18px;}














/*Pagina de Navegacion por nombres vernaculos. Jaime o David por favor reubicar en donde mejor consideren*/

#speciesRecordsContentsTable { width:100%;}
#speciesRecordsContentsTable tr {vertical-align: text-top;}
#speciesRecordLeftSide a { text-decoration:none; font-size:13px; display:block;}
#speciesRecordLeftSide a:hover { text-decoration:underline; color:#336600;}
#speciesRecordCenter { padding: 15px 0 15px 15px;}
#speciesRecordCenter { width:auto}
#speciesRecordLateral { border-right: solid 1px #996600; padding: 15px 0;}
#speciesRecordLateral { width:200px;}
#taxonomy ul { margin:0; padding:0;}
#taxonomy li { list-style:none; padding: 0 0 0 25px; line-height:18px;}

#speciesRecordsContentsTable { width:100%; margin: 5px 0; border: 1px solid #efefef;}
#speciesRecordsContentsTable tr {vertical-align: text-top;}

#speciesRecordLeftSide {width:225px; border-right: solid 1px #efefef; padding: 0 0 0 10px}
#speciesRecordLeftSide #navegation {padding: 0 0 0 10px}
#speciesRecordCenter { padding: 0 15px; width:auto;}
.speciesRecordLateral { width:220px; border-left: solid 1px #efefef; padding: 0 0 0 10px}

#taxonomy ul { margin:0; padding:0;}
#taxonomy li { list-style:none; padding: 0 0 0 25px; line-height:18px;}

#speciesRecordTaxonomy p {line-height: 15px}
#speciesRecordTaxonomy label { float:none; padding:2px; margin:0; font-weight:bold;}

/*busquedas nombres verna-culos*/

#searchResult {clear:both}
#searchResult table {border:1px solid #efefef}
#searchResult table td {border-bottom: 1px solid #efefef; padding: 10px;}
#pages_down a, #pages_up a { padding: 0 3px;}
#hierarchySearchResult, #URLSearchResult, #RawSpeciesRecordSearchResult, #urlName, #urlDescription { margin: 15px; display: inline; line-height: 30px}
#urlName, #urlDescription { margin: 5px; display: inline; line-height: 30px}

/*arbol izquierda*/
#izquierdo ul { margin: 0 0 0 0; padding:0 0 0 0; list-style:none;}
#izquierdo li {list-style:none; margin:0; padding:0;}
#izquierdo li .open { list-style:none; line-height:18px; background:url(images/open.gif) no-repeat 0 5px; padding: 0 0 0 12px; margin: 0 0 0 0}
#izquierdo li .close{ list-style:none; line-height:18px; background:url(images/close.gif) no-repeat 0 5px; padding: 0 0 0 12px}
#izquierdo li .empty { padding: 0 0 0 12px; background:url(images/empty.gif) no-repeat 0 5px;}
#izquierdo li .speciesRecordLeaf {padding: 0 0 0 12px; background:url(images/bug.png) no-repeat 0 5px;}
#izquierdo a { color:#000; text-decoration:none; display:block;}
#izquierdo a:hover {font-weight:bold}
#izquierdo {  float:left;  height:850px;  overflow:auto;  width:200px;  }

/*imagenes */
.img-nav {width:160px; height:160px; float:left; margin: 8px;}
.img-nav .img-120x120 {width:110px; height:100px; margin:18px auto 2px auto; background-position: left left;background-repeat:no-repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px}
.img-nav a { text-decoration: none; color:#000;}
.img-nav a:hover { text-decoration: none;}
.img-nav .name-nav { text-align:center; color:#000; font-weight: bold;}
.img-nav .name-cientific {text-align:center; color:#000; font-style:italic; font-size:10px;}

.img-nav2 {width:160px; height:160px;float:left; margin: 8px;}
.img-nav2 .img-120x120 {width:110px; height:100px; margin:18px auto 2px auto; background-position: left left;background-repeat:no-repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px}
.img-nav2 a { text-decoration: underline; color:#ccc;}
.img-nav2 a:hover { text-decoration: underline;}
.img-nav2 .name-nav { text-align:center; color:#0033ff; font-weight: bold;}
.img-nav2 .name-cientific {text-align:center; color:#0033ff; font-style:italic; font-size:10px;}

/* Vernacular name Breadcrumbs */
#route { font-size:10px; line-height: 14px}
#route .parent, #route .current { padding: 0 2px 0 8px; background: url(../shared/images/0020-00BB-0020.gif) no-repeat center left;}

/* clear */
.clear { clear:both;}

/* image Loading images/ajax-loader.gif*/
#imageLoading { background: url(images/ajax-loader.gif) no-repeat center center; width:100px; height:100px; margin:auto}


/* These styles create the dropdown menus. */
/* Tomado de: http://www.cssnewbie.com/easy-css-dropdown-menus */
/* 19 marzo 2009 */
#wrap {
	height: 35px;
}

#navbar {
    margin: 0;
    padding: 0;
    height: 1em; }
#navbar li {
    list-style: none;
    float: left;
    padding: 0;
    margin: 0 3px;}
#navbar li ul li {margin: 0}
#navbar li ul li a {padding:3px 6px;}
#navbar li a {
    display: block;
    padding: 3px 8px 3px 22px;
    background-color: black;
    color: #0788bb;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;}
/*mouse sobre el menu-> muestra color rojo*/
#navbar li a:hover {
    background-color: black; 
    color: #fff;
}
#navbar li ul {
    display: none;
    width: 15em; /* Width to help Opera out */
    margin: 0;
    padding: 0;
    }
#navbar li:hover ul, #navbar li.hover ul {
    display: block;
    position: absolute;
    border-top: 0px solid black;
    border-right: 0px solid black;
    border-bottom: 5px solid black;
    border-left: 0px solid black;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }
#navbar li:hover li, #navbar li.hover li {
    float: none;
    }
#navbar li:hover li a, #navbar li.hover li a {
    background-color: black;
    color: #0788bb;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;}
#navbar li li a { background-image: url(../images/none)}
#navbar li li a:hover { 
    background-color: black;
    color: #fff;
}