/* -------------------------------------------------------------------------------
* Theme name:           Default
* Website:              Estrategia Espanola para las tortugas marinas
* Website URI:          http://tortugasmarinas.info/
* Version:              1.0
* Date:                 October 2008
---------------------------------------------------------------------------------- */

/*- Default 
---------------------------------------------------------------------------------- */
	
	body {
		margin: 0; padding: 0;
		font: 0.75em/1.2 Arial, Helvetica, sans-serif;
		color: #000;
		background: #fff url(../img/bgBody.png) repeat-y center;
	}
	a {text-decoration: none; color: #0627a3;}
		a:hover {text-decoration: underline;}
		a img, a:link img, a:visited img {border: 0;}
		a.external-link {padding-right: 10px; background: transparent url(../img/icoExternalLink.gif) right center no-repeat;}
	
	div, h1, h2, h3, h4, ul, li, ol, dl, dt, dd, p, form, fieldset {margin: 0; padding: 0;}
	button,	input, select, textarea {font-family: Arial, Helvetica, sans-serif;}
	address {font-style: normal;}
	acronym, abbr {border-bottom: dotted 1px; cursor: help;}
		span.req {cursor: help;}
	.top, .access, .skip {display: none;}
	.offset {position: absolute; left: -9000px;}
	
/*- Containers 
--------------------------------------------------------------------------- */
	
	#wrapper {
		width: 764px; 
		margin: 0 auto;
		border-left: 1px solid #fff; 
		border-right: 1px solid #fff;
		overflow: hidden;
	}
		#header {width: 767px;}
		#main-content,
		#footer {width: 767px; margin-bottom: 8px; overflow: hidden;}
			#header:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	
/*- Common 
--------------------------------------------------------------------------- */

	h1, h2, h3 {font-family: "Century Gothic", Arial, Helvetica, sans-serif;}

/*- Header 
--------------------------------------------------------------------------- */
	
	h1 {
		width: 360px;
		height: 55px;
		float: left;
		margin: 47px 0 0 20px; 
		font-size: 200%; 
		line-height: 1.0em; 
	}
	h1 a {color: #0ff636;}
	h1 a span {display: block; font-size: 0.85em; font-weight: normal; color: #fff;}
	h1 strong {font-size: 1.4em;}
		h1 a:hover {text-decoration: none;}
	
	#header img {float: right; margin: 11px 26px 0 0;}
	
	.tortugas #header,
	.especies #header,
	.amenazas #header,
	.plataforma-tortugas-marinas #header,
	.soporte #header {min-height: 116px; background: url(../img/bgHeader.jpg) top no-repeat}

	ul#navlist {
		width: 387px;
		margin-top: 19px;
		float: left;
		background-color: #fff;
		font-family: "Century Gothic", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
	}
		ul#navlist li {display: inline; font-weight: bold;}
		ul#navlist li a {padding: 0.4em 1.7em; background-color: #fff; color: #0627a3; float: left; border-right: 1px solid #8293d1;}
		ul#navlist li a.current {color: #09d82e;}
		ul#navlist li.turtles a {background: url(../img/bgNalListTop.png) top left no-repeat;}
		ul#navlist li a:hover {text-decoration: underline; color: #8293d1;}
			ul#navlist li a.current:hover {text-decoration: underline; color: #09d82e;}

	
/*- Home
--------------------------------------------------------------------------- */
	
	.home #wrapper {background: url(../img/bgHome.jpg) no-repeat top;}
	.home #main-content {background: url(../img/bgBlogContent.png) no-repeat bottom;}
	
	.home div.tagline {width: 570px; margin-top: 70px; float: left; color: #fff;}
	.home div.tagline h2 {margin: 0 0 30px 263px; font-size: 200%; font-weight: normal;}
	.home div.tagline p {margin: 10px 35px 0 160px; font-size: 1.2em; line-height: 1.0em; text-align: justify;}
	.home div.tagline p a {color: #bee0f8; font-weight: bold;}
	.home div.tagline p a:visited {color: #fff; font-weight: bold;}
	.home div.tagline h2 span.size {font-size: 80%;}
		.home div.tagline h2 span.indent-big {padding-left: 20px;}
		.home div.tagline h2 span.indent-middle {padding-left: 10px;}
		.home div.tagline h2 span.indent-small {padding-left: 5px;}
	
	.home div.platform-access {width: 180px; float: left;}
	.home div.platform-access h2 {margin: 92px 10px 0 3px; padding: 2px 0 2px 0; font-size: 120%; color: #19cd4e; text-align: center; background: #fff url(../img/bgPlatformAccess.png) top no-repeat;} /* 0627a3 */
	.home div.platform-access p,
	.home div.platform-access ul {
		font: 0.9em Arial, Helvetica, sans-serif;
	}
	.home div.platform-access p {margin: 8px; font-weight: bold; color: #fff;}
	.home div.platform-access ul {margin: 16px 0 0 25px; padding-left: 0; list-style: none; font-size: 1em;}
		.home div.platform-access ul li {padding: 2px 0 2px 25px; line-height: 40px; background: url(../img/bgButton-small.gif) left center no-repeat}
		.home div.platform-access ul a {font-weight: bold; color: #fff}
	
/*- 2nd LVL
--------------------------------------------------------------------------- */

	.tortugas #main-content,
	.especies #main-content,
	.amenazas #main-content,
	.plataforma-tortugas-marinas #main-content,
	.soporte #main-content {
		background: url(../img/bgMainContent.jpg) top no-repeat;
	}
	
	.tortugas h2,
	.especies h2,
	.amenazas h2,
	.plataforma-tortugas-marinas h2,
	.soporte h2 {
		margin: 25px 0 6px 115px; text-transform: uppercase; color: #09d82e; font-size: 175%;
	}
	
	.tortugas h3,
	.especies h3,
	.amenazas h3,
	.plataforma-tortugas-marinas h3,
	.soporte h3 {
		margin: 15px 0 15px 0; color: #0627a3; font-size: 1.3em;
	}
	
	.plataforma-tortugas-marinas h4 {
		font-size: 1em;
	}
	
	.tortugas #main-container .top,
	.especies #main-container .top,
	.amenazas #main-container .top {
		margin-top: 4px; padding-left: 8px; display: block; font-size: 0.9em; background: url(../img/icoBullet.gif) left center no-repeat;
	}

	.tortugas #path,
	.especies #path,
	.amenazas #path,
	.plataforma-tortugas-marinas #path,
	.soporte #path {
		padding-left: 115px; font-size: 0.9em;
	}
		#path ul {margin-left: 0; padding-left: 0; display: inline;}
		#path ul li {margin-left: 0; padding-left: 2px; display: inline;}
			#path li {list-style: none;}
			#path a:visited {color: #0627a3;}
	
	#main-container, #local-nav {width: 637px; margin-left: 115px;}
	
	#local-nav {width: 465px; margin-top: 15px; clear: right; background: #eaedf8 url(../img/bgDotted.png) top repeat-x; opacity: 0.5;}
		#local-nav ul {width: 465px; margin: 0; float: left; font-size: 0.9em; background: url(../img/bgDotted.png) bottom repeat-x;}
		#local-nav ul li {display: inline;}
		#local-nav li a {padding: 0.4em 1.5em; float: left; background: url(../img/icoBullet.gif) 0.7em no-repeat;}
			#local-nav:after, #local-nav ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	
	#main-container div {width: 465px; text-align: justify; line-height: 16px;}
	#main-container img {float: right; margin: 0 0 10px 10px; clear: right;}
		.plataforma-tortugas-marinas #main-container div {width: 100%; text-align: left;}
		.soporte #main-container img {margin: 0 30px 10px 0; clear: right;}
		.tortugas #main-container p,
		.especies #main-container p,
		.soporte #main-container p {margin-bottom: 15px;}
	
	.platform {margin: 40px 0 0 0;}
		.platform p {margin: 8px 0; text-align: justify;}
	
	.platform li#draft {padding: 0 0 0 10px; border-bottom: none; list-style: none; background: url(../img/bgButton-big.gif) left bottom no-repeat;}
		.platform li#draft a {padding-left: 20px; line-height: 40px; font-weight: bold; color: #fff; background: url(../img/icoDoc-key.gif) left center no-repeat;}
	
	.working-group p {margin-bottom: 8px;}
	.plataforma-tortugas-marinas #main-container #gmaps-container {width: 629px; height: 250px; border: 4px solid #dcdcdc;}
	table {width: 597px; margin: 25px 0 0 15px; border-collapse: collapse; border-bottom: 1px solid #dcdcdc;}
		th {border-bottom: 4px solid #dcdcdc; text-align: left;}
		td, th {padding: 4px 2px 4px 2px;}
		.parell td {background-color: #f5f5f5;}
		table a:visited {color: #8293d1;}
			
		
/*- Footer
--------------------------------------------------------------------------- */
	
	#footer {font-size: 0.95em; font: 1em Arial, Helvetica, sans-serif; color: #808080;}
	#footer p {width: 250px; float: left; margin: 75px 20px 15px 22px; font-size: 0.9em;}
		#footer p:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	#footer img {display: block; margin-top: 4px; margin-right: 20px;}
	#footer ul {width: 450px; margin: 0 0 5px 22px; clear: both; font-size: 0.95em; list-style-type: none;}
	#footer a {color: #0627a3;}
	
	
/*- LightBox FX
--------------------------------------------------------------------------- */
	
#lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
}	
#lightboxCaption {float: left;}
#keyboardMsg {float: right;}
#closeButton {top: 5px; right: 5px;}

#lightbox img {border: none; clear: both;} 
#overlay img {border: none;}

#overlay {background-image: url(../img/overlay.png);}

* html #overlay {
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../img/blank.gif);
}