/* Style sheet for bahiaredonda.com */

/*   Copyright © Denny Schlesinger 2002, 2003. All rights reserved
     Graphic design copyright © Maria Eugenia Sucre F. 2002. All rights reserved
     
     You may use the copyrighted programming used in this web page (HTML, JavaScript, etc.
     in your own website provided you include this text in its entirety in your own web page.
     
     Under no circumstances are you allowed to use the visible contents of this page, 
     the text, pictures and graphic design that the browser displays for the user, 
     for the web surfer.  */


/* body language */

body {
background-color: white;
color: black;
font-family: Verdana, Arial, sans-serif;
cursor: default;
font-size:  small;
/*font-size:  80%;*/
}


/* green and red vertical bars separating main menu from body */

td.green {
background-image: url("../images/Verde10x10.jpg");
background-repeat: repeat-y;
width: 10px;
}

td.red {
background-image: url("../images/Rojo10x10.jpg");
background-repeat: repeat-y;
width: 10px;
}

/* links */

a:hover {
color: red;
text-decoration: underline;
cursor: pointer;
}


/* left side menu panel */

a.red:link {
color: red;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 100%;
font-weight: normal;
}
a.red:visited {
color: red;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 100%;
font-weight: normal;
}
a.red:hover {
color: green;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 100%;
font-weight: normal;
}

a.redtitle:link {
color: red;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 100%;
font-weight: bold;
}
a.redtitle:visited {
color: red;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 100%;
font-weight: bold;
}
a.redtitle:hover {
color: green;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 100%;
font-weight: bold;
}

a.green:link {
color: green;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 100%;
font-weight: normal;
}
a.green:visited {
color: green;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 100%;
font-weight: normal;
}
a.green:hover {
color: red;
text-decoration: none;
font-family: Arial, sans-serif;
font-size: 100%;
font-weight: normal;
}

span.menu {
font-family: Arial, sans-serif;
font-size: 110%;
font-weight: 600;
}


/* Regular links */

a.blue:link {color: #003399; text-decoration: none}
a.blue:visited {color: #003399; text-decoration: none}
a.blue:hover {color: red; text-decoration: none}


/* Marina horizontal menu bar */

a.brMenu:link {
color: blue;
text-decoration: none;
font-family: Arial, sans-serif;
font-weight: 600;
font-size: 110%;
}
a.brMenu:visited {
color: blue;
text-decoration: none;
font-family: Arial, sans-serif;
font-weight: 600;
font-size: 110%;
}
a.brMenu:hover {
color: red;
text-decoration: none;
font-family: Arial, sans-serif;
font-weight: 600;
font-size: 110%;
}

span.brMenu {
color: red;
text-decoration: none;
font-family: Arial, sans-serif;
font-weight: 600;
font-size: 110%;
}


/* fonts */

li {
font-family: "Times", serif;
}

td.foot {
text-align: center;
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 90%;
}


/** <p class="menu" **/

span.search {
font-family: Arial, sans-serif;
font-weight: normal;
font-size: 100%;
}

span.text {
cursor: text;
}

span.white {
color: #FFFFFF;
}

tr.color {
text-align: left;
color: #ffffff;
font-weight: bold;
background-color: green;
}

.reciprocal {
font-size: 90%;
}

/* Styles */

h1 {
font-family: "Century Gothic", sans-serif;
font-size: large;
cursor: default;
text-align: center;
}

h4 {
font-family: "Century Gothic", sans-serif;
font-size: large;
cursor: default;
text-align: center;
}

.big {
font-size: 130%;
font-weight: bold;
}

.black {
color: black;
}

.bold {
font-weight: bold;
}

.center {
text-align: center;
}

.latitude {
text-align: center;
color: #ffffff;
font-size: 100%;
font-weight: 400;
background-color: blue;
padding-top: 2px;
padding-bottom: 2px;
/* background-color: #3CB371; */
}

.country {
text-align: left;
color: #ffffff;
font-size: 120%;
font-weight: 400;
background-color: green;
padding: 2px;
/* background-color: #3CB371; */
}

.red {
color: red;
}

.small {
font-size: 100%;
}

.title {
font-family: "Arial", "Helvetics", sans-serif;
}

.error {
    color: red;
    background-color: transparent;
}

img {
border: 0px;
}

/***  new styles  ***/

.title {
    font-size: 1.6em;
    color: red;
}
a {
    cursor: pointer;
}
.pic {
    float: left;
    width: 175px;
    margin: 0px 10px 5px 0px; 
    font-family: arial, sans-serif;
    text-align: center;
/*    border: thick solid red; */
}
.indent {
    text-indent: 3.0em;
}
ul { 
    list-style-type: disc;
    color: red;
}
ol { 
    list-style-type: lower-alpha;
    color: red;
}
li {
    font-family: Verdana, Arial, sans-serif;
    cursor: default;
    font-size:  small;
}

/* colreg */
table.colreg td {
    vertical-align:text-top;
}