/* CSS Document */
body, html {
background-color:#051126;
background-image:url(../images/bg.png);
background-position:center center;
background-repeat: repeat-x;
margin:0;
width:100%;
height:100%;
font-size: 12px;
}
img{border: none;}
#seawrapper {
width:100%;
}
#main {
width:983px;
}
#header {
width:983px;
height:auto!important;
height:100%;
}
#logo {
width:983px;
height:92px;
}
#menu {
width:983px;
height:42px;
}
#body {
width:983px;
height:413px;
}
#bodytop {
width:983px;
height:374px;
}
#leftline {
width:16px;
height:374px;
float:left;
background-image:url(../images/left_line.png);
background-repeat:no-repeat;
}
#rightline {
width:17px;
height:374px;
float:left;
background-image:url(../images/right_line.png);
background-repeat:no-repeat;
}
#views {
width:949px;
height:374px;
float:left;
}
#reservations_bg {
background-image:url(../images/reservations_bg.png);
background-repeat:no-repeat;
width:949px;
height:374px;
float:left;
}
#viewsint {
width:949px;
height:374px;
float:left;
background-image:url(../images/bg_all.png);
background-repeat:no-repeat;
}
#view_top {
width:949px;
height:316px;
}
.rpad {
width:835px;
height: 324px;
padding: 25px 57px 25px 57px;
}
#col_one {
width:247px;
height:185px;
padding: 29px 23px 22px 0;
float:left;
}
#col_two {
width:251px;
height:185px;
padding: 29px 18px 22px 20px;
float:left;
}
#col_three {
width:256px;
height:185px;
padding: 29px 0 22px 20px;
float:left;
}
#col_left {
width:527px;
height:235px;
padding: 20px 10px 22px 20px;
float:left;
}
#col_left_contact {
width:508px;
height:322px;
padding: 25px 0px 27px 26px;
float:left;
}
#col_right {
width:347px;
height:235px;
padding: 25px 23px 22px 20px;
float:left;
}
#col_right_contact {
width:383px;
height:322px;
padding: 25px 0px 27px 32px;
float:left;
}
#mapcontact {
width:508px;
height:322px;
}
#view_bottom {
width:949px;
height:58px;
}
#bodybottom {
width:983px;
height:39px;
}
#footer {
width:983px;
height:57px;
padding-top:21px;
}
#flash {
margin: 0;
padding: 0;
}
/* classes */
.line {
width:983px;
height:1px;
}
.menus {
background-image:url(../images/line.png);
background-repeat:no-repeat;
background-position:center;
width:982px;
height:25px;
}
.reserv{
font-family: "Helvetica Neue", Arial, sans-serif;
text-align:left;
font-weight:lighter;
padding-top:50px;
font-style:italic;
color:#FFFFFF;
size:20px;
}
.reserv2{
font-family: "Helvetica Neue", Arial, sans-serif;
text-align:left;
font-weight:lighter;
font-style:italic;
color: #CCCCCC;
size:20px;
}
.menu1{
font-family: "Times New Roman", Georgia, Times, serif;
font-weight:lighter;
size:14px;
}
.menu2{
font-family: "Times New Roman", Georgia, Times, serif;
font-weight:lighter;
padding-bottom:10px;
margin-top:-10px;
font-style:italic;
size:14px;
}
.section{
margin-left:10px;
}
.menus ul, .menus li {
display:inline;
padding:0;
margin: 0;
list-style-type:none;
}
.menus .links a {
font-family: Futura, "Helvetica Neue", Arial, sans-serif;
font-size: 15px;
color: #7497b3;
text-decoration: none;
text-transform: uppercase;
}
.menus .links a:hover {
font-family: Futura, "Helvetica Neue", Arial, sans-serif;
font-size: 15px;
color: #7497b3;
text-decoration: underline;
text-transform: uppercase;
}
.menus .selected a {
font-family:Futura, "Helvetica Neue", Arial, sans-serif;
font-size: 15px;
color: #add6f7;
text-decoration: none;
text-transform: uppercase;
}
/* Home */
/* ================================================================================================ */
.menus .home_links a {
font-family: Futura, "Helvetica Neue", Arial, sans-serif;
font-size: 15px;
color: #7497b3;
text-decoration: none;
text-transform: uppercase;
display: block;
background: url('../images/t_home.png');
height: 100px;
width: 100px;
}
.menus .home_links a:hover {
font-family: Futura, "Helvetica Neue", Arial, sans-serif;
font-size: 15px;
color: #7497b3;
text-decoration: underline;
text-transform: uppercase;
background: url('../images/t_home_over.png');
}
.menus .home_selected a {
font-family:Futura, "Helvetica Neue", Arial, sans-serif;
font-size: 15px;
color: #add6f7;
text-decoration: none;
text-transform: uppercase;
background: url('../images/t_home_over.png');
}
/* ================================================================================================ */
.footerstyle, .footerstyle a{
font-family:"Helvetica Neue", Arial, sans-serif;
font-weight: lighter;
font-size:15px;
font-weight:100;
color: #6f859c;
text-decoration:none;
}
.footerstyle a:hover {
text-decoration:underline;
color: #fff;
}
.form {
font-family:"Helvetica Neue", Arial, sans-serif;
font-size:16px;
color:#0a2041;
}
.rpad #superimage {
position: absolute;
margin-left: 400px;
z-index: 10;
margin-top: 15px;
font-size: 16px;
}
.rpad .textfiled {
width:238px;
height:23px;
background-image:url(../images/contact_input_bg.png);
background-repeat:no-repeat;
border:0;
background-color:transparent;
font-family:"Helvetica Neue", Arial, sans-serif;
font-size:14px;
padding-top:3px;
padding-left:10px;
margin-bottom: 14px;
margin-top: 5px;
color: #767a7f;
}
.rpad #guests, .rpad #seatingtime, .rpad #schoice {
margin-bottom: 17px;
width: 247px;
padding: 0;
font-family:Arial, sans-serif;
}
.textarea{
border:0;
background-color:transparent;
background-image:url(../images/textarea.png);
background-repeat:no-repeat;
width:238px;
height:84px;
padding-top:5px;
padding-left:8px;
font-family:"Helvetica Neue", Arial, sans-serif;
font-size:14px;
color:#000033;
}
.bg {
background-image:url(../images/textfield_bg.png);
background-repeat:no-repeat;
}
.pics {
height: 374px;
width: 949px;
padding: 0;
margin: 0;
}
.pics img {
padding: 0;
border: 0;
width: 949px;
height: 374px;
top: 0;
left: 0
}
.pics2 {
height: 311px;
width: 312px;
padding: 0;
margin: 0;
}
.pics2 img {
padding: 0;
border: 0;
width: 312px;
height: 311px;
top: 0;
left: 0
}
.slideshowimages2 {
width: 949px;
height: 374px;
}
.play{
width:18px;
height:19px;
background-image: url(../images/play.png);
background-repeat: no-repeat;
background-color:transparent;
border:none;
cursor:pointer;
}
.pause{
width:18px;
height:19px;
background-image: url(../images/pause.png);
background-repeat: no-repeat;
background-color:transparent;
border:none;
cursor:pointer;
}
.playpause {
z-index:10;
margin-top:-30px;
padding-left:15px;
position:absolute;
width:50px;
height:19px;
clear: both;
}
.playpause2 {
z-index:10;
margin-top:-30px;
padding-left:15px;
position:absolute;
width:50px;
height:19px;
clear: both;
}
/* FORMULARIO general form styling */
fieldset{
margin:0;
padding:0;
border:none;
}
legend{
display:none;
}
.label {
font-family: Arial, sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #cccccc;
text-transform: uppercase;
}
input, textarea{
font:14px "Helvetica Neue", Arial, sans-serif;
}
textarea{
overflow:hidden;
height:50px;
margin:0;
}
/* our comment form */
#xform{
background:none 0 0;
}
#xform fieldset{
}
#xform p{
}
#xform .textfiled {
width:236px;
height:22px;
background-image:url(../images/contact_input_bg.png);
background-repeat:no-repeat;
border:0;
background-color:transparent;
font-family:"Helvetica Neue", Arial, sans-serif;
font-size:14px;
padding-top:3px;
padding-left:10px;
margin-bottom: 8px;
color: #767a7f;
}
#xform textarea {
border:0;
background-color:transparent;
background-image:url(../images/contact_textarea_bg.png);
background-repeat:no-repeat;
width:239px;
height:76px;
padding-top:5px;
padding-bottom: 5px;
padding-left:8px;
font-family:"Helvetica Neue", Arial, sans-serif;
font-size:14px;
color: #767a7f;
margin-bottom: 17px;
}
#xform .button{
border:none;
background: url(../images/submit.png) no-repeat 0 0;
width:102px;
height:26px;
text-align:left;
overflow:hidden;
cursor:pointer;
margin-top:5px;
margin-left:1px;
}
#xform .button2{
border:none;
background: url(../images/submit.png) no-repeat 0 0;
width:102px;
height:26px;
float:left;
text-align:left;
overflow:hidden;
cursor:pointer;
margin-left:1px;
}
.contact_text {
color: #8d949b;
line-height: 1.4em;
margin-bottom: 18px;
font-weight:lighter;
font-family:"Helvetica Neue", Arial, sans-serif;
}
/* MENUS
-----------------------------------------------------------------------------*/
#list{
width: 200px;
height:374px;
padding-top:20px;
margin:0 0 0 12px;
float:left;
}
.menuactive {
}
.bg {
background-image:url(../images/bgli.png);
background-repeat:no-repeat;
background-position-x: right;
background-position: right 0px;
}
.menur {
cursor: pointer;
}
.colorover {
color: #0A2041;
}
#list ul
{
float: right;
margin:16px 0 5px 0;
list-style: none;
font-family:Futura, Arial, Helvetica, sans-serif;
}
#list li
{
text-align:right;
font-size: 15px;
width:130px;
height:28px;
padding-right:20px;
}
.dinner {
font-family:"Helvetica Neue", Arial, sans-serif;
font-style:italic;
text-align:right;
padding-right: 15px;
color:#0A2041;
}
.blue{
font-family:Arial, sans-serif;
padding-right:15px;
padding-top:5px;
text-align:right;
color:#9da5ab;
font-style:italic;
font-size:14px;
}
#menucontent{
width:737px;
height:374px;
padding-top:19px;
float:right;
}
#menuslideshow{
width:312px;
height:100%;
padding-top:12px;
float:left;
}
#menutext{
width: 400px;
height: 100%;
float:right;
padding-left:25px;
padding-right:0px;
padding-top: 15px;
}
.title {
font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
color: #fff;
line-height: 1.5em;
font-weight: lighter;
}
.corpo, .corpo a {
font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
color: #9da5ab;
line-height: 1.5em;
font-weight: lighter;
text-decoration: none;
}
.corpo a:hover {
text-decoration: underline;
color: #fff
}
/* Private
-----------------------------------------------------------------------------*/
.hidden {
width:949px;
height:374px;
position: relative;
z-index: 1000;
}
#pane2 {
height: 295px;
overflow: hidden;
}
#privatebg {
background-image: url(../images/pane_bg.png);
background-repeat: no-repeat;
height: 257px;
width: 909px;
padding: 33px 20px 5px 20px;
position: relative;
float: left;
display: none;
}
#privatecenter {
width: 268px;
margin: 0;
float: left;
}
.playpause3 {
width: 949px;
height: 76px;
padding-top: 3px;
background-image: url(../images/border_bottom.png);
background-repeat: no-repeat;
text-align: center;
}
.playpause3 img {
margin-left: 9px;
margin-right: 9px;
cursor: pointer;
}
.playpause4 {
width: 947px;
height: 348px;
background-image: url(../images/newlayer.png);
background-repeat: no-repeat;
background-position:top;
position:absolute;
margin-top:1px;
margin-left:1px;
z-index:2;
padding-top:25px;
}
.privatemenu a {color:#AAC1E0; padding-right:20px; font-size:18px; width:700px; cursor:pointer; }
.privatemenu a:link { color:#AAC1E0; text-decoration:none;}
.privatemenu a:hover{ color:#fff; text-decoration:underline;}
.privatemenu a:active { color:#fff; text-decoration:underline;}
#over{z-index:0; position:absolute; margin-top:0; background-color:#FFF;}