/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
body { line-height: 1.5; background-image: url(bg.jpg); }

#page { width: 95%; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; }

#language { text-align: right; color: #fff; font-size: 13px; margin: 0 6px; padding: 0; }
#language a { color: #eee; text-decoration: none; }
#language a:hover { text-decoration: underline; }

#header {  background: #181a57; }
#header .titles { margin: 3px 12px 0; padding: 9px; }
#header h1 { font-weight: bold; padding-bottom: 2px; color: #94d7ef; margin: 0; font-size: 34px; }
#header h2 { font-weight: bold; line-height: 1.1; color: #fff; margin: 0; font-size: 18px; }

#border { margin: 3px 0 6px; padding: 6px; background-color: #181a57; _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */ }
#content { min-height: 250px; padding: 18px; margin: 3px; background-color: #fff; }
.content { padding: 0 12px 6px; }

#header_b { margin: 0 0 4px; color: #fff; padding: 3px; background-color: #171846; _height: 10px; /* only IE6 applies CSS properties starting with an underscrore */ }
#header_b div { padding: 3px; margin: 0; text-align: center; line-height: 1.0; }
#header_c { margin: 3px 0; padding: 0; border: solid 3px #181a57; background-color: #cdcdcd; _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */ }
#header_c td { padding: 0; margin: 0; }
#header_d { margin: 0 0 4px; color: #fff; padding: 3px; background-color: #697E57; _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */ }
#header_d div { padding: 3px; margin: 0; text-align: center; line-height: 1.0; }

#nav { margin: 3px 0; padding: 3px; background-color: #000000; _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */ }
#NavLeft { padding: 3px; padding-right: 15; line-height: 1.0; width: 280px; }
#NavLeft table { width: 100%; table-layout: fixed; font-size: 16px; }
#NavLeft td { padding: 4px; border: 1px solid #e8eef4; }
#NavLeft a { color: yellow; border: none; margin: 0; }
#NavLeft a:hover { color: #cdcdcd; }
#NavLeft .current a { color: #000000; font-style: oblique; }

div#menu { padding: 2px; margin: 0; text-align: center; line-height: normal; background-image: url(menu_bg.jpg); background-repeat: repeat-x; }
#menu .list { list-style-type: none; padding: 0; margin: 0; }
#menu .list li { display: inline; font-size: 16px; margin: 0; padding: 0; }
#menu .list li a { color: #400; text-decoration: none; background-image: url(menu_bg.jpg); border: none; padding: 2px 9px; margin: 0; }
#menu .list li a:hover { text-decoration: none; color: #efefef; background-image: url(menu_bg_hover.jpg); }
#menu li.current a { color: #efefef; text-decoration: none; font-style: oblique; }

/* --------------------------------- */
#menu .subMenu { z-index: 201; display: none; position: absolute; background-color: #fff; text-align: left; border: dotted 2px #c82808; }
#menu .subMenu ul { list-style-type: square; }
#menu .subMenu li { font-size: 14px; margin: auto; padding: 6px; background-image: none; display: block; }
#menu .subMenu li a { background-image: none; }
#menu .subMenu li a:hover { background-image: none; }
/* --------------------------------------------------- */
#footer { color: #eee; padding: 10px 0; text-align: center; line-height: normal; margin: 0; font-size: .9em; }
#footer div { text-align: center; }
#footer a { color: #eee; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

div.home_right { margin-bottom: 12px; padding: 6px; border: solid 3px #c82808; background-color: #eee; }
/* ----------------------------------------------------------*/
/* CONTACT FORM LAYOUT ELEMENTS */
.ContactRight { width: 22%; margin-left: 60px; }
.ContactRight h3 { color: #181a57; text-decoration: underline; padding-bottom: 0; margin-bottom: 6px; }
.ContactRight h4 { color: #181a57; font-weight: bold; margin-bottom: 0; padding-bottom: 0; }
.ContactRight p { font-size: 18px; }

/* General
----------------------------------------------------------*/
.notVisible { display: none; }
.picTitle { z-index: 999; position: relative; bottom: 6px; left: 6px; padding: 6px 18px; background-image: url("title.png"); background-repeat: no-repeat; }

.hyperlink { background-color: #fafad2; color: #003366; border: dotted 1px #c82808; margin: 18px; padding: 9px; }
/* Reservations    ----------------------------------------------------------*/
.reservation { width: 80%; margin-left: auto; margin-right: auto; }
.reservationSection { font-size: 13px; font-style: oblique; letter-spacing: 1px; color: #039; background-color: #fafad2; }

/* -------------------------------- 
    fotó & sidebar def 
-------------------------------- */
div.pic2Center { margin-left: auto; margin-right: auto; clear: both; padding: 0; border: 0; vertical-align: top; }

div.picLeft { line-height: 1.0; clear: left; float: left; margin: 0 8px 8px 0; padding: 0; border: 0; vertical-align: top; }
p.picLeft { margin: 0 8px 0 0; padding-bottom: 6px; border: 0; vertical-align: top; }
div.picRight { line-height: 1.0; clear: right; float: right; margin: 0 0 8px 8px; padding: 0; border: 0; vertical-align: top; }
p.picRight { margin: 0 0 0 8px; padding-bottom: 6px; border: 0; vertical-align: top; }

span.picText { font-size: 13px; line-height: 1.0; }

div.SidebarRight { clear: right; float: right; margin: 0 0 0 6px; padding: 6px; border: 0; background-color: #ffffcc; vertical-align: top; border-width: medium; border-right: #6597d8 double; border-top: #6597d8 double; border-left: #6597d8 double; border-bottom: #6597d8 double; }
h1.Sidebar { text-align: center; font-size: 12pt; }
p.Sidebar { text-align: left; font-size: 8pt; }


/* FORM LAYOUT ELEMENTS    ----------------------------------------------------------*/

fieldset { margin: 1em 0; padding: 1em; border: 1px solid #CCC; }

fieldset p { margin: 2px 12px 10px 10px; }

fieldset label { display: block; }

fieldset label.inline { display: inline; }

legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }

input[type="text"] { width: 20%; border: 1px solid #CCC; }

input[type="password"] { width: 20%; border: 1px solid #CCC; }

/* TABLE
----------------------------------------------------------*/

table { border: 0px none #e8eef4; border-collapse: collapse; }

table td { padding: 4px; border: 0px none #e8eef4; }

table th { padding: 6px 5px; text-align: left; background-color: #e8eef4; border: none 0px #e8eef4; }

/* VALIDATION  
----------------------------------------------------------*/

.field-validation-error { color: #ff0000; }

.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }

.validation-summary-errors { font-weight: bold; color: #ff0000; }

/* IMAGES ----------------------------------------------------------*/
/* temp for visual */
img {border: thick groove #808000;  margin: 10px ; }
/* */
.imgbtn { width: 80%; border-width: 0; color: #808000; margin: 6px 0; padding: 4px; font-size: xx-small; font-style: oblique; letter-spacing: 1px; }
.imgbtn legend { margin: 0; padding: 0; color: #003366; }
.imgbtn img { float: left; margin-right: 20px; }
.imgbtn p { font-size: medium; font-style: normal; letter-spacing: normal; color: #333; line-height: 1.3; }
.light { background-color: #fafad2; }
.dark { background-color: #efefef; }
.imgbtn div { height: 136px; vertical-align: middle; padding: 6px; border: solid 1px #c82808; }