/* -------------------------------
    common.css
    ------------------------------ */
/*
 Common styles for screen, print and handheld media
 Site: Nautica 13
*/

/*
 5CB3FF box mas vivo
 85C5FF testimonials-link mas mortecino
*/

* {
 margin: 0;
 padding: 0;
}

a img { border: 0;}

a:link {
 background-color: transparent;
 color: #000;
}

a:visited {
 background-color: transparent;
 color: #000;
}

a:hover {
 background-color: transparent;
 color: #000;
}

a:active {
 background-color: transparent;
 color: #000;
}

abbr, acronym {
 border-bottom: 1px dashed;
}

blockquote {
 background: transparent;
 color: #000;
}

body {
 font-family: Arial, Helvetica, sans-serif;
 line-height: 1.3;
}

caption {
 font-weight: bold;
 padding-bottom: 0.25em;
 text-align: left;
}

dd {
 margin-bottom: 0.75em;
 padding-bottom: 12px;
}

dl {
 margin: 0.75em 0 1.75em 0;
}

dt {
 font-weight: bold;
 margin: 0 0 0.25em 0;
}

fieldset {
 border: 1px solid #000;
 margin: 0.25em 0 1em 0;
 padding: 0.25em 15px 0.75em 15px;
}

form {
 margin: 1em 0 0 0;
 padding: 0;
}

h1 {
 font-size: 1.5em;
 font-family: Verdana, Geneva, lucida, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
 background-color: transparent;
 line-height: 1.3;
 margin: 0.75em 0 0.5em 0;
 font-weight: normal;
}

h2 {
 font-size: 1.45em;
 font-family: Verdana, Geneva, lucida, sans-serif; 
}

h3 {
 font-size: 1.14em;
 margin-bottom: 0.1em;
}

h4, h5, h6 {
 font-size: 1.1em;
}

hr {
 display: none;
}

img {
 margin: 0;
}

img.left {
 float: left;
 margin: 0.25em 1em 0.5em 0;
}

img.right {
 float: right;
 margin: 0.25em 0 0.5em 1em;
}

input {
 margin-right: 0.5em;
}

input, select, textarea {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 1em;
}

label {
 background-color: transparent;
 color: #000;
 font-weight: normal;
 padding: 0 0.5em 0 0;
}

legend {
 font-weight: bold;
 padding: 0.25em 4px;
}

li {
 margin-bottom: 0.25em;
}

li li {
 margin-bottom: 0.25em;
}

li ul {
 margin-top: 0.5em;
}

ol {
 margin: 0.25em 0.5em 1em 2em;
}

ol, ul {
 padding: 0;
}

p {
 margin: 0 0 1em 0;
}

table {
 border: 1px solid #000;
 border-collapse: collapse;
 font-size: 1em;
}

table.form th {
 font-weight: normal;
 text-align: left;
}

table.form, table.form td, table.form th {
 border: 0;
 padding: 0.45em 0.5em 0.45em 0;
}

th {
 text-align: center;
}

th, td {
 border: 1px solid #000;
 padding: 0.25em 0.25em 0.25em 0.5em;
}

ul {
 margin: 0.25em 0.5em 1em 2em;
}

.clear {
 clear: both;
}

.top {
 vertical-align: top;
}

#to-content {
 display: none;
}
span.mail { direction: rtl; unicode-bidi:bidi-override; }


/* -------------------------------
    screen.css
    ------------------------------ */
/*
 Screen style    
 Site: Nautica 13
*/

body {
    /* PERE
    background: #fff url(../images/bg/blue/upper.gif) 100% 0% no-repeat;
    padding: 32px 0 25px 0;
    background: #fff url(../images/bg/blue/waterDeep-2.jpg) no-repeat;
    */
 background: #fff;   
 color: #000;
 font-size: 90%;
 padding: 0 0 10px 0;
 text-align: center;
}

h2 {
 margin: 0 0 0.75em 0;
}

.box {
 background-color: #151B8D;
 border: 5px solid #fff;
 color: #fff;
 margin-bottom: 12px;
 padding: 10px;
}

.box.left {
 float: left;
 padding: 30px 11px 10px 17px;
    /* PERE original, lo ensanchamos width: 230px; */
    width: 300px;
}

.box.left.packages {
 font-size: 0.91em;
 line-height: 1.3;
 padding: 5px 6px 25px 7px;
    /* PERE original, lo ensanchamos width: 246px;*/
    width: 300px;
}

.box.left.packages h2 {
 font-size: 1.3em;
 margin: 0.5em 0 0.75em 0;
}

.box.left.packages img {
 border: 3px solid #fff;
}

.box.left.welcome {
    min-height: 407px;
}

.box.left.welcome img {border: 2px solid #FF8B00;}
.box.left.welcome h2 {
 font-size: 1.18em;
 margin: 0 0 0.5em 0;
}

.box.right {
 float: right;
    /* PERE original, lo ensanchamos width: 449px; */
    width: 600px;
}

#gallery {
    /* PERE Àen desuso este div? */
 border: 8px solid #fff;
 border-right-width: 10px;
 clear: both;
 height: 508px;
 width: 743px;
}
/* ---------------------
   header
------------------------ */
#header {
    /* PERE original a 126px, lo reducimos */
    /* este height debe coincidir i superar el del #logo */
    height: 122px;
    position: relative;
}

.topRight {
    /*position: fixed;*/
    right: 20px;
    top: 10px;
    text-align: right;
    font-style:italic;
}
.topRight a {
    text-decoration:none;
    color:blue;
}

#logo {
 height: 120px;
 left: 0;
 position: absolute;
 top: 0;
 width: 191px;
 text-align: right;
}

/* ---------------------
   horizontal-menu
------------------------ */
#nav {
    /* PERE
    position: absolute;
    top: 93px;
    width: 548px;
    height: 33px;
    */
    background-color:#85C5FF;
    height: 34px;
    left: 201px;
    margin: 0;
    position: relative;
    top: 87px;
    width: 648px;
}

#nav a {
    /* PERE
    background-color: #5A3F2A;
    width: 110px;
    height: 33px;
    line-height: 33px;
    */
    background-color:#85C5FF;
    color: #306eff;
    display: block;
    font-size: 1em;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
}

#nav a:hover {
    background-color:#FFB650;
    color: #fff;
}

#nav li {
    padding: 1% 1%;
    float: left;
    list-style: none;
    margin: 0;
}

/* ---------------------
   original-events
------------------------ */
#original-events {
 float: right;
 margin-bottom: 12px;
 width: 479px;
}

#original-events h1 {
 font-size: 1em;
 height: 25px;
 margin: 0 0 5px 48px;
 overflow: hidden;
 position: relative;
 width: 367px;
}

#original-events h1 span {
 /* background-image: url(../images/photos/titles/blue/original-events.gif); */
 background-position: top left;
 background-repeat: no-repeat;
 display: block;
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
 z-index: 1;
}

#original-events img {
 border: 5px solid #fff;
}

#original-events img {
 border: 5px solid #fff;
}


/* ----------------
 SPECIFIC MAP RULES 
-------------------- */
v\:* {
    behavior:url(#default#VML);
}

.info_window {
    /* */
        font-size: 75%;
        text-align:left;}

.infowindow_title {
    border-bottom: 2px solid #000;
}

.info_window_text_text {
    /* */
}

div#gmap {
        text-align:center;
        width: 500px;
        height: 400px;
        border: 5px #f90 outset;}
.directions {
   font-size: 68%;}

#directions {
    width: 200px;}

#map, .mapandlist {
    width: 400px;
    height: 300px}

/* -------------------------------
    blue.css
    ------------------------------ */
/*
 Screen style    
 Site: Nautica 13
*/

/* ---------------------
   box
------------------------ */
.box {
    background-color:#5CB3FF; /* PERE fondo azul claro */
    color:#fff;
}

.box.left.welcome {
 padding-top: 18px; 
}

.box.left.welcome h2 {
 margin-bottom: 0.75em;
}

/* ---------------------
   content
------------------------ */

#content {
    /* PERE simplificamos, quitamos imagen dejamos color de fondo */
    /* background: transparent url(../images/bg/blue/content-bottom.gif) left bottom no-repeat; */
    /*padding-bottom: 12px;*/
    /*background: #5CB2FF;*/
    background: #086CA2;
    color: #fff;
    padding: 20px 19px 31px 26px;
}

#content a {
    background-color: transparent;
    color: blue;
    text-decoration: underline;
}

#content a:hover {
    /*
    background-color: transparent;
    color: #306EFF;
   */
    background-color:#FFB650;
    color:#fff;    
}

#content h1, #content h2, #content h3 {
    /*background-color: transparent;*/
    color: #fff;
    /*color:#FFBF73;*/
}
#content h3 {
    font-family: sans-serif, Impacta;
    line-height: 200%;
    font-size: x-large;
    color:#FFB650;
}

/* ---------------------
   footer
------------------------ */

#footer {
    /* PERE este background-color esta siendo machacado por el footer p
    background-color: #DFF1EE;
    background-image: none;
    width: 716px;
    */
    clear: both;
    font-family: Verdana, Geneva, lucida, sans-serif;
    margin-left: 70px;
    width: 818px;
    font-size:80%;
    background-color:#85C5FF;
    color: #684C35;
    width:800px;
    padding: 0.5% 0.5%;
}

#footer a {
 background-color: transparent;
 color: blue;
}

#footer a:hover {
 color:#fff;
 background-color:#FFB650;
}

#footer p {
    /* PERE simplificamos, quitamos imagen dejamos color de fondo */
    /* background: #DFF1EE url(../images/bg/blue/footer-bottom.gif) bottom left no-repeat; */
    /*background: #151B8D;*/
    margin: 0;
    padding: 0.5%;
    background-color:#85C5FF;
    color: #684C35;
    text-align: center;
}


/* ------------------
    left-menu
--------------------- */
#testimonials-link {
    background-color:#85C5FF;
    width: auto;
    text-align:right;
    color: #fff;
    height:auto;
    left:-83px;
    font-size: 1em;
    position: absolute;
    top: 165px;
    padding:1%;
    line-height: 300%;
}

#testimonials-link a {
    background-color:#85C5FF;
    color:blue;
    text-decoration: none;
}
#testimonials-link a:hover {
    background-color:#FFB650;
    color: #fff;
}


#testimonials-link a#red {
    color: red;
}


/* ------------------
  wrapper
--------------------- */

#wrapper {
    /* PERE pasamos de 828px original a 1000px sabiendo que 1024 es el ancho mas comun entre nuestros visitantes */
    /* width: 828px; */
    position: relative;
    width: 900px;
    left:92px;
    text-align: left;
    margin-left: 0px;
}


#inner-wrapper:after, #content:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}

#inner-wrapper {
    /* PERE simplificamos, quitamos imagen dejamos color de fondo */
    /* background: #D0E7E3 url(../images/bg/blue/inner-wrapper-top.gif) left top no-repeat; */
    background: #fff;  /* PERE fondo azul oscuro */
    color: #8D8D8D;
    margin: -1px 0 0 28px;
}