﻿/** GENERAL **/
html, body {
  height: 100%;
}

body {
  color: #716259;
  /** background-image:url(images/repeat_fondonavidad.jpg);
  background-repeat:repeat-x;**/
  background-color: #42210b;
  background-position:left top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 75%;
  line-height: 1.3em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Arial, "MS Trebuchet", sans-serif;
}
h1 {
  margin-bottom: 15px;
  font-size: 24px;
}
h2 {
  margin-bottom: 10px;
  font-size:  18px;
  color: #d6cb7d;
}
h3 {
  margin-bottom: 10px;
  font-size:  16px; 
}
h4, h5, h6 {
  margin-bottom: 5px;
  font-size:  14px;
}

p {
  padding: 0 0 10px;
}

a {
  color: #716259;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.cleaner {
  clear: both;
}

.w300 {
  width: 300px;
}
.h5 {
  height: 5px;
}
.h10 {
  height: 10px;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.pic {
  padding-right: 5px;
  padding-bottom: 3px;
}

/** BODY **/
#body_data {
  margin: 0 auto;
  width: 890px;
  background: #2f0f03 url(images/container_bg.gif) repeat-y scroll center top;
}

#container {
  margin: 0 auto;
  width: 862px;
  border-top-style: none;
  border-right: 2px solid #eaca3b;
  border-bottom: 1px solid #674e34;
  border-left: 2px solid #eaca3b;
  background-color: #ffffff;
}

/** TOP **/
#top {
  clear: both;
  height: 20px;
  overflow: hidden;
  padding-top: 5px;
  font-size: 10px;
  background-color: #e1ded0;  
}

/** LEVEL **/
#level {
  float: left;
  margin-left: 5px;
}
#level ul li {
  display: inline;
}
#level ul li a {
  color: #b8a89a;
}
#level ul li a:hover {
  color: #663333;
  text-decoration: none;
}
#level ul .last {
  font-weight: bold;
}

/** TOP MENU **/
#top_menu {
  float: right;
}
#top_menu ul li {
  display: inline;
}
#top_menu ul li a {
  float: left;
  display: block;
  padding-left: 5px;
  padding-right: 5px;
  color: #b8a89a;
  background: transparent url(images/top_menu_vr.gif) no-repeat scroll right center;
}
#top_menu ul li a:hover {
  color: #663333;
  text-decoration: none;
}
#top_menu ul .last a {
  background-image: none;
}
#top_menu ul li .selected {
  font-weight: bold;
}

/** HEADERSUBMENU **/
#headersubmenu {
}

/** HEADER **/
#header {
  clear: both;
}

/** MAIN LOGO **/
#main_logo {
  float: left;
  margin-left: 7px;
}
#main_logo h1 {
  margin: 0;
}
#main_logo a {
  display: block;
  width: 150px;
  height: 75px;
  overflow: hidden;
  background: transparent url(images/logo.gif) no-repeat scroll left top;
}
#main_logo a span {
  display: none;
}

/** MAIN MENU **/
#main_menu {
  float: right;
  margin-top: 43px;
  margin-right: 7px;
}
#main_menu ul li {
  display: inline;
}
#main_menu ul li a {
  display: block;
  float: left;
  width: 100px;
  height: 22px;
  overflow: hidden;
  padding-top: 10px;
  padding-right: 4px;
  font-size: 11px;
  color: #42210b;
  text-align: center;
  font-weight: lighter;
  letter-spacing: 0;
}
#main_menu ul li a:hover {
  text-decoration: none;
  background: transparent url(images/main_menu_bg_hover.gif) no-repeat scroll center top;
}
#main_menu ul .selected a {
  color: #ffffff;
  font-weight: bold;
  background: transparent url(images/main_menu_bg_sel.gif) no-repeat scroll center top;
}
#main_menu ul .selected a:hover {
  background: transparent url(images/main_menu_bg_sel.gif) no-repeat scroll center top;
}

/** SUBMENU **/
#oaklandmall_link_submenu {
  margin-left: 150px; 
}
#directorio_submenu {
  margin-left: 220px;
}
#diversion_submenu {
  margin-left: 410px;
}
#especiales_submenu {
  margin-left: 420px;
}
#eventos_submenu {
  margin-left: 610px;
}
#tourvirtual_link_submenu {
  margin-left: 550px; 
}
.submenu {
  display: none;
  float: left;
}
#submenu {
  clear: both;
  height: 25px;
  overflow: hidden;
  padding-top: 8px;
  color: #ffffff;
  font-size: 10px;
  background-color: #42210b;
}
#submenu ul li {
  display: inline;
}
#submenu ul li a {
  display: block;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  color: #E2CF63;
  border-right: 1px dotted #fff;
}
#submenu ul li a:hover {
  color: #fff;
  text-decoration: none;
}
#submenu ul .selected {
  font-weight: bold;
}

/** CONTENT **/
#content {
  clear: both;
  margin-bottom: 20px;
}

/** TOP CONTENT **/
#top_content {
  margin-bottom: 5px;
}

/** USER1 **/
#user1 {
  float: left;
  width: 300px;
  overflow: hidden;
  margin-left: 7px;
  margin-bottom: 5px;
}

/** USER2 **/
#user2 {
  float: right;
  width: 541px;
  overflow: hidden;
  margin-right: 7px;
  margin-bottom: 5px;
}

/** USER3 **/
#user3 {
  float: left;
  width: 607px;
  overflow: hidden;
  margin-left: 7px;
  margin-bottom: 5px;
}

/** USER4 **/
#user4 {
  clear: left;
  float: left;
  width: 300px;
  overflow: hidden;
  margin-left: 7px;
  margin-bottom: 5px;
}

/** USER5 **/
#user5 {
  float: left;
  width: 300px;
  overflow: hidden;
  margin-left: 7px;
  margin-bottom: 5px;
}

/** USER6 **/
#user6 {
  clear: left;
  float: left;
  width: 607px;
  overflow: hidden;
  margin-left: 7px;
  margin-bottom: 5px;
}

/** RIGHT **/
#right {
  float: right;
  margin-right: 7px;
  margin-bottom: 5px;
  width: 234px;
  overflow: hidden;
  padding-top: 5px;
}

/** BOTTOM CONTENT **/
#bottom_content {
  margin-bottom: 5px;
}

/** FOOTER **/
#footer {
  clear: both;
  height: 100px;
  overflow: hidden;
  background: #fbfcf1 url(images/footer_bg.gif) repeat-x scroll left top;
}

/** FOOTER LOGO **/
#footer_logo {
  float: left;
  margin-top: 20px;
  margin-left: 25px;
  width: 155px;
  height: 70px;
  background: transparent url(images/logo_footer.gif) no-repeat scroll left top;
}
#footer_logo span {
  display: none;
}

/** BOTTOM MENU **/
#bottom_menu {
  float: right;
  margin-top: 20px;
  margin-right: 5px;
  width: 600px;
}
#bottom_menu ul {
  float: right;
  text-align: right;
}
#bottom_menu ul li {
  display: inline;
}
#bottom_menu  ul li a {
  display: inline-table;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 3px;
  color: #9e8e7e;
}
#bottom_menu ul li a:hover {
    text-decoration: none;
    color: #42210b;
}

/** LEGAL **/
#legal {
    clear: right;
    float: right;
    width: 600px;
    margin-top: 15px;
    margin-right: 10px;
    color: #9e8e7e;
    font-size: 10px;
}
#legal ul {
  float: right;
}
#legal ul li {
    display: inline;
}
#legal ul li a {
    float: left;
    display: block;
    color: #9e8e7e;
    padding-left: 12px;
    padding-right: 12px;
    background-image: url(images/legal_menu_vr.gif);
    background-repeat: no-repeat;
    background-position: right center;
}
#legal ul li a:hover {
    text-decoration: none;
    color: #42210b; 
}
#legal ul .last a {
  background-image: none;
}

/** MODULES **/

/** MODULE RIGHT **/
.module_right {
    margin-bottom: 10px;  
}

/** MODULE-MARKETS **/
.module_markets, .module_markets2 {
    margin-bottom: 5px;
}
.module_markets h2 {
    width: 300px;
    height: 25px;
    margin: 0;
    margin-bottom: 8px;
    background-image: url(images/mmarkets_title.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.module_markets2 h2 {
  width: 300px;
  height: 25px;
    margin: 0;
  margin-bottom: 8px;
  background-image: url(images/mmarkets2_title.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
.module_markets h2 span, .module_markets2 h2 span {
    display: none;
}
.module_markets .photo, .module_markets2 .photo {
    float: left;
    margin-right: 5px;
}
.module_markets .title, .module_markets2 .title {
    margin-bottom: 3px;
}
.module_markets .more, .module_markets2 .more {
    float: right;
}
.module_markets .more a, .module_markets2 .more a {
    display: block;
    width: 175px;
    height: 25px;
    background-image: url(images/mmarkets_more.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.module_markets .more a span, .module_markets2 .more a span {
    display: none;
}

/** MODULE-ATRACTIONS **/
.module_atractions {
    clear: both;
    margin-bottom: 15px;
}
.module_atractions h2 {
    width: 300px;
    height: 25px;
    margin: 0;
    margin-bottom: 8px;
    background-image: url(images/matractions_title.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.module_atractions h2 span {
    display: none;
}

/** MODULE-EVENTS **/
.module_events, .module_events2 {
    clear: both;
    margin-bottom: 15px;
}
.module_events h2 {
    width: 300px;
    height: 25px;
    margin: 0;
    margin-bottom: 8px;
    background-image: url(images/mevents_title.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.module_events2 h2 {
    width: 300px;
    height: 25px;
    margin: 0;
    margin-bottom: 8px;
    background-image: url(images/mevents2_title.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.module_events h2 span, .module_events2 h2 span {
    display: none;
}
.module_events ul li, .module_events2 ul li {
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #f7f6ef;
    background-color: #f8f8f4;
}
.module_event {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #f7f6ef;
    background-color: #f8f8f4;  
}
.module_event .more {
  float: right;
  font-size: 10px;
  font-weight: bold;
  color: #d6cb7d;
}
.module_event .more a {
  color: #d6cb7d;
}

/** MODULE-GALLERY **/
.module_gallery h2 {
    width: 300px;
    height: 27px;
    margin: 0;
    background-image: url(images/mgallery_title.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.module_gallery h2 span {
    display: none;
}
.module_gallery .data {
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #ebe8d7;
    border-left-color: #ebe8d7;
}
.module_gallery .data .images {
    clear: both;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #ebe8d7;
}
.module_gallery .data .images li {
    display: inline;
    padding-left: 12px;
}
.module_gallery .more a {
    display: block;
    width: 300px;
    height: 38px;
    background-image: url(images/mgallery_more.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
.module_gallery .more a span {
    display: none;
}

/** MODULE-MOVIE **/
.module_cine h2 {
  width: 299px;
  height: 36px;
  margin: 0 0 10px 0;
  padding: 0;
  border: 0 none;;
  background: #2f77a4 url('images/catelera.gif') no-repeat scroll top left;
}
.module_cine h2 span {
  display: none;
}

.module_cine .movie {
  margin: 0;
  padding: 0;
  border: 0 none;
  background: transparent url('images/catelera_line.gif') repeat-x scroll bottom left;
}

.module_cine .movie .movbtn a {
  padding: 5px;
  display: block;
}
.module_cine .movie .movbtn a:hover {
  background-color: #EBE8D7;
  text-decoration: none;
}

.module_cine .movie .movbtn .title {
  size: 9px;
  color: #055c91;
}

.module_cine .movie .movbtn .rating {
  size: 10px;
  padding: 0 0 0 10px;
  color: #d6cb7d;
}

.module_cine .movie .movtimes {
  text-align: right;
}

.module_cine .movie .movtimes .normal, .module_cine .movie .movtimes .vip {
  padding: 5px 0 0 5px;
}
.module_cine .movie .movtimes .vip {
  background: #eee url('images/vip.gif') no-repeat scroll 5px 5px;
}

.module_cine .movie .movtimes .time {
  padding: 0 0 0 10px;
}

.module_cine .movie .movtimes .trailer {
  padding: 10px 0 0 5px;
}

.module_cine .more a {
  display: block;
  size: 10px;
  color: #d6cb7d;
  text-align: right;
  margin: 0;
  padding: 5px 25px 5px 0;
  border: 0 none;
  background: transparent url('images/catelera_more.gif') no-repeat scroll center right;
}
.module_cine .more a:hover {
  text-decoration: none;
}

