html{font-size:100.01%;}
body { margin:0; color:#3d4345; font:64% Arial, Helvetica, sans-serif; background:#2189bf; }
form { margin:0; padding:0; }
/*-----header-----*/
#header { width:100%; min-width:998px; background:url(../images/header-bg.gif) repeat-x; position:absolute; top:0; left:0; }
#header .header-area { clear:both; overflow:visible; margin:0 auto; width:998px; height:125px; }
#header .logo { float:left; margin:13px 0 0 9px; }
#header .logo a { display:block; width:240px; height:66px; text-indent:-9999px; overflow:hidden; background:url(../images/logo.gif) no-repeat; }
#header p { float:left; margin:60px 0 0 160px; display:inline; color:#fff; font:15px/18px Arial, Helvetica, sans-serif; }
#header .search-bar { float:right; width:276px; padding:54px 0 0; }
#header .search-bar span { float:left; margin:0 6px 0 0; border:1px solid #1f89bd; width:170px; padding:4px 8px 0 30px; height:20px; background:url(../images/inp-search.gif) no-repeat; }
#header .search-bar span input { float:left; margin:0; padding:0; width:170px; height:auto; color:#5e6264; font:13px Arial, Helvetica, sans-serif; border:0; background:none; }
#header .search-bar input { float:left; margin:0; padding:0 0 2px; width:58px; height:26px; color:#5e6264; font:13px Arial, Helvetica, sans-serif; background:url(../images/btn-search.gif) no-repeat; border:0; }
/*---nav-bar---*/
.nav-bar { overflow:visible; width:1010px; height:32px; padding:13px 0 0; clear:both; }
.nav-bar ul { overflow:visible; margin:0; padding:5px 0 0; width:100%; position: relative; }
.nav-bar ul li { float:left; padding:0 5px; list-style:none; background:url(/images/nav-separator.gif) no-repeat 0 60%; font:13px/22px Arial, Helvetica, sans-serif; color:#fff; }
.nav-bar ul li:last-child { padding-right: 0px; }
.nav-bar ul li:first-child {background:none;}
.nav-bar ul li a { float:left; color:#fff; text-decoration:none; }
.nav-bar ul li a.active { margin:0 -6px 0 -5px; color:#1385b0; background:#f5f5f5 url(../images/nav-active-l.gif) no-repeat; position:relative; }
.nav-bar ul li a.active span { float:left; padding:0 6px 0 5px; cursor:pointer; background:url(../images/nav-active-r.gif) no-repeat 100% 0; }
.nav-bar ul li a:hover span, .nav-bar ul li a:hover {text-decoration:underline;}
/*-----content-----*/
#content { width:100%; min-width:998px; padding:125px 0 20px; background:#fff url(../images/content-bg.gif) repeat-x 0 100%; }
#content .content-area { clear:both; overflow:hidden; margin:0 auto; padding:0 0 12px; width:998px; }
span.contact-title { color:#1385b0; }
span.table-footer { float:right; font:italic 75% Arial, Helvetica, sans-serif; }
div.quotes { margin-left: auto; margin-right: auto; text-align: center; font-size: 12px; width: 300px; font-family: Arial, Helvetica, sans-serif; font-style: italic }
/*---top-menu---*/
.top-menu { width:100%; min-width:998px; background:url(../images/top-menu-bg.gif) repeat-x; }
.top-menu .top-menu-area { clear:both; overflow:hidden; margin:0 auto; width:998px; height:171px; }
.top-menu ul { overflow:hidden; width:100%; margin:14px 0 0; padding:0; width:1002px; }
.top-menu ul li { float:left; width:123px; padding:0 1px; list-style:none; }
.top-menu ul li span { display:block; margin:6px 0 0; padding:0 0 10px; width:123px; background:url(../images/top-menu-item-bottom.gif) no-repeat 0 100%; }
.top-menu ul li a { display:block; width:113px; padding:6px 5px 0; background:url(../images/top-menu-item-top.gif) no-repeat; text-align:center; text-decoration:none; position:relative; }
.top-menu ul li a img { display:block; margin:0; border:none; cursor:pointer; }
.top-menu ul li a strong { display:block; width:100%; padding:6px 0 0; color:#1082b2; font:12px/15px Arial, Helvetica, sans-serif; cursor:pointer; }
.top-menu ul li a:hover {margin:-6px 0 0;}
.top-menu ul li a:hover strong {padding:12px 0 0;}
/*---info-colum---*/
.info-column { float:left; width:310px; padding:30px 0 0 5px; }
.info-column h3 { margin:0; padding:0 0 2px 2px; color:#B55311; font:bold 150%/130% Arial, Helvetica, sans-serif; letter-spacing:-1px; border-bottom:1px solid #d4d4d4; }
.info-column h3 a { margin:0; padding:0 0 2px 2px; color:#B55311; letter-spacing:-1px; border-bottom:1px solid #d4d4d4; text-decoration: none; }
/*--sub-menus-*/
.about-us { overflow:hidden; width:100%; padding:0 0 30px; }
.about-us ul { overflow:hidden; width:100%; margin:5px 0 0; padding:0; }
.about-us ul li { float:left; width:100%; margin:1px 0 0; list-style:none; background:#f0f0f0 url(../images/about-us-item-bg.gif) repeat-x; font:bold 140%/200% Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.about-us ul li a { display:block; padding:0 13px 0 27px; width:270px; color:#8f8f8f; text-decoration:none; background:url(../images/ico-02.gif) no-repeat 10px 50%; }
.about-us ul li.active a {color:#1385b0;}
.about-us ul li a:hover {color:#b41b1b;}
/*--news-*/
.news { overflow:hidden; width:100%; padding:0 0 30px; }
.news ul { overflow:hidden; width:100%; margin:0; padding:0; }
.news ul li { float:left; width:100%; padding:6px 0; list-style:none; background:url(../images/dashed-line.gif) repeat-x 0 100%; }
.news ul li em { display:block; padding:0 0 0 14px; color:#a0a2a5; font:120%/130% Arial, Helvetica, sans-serif; background:url(../images/ico-01.gif) no-repeat 0 4px; }
.news ul li strong a { display:block; color:#b41b1b; font:150%/130% Arial, Helvetica, sans-serif; letter-spacing:-1px; text-decoration:none; }
.news ul li p { margin:2px 0 0; padding:0 0 2px; color:#3d4345; font:120%/130% Arial, Helvetica, sans-serif; }
.news ul li span { display:block; width:100%; }
.news ul li span a { padding:0 14px 0 0; color:#a0a2a5; font:120%/130% Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/ico-02.gif) no-repeat 100% 56%; }
.news ul li span a:hover,
.news p a:hover {text-decoration:underline;}
.news p { margin:4px 0 0; color:#a0a2a5; font:120%/130% Arial, Helvetica, sans-serif; }
.news p a { padding:0 14px 0 0; color:#a0a2a5; text-decoration:none; background:url(../images/ico-02.gif) no-repeat 100% 56%; }
/*--side-menu--*/
.side-menu { overflow:hidden; width:100%; padding:0 0 30px; }
.side-menu ul { overflow:hidden; width:100%; margin:0; padding:0; }
.side-menu ul li { float:left; width:100%; list-style:none; }
.side-menu ul li a { display:block; overflow:hidden; width:302px; padding:0 4px; border-bottom:1px solid #d4d4d4; text-decoration:none; }
.side-menu ul li a:hover {background:#f0f0f0;}
.side-menu ul li a:hover strong {color:#b91e0d;}
.side-menu ul li a strong { float:left; color:#1385b0; font:bold 140%/180% Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.side-menu ul li a span { float:right; color:#a0a2a5; font:120%/200% Arial, Helvetica, sans-serif; cursor:pointer; padding:0 14px 0 0; background:url(../images/ico-02.gif) no-repeat 100% 56%; }
/*--sertificate--*/
.sertificate { overflow:hidden; width:45%; padding:0 0 0px; float: left; }
.sertificate img { display:block; margin:0; border:none; height: 70px; }
/*---info-block---*/
.info-block { float:right; width:652px; padding:16px 4px 0 0; }
.info-block .holder { overflow:hidden; clear:both; width:100%; }
.info-block .list-holder {overflow:hidden;}
span.B_crumbBox { float:right; margin:0; padding:0; font:13px/16px Arial, Helvetica, sans-serif; color:#a0a2a5; }
a.B_homeCrumb, a.B_crumb { color:#B41B1B; text-decoration:underline; }
a.B_homeCrumb:hover, a.B_crumb:hover {text-decoration:none;}
.info-block h1 { margin:10px 0 0; color:#1385b0; font:250%/120% Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.info-block h2 { margin:10px 0 0; color:#1385b0; font:230%/120% Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.info-block h3 { margin:28px 0 0; color:#1385b0; font:190%/120% Arial, Helvetica, sans-serif; }
.info-block h4 { margin:28px 0 0; color:#1385b0; font:160%/120% Arial, Helvetica, sans-serif; }
.info-block img { display:block; padding:4px; border:1px solid #d4d4d4; }
.info-block img.left { float:left; margin:18px 18px 0 0; }
.info-block img.right { float:right; margin:18px 0 0 18px; }
.info-block p.intro-paragraph { display:block; width:100%; margin:16px 0 0; padding:10px 0; border:1px solid #d4d4d4; border-width:1px 0; color:#b55311; font: bold 140%/140% Georgia, "Times New Roman", Times, serif; }
.info-block p { margin:17px 0 0; color:#3d4345; font:130%/130% Arial, Helvetica, sans-serif; }
.info-block p a { color:#b91e0d; text-decoration:underline; }
.info-block p a:hover {text-decoration:none;}
.info-block p a:visited {color:#b6847e;}
.info-block ol { overflow:hidden; margin:14px 0 0 15px; padding:0; }
.info-block ol li { margin:8px 0 0 24px; vertical-align:top; }
.info-block ol { color:#3d4345; font:130%/130% Arial, Helvetica, sans-serif; }
.info-block ul { overflow:hidden; font:130%/130% Arial, Helvetica, sans-serif; margin:10px 0 0; padding:0 0 10px; }
.info-block ul li { vertical-align:top; list-style:none; padding:8px 0 0 32px; color:#3d4345; background:url(../images/blue-dot.gif) no-repeat 18px 15px; }
.info-block ul ul { font-size: 100%; }
.info-block ul.news-list { overflow:hidden; font-size: 100%; width:100%; margin:12px 0 0; padding:0; background:url(../images/dashed-line.gif) repeat-x; }
.info-block ul.news-list li { float:left; width:100%; padding:8px 0; list-style:none; background:url(../images/dashed-line.gif) repeat-x 0 100%; }
.info-block ul.news-list li em { display:block; padding:0 0 0 14px; color:#a0a2a5; background:url(../images/ico-01.gif) no-repeat 0 4px; }
.info-block ul.news-list li strong { display:block; color:#b41b1b; font:150%/130% Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.info-block ul.news-list li p { margin:2px 0 0; padding:0 0 2px; color:#3d4345; }
.info-block ul.news-list li span { display:block; width:100%; }
.info-block ul.news-list li span a { padding:0 14px 0 0; color:#a0a2a5; text-decoration:none; background:url(../images/ico-02.gif) no-repeat 100% 56%; }
.info-block ul.news-list li span a:hover {text-decoration:underline;}
.location { float:left; width:310px; padding:40px 0 0; }
.location .location-title { overflow:hidden; width:100%; margin:0 0 14px; border-bottom:1px solid #d4d4d4; }
.location .location-title h3 { float:left; margin:0; color:#1385b0; font:bold 150%/130% Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.location .location-title a { float:right; padding:0 14px 0 0; color:#a0a2a5; font:120%/130% Arial, Helvetica, sans-serif; background:url(../images/ico-02.gif) no-repeat 100% 55%; text-decoration:none; }
.location .location-title a:hover {text-decoration:underline;}
.location img { display:block; border:1px solid #d4d4d4; padding:4px; }
.facilities { float:right; width:310px; padding:40px 0 0; }
.facilities .facilities-title { overflow:hidden; width:100%; margin:0 0 14px; border-bottom:1px solid #d4d4d4; }
.facilities .facilities-title h3 { float:left; margin:0; color:#1385b0; font:bold 150%/130% Arial, Helvetica, sans-serif; letter-spacing:-1px; }
.facilities .facilities-title a { float:right; padding:0 14px 0 0; color:#a0a2a5; font:120%/130% Arial, Helvetica, sans-serif; background:url(../images/ico-02.gif) no-repeat 100% 55%; text-decoration:none; }
.facilities .facilities-title a:hover {text-decoration:underline;}
.facilities p { margin:16px 0 0; color:#3d4345; font:130%/130% Arial, Helvetica, sans-serif; }
.facilities ul { overflow:hidden; margin:5px 0 0; padding:0; width:100%; }
.facilities ul li { float:left; padding:3px 0 0 30px; width:280px; background:url(../images/blue-dot.gif) no-repeat 17px 9px; color:#3d4345; }
/*-----footer-----*/
#footer { width:100%; min-width:998px; background:#2189bf url(../images/footer-bg.gif) repeat-x; }
#footer .footer-area { clear:both; overflow:hidden; margin:0 auto; padding:18px 0 20px; width:998px; background:url(../images/footer-area-bg.gif) no-repeat; } #footer .f-info { float:right; width:570px; }
#footer .f-info p { margin:0; padding:0 7px 8px 0; text-align:right; color:#fff; font:120%/130% Arial, Helvetica, sans-serif; }
#footer ul { float:left; margin:0; padding:0; }
#footer ul li { float:left; padding:0 8px 0 9px; list-style:none; background:url(../images/f-separator.gif) no-repeat 0 60%; font:120%/130% Arial, Helvetica, sans-serif; color:#fff; }
#footer ul li:first-child {background:none;}
#footer a { color:#fff; text-decoration:underline; }
#footer a:hover {text-decoration:none;}
/*---search results - added by DSG---*/
p.ajaxSearch_resultsInfo { margin-bottom: 20px; font-weight: bold;}
.ajaxSearch_result { margin-bottom: 20px; }
.ajaxSearch_resultLink { font-size: 1.4em; clear: both; }
span.ajaxSearch_resultDescription { font-size: 1.3em; margin-left: 10px;}
div .ajaxSearch_extract p { margin-top: 5px;}
div .ajaxSearch_resultsIntroFailure { margin-top: 20px; font-size: 1.3em; }
.paging1 { display:block; margin: 20px 0; }
/*---maxi gallery styles - added by DSG---*/
ul.thumbs li {list-style: none; background: none; padding-left: 0; padding-right: 3px; width: 150px; float: left; height: 200px; overflow: hidden;}
ul.thumbs li p {margin-top: 0; padding-top: 0; padding-left: 10px;}
table.normal-table { /*width:95%;*/ font: 120%/18px Arial, Helvetica, sans-serif; /*color: #5b5b5b;*/ text-align:left; border: 0px solid #FFFFFF; border-collapse: collapse; margin: 10px 0; }
table.formatted-table { width:95%; font: 120%/18px Arial, Helvetica, sans-serif; color: #5b5b5b; text-align:left; border: 2px solid #5b5b5b; border-collapse: collapse; margin: 10px 0; }
table.formatted-table td, table.berths th { border-bottom: 1px solid #5b5b5b; border-right: 1px solid #5b5b5b; padding-left: 10px }
table.formatted-table th { background:#f0f5f9; color:#2c6b8d; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #5b5b5b; }
.right-image { float: right; margin: 0 0 5px 10px; border: 1px solid #C9C9C9; padding: 2px; }
.submit-button { width:70px; float:left; }
.clear-button { width:70px; float:left; margin-left:10px; }
/*----- Tide Tables -----*/
span.tilde{display:block;}
table.tide{ margin: 10px 0 10px 0; font-family:Arial, Helvetica, sans-serif; }
tr.month{ background-color:#7EC7DE; }
tr.month td{ min-height: 35px; /* fijate q alto */ height: auto !important; padding-left:7px; padding-top:5px; padding-bottom:5px; }
tr.month p{ color:#325698; font-size:18px; } tr.title{ background-color:#999999; text-align:center; min-height: 35px; /* fijate q alto */ height: auto !important; height: 35px; }
tr.title{ color:#FFF; padding-top:5px; padding-bottom:5px; padding-left:0px; font-size:11px; }
tr.title td{ width:50px; }
tr.content{ background-color:#E8E8E8; text-align:center; font-size:11px; }
tr.content td.date { color:#1C5193; font-size:11px; font-weight:bold; }
tr.content td.time { font-weight:bold; } tr.content td img{ border:none; }
/*######### duplicate tide tables ##############*/
table.tide-2 { width: 625px; border-collapse: collapse; margin: 25px 0 0 0; }
table.tide-2 thead tr th { background: #83D0E4; color:#267BB5; vertical-align: middle; padding: 0 10px 0 10px; border: 3px solid #FFF; text-align: left; }
table.tide-2 thead tr th p { color:#267BB5; line-height: 34px; margin: 0px; padding: 0px; font-size: 18px; }
table.tide-2 tbody tr td { height: 28px; vertical-align: middle; text-align: left; padding: 0 10px 0 10px; background: #E0E0E0; border: 3px solid #FFF; }
table.tide-2 tbody tr td span { color: #FC4B11; } table.tide-2 tbody tr td.first { height: 28px; vertical-align: middle; text-align: left; padding: 0 10px 0 10px; background: #B8B8B8; color: #FFF; font-size: 12px; } #future_tides { width: 625px; margin: 25px 0 0 0; } #future_tides p.title { background: #83D0E4; color:#267BB5; line-height: 34px; margin: 0px; padding: 0 0 0 10px; font-size: 18px; } #future_tides form { display: block; float:left; width: 625px; } #future_tides form p { display: block; float:left; width: 625px; padding: 0 0 0 10px; } #future_tides form p label { display: block; float: left; width: auto; line-height: 28px; margin: 0 0 0 8px; } #future_tides form p select { display: block; float: left; width: 100px; height: 24px; margin: 1px 0 0 8px; border: 1px solid #ACACAC; } #future_tides form p button { display: block; float: left; height: 24px; margin: 1px 0 0 8px; }
.ditto_paging { border-top: 1px solid #ccc; padding: 10px; font-size: 86%; color: black;}#ditto_pages .ditto_currentpage { border: 1px solid black; padding: 1px 5px 2px 1px; margin-right: 1px; background-color: #008CBA; color: #fff;} #ditto_pages .ditto_off { border: 1px solid #ccc; padding: 1px 5px 2px 1px; margin-right: 1px; color: #ccc;}#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited { border: 1px solid #008CBA; padding: 1px 5px 2px 1px; margin-right: 1px; text-decoration: none !important; color: black;} #ditto_pages a:hover { background-color: #fff; color: #000;}
#ditto_pages { margin: 3px 3px 3px 3px; }
.facilities-links {
width:200px;
float: left;
margin-left:5px;
margin-bottom: 15px;
}
.facilities-page .facilities-links {
min-height: 250px;
}
.sail-training-logo {
width: 120px;
height: 130px;
float: left;
margin: 10px 5px 0px 0px;
}
.oe-center {
margin: 0 auto;
text-align: center;
}
.oe-center img {
margin: 0 auto;
border: none;
}
#flashcontent {
height: 270px;
overflow: hidden;
display: block
}
#webcam {
display: block;
}
/* SLIMBOX */
#lbOverlay {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
cursor: pointer;
}
#lbCenter, #lbBottomContainer {
position: absolute;
z-index: 9999;
overflow: hidden;
background-color: #fff;
}
.lbLoading {
background: #fff url(images/loading.gif) no-repeat center;
}
#lbImage {
position: absolute;
left: 0;
top: 0;
border: 10px solid #fff;
background-repeat: no-repeat;
}
#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}
#lbPrevLink {
left: 0;
}
#lbPrevLink:hover {
background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
right: 0;
}
#lbNextLink:hover {
background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #fff;
border-top-style: none;
}
#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(images/closelabel.gif) no-repeat center;
margin: 5px 0;
outline: none;
}
#lbCaption, #lbNumber {
margin-right: 71px;
}
#lbCaption {
font-weight: bold;
}
.tsr-logo a {
}
.tsr-logo a img {
padding: 0;
margin-top:10px;
}
.tsr-promo {
}
.tsr-promo p {
color: #3D4345;
font: 120%/130% Arial,Helvetica,sans-serif;
margin: 10px 0 20px;
padding: 0 0 2px;
}
.tsr-more {
background: url("../images/ico-02.gif") no-repeat scroll 100% 56% transparent;
color: #A0A2A5;
font: 12px/130% Arial,Helvetica,sans-serif;
padding: 0 14px 0 0;
text-decoration: none;
}