body {
	font-family:arial;
  background-color: #4B7399;
	margin:0px 0px;
  padding:0px
}

a {
	  color:#4B7399;
}

.under_construction {
	width:540px;
	height:30px;
	padding-top:150px;
		padding-left:100px;
		 color:#4B7399;
		text-align:left;
}
/******************************* inicio ************************************/

#page{
	width:849px;
	height:719px;
	text-align:left;
	margin:0 auto;
	padding:0px;
	background-color:#ffffff;
}

#page #content{
	width:849px;
	height:719px;
}
#page #content #flashcontent1{
	width:849px;
	height:719px;
	margin:0 ;
}

/************************** web site ***************************/

#page_home {
  background-color: white;
  width:849px;
  height:719px;
	margin:0 auto;
}

#port_home{
  background-color: white;
  width:850px;
	margin:0px auto;
  padding:0px;
}

#page_home #container{
 height:760px;
 border: none;


}

#port_home #banner_port  {
	background: url(/images/banner4.jpg) no-repeat;
	width:850px;
	height:101px;
}

#port_home #weather_banner{
  width:789px;
  height:110px;
  padding-left:60px;
}

#page_home #container #banner  {
	background-color: white;
	width:849px;
	height:165px;
}

#page_home #container #left_side_home  {
 width:169px;
 height:530px;
 float:left;
 padding:0px;
}

#page_home #container #left_side_home #banderas {
 width:169px;
 height:25px;
 float:left;
}

#page_home #container #left_side_home #banderas a{
	text-decoration:none;
	font-size:12px;
}


#page_home #container #left_side_home #botones {
 padding-top:0px;
 width:169px;
 height:354px;
 float:left;
}

#page_home #container #left_side_home #notes {
 background:url(/images/notes.jpg) no-repeat;
 width:169px;
 height:150px;
 float:left;
}

#page_home #container #left_side_home #notes #title_notes {
	font-size:16px;
	font-weight:bold;
	padding:20px 0 0 28px;
	/*float:left;*/
}

#page_home #container #left_side_home #notes #title_notes a{ 
  text-decoration:none; 
	color:red;
}

#page_home #container #left_side_home #notes .last_note{
  padding:5px 0 0 28px;
  font-size:14px;
  width:120px;
}

#page_home #container #left_side_home #notes a{
  text-decoration:none;
  color:red;

}

#page_home #container #right_side_home #drafts_content{
  font-size:12px;
  padding:20px;
}

#page_home #container #right_side_home .notes{
  padding:20px 20px 20px 20px;
}

#page_home #container #right_side_home .notes .note .note_title{
  list-style-type:none;
}

#page_home #container #right_side_home .notes .note .note_title li{
  padding:5px;
}

#page_home #container #right_side_home .notes a{
  text-decoration:none;
  font-weight:bold;
}

#page_home #container #right_side_home .show_note{
  padding:40px 20px 20px;
}

#page_home #container #right_side_home .show_note .show_note_title{
  font-weight:bold;
  font-size:16px;
}

#page_home #container #right_side_home .show_note .show_note_content{
  height:400px;
}

#page_home #container #right_side_home .newspapers{
  padding:20px 20px 20px 20px;
}

#page_home #container #right_side_home .newspapers .news a{
  text-decoration:none;
}

#page_home #container #right_side_home .newspapers .news .news_title a{
  font-weight:bold;
}

#page_home #container #right_side_home .newspapers .news ul li{
  list-style-type:none;
  padding-bottom:5px;
}

#page_home #container #right_side_home .show_newspaper{
  padding:40px 20px 20px;
}

#page_home #container #right_side_home .show_newspaper .show_newspaper_title{
  font-weight:bold;
  font-size:16px;
}

#page_home #container #right_side_home .show_note .show_newspaper_content{
  height:400px;
}

#page_home #container #right_side_home  {
 width:679px;
 height:528px;
 float:left;
 overflow:auto;
}

#page_home #container #right_side_home #home {
background:url(/images/news.jpg) no-repeat;
 width:679px;
 height:444px;
 float:left;
 overflow:auto;
}

#page_home #container #right_side_home #home #home_text {
 width:430px;
 padding-left:20px;
 padding-top:20px;
 float:left;
 overflow:auto;
 font-size:12px;
 padding: 1px 0px 0px 15px;
 height:360px;
}

#page_home #container #right_side_home #home #home_news {
 width:215px;
 float:left;
 height:360px;
}

#page_home #container #right_side_home #home #home_news #title_news{
 width:190px;
 padding-top:74px;
 padding-left:35px;
 color:red;
 font-weight:bold;
 font-size:16px;
}

#page_home #container #right_side_home #home #home_news #title_news a{
  color:red;
  text-decoration:none;
}

#page_home #container #right_side_home #home #home_news .last_newspapers{
  padding-left:35px;
  margin-top:15px;
  font-size:14px;
  font-weight:bold;
 	float:left;
}

#page_home #container #right_side_home #home #home_news .last_newspapers a{
  color:red;
  text-decoration:none;
  float:left;
}

#page_home #container #right_side_home #home #home_news .last_newspapers a.newspapers_content{
  color:red;
  text-decoration:none;
  font-weight:normal;
  font-size:13px;
}

#page_home #container #right_side_home #home #home_news .last_newspapers .default{
	float:left;
}

/***************** statics content *****************/

#page_home #container #right_side_home .title{
	font-size:14px;
	padding: 0 15px;
}

#page_home #container #right_side_home .text{
	font-size:12px;
	padding: 0 15px;
}

/***************** telex release *****************/

#page_home #container #right_side_home #telexreleases {
 /*width:660px;
 height:544px;*/
 float:left;
 padding-left:20px;
 padding-top:10px;
 font-size:11px;
}

#page_home #container #right_side_home #telexreleases a {
 text-decoration:none;
 font: bold 14px Arial;
 color:#4B7399;
 padding: 0 0 0 145px;
}

#page_home #container #right_side_home #telexreleases a:hover{
 text-decoration:none;
 font: bold 14px Arial;
 color:#4B7355;
}

#page_home #container #right_side_home #telexreleases #telex {
 font: bold 14px Arial;
 color:red;
 text-align:center;
 width:400px;
 margin:20px 0 0 0;
}

/***************** ships *****************/

#page_home #container #right_side_home #mpflash{
  padding-left:20px;
  padding-top:10px;
}

 #ships {
 width:930px;
 float:left;
 padding-left:20px;
 padding-top:10px;
 font-size:12px;
 background:white;
}

#ships #data{
 float:left;
 font-size:10px;
 width:890px;
 padding-bottom:10px;
}
#ships .search_button a{
  font-family:Arial;
  font-size:14px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:bold;
  line-height:normal;
  text-decoration:none;
}
#ships #data table{
  width:890px;
  padding-left:10px;
}


#ships #data table th{
  font-size:11px;
  border-bottom:2px solid black;
  font-weight:bold;
}

#ships #data table td {
 border-bottom:1px solid black;
}

#ships #data table tbody tr:hover td {
	background:#DDDDDD none repeat scroll 0 0;
	font-weight:bold;
}

.even{
  color:#000000;
}

.odd{
  color:#990000;
}

/************************ footers ***************************/

#page_home #container #footer  {
 background:url(/images/estaticos/footer.jpg) no-repeat;
 width:848px;
 height:80px;
 float:left;
 padding:0px;
}

#page_home #container #footer  ul{
  list-style-type:none;
  font-size:11px;
  padding:20px 0 0 184px;
  margin:0px;
}
#page_home #container #footer  #sub_navigator a{
  font-size:11px;
  text-decoration:none;
}
#page_home #container #footer  #sub_navigator li{
  display:inline;
}

#page_home #container #backing  {
 width:848px;
 height:15px;
 float:left;
 font-size:9px;
 color:white;
}

#page_home #container #backing  a {
	text-align:right;
 width:848px;
 height:15px;
 float:left;
 font-size:10px;
 color:white;
	text-decoration:none;
}

#page_home #container #backing  a:hover {
		text-align:right;
 width:848px;
 height:15px;
 float:left;
 font-size:10px;
 color:orange;
}


a img {
  border: none;
}


.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

/*********************** errores *************************/

#flash_notice, #flash_error {
  padding: 5px 8px;
  margin: 10px 0;
}

#flash_notice {
  background-color: #CFC;
  border: solid 1px #6C6;
}

#flash_error {
  background-color: #FCC;
  border: solid 1px #C66;
}

.fieldWithErrors {
  display: inline;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #CF0000;
  padding: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: 0;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 8px;
}

#errorExplanation ul {
  margin: 2px 24px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
}
/******************** paginador *****************************/
.pagination {
  background: white;
  padding:10px;
  /* self-clearing method: */ }

  .pagination a, .pagination span {
    padding: .2em .5em;
    display: block;
    float: left;
    margin-right: 1px; }
  .pagination span.disabled {
    color: #999;
    border: 1px solid #DDD; }
  .pagination span.current {
    font-weight: bold;
    background: #2E6AB1;
    color: white;
    border: 1px solid #2E6AB1; }
  .pagination a {
    text-decoration: none;
    color: #105CB6;
    border: 1px solid #9AAFE5; }
    .pagination a:hover, .pagination a:focus {
      color: #003;
      border-color: #003; }
  .pagination .page_info {
    background: #2E6AB1;
    color: white;
    padding: .4em .6em;
    width: 22em;
    margin-bottom: .3em;
    text-align: center; }
    .pagination .page_info b {
      color: #003;
      background: #6aa6ed;
      padding: .1em .25em; }
  .pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .pagination {
    height: 1%; }
  *:first-child+html .pagination {
    overflow: hidden; }

/****************** menu *********************************/

.arrowlistmenu{
width: 168px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
/*background: black url(/images/titlebar.png) repeat-x center left;*/
background: url(/images/titlebar.png);
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(/images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
padding-left:2px;
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(/images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 11px;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}