html, body {
font: .9em/1em verdana, helvetica, arial, sans-serif;
color: #fff; 
background: #9cf;
}
hr {
color: #4d8eb5;
background-color: inherit;
clear: both;
}
h1 {
font-size: 18px;
font-style: italic;
line-height: 110%;
text-align: center;
color: #fff;
background: inherit;
margin-top: 152px;
padding: 1%;
}
h2 {
font-size: 1.3em;
line-height: 120%;
text-align: left;
color: #fff;
background: #903;
padding: 1% 1% 1% 2%;
margin-top: 25px;
clear: both;
}
h2.home {
font-size: 1.3em;
line-height: 120%;
text-align: center;
color: #fff;
background: #903;
padding: 1%;
margin-top: 25px;
width: 100%;
}
h3 {
font-size: 1.2em;
text-align: left;
color: #fff;
background: #c66;
clear: both;
padding: 3px 3px 3px 1%;
margin-right: 35%;
}
h3.home {
font-size: 1.2em;
text-align: left;
width: 220px;
color: #fff;
background: #c66;
clear: none;
padding: 3px 3px 3px 1%;
}
h4 {
font-size: 1.3em;
line-height: 120%;
text-align: left;
color: #fff;
background: #903;
padding: 1% 1% 1% 2%;
margin-top: 25px;
clear: both;
}
h5 {
font-size: 1.3em;
text-align: center;
width: 100%;
padding: 3px;
color: #fff;
background-color: #4d8eb5;
}
h5.special {
font-size: 1.3em;
text-align: center;
width: 158px;
padding: 3px;
color: #fff;
background-color: red;
}
.header {
font-size: 1em;
background: #4d8eb5;
width: 100%;
margin-left: 2%;
}
.lp {
margin-top: 4px;
margin-bottom: -10px;
line-height: 120%
}
.first {
margin-top: 35px;
}
.green {
border: 2px solid #fff;
color: white;
background-color: #090;
width: 20px;
}
.red {
border: 2px solid #fff;
color: white;
background-color: red;
width: 20px;
}
.specials {
color: red;
background-color: transparent;
font-weight: bold;
}
.strong {
font-weight: bold;
color: #fff;
background-color: #f00;
text-align: center;
padding: 2px;
width: auto;
}
.label {
color: #fff;
background-color: #c66;
text-align: center;
padding: 1%;
width: 150px;
margin-bottom: 5px;
}
.form {
text-align: left;
margin-left: 20%;
}
.white {
border: 2px solid #fff;
padding: 3%;
width: 100%;
}
.shade {
color: #fff;
background: #4d8eb5;
padding: 3%;
width: 100%;
}
.center {
margin: 25px 0;
text-align: center;
}
.cat {
font-weight: bold;
}
.cat2 {
margin-left: 145px;
}
.info {
font-size: 1.3em;
font-weight: bold;
margin-left: 135px;
}
.info2 {
margin-left: 135px;
margin-bottom: -10px;
}
.info3 {
margin-left: 135px;
margin-bottom: 10px;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
dt.faq {
font-weight: bold;
}
dd.faq {
font-weight: normal;
margin-bottom: 5px;
}
li.terms {
font-size: .85em;
margin-bottom: 20px;
}
table {
font-size: 0.85em;
}

th {
font-size: 12px;
color: #fff;
background: #903;
padding: 3px;
}
th.days {
color: #903;
background: #fff;
font-size: .75em;
padding: 3px;
}
tr.uno {
color: #009;
background: #eee;
}
tr.dos {
color: #009;
background: #ddd;
}
tr.sep {
color: #009;
background-color: #903;
}
td {
padding: 5px;
text-align: center;
}
td.b {
width: 20px;
height: 20px;
padding: 5px;
text-align: center;
}
td.a {
text-align: center;
font-weight: bold;
width: 20px;
height: 20px;
color: #fff;
background-color: #090;
padding: 5px;
}
td.na {
text-align: center;
font-weight: bold;
width: 20px;
height: 20px;
color: #fff;
background-color: red;
padding: 5px;
}
td.pic {
text-align: left;
width: 100px;
}
td.place {
text-align: center;
font-weight: bold;
width: 180px;
}
td.img {
text-align: center;
width: 33%;
border: 0px;
}
td.desc {
text-align: left;
width: 45%;
}
td.dist {
text-align: left;
width: 25%;
}
td.title {
text-align: right;
font-weight: bold;
width: auto;
height: 25%;
color: #fff;
background-color: #c66;
padding: 1%;
}
td.header {
text-align: right;
font-weight: bold;
width: auto;
height: 25%;
color: #fff;
background-color: #c66;
padding: 1%;
}
td.input {
text-align: left;
font-weight: normal;
width: auto;
height: 75%;
color: #009;
background-color: #fff;
padding: 5px;
}
img.logo {
color: #fff;
background-color: inherit;
text-align: center;
width: 560px;
height: 120px;
}
img.logobellamar {
color: #fff;
background-color: inherit;
text-align: center;
width: 120px;
height: 67px;
}
img.int {
float: left;
clear: none;
width: 300px;
height: 225px;
margin-bottom: 20px;
margin-right: 20px;
}
img.intnuev {
float: left;
clear: none;
width: 350px;
height: 233px;
margin-bottom: 20px;
margin-right: 20px;
}
img.lp {
float: left;
clear: none;
width: 400px;
height: 300px;
margin-bottom: 20px;
margin-right: 30px;
}
img.home {
float: right;
clear: none;
width: 500px;
height: 200px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
}
img.mapyuc {
float: left;
clear: none;
width: 350px;
height: 362px;
margin-bottom: 10px;
margin-right: 20px;
}
img.mapak {
width: 400px;
height: 213px;
margin-top: 15px;
margin-bottom: 10px;   
}
.pic {
float: none;
clear: none;
width: 300px;
height: 225px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 30px;
}
.picnuev {
float: none;
clear: none;
width: 300px;
height: 199px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 30px;
}
.picr {
float: right;
clear: left;
width: 300px;
height: 225px;
margin-left: 10px;
margin-bottom: 30px;
}
.picl {
float: left;
clear: right;
width: 300px;
height: 225px;
margin-right: 10px;
margin-bottom: 30px;
}
img.intright {
float: right;
clear: both;
width: 300px;
height: 225px;
margin-bottom: 20px;
margin-left: 20px;
}
img.cat {
float: left;
clear: both;
width: 120px;
height: 90px;
margin: 10px 20px 20px 0;
border: 1px solid #ccc;
}
img.home1 {
float: none;
clear: both;
width: 120px;
height: 90px;
margin: 10px 0px -10px;
border: 1px solid #ccc;
}
img.home2 {
float: left;
clear: none;
width: 120px;
height: 90px;
margin: 10px 10px 10px 0;
border: 1px solid #ccc;
}
img.info {
font-size: small;
float: left;
clear: both;
width: 90px;
height: 100px;
margin: 10px 20px 20px 0;
border: 1px solid #ccc;
}
img.about {
font-size: small;
float: left;
clear: both;
width: 90px;
height: 120px;
margin: 10px 20px 20px 0;
border: 1px solid #ccc;
}
div#main {
color: #009;
background: #4d8eb5 url(images/background.gif);
margin: 20px;
border: 1px solid #4d8eb4;
}
div#header {
position: absolute;
z-index: 0;
background-color: #4d8eb5;
top: 20px;
width: 85%;
margin: 2% 0 5% 4%;
}
div#weather {
position: absolute;
z-index: 2;
background-color: transparent;
top: 5px;
left: 5px;
}
div#logobellamar {
position: absolute;
z-index: 1;
background-color: transparent;
top: 232px;
left: 215px;
}
div#hotelsearch {
position: absolute;
z-index: 2;
background-color: transparent;
top: 200px;
right: 40px;
}
div#footer {  
font-size: .7em;
text-align: center;
line-height: .8em;
height: auto;
}
div#search {
color: #4d8eb5;
background-color: #fff;
font-size: 6pt;
font-weight: bold;
text-align: right;
margin: -5px 0 -20px 80px;
padding: 3px;
}
div#ava {
text-align: center;
margin-top: -30px;
margin-left: -15px;
}
div#navinv {
display: none;
color: #fff;
background-color: transparent;
text-align: center;
position: absolute;
z-index: 1;
width: 550px;
height: 115px;
top: 50px;
left: 80px;
}
div#nav {
color: #fff;
background-color: transparent;
line-height: 150%;
text-align: center;
position: absolute;
padding-top: 3px;
width: 165px;
height: auto;
top: 185px;
left: 2px;
}
div#navfix {
color: #fff;
background-color: transparent;
line-height: 150%;
text-align: center;
position: absolute;
padding-top: 3px;
width: 165px;
height: auto;
top: 185px;
left: 2px;
}
div#navsec {
color: #633;
background-color: transparent;
line-height: 150%;
text-align: left;
margin-left: 4px;
width: 90%;
height: auto;
}
div#navter {
color: #633;
background-color: transparent;
line-height: 110%;
text-align: left;
margin-top: 5px; 
width: 88%;
height: auto;
border: none;
}
div#navint {
line-height: 110%;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
border: none;
font-weight: bold;
}
div#lp {
line-height: 150%;
text-align: left;
margin-top: 20px;
margin-bottom: 10px;
border: none;
font-weight: bold;
}
div#photos {
line-height: 110%;
text-align: center;
margin-top: 20px;
font-size: .85em;
font-weight: bold;
}
div#content {
font-size: 1em;
line-height: 1.5em;
color: #009;
background: #fff;
height: auto;
margin-left: 110px;
padding: 1% 5% 1% 7%;
}
div#contenidos {
text-align: left;
font-size: 1em;
line-height: 1.5em;
color: #009;
background: #fff;
height: auto;
margin-left: 0px;
padding: 1% 5% 1% 7%;
}
div#info {
text-align: center;
}
div#copy {
font-size: 7pt;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
div#oculto {
display: none;
}
h4 a {
color:#fff;
background: transparent;
text-decoration: underline;
}
h4 a:link {
color: #fff;
background: transparent;
text-decoration: underline;
}
h4 a:visited {
color: #fff;
background: transparent;
text-decoration: underline;
}
h4 a:hover {
color: #fff;
background: transparent;
text-decoration: underline;
}
h4 a:active {
color: #fff;
background: transparent;
text-decoration: underline;
}
a {
color: #00f;
background: transparent;
}
a:link {
color: #00f;
background: transparent;
}
a:visited {
color: #c33;
background: transparent;
}
a:hover {
color: #00f;
background: transparent;
}
a:active {
color: #00f;
background: transparent;
}
.copy a:link {
color: #009;
background-color: transparent;
text-decoration: none;
}
.copy a:visited {
color: #009;
background-color: transparent;
text-decoration: none;
}
.copy a:hover {
color: #009;
background-color: transparent;
text-decoration: none;
}
.copy a:active {
color: #009;
background-color: transparent;
text-decoration: none;
}
.links a:link {
color: #009;
background-color: transparent;
text-decoration: none;
}
.links a:visited {
color: #009;
background-color: transparent;
text-decoration: none;
}
.links a:hover {
color: #009;
background-color: transparent;
text-decoration: none;
}
.links a:active {
color: #009;
background-color: transparent;
text-decoration: none;
}
div.home {
}
.floatright {
float: right;
text-align: center;
font-size: .85em;
width: 320px;
height: auto;
margin-left: 10px;
margin-bottom: 10px;
border: #4d8eb5 double 5px;
}
.floatright2 {
float: right;
font-size: .85em;
width: 180px;
height: auto;
margin-left: 10px;
margin-bottom: 10px;
border: #4d8eb5 double 5px;
}
div.actual {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #633;
background: #fff;
text-decoration: none;
display: block;
padding: 1%;
width: 100%;
height: auto;
border: 1px solid #633;
}
div.actual2 {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #633;
background: #fff;
text-decoration: none;
display: block;
padding: 1%;
width: 98%;
margin: 1px -2px 1px 6px;
height: auto;
border: 1px solid #633;
}
div.actual3 {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #633;
background: #fff;
text-decoration: none;
display: block;
padding: 1%;
width: 98%;
margin: 1px -2px 1px 4px;
height: auto;
border: 1px solid #633;
}
div#nav a:link {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #633;
background: #fc9;
text-decoration: none;
display: block;
padding: 2%;
width: 100%;
border: 1px solid #633;
}
div#nav a:visited {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #d2691e;
background: #ffdab9;
text-decoration: none;
display: block;
padding: 2%;
width: 100%;
border: 1px solid #633;
}
div#nav a:hover {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #633;
background: #fff;
text-decoration: none;
display: block;
padding: 2%;
width: 100%;
border: 1px solid #633;
}
div#nav a:active {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #633;
background: #fff;
text-decoration: none;
display: block;
padding: 2%;
width: 100%;
border: 1px solid #633;
}
div#navfix a:link {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #633;
background: #fc9;
text-decoration: none;
display: block;
padding: 2%;
width: 100%;
border: 1px solid #633;
}
div#navfix a:visited {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #d2691e;
background: #ffdab9;
text-decoration: none;
display: block;
padding: 2%;
width: 100%;
border: 1px solid #633;
}
div#navfix a:hover {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #633;
background: #fff;
text-decoration: none;
display: block;
padding: 2%;
width: 100%;
border: 1px solid #633;
}
div#navfix a:active {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #633;
background: #fff;
text-decoration: none;
display: block;
padding: 2%;
width: 100%;
border: 1px solid #633;
}
div#navsec a.actual {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #933;
background: #fff;
text-decoration: none;
margin-left: 8px;
margin-bottom: 3px;
width: 100%;
}
div#navsec a:link {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #00f;
background: #fff;
text-decoration: underline;
margin-left: 5px;
width: 100%;
border: none;
}
div#navsec a:visited {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #c33;
background: #fff;
text-decoration: underline;
margin-left: 5px;
width: 100%;
border: none;
}
div#navsec a:hover {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #00f;
background: #fff;
text-decoration: underline;
margin-left: 5px;
width: 100%;
border: none;
}
div#navsec a:active {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #00f;
background: #fff;
text-decoration: underline;
margin-left: 5px;
width: 100%;
border: none;
}
div#navter a.actual {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #933;
background: #fff;
text-decoration: none;
width: 100%;
border: none;
margin-top: 1px;
margin-bottom: 1px;
}
div#navter a:link {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #00f;
background: #fff;
text-decoration: underline;
width: 100%;
border: none;
margin-top: 1px;
margin-bottom: 1px;
}
div#navter a:visited {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #c33;
background: #fff;
text-decoration: underline;
width: 100%;
border: none;
margin-top: 1px;
margin-bottom: 1px;
}
div#navter a:hover {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #00f;
background: #fff;
text-decoration: underline;
width: 100%;
border: none;
margin-top: 1px;
margin-bottom: 1px;
}
div#navter a:active {
font-size: 8pt;
font-weight: bold;
text-align: left;
color: #00f;
background: #fff;
text-decoration: underline;
width: 100%;
border: none;
margin-top: 1px;
margin-bottom: 1px;
}