@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Arial;
	font-size: 14px;
	color: #093952;
	text-align:justify;
}
body {
	background-color: #00204f;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
strong{
	font:Arial;
	font-size:14px;
	color: #093952;
	font-weight:bold;
}
.banner-rep{
	background: url(../images/rep-banner.gif) repeat-x;
}
.header{
	background: url(../images/header-rep.gif) repeat-x;
	font:Arial;
	font-size:16px;
	color: white;
	text-align:right;
	padding-right:10px;
	font-weight:bold;
}
.q{
	color: #00204f;
	font-style:oblique;
	padding-left:30px;
	font-size:20px;
	font:Arial;
	font-weight:bold;
}
.a{
	color: #2b9bd7;
	font-style:oblique;
	padding-left:30px;
	font-size:20px;
	font:Arial;
	font-weight:bold;
}
.question{
	color: #155c91;
	font-style:oblique;
	padding-left:30px;
	padding-right:30px;
	font-size:14px;
	font:Arial;
	font-weight:bold;
}
.answer{
	color: #093952;
	padding-left:30px;
	padding-right:30px;
	text-align:justify;
	font-size:14px;
	font:Arial;
}
.centertable
{ 
margin-left: auto;
margin-right: auto;
text-align: left;
width:938px;
}
.strong{
	font:Arial;
	font-size:14px;
	color: #093952;
	text-align:justify;
	font-weight:bold;
}
.color{
	padding-left:30px;
	padding-right:30px;
	font-size:14px;
	font:Arial;
	text-align:center;
	color: #018ad1;
	font-weight:bold;
}
.azulmarino{
	padding-left:30px;
	padding-right:30px;
	font-size:14px;
	font:Arial;
	text-align:center;
	color: #00204f;
	font-weight:bold;
}
.izq-rep{
	background: url(../images/bg-izq.gif) repeat-y;
}
.der-rep{
	background: url(../images/bg-der.gif) repeat-y;
}
.banner{
	background: #ededed;
	text-align:center;
}
.winner{
	color: #0b3d57;
	text-align:center;
	font:Arial;
	font-size:14px;
	font-weight:bold;
}
#apDiv1 {
	width:477px;
	height:300px;
	margin:0 auto;
	padding:0px;
	position:absolute;
	left:44px;
	top:41px;
	z-index:1;
}
#apDiv1-2 {
	width:435px;
	height:300px;
	/*margin:0 auto;*/
	/*padding:0px;*/
	position:absolute;
	left:526px;
	/*top:44px;*/
	z-index:2;
	visibility: inherit;
	top: 39px;
}
/*links*/
a:link {
	text-decoration: none;
	font:Arial;
	font-weight:bold;
	font-size:14px;
	/*color: #054f94;*/
	color: #cf1b38;
}
a:visited {
	text-decoration: none;
	font:Arial;
	font-weight:bold;
	font-size:14px;
	color: #c21430;
}
a:hover {
	text-decoration: underline;
	/*color: #cf1b38;*/
	color: #054f94;
	font:Arial;
	font-weight:bold;
	font-size:14px;	
}
a:active {
	text-decoration: none;
	font:Arial;
	font-weight:bold;
	font-size:14px;
	color: #054f94;
}
.sdro a:link {
	text-decoration: none;
	font:Arial;
	font-weight:bold;
	font-size:10px;
	/*color: #054f94;*/
	color: #cf1b38;
}
.sdro a:visited {
	text-decoration: none;
	font:Arial;
	font-weight:bold;
	font-size:10px;
	color: #034b6d;
}
.sdro a:hover {
	text-decoration: underline;
	/*color: #cf1b38;*/
	color: #054f94;
	font:Arial;
	font-weight:bold;
	font-size:10px;
}
.sdro a:active {
	text-decoration: none;
	font:Arial;
	font-weight:bold;
	font-size:10px;
	color: #054f94;
}
.sdro-texto{
	font:Arial;
	text-align:center;
	font-size:10px;
}
.white a:link {
	text-decoration: none;
	font:Arial;
	font-weight:bold;
	font-size:14px;
	/*color: #054f94;*/
	color: #fff;
}
.white a:visited {
	text-decoration: none;
	font:Arial;
	font-weight:bold;
	font-size:14px;
	color: #012c42;
}
.white a:hover {
	text-decoration: underline;
	/*color: #cf1b38;*/
	color: #faf5a4;
	font:Arial;
	font-weight:bold;
	font-size:14px;	
}
.white a:active {
	text-decoration: none;
	font:Arial;
	font-weight:bold;
	font-size:14px;
	color: #054f94;
}
.headerlink a:link {
	text-decoration: none;
	font:Arial;
	font-weight:bold;
	font-size:16px;
	/*color: #054f94;*/
	color: #2c9cd8;
}
.headerlink a:visited {
	text-decoration: none;
	font:Arial;
	font-weight:bold;
	font-size:16px;
	color: #fff;
}
.headerlink a:hover {
	text-decoration: underline;
	/*color: #cf1b38;*/
	color: #faf5a4;
	font:Arial;
	font-weight:bold;
	font-size:16px;	
}
.headerlink a:active {
	text-decoration: none;
	font:Arial;
	font-weight:bold;
	font-size:16px;
	color: #fff;
}

.rollover a:link {
  display: block;
  width: 38px;
  height: 20px;
  background: url(../images/top.gif) no-repeat;
}
.rollover a:hover{
  display: block;
  width: 38px;
  height: 20px;
  background: url(../images/top-over.gif) no-repeat;
}
.rollover a:active {
  display: block;
  width: 38px;
  height: 20px;
  background: url(../images/top.gif) no-repeat;
}
.rollover a:visited {
  display: block;
  width: 38px;
  height: 20px;
  background: url(../images/top.gif) no-repeat;
}
td{
	background: #ffffff;
}
.line{
	margin-left:30px;
	background: url(../images/line.gif) repeat-x;
	height:48px;
	width:654px;
	position:relative;
}
h1{
	font:Arial;
	font-size:17px;
	color: #002849;
}
.parrafo:first-letter{
	margin-left:30px;
	font-size:30px;
	color: #01203a;
	font:Arial;
}
h1{
	margin-left:30px;
	font-size:30px;
	color: #01203a;
	font:Arial;
}
.paragraph{
	padding-left:30px;
	padding-right:30px;
	font-size:14px;
	color: #01203a;
	font:Arial;
	text-align:justify;
}
.pcenter{
	padding-left:30px;
	padding-right:30px;
	font-size:14px;
	color: #01203a;
	font:Arial;
	text-align:center;
	}
.borde{
	border-bottom: #000 2px dashed;
}
.blue{
	background: #4188ac;
	background: url(../images/sea-fever-charters-rep.jpg) repeat-y;
	text-align:center;
}
.center{
	font:Arial;
	font-size:14px;
	text-align:center;
}
.lef {float: left;}
.right{ float:right;}

/*menu*/
.seafevermenu{
width: 230px; /*width of menu*/
}
.seafevermenu .headerbar{
font: bold 14px Arial;
color: white;
height:57px;
background: #fff url(../images/sea-fever-top.gif) no-repeat ; /*last 2 values are the x and y coordinates of bullet image*/
/*margin-bottom: 0; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}
.seafevermenu .bottombar{
font: bold 14px Arial;
color: white;
height:31px;
background: #fff url(../images/sea-fever-bottom.gif) no-repeat ; /*last 2 values are the x and y coordinates of bullet image*/
/*margin-bottom: 0; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.seafevermenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.seafevermenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.seafevermenu ul li a{
font: bold 15px Arial;
color: white;
background: url(../images/sea-fever-bg.gif) repeat;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 10px; /*link text is indented 8px*/
text-decoration: none;
}

.seafevermenu ul li a:visited{
color: white;
background: url(../images/sea-fever-bg.gif) repeat;
}

.seafevermenu ul li a:hover{ /*hover state CSS*/
color: white;
background: url(../images/sea-fever-over.gif) repeat;
}

/*charters menu*/
.chartersmenu{
width: 230px; 
}
.chartersmenu .headerbar{
font: bold 15px Arial;
color: white;
height:57px;
background: #fff url(../images/sea-fever-top02.gif) no-repeat ;
}
.chartersmenu .bottombar{
font: bold 14px Arial;
color: white;
height:31px;
background: #fff url(../images/sea-fever-bottom02.gif) no-repeat ; 
}

.chartersmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0;
}

.chartersmenu ul li{
padding-bottom: 0px; 
}

.chartersmenu ul li a{
font: bold 15px Arial;
color: white;
/*height:27px;*/
background: url(../images/sea-fever-bg02.gif) repeat;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 10px; 
text-decoration: none;
}

.chartersmenuul li a:visited{
color: black;
background: url(../images/sea-fever-bg02.gif) repeat;
}

.chartersmenu ul li a:hover{ 
color: white;
background: url(../images/sea-fever-over02.gif) repeat;
}
.center{
	text-align:center;
}
.boldcenter{
	text-align:center;
	font-weight:bold;
}
.red {
	background: #c22626;
	color: white;
	font-weight:bold;
	text-align:center;
}
.white{
	background: white; 
	border:solid 1px #b21b1b;
	color: black;
	font-weight:bold;
	text-align:center;
}
/*tablas*/
table.stats 
{
font: Arial;
text-align:center;
font-weight: normal;
font-size: 14px;
color: #fff;
width: 630px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin-left:32px;
}

table.stats td 
{background-color: #fff;
color: #000;
padding: 4px;
text-align: justify;
border: 1px #fff solid;}


table.stats td.hed
{background-color: #18649a;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 15px;
font-weight: bold;} 

table.charters 
{
font: Arial;
text-align:center;
font-weight: normal;
font-size: 14px;
color: #fff;
width: 600px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin:0 auto;
}

table.charters  td 
{background-color: #f3f3f3;
color: #00204f;
padding: 4px;
text-align: justify;
border: 1px #00204f solid;
margin-left:32px;}

table.charters  td.hed
{background-color: #00204f;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 15px;
font-weight: bold;} 

table.form 
{
font: Arial;
font-size: 13px;
color: #fff;
width: 600px;
background-color: #666;
border-collapse: collapse;
}

table.form  td 
{
background-color: #f3f3f3;
color: #00204f;
text-align: justify;
width:300px;
height:auto;
font-weight:bold;
}

table.form td.hed
{background-color: #00204f;
color: #fff;
text-align: center;
font-size: 15px;
font-weight: bold;} 

table.fishcalendar 
{
font: Arial;
text-align:center;
font-weight: normal;
font-size: 14px;
color: #fff;
width: 400px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin-left:150px;
}

table.fishcalendar  td 
{background-color: #f3f3f3;
color: #00204f;
padding: 4px;
text-align: justify;
border: 1px #00204f solid;
margin-left:32px;}

table.fishcalendar  td.hed
{background-color: #00204f;
color: #fff;
padding: 4px;
text-align: center;
font-size: 15px;
font-weight: bold;} 

.justify{text-align:justify; padding:5px 5px 5px 5px;}
table.charters{width:600px; height:auto; text-align:center; margin:0 auto;}
table.charters td.color{text-align:center; color:white; height:20px; background:url(../images/bg-rep.jpg) repeat; font:bold 13px Arial, Helvetica, sans-serif;} 
table.charters td.gris{background: #F6F6F6; color:#023f6a;}
h6{background:#ab0505; font:bold 13px Arial, Helvetica, sans-serif; color:#FFF; width:600px; height:20px; text-align:center; margin:0 auto;}