* {padding:0; margin:0; outline:0;}
.cl {font-size:0; line-height:0; height:0; display:block; clear:both;}
body {background:url(/images/bg.gif); font-family: "sans-serif", Arial, Helvetica; color:#333; font-size:13px; line-height:15px; padding-bottom:70px;}
a {color:#0f89df;text-decoration: underline;font-weight:bold}
a:hover {text-decoration:none;color:#ff6600}
a img {border:0;}

.shell {width:1000px; margin:0 auto}

ul.page {maring:0; padding: 0 0 0 30px}

#header {height:70px;}
#header .right-part{float: right; display: inline; padding-top:5px}
#header .right-part p{text-align: right;}
#header .right-part a{text-align: right; margin-left:18px}
h1#logo {background-image: none; font-size: 0;line-height:0;width:271px;height:64px;float: left;display: inline; padding-top:0px;border-bottom:0;padding-bottom:0}
h1#logo a {display: block; text-indent: -4000px; height:64px; background:url(/images/logo.png);}
h2{font-size: 16px; color:#3b3b3b; font-weight: bold; text-transform: uppercase; font-family: georgia, sans-serif; padding-bottom:8px; border-bottom:solid 2px #dedede; margin-right:5px}
h2 span{color:#ff0081}
h3{color:#0f89df; font-size: 15px; font-family: "trebuchet ms", sans-serif; text-transform: uppercase; line-height: 18px;}
h4{color:#0f89df; font-size: 12px; font-family: "trebuchet ms", sans-serif; text-transform: uppercase; line-height: 16px;}

h1 {color:#E58B03; font-size: 35px; text-transform:uppercase; margin-bottom:5px; border-bottom:1px solid #E58B03; padding-bottom:5px; width:765px;}
h1.b {color:#E58B03; font-size: 30px; text-transform: uppercase;margin-bottom:5px;border-bottom:1px solid #E58B03;padding-bottom:5px; width:765px}
h2.marina {color:#E58B03; font-size: 20px; font-weight:bold; text-transform: uppercase;margin-bottom:5px;border-bottom:1px solid #E58B03;padding-bottom:5px;width:100%}

.no-border{border-bottom:0;}

#content #main .box .right {float: right; display: inline;}

#nav{height:28px; background:url(/images/pink-right.gif) no-repeat right 0; padding-right:5px; font-family: sans-serif;}
#nav .inner{height:28px; background:url(/images/pink-rep.gif) repeat-x}
#nav ul{list-style-type: none; font-size: 12px; text-transform: uppercase; font-weight: bold; height:28px}
#nav li{float: left; display: inline; background:url(/images/li-bg.gif) no-repeat right 0; padding-right:1px }
#nav li a{float: left; display: inline; color:#fff; line-height: 28px; text-decoration: none; padding:0 11px}
#nav li a:hover {text-decoration: underline;}
#nav li a.first{background:url(/images/pink-left.gif) no-repeat; }
#nav li.active a.first{background:#74ccef url(/images/active.gif) no-repeat; }
#nav li.active a{background:#74ccef; color:#174f65; }

#content {padding-top:8px;}

a.view-all{font-size: 10px; text-transform: uppercase; color:#6b6b6b; text-decoration: none; background:url(/images/grey-rounded.gif); width:109px; line-height:22px; text-align: center; margin-top:14px}

#main {width:785px; float: right; display: inline;}
#main .box{width:785px; background:url(/images/box-rep.gif) repeat-y;  margin-bottom:8px}
#main .box .right-col{float: left; display: inline; width:302px; padding-left:8px; padding-top:5px}
#main .box .right-col h2{margin-bottom:10px;  }
#main .box .right-col .holder{width:143px; margin-bottom:20px; }
#main a.blue{color:#0f89df; text-decoration: none; font-weight: bold; float: left; margin-top:3px}

a.blue:hover { color:#ff00d2 !important;}
#main .box a img{display: block; border:solid 1px #dedede; padding:4px}
#main .box .top{width:785px; background:url(/images/box-top.gif) no-repeat; }
#main .box .bottom {width:765px; background:url(/images/box-bottom.gif) no-repeat 0 bottom; padding:20px 5px 10px 5px;min-height:614px}


#main .simple .holder{width:143px; float: left; display: inline; margin-right:9px}
#main .simple a {color:#0f89df; text-decoration: none;}
#main .simple a:hover {color:#ff6600; }
#main .simple a.image {float: left; display: inline;}
#main .simple a.image img{display: block; padding:4px; border:solid 1px #dedede;}

#main .frame{padding-top:19px}

.info{float: left; display: inline; width:420px; padding-left:8px}
.info span.date{color:#9b9b9b; display: block;}
.info p{padding-bottom:15px}

.description {width:200px; float: left; display: inline; padding-left:5px}
.description h4{padding-bottom:4px}
.description p {padding-bottom:10px; width:135px}

#sidebar {width:200px; float: left; display: inline; background:url(/images/sidebar.gif) repeat-y; border-bottom:solid 1px #dcdcdc; margin-bottom:10px; min-height:600px}
#sidebar .top{width:190px;  background:url(/images/sidebar-top.gif) no-repeat; padding-top:15px; padding-left:10px}
#sidebar ul.pink {list-style-type: none; font-size: 12px; padding-top:10px; width:190px;}
#sidebar ul.pink li{ background:url(/images/bull.gif) no-repeat 0 3px; padding-left:15px; text-transform: uppercase; padding-bottom:10px}
#sidebar ul.pink li a{color:#0f89df; text-decoration: none;}
#sidebar ul.pink li a:hover{text-decoration: underline;}
#sidebar ul.blue{list-style-type: none; padding-top:10px; margin-bottom:30px}
#sidebar ul.blue li{border-bottom:solid 1px #ededed; padding-bottom:5px; padding-top:2px; font-size: 12px;}
#sidebar ul.blue li a{text-transform: none; color:#0f89df; }
#sidebar ul.blue small {color:#8e8e8e; display: block;}
#sidebar ul.blue small a{color:#ff00d2}
#sidebar h2 {font-size: 16px; color:#3b3b3b; font-weight: bold; text-transform: uppercase; font-family: georgia, sans-serif; padding-bottom:8px; border-bottom:solid 2px #dedede; margin-right:5px}
#sidebar h2 a {text-decoration:none;color:#3b3b3b}
#sidebar h2 a:hover {text-decoration:underline}

#footer {background:#fff; border:solid 1px #dcdcdc; height:70px; font-size: 10px; color:#515151; text-transform: uppercase; font-family: "trebuchet ms", sans-serif; text-align: right;}
#footer .opciones { padding-top:10px;float:right;font-size:13px;padding-right:17px}
#footer .opciones {text-transform:none}
#footer .right-area{float: right; display: inline; padding-top:19px; padding-right:17px}
#footer a.sm-logo{background:url(/images/marinas.gif); width:309px; height:34px; float: left; text-indent: -4000px; line-height: 0; font-size: 0; margin:16px 0 0 20px; text-align: left;}

.localizador {position:relative; height:21px; width:100%; margin-top:-20px; padding:5px 0 0 5px; margin-bottom:18px;}
.localizador ul{position:relative; margin:0; padding:0; height:21px;}
.localizador ul li{padding:0; margin:0; list-style:none; float:left; height:20px display:inline; backgroun:url(/images/arrow.gif);font:12px Arial, Helvetica, sans-serif;}
.localizador ul li a{color:#68B9F4; text-decoration:none; line-height:20px; display:block; background:url(/images/arrow.gif) 100% 1px no-repeat; padding:0 16px 0px 0px; }
.localizador ul li a:hover {text-decoration:underline; color:#;}
.localizador ul li a.active{background:none; color:#0f89df; font-weight:bold;}
.localizador ul li a.active:hover {text-decoration:underline;}
.localizador ul li.first {background:url(/images/home.gif) no-repeat left top;padding-left:20px;text-indent:-4000px}

.b-rounded {}
.b-rounded .br_t, .b-rounded .br_b {position: relative; font-size: 0; line-height: 0; height: 1px; margin: 0 3px; border-top: 1px solid #3b3b3b; background: #6f6f6f;}
.b-rounded .br_b {border-bottom: 1px solid #3b3b3b; border-top: 0; background: #4d4d4d;}
.b-rounded .br_l, .b-rounded .br_r {position: absolute; width: 3px; height: 3px; top:-1px; overflow: hidden; background: url(/images/rounded.png) no-repeat;}
.b-rounded .br_l {left:-3px}
.b-rounded .br_r {left:0; margin-left:100%;}
.b-rounded .br_t .br_l {background-position: 0 -6px;}
.b-rounded .br_t .br_r {background-position: -3px -6px;}
.b-rounded .br_b .br_l {background-position: 0 -9px;}
.b-rounded .br_b .br_r {background-position: -3px -9px;}
.b-rounded .br_m {border-left: 1px solid #3b3b3b; border-right: 1px solid #3b3b3b; background: #565656;}
.b-rounded .br_m_i {border-left: 1px solid #4d4d4d; border-right: 1px solid #4d4d4d; padding:12px 15px;}

.b-rounded_white{}
.b-rounded_white .br_t,.b-rounded_white .br_b {border-color: #dcdcdc; background: #fff;}
.b-rounded_white .br_t .br_l{background-position: 0 -12px;}
.b-rounded_white .br_t .br_r{background-position: -3px -12px;}
.b-rounded_white .br_b .br_l{background-position: 0 -15px;}
.b-rounded_white .br_b .br_r{background-position: -3px -15px;}
.b-rounded_white .br_m {border-left-color: #dcdcdc; border-right-color: #dcdcdc; background: #ffffff;}
.b-rounded_white .br_m_i {border-left:0; border-right:0;}

.b-rounded_grey {}
.b-rounded_grey .br_t, .b-rounded_grey .br_b {border-color: #dcdcdc; background: #efefef;}
.b-rounded_grey .br_t .br_l{background-position: 0 -18px;}
.b-rounded_grey .br_t .br_r{background-position: -3px -18px;}
.b-rounded_grey .br_b .br_l{background-position: 0 -21px;}
.b-rounded_grey .br_b .br_r{background-position: -3px -21px;}
.b-rounded_grey .br_m {border-left-color: #dcdcdc; border-right-color: #dcdcdc; background: #efefef;}
.b-rounded_grey .br_m_i {border-left:0; border-right:0;}

.b-rounded_green {}
.b-rounded_green .br_t, .b-rounded_green .br_b {border-color: #669807; background: #73ab08;}
.b-rounded_green .br_t .br_l{background-position: 0 0;}
.b-rounded_green .br_t .br_r{background-position: -3px 0;}
.b-rounded_green .br_b .br_l{background-position: 0 -3px;}
.b-rounded_green .br_b .br_r{background-position: -3px -3px;}
.b-rounded_green .br_m {border-left-color: #669707; border-right-color: #669707; background: #588c04 url(/images/gr.gr.png) repeat-x 0 0;}
.b-rounded_green .br_m_i {background: url(/images/head.jpg) no-repeat 0 0; border-left-color: #669c06; border-right-color: #669c06;}

.ads {padding:2px;font-size:11px;min-height:180px}
.cuadro {background:#E0E0E0; padding:5px;font-size:13px;color:#ff6600}
.perfil {background:#fff; padding:5px;font-size:13px;}
.perfil p {line-height:18px}


#marinas {width:580px; border:1px solid #d4d4d4; padding:5px; background:#fff; margin-bottom:10px; height:100px}
#marinas:hover {width:580px; border:1px solid #ff6600; background:#FFF9F0;}
#marinas img {float:left; margin-right:10px; width:120px; height:90px}
#marinas h3 {font-size:17px; color:#0f89df; padding:0 0 8px 0; text-transform:none}