body { font-size: 70%;
    font-family: 'Bitstream Vera Sans','Lucida Grande',Verdana,Arial,'sans-serif';
    background-color: #2369a5;
    color: rgb(51, 51, 51);
    text-align: center;
    background-position: right bottom;
    background-attachment: fixed;
    background-repeat: no-repeat;
    }

  #page { 
    background-color: white;
    text-align: left;
border: 1px solid black;
    }

#pages {
!	background-color: white;
	background-image: url(degramenu.jpg);
	font-size: 0.7em;
   	font-family: 'Bitstream Vera Sans','Lucida Grande', Verdana, Arial, 'sans-serif';
	margin: 0px 2px 0px 2px;
	padding: 10px 0px 3px 0px;
	border-bottom: 1px solid #bdbdbd;
	
	}

  #header { background-color: rgb(255, 255, 255);
    }

  #content { 
font-size: 1.2em;
    }

 #content p img  {
	float: left;
	margin: 5px 5px 5px 0;
vertical-align: top; }

.thumb_portada {
	float: left;

	margin: 5px 5px 5px 0;
vertical-align: top; }


.ex_thumb_preview {
	float: left;

	margin: 5px 5px 5px 0;
vertical-align: top; }

.wp-caption-text  {
	font-size: 0.7em;
margin: 2px;
text-align: left; }


  .categorias a { 
	padding-bottom: -150px;
    align: left;
    color: rgb(51, 51, 51); 
    font-size: 0.7em;
    }

  .widecolumn .entry p { font-size: 1.05em;
    }

  .narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em;
    }

  .widecolumn { line-height: 1.6em;
    }

  .narrowcolumn .postmetadata { text-align: center;
    }

  .alt { border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);
    background-color: rgb(248, 248, 248);
    }

  #footer { background-color: rgb(238, 238, 238);
    }

  small { font-family: 'Bitstream Vera Sans','Lucida Grande',Verdana,Arial,'sans-serif';
    font-size: 0.8em;
    line-height: 1.5em;
vertical-align: baseline;
    }

  h1, h2, h3 { font-family: 'Bitstream Vera Sans','Lucida Grande',Verdana,Arial,'sans-serif';
    
    }

  h1 { font-size: 3em;
    text-align: left;
font-weight: bold;
    }

 h4 { font-size: 3em;
    float: left;
font-weight: bold;
margin: 0;
    }

  .description { font-size: 1.2em;
    text-align: center;
    }

  h2 { font-size: 1.4em;
    }

  h2.pagetitle { font-size: 1.6em;
    }

  #sidebar h2 { font-family: 'Bitstream Vera Sans',Verdana,Arial,'sans-serif';
    font-size: 1.2em;
    }

#sidebar h2 a:hover { text-decoration: underline;}


  h3 { font-family: 'Bitstream Vera Sans',Verdana,Arial,'sans-serif';
	font-size: 1.2em;
    }
#sidecat a a:visited {color: black;
text-decoration: none;}

#sidecat { font-family: 'Bitstream Vera Sans',Verdana,Arial,'sans-serif';
	font-size: 1.5em;
	font-weight: bold;
!	padding: 10px 0 0 0}

.xdf_breadcrumb {
font-size: 80%;
}

.xdf_breadcrumb a a:visited a:hover {
text-decoration: underline;
}

  h1, h1 a, h1 a:hover, h1 a:visited, .description { text-decoration: none;
    color: white;
    }

  h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #2369a5;
    }

  h2, h2 a, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #wp-calendar caption, cite { text-decoration: none;
    }

 a { color: #2369a5;

text-decoration: none;}

  a:visited { color: #2369a5;
    }

  .commentlist li, #commentform input, #commentform textarea { font-family: 'Bitstream Vera Sans','Lucida Grande',Verdana,Arial,'sans-serif';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 0.9em;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    }

  .commentlist li { font-weight: bold;
    }

  .commentlist cite, .commentlist cite a { font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }

  .commentlist p { font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }

  #commentform p { font-family: 'Bitstream Vera Sans','Lucida Grande',Verdana,Arial,'sans-serif';
    }

  .commentmetadata { font-weight: normal;
    }

  #sidebar { font-family: 'Bitstream Vera Sans','Lucida Grande',Verdana,Arial,'sans-serif';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 1.1em;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    vertical-align: middle;
    }

  small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: rgb(119, 119, 119);
    }

  code { font-family: 'Courier New',Courier,Fixed;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 1.2em;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    }

  acronym, abbr, span.caps { font-size: 0.9em;
    letter-spacing: 0.07em;
    }

  h2 a:hover, h3 a:hover { color: rgb(0, 0, 0);
    text-decoration: none;
    }

  a:hover { color: rgb(17, 68, 119);
    text-decoration: underline;
    }

  #wp-calendar #prev a { font-size: 9pt;
    }

  #wp-calendar a { text-decoration: none;
    }

  #wp-calendar caption { font-family: 'Bitstream Vera Sans','Lucida Grande',Verdana,Arial,'sans-serif';
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 1.3em;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    text-align: center;
    }

  #wp-calendar th { font-style: normal;
    text-transform: capitalize;
    }

  body { margin: 0pt auto;
    padding: 0pt;
    }

  #page { 
    margin: 20px auto;
    padding: 0pt;
    background-color: white;
    width: 860px;
    }


  #header { margin: 0pt auto;
    padding: 0pt;
    
    width: 450px;
    background-color: rgb(255, 255, 255);
    }

  h1 {

    align: center;}

  .narrowcolumn { margin: 0px 0pt 0pt;
    padding: 0pt 0pt 20px 25px;
    float: left;
    width: 570px;
    }

.narrowcolumn table { margin: 5px 0 0 0;}

.widecolumn table { clear:both;}

  .widecolumn { margin: 5px 0pt 0pt 120px;
    padding: 10px 0pt 20px;
    width: 500px;
    }

  .post { margin: 1px;
    	text-align: justify;
	padding: 10px 0 5px 0;
	clear: left;
	border-bottom: 1px solid #bdbdbd; 
 display: block;
	   }

.post h2 { text-align: left; }


  .viejosposts {  margin: 10px 0 0 0px;
	padding: 10px 0 0 0;
    	text-align: left;
	border-top: 1px solid #bdbdbd; 
	clear: left;
	font-family: 'Bitstream Vera Sans',Verdana,Arial,'sans-serif';
    }

  .postarch p {  margin: 5px 0 0 30px;
	font-size: .9em;
	height: 17px;
    }
	
  .postarch a {color: black;}

  .postarch a:hover { color: rgb(17, 68, 119);
    text-decoration: underline;
    }

  .postarch img
  {
  float: left;
  font-weight: bold;
  left: -37px;
  }


  .widecolumn .post { margin: 0pt;
    }

  .narrowcolumn .postmetadata { padding-top: 5px;
    }

  .widecolumn .postmetadata { margin: 30px 0pt;
    }

  #footer { margin: 0pt auto;
    padding: 0pt;
    width: 760px;
    clear: both;
    }

  #footer p { margin: 0pt;
    padding: 20px 0pt;
    text-align: center;
    }

  #footer img {
vertical-align: middle;
}

  h1 { margin: 0px;
    padding-top: 20px;
    }

  .description { text-align: center;
    }

  h2 { margin: 0;
    }

  h2.pagetitle { margin-top: 30px;
    text-align: left;
    }

  #sidebar h2 { margin: 5px 0 0 0;
    padding: 0 0 0 5px;
    }

  h3 { margin: 0px 20px 0pt;

    padding: 0pt;
    }

  h3.comments { margin: 40px auto 20px;
    padding: 0pt;
    }

  p img { padding: 0px;
    max-width: 100%;
    }

  img.centered { display: block;
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    }

  .alignder { margin: 1px;
 text-align:left;
    }

  img.alignleft { margin: 0 5px 2px 0;
    padding: 4px;
    display: inline;
    }

  .alignright { margin: 0px 0 0 0px; float: right;

    }

 .nofloatright { text-align: right;

    }

  .alignleft { float: left;
    }

  html > body .entry ul { padding: 0pt 0pt 0pt 10px;
    margin-left: 0px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    text-indent: -10px;
    }



  html > body .entry li { margin: 7px 0pt 8px 10px;
    }

  .entry ol { margin: 0pt;
    padding: 0pt 0pt 0pt 35px;
    }

  .entry ol li { margin: 0pt;
    padding: 0pt;
    }

  .postmetadata ul, .postmetadata li { display: inline;
    list-style-type: none;
    list-style-image: none;
    }

  #sidebar ul, #sidebar ul ol { margin: 0pt;
    padding: 0pt;
font-size: 11px;
    }

  #sidebar ul li { list-style-type: none;
    list-style-image: none;
    text-indent: -1em;
    margin: 0px 0px 0px ;

    }

  #sidebar ul li ul li a, ul li ul li a:visited { color: black; text-decoration:none;
    }

 #sidebar ul li ul li a:hover { text-decoration:underline;
    }


  #sidebar ul p, #sidebar ul select { margin: 8px 0pt 0px;
    }

  #sidebar ul ul, #sidebar ul ol { margin: 5px 0pt 0pt 10px;
    }

  #sidebar ul ul ul, #sidebar ul ol { margin: 0pt 0pt 0pt 10px;
    }

  ol li, #sidebar ul ol li { list-style-type: decimal;
    list-style-image: none;
    list-style-position: outside;
    }

  #sidebar ul ul li, #sidebar ul ol li { margin: 3px 0pt 0pt;
    padding: 0pt;
    }

  #searchform { margin: 5px 0 0 0;
    padding: 5px 3px;
    text-align: center;
display: block;
    }

  #sidebar #searchform #s { padding: 2px;
    width: 115px;
    }

  #sidebar #searchsubmit { 

margin: 5px 0 0 0;
padding: 2px 0 0 0;
    }

  .entry form { text-align: center;
    }

  select { width: 130px;
    }

  #commentform input { margin: 5px 5px 1px 0pt;
    padding: 2px;
    width: 170px;
    }

  #commentform textarea { padding: 2px;
    width: 100%;
    }

  #commentform #submit { margin: 0pt;
    float: right;
    }

  .alt { margin: 0pt;
    padding: 10px;
    }

  .commentlist { padding: 0pt;
    text-align: justify;
    }

  .commentlist li { margin: 0px 0pt 3px;
    padding: 5px 10px 3px;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    }

  .commentlist p { margin: 6px 5px 0px 0pt;
    }

  #commentform p { margin: 5px 0pt;
    }hover

  .nocomments { margin: 0pt;
    padding: 0pt;
    text-align: center;
    }

  .commentmetadata { margin: 0pt;
    display: block;
    }

  #sidebar { padding: 10px 0pt 10px;
    margin-left: 625px;
    width: 220px;
    }

  #sidebar form { 

margin: 10px 0 0 0;
    }

  acronym, abbr, span.caps { cursor: help;
    }

  acronym, abbr { border-bottom: 1px dashed rgb(153, 153, 153);
    }

  blockquote { border-left: 5px solid rgb(221, 221, 221);
    margin: 15px 30px 0pt 10px;
    padding-left: 20px;
    }

  blockquote cite { margin: 5px 0pt 0pt;
    display: block;
    }

  .center { text-align: center;
    }

  hr { display: none;
    }

  a img { border: medium none ;
    }

  .navigation { display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
    }

  body { background-image: url(bgbann.gif);
    }

	/* Pages */
	#pages li {
		display: inline;
		list-style-type: none;
		}
		
	#pages ul, ol {
		margin: 0;
		padding: 0;
		}
		
	#pages a {
		background: #dbdbdb;
		color: #1E4C62;
		font-weight: normal;
		margin: 0 3px 0 0;
		padding: 3px 5px;
		}
		
	#pages a:hover {
		
		color: #000;
		}
		
	.current_page_item a, .current_page_item a:hover {
		background: #fff !important;
		color: #000 !important;
		border-top: 1px solid #bdbdbd;
		border-left: 1px solid #bdbdbd;
		border-right: 1px solid #bdbdbd;
		border-bottom: 1px solid #bdbdbd;
		}

	.current_cat_item a, .current_cat_item a:hover {
		background: #fff !important;
		color: #000 !important;
		border-top: 1px solid #bdbdbd;
		border-left: 1px solid #bdbdbd;
		border-right: 1px solid #bdbdbd;
		border-bottom: 1px solid rgb(255, 255, 255);
		}


#search {
 	text-align: center;
	margin: 4px 0 4px 0;
        height: 30px;

}	

	/* Search */



 .hueco {
	border: 1px solid #66A8CC;
	font-size: 13px;
	width: 140px;
		}	


 .boton {
	border: 1px solid #66A8CC;
	font-size: 12px;
	width: 60px;
		}	


#botoneditar {
	text-align: left;
!	text-align: center;
	font-style: italic;
	color: black;
	margin: 0 0 15px 0;
!	padding: 0;
	position: relative;
!	right: 10px;
!	top: -22px;
!	border: 1px solid #66A8CC;
	font-size: 12px;
	padding: 2px;
	width: 100%;
		}	

#botoneditar a {
!	float: right;
!	text-align: center;
! background-color: rgb(35, 105, 165);
!	color: white;
!	margin: 0;
!	padding: 0;
!	position: relative;
!	right: 10px;
!	top: -22px;
!	border: 1px solid #66A8CC;
!	font-size: 12px;
!	padding: 2px;
!	width: 30%;
		}

#sidebarpost
{ 
padding: 4px;
background-color: #f4f7fa;
border: 1px solid #d4d4d4;
margin: 0 0px 10px 0;
}

#sidebarpost p
{ 
margin: 8px 0 0 0;
}

#sidebarentry

{    font-family: 'Bitstream Vera Sans','Lucida Grande',Verdana,Arial,'sans-serif';
    color: rgb(51, 51, 51);
    text-align: left;
	font-size: .9em;	
}

#notipost
{ 
padding: 0px 5px 5px 0px;
!background:url(cuadritomano_medio.gif);
margin: 10px 0 10px 0;
 width: 210px;
! border: 1px solid #cfcfcf;
}

#notientry

{    font-family: 'Bitstream Vera Sans','Lucida Grande',Verdana,Arial,'sans-serif';
    color: rgb(51, 51, 51);
    text-align: justify;
    font-size: 1em; 
    margin: 0 0px 10px 0px;
}

#notientry h2
{   font-size: 1.2em;
    margin: 0px;
    text-align: left;
    font-weight: bold;}

#notientry h2 a
{
    color: #2369a5;

}

#notientry a
{   color: black;
text-decoration: none;
}

#notientry img
{   float: right;
margin: 2px 0 2px 5px;
}

#sidecat img
{   float:right;
margin: 2px 0 2px 5px;
}

#notitopbot
{   height: 10px;
}

#vermas
{
padding: 5px;
margin: 0 0 10px 10px;
background-color: #f4f7fa;
font-size: 80%;
border: 1px solid black;
float: right;
width: 120px;
}

#vermas p
{
margin: 0 0 10px 0;
}

#vermas ul
{
    list-style: none;
    text-indent: -1em;
    margin: 10px 0 0 10px;
    padding-left: 1em;
    text-align: left;
}

#bandera 
{
padding: 10px;
margin: 10px 0 10px 0;
background-color: #f4f7fa;
font-size: 80%;
border: 1px solid black;
}

#bandera p
{
clear: right;
}

#bandera img
{ float: left; 
margin: 0 15px 0 0;
}

#bandera_tenue
{
padding: 5px;
margin: 0 0 0 0;
border: none;
font-size: 1em;
}

#bandera_tenue a
{ 
color: rgb(51, 51, 51);
}

#bandera_tenue p
{ 
padding: 3px 5px 0px 9px;
}

#agrega
{ 
padding: -5px ;
margin: 0px;
width: 150px;
border: none;
background-color: #f4f7fa;
font size: 1em;
font-weight: bold;
text-align: center;
}


#imap {display:block; width:200px; height:103px; background:url(ml.gif) no-repeat; position:relative; text-align:center;}
#imap img {border-style: none;}


#imap dd {position:absolute; padding:0; margin:0; }

#imap #picbocas {left:17px; top:8px;}
#imap #picabajo {left:69px; top:13px; }
#imap #picarriba {left:101px; top:1px;}
#imap #picky {left:141px; top:13px; }
#imap #pichiriqui {left:10px; top:45px;}
#imap #picveraguas {left:36px; top:60px;}
#imap #picazuero {left:73px;top:60px;}
#imap #picocle {left:80px; top:35px; }
#imap #picdarien {left:111px;top:34px; }

#imap a {display:block; z-index:20;}

#imap a#bocas {width:44px; height:33px;}
#imap a#cabajo {width:30px; height:22px;}
#imap a#carriba {width:25px; height:22px;}
#imap a#ky {width:35px; height:19px;}
#imap a#chiriqui {width:43px;  height:15px;}
#imap a#veraguas {width:37px;  height:28px;}
#imap a#azuero {width:33px;  height:33px;}
#imap a#cocle {width:32px;  height:23px;}
#imap a#darien {width:52px;  height:58px;}


#imap a span {  display:none;  }

#imap a:hover {cursor:hand;}
#imap a:hover span {position:absolute;  display:block; background:transparent; }
#imap a:hover span img {border-style:none;}



#imap a#bocas:hover span {left:-8px; top:0px;}
#imap a#cabajo:hover span {left:-10px; top:4px;}
#imap a#carriba:hover span {left:-1px; top:5px;}
#imap a#ky:hover span {left:-14px; top:-5px; }
#imap a#chiriqui:hover span {left:-8px; top:0px;}
#imap a#veraguas:hover span {left:-2px; top:0px;}
#imap a#azuero:hover span {left:-5px; top:-1px;}
#imap a#cocle:hover span {left:0px; top:-5px;}
#imap a#darien:hover span {left:3px; top:-10px;}


#mareas { font-size: .9em; background: #ffffff; padding: 7px; color: #666; margin: 0 5px 0 5px; }
#mareas h2 { font-size: 1.3em; margin: 25px 0 5px 0; padding: 0; color: #666;}
#mareas table {display: table; width: 450px; text-align: left;}
#mareas th { font-size: 1.3em;}
#mareas tr {display: table-row;}
#mareas td {display: table-cell;}
.whole_table { padding: 5px; display: block;}
.tide_station { font-size: 1em; font-weight: bold; margin: 10px 0 0 0;}
.tide_line { font-weight: normal;}
.tide_line_bold { font-weight: bold; }
.tide_date { width: 100%; font-size: 1.3em; text-decoration: underline; font-weight: bold; float: left; margin: 10px 0 0 0; border-top: 1px solid black;}
.tide_event_cover { float: right; }
.tide_event { float: left; }
.tide_time { float: left;}
.tide_water { float: right; }


.photosmash_gallery {
margin: 20px 0 10px 10px;
}

.bwbps_addphoto_link {
border: 1px solid #bdbdbd;
padding: 5px;
font-weight: bold;

}

.bwbps_addphoto_link a a:visited{
text-decoration: none;
}

/* CSS del Lightbox */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}