@charset "utf-8";
* { margin:0; padding:0;}
html {background:#1E4775 url(../images/bk.jpg) repeat-x; }
a img {border:none;}
.nomargin {margin: 0}

body {font: normal 12px Arial, Helvetica, sans-serif; color: #000000; background: url(../images/fondo.jpg) no-repeat center top; margin-top: 0px;}
#container {width: 800px; margin: 0 auto;}
h1 {font:bold 16px Georgia, "Times New Roman", Times, serif; color: #990000; margin-bottom:10px;}
h2 {font: bold 14px Georgia, "Times New Roman", Times, serif; color:#003; margin-bottom:10px;}
h3 {font: normal 12px Arial, Helvetica, sans-serif;	color: #CC3300; font-style: italic;}
h4 {font: normal 14px Arial, Helvetica, sans-serif;	color: #CC3300; font-style: bold;}
h6 {font: normal 14px Lucida Sans Unicode, Lucida Grande, Sans-Serif;	color: #191970; font-style: bold;}

.header {height: 145px; width: 800px;}
.contenido {width: 780px; background: url(../images/papel.jpg) repeat center top; padding: 0 10px; overflow: hidden;}

/* NAVIGATION ------------------------- */
#nav, #nav ul {height: 42px; text-align: left; list-style-type: none; width:780px; margin:0 0 10px 0; padding:0;}
.navcontainer { position:relative; margin-bottom: 5px;}
#nav span {display:none;}

#nav li {float:left;}
#nav a {display: block; height: 42px;}
#nav li ul {position: absolute; width: 10em;left: -999em;}
#nav li:hover ul {left: auto;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}

li a#item_home { width: 65px; background: url(../images/menu.gif) no-repeat 0 0;}
a#item_home:hover {background: url(../images/menu.gif) no-repeat 0 -42px;}

li a#item_test { width: 134px;  height: 22px; background: url(../images/menu1.gif) no-repeat -264px 0;}
a#item_test:hover {background: url(../images/menu1.gif) no-repeat -264px -42px;}

li a#item_photo { width: 134px;  height: 22px; background: url(../images/menu2.gif) no-repeat -264px 0;}
a#item_photo:hover {background: url(../images/menu2.gif) no-repeat -264px -42px;}

li a#item_video { width: 134px;  height: 22px; background: url(../images/menu3.gif) no-repeat -264px 0;}
a#item_video:hover {background: url(../images/menu3.gif) no-repeat -264px -42px;}

li a#item_about {width: 85px; background: url(../images/menu.gif) no-repeat -65px 0;}
a#item_about:hover {background: url(../images/menu.gif) no-repeat -65px -42px;}

li a#item_getting {width:114px;background: url(../images/menu.gif) no-repeat -150px 0;}
a#item_getting:hover {background: url(../images/menu.gif) no-repeat -150px -42px;}

li a#item_gallery {width:134px;background: url(../images/menu.gif) no-repeat -264px 0;}
a#item_gallery:hover {background: url(../images/menu.gif) no-repeat -264px -42px;}

li a#item_staff {width: 122px; background: url(../images/menu8.gif) no-repeat -398px 0;}
a#item_staff:hover {background: url(../images/menu8.gif) no-repeat -398px -42px;}

li a#item_reservation {width: 122px; height: 22px; background: url(../images/menu6.gif) no-repeat -398px 0;}
a#item_reservation:hover {background: url(../images/menu6.gif) no-repeat -398px -42px;}

li a#item_work {width: 122px; height: 22px; background: url(../images/menu5.gif) no-repeat -398px 0;}
a#item_work:hover {background: url(../images/menu5.gif) no-repeat -398px -42px;}

li a#item_transport {width: 122px; height: 22px; background: url(../images/menu7.gif) no-repeat -398px 0;}
a#item_transport:hover {background: url(../images/menu7.gif) no-repeat -398px -42px;}

li a#item_contact {width: 104px; background: url(../images/menu.gif) no-repeat -520px 0;}
a#item_contact:hover {background: url(../images/menu.gif) no-repeat -520px -42px;}

li a#item_espanol {width: 156px;background: url(../images/menu.gif) no-repeat -624px 0;}
a#item_espanol:hover {background: url(../images/menu.gif) no-repeat -624px -42px;}



/* CONTENIDO ------------------------- */
.bannerprincipal {height: 289px; width: 780px;}
.informacion {width: 504px; padding:0 0 0 5px; margin-bottom:25px; float:left;}
.areainfo {width: 780px;clear: both;}

.menubanners { width: 235px; padding: 0 6px 5px 0; float: right;}
.tope {background: url(../images/fin2.jpg) no-repeat left top; height: 28px; width: 800px;}
.banner { height: 70px; width: 235px; margin-bottom: 5px; float: right;}
.chat { height: 70px; width: 235px; text-align:center; margin-bottom: 5px; float: right;}
.mrg {margin-bottom:0;}
.clearfix {font-size: 0px; clear: both; overflow: hidden;}

.titulo { float: left; height: 66px; width: 504px; margin-bottom: 5px;}
.textos {float: left; width: 474px; padding:0 15px;}
.smc {float: right; width: 474px; padding:0 15px;}
.textos a:link, .textos a:active, .textos a:visited {text-decoration: none; font:normal 12px Arial, Helvetica, sans-serif; color: #003399;}
.textos a:hover {font: normal 12px Arial, Helvetica, sans-serif; color: #FF0000; text-decoration: underline;}

.btn_seccion { float: left; height: 148px; width: 148px; margin: 0 15px 20px 0;}
.btn_seccion { float: right; height: 148px; width: 148px; margin: 0 15px 20px 0;}
.last { margin-right:0;}

.thumgal {height: 138px; width: 138px; background-color: #FFFFFF; padding: 5px; margin:0 15px 15px 0; float: left;}
.thumgal2 {height: 138px; width: 138px; background-color: #FFFFFF; padding: 5px; margin:0 15px 15px 0; float: left;}
.thumgal1 {height: 138px; width: 138px; padding: 10px; margin: auto;  }

.last { margin-right:0;}
#bullets { padding-left: 10px; margin: 15px 0;}
#bullets ul {list-style-image: url(../images/bullet.png); padding-left: 15px;}
#bullets li {padding: 3px 0;}
.panorama {float: left; height: 300px; width: 550px;}

/* FOOTER ------------------------- */
.footer {height: 20px; width: 740px; font:normal 10px Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 10px 30px 0 30px; margin-bottom:20px;}
.iux {float: right; margin-top: -13px;}