/* 
    Document   : main
    Created on : 11/11/2009, 02:05:36 PM
    Author     : Eduardo Hernández Cansino
    Description: Hoja de estilo principal HuellasMexico.com
*/
body {
    background: url('../img/bg.png') repeat-x top;
    background-color: #FFF;
}
#main {
    background: #FFF;
}
#header {
    height: 135px;
    background: #000;
    color: #FFF;
}
#img-header {
    width: 900px;
    height: 96px;
    background: url('../img/header.jpg') no-repeat;

}
#lang {
    text-align: right;
    color: #FFF;
    top: 75px;
    right: 190px;
    padding-left: 3px;
    padding-right: 3px;
    position: fixed;
}
#lang a:link,#lang a:visited {
    color: #FFF;
    text-decoration: none;
}
#lang a:hover {
    color: #CCC;
}
#lang img {
    vertical-align: text-bottom;
}
#menu {
    color: #CCC;
    display: block;
    vertical-align: middle;
    overflow: auto;
    text-align: center;
    background-color:#CCC;
    width: 900px;
    height: 40px;
    vertical-align: text-bottom;
    margin: 0 auto;
    background: url('../img/menu/bgl.png');
}
#mapa-sitio {
    background: #000;
    color: #FFF;
    padding-left: 30px;
    height: 400px;
    display: block;
    overflow: visible;
    position: relative;
    z-index:1000000000; 
}
#mapa-sitio a:link, #mapa-sitio a:visited {
    color: #FFF;
    text-decoration: none;
}
#mapa-sitio a:hover {
    color: #F6C739;
    border-bottom: solid #F6C739 3px;
}

/*   Comienza el CCS del menu   */
#subMenusContainer a:link, #subMenusContainer a:visited{
    color: #000;
    text-decoration:none;
    display: block;
    padding: 10px 20px;
    vertical-align: text-bottom;
    background-color:#CCC;
}
#nav a{
    text-decoration:none;
    display: block;
    margin-left: 3px;
    padding: 2px 20px;
    background-color:#fff;
    background: url('../img/menu/bgl.png');
    vertical-align: text-bottom;
    color: #000;
}
#nav img {
    vertical-align: text-top;
}
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
    background: url('../img/menu/bgl.png');
    color:#FFF;
    vertical-align: text-bottom;
}
#subMenusContainer a:hover,
#subMenusContainer a:focus,
#nav a.mainMenuParentBtnFocused,
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
    background: url('../img/menu/bgn.png');
    color:#FFF;
    vertical-align: text-bottom;
}
.smOW{
    display:none;
    position: absolute;
    overflow:hidden;
    padding:0 2px;
    margin:0 0 0 -2px;
}
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1em;
    vertical-align: text-bottom;
}
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
    background:#fff;
    left: 0;
    vertical-align: text-bottom;
}
#nav li {
    display:block;
    list-style:none;
    position:relative;
    vertical-align: text-bottom;
    float:left;
    text-align: center;
}
#subMenusContainer li{
    list-style: none;
    color: #000;
    text-align: center;
    vertical-align: text-bottom;
}
#nav{
    display:block;
    list-style:none;
    text-align: center;
    vertical-align: text-bottom;
    margin-left: 60px;
}

#subMenusContainer{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:0;
    overflow:visible;
    z-index:1000000000;
    vertical-align: text-bottom;
}
#nav li li{	float:none; }

#nav li li a{
    position:relative;
    float:none;
    border: 1px #000 solid;
    vertical-align: text-bottom;
}
#nav li ul {
    position: absolute;
    width: 10em;
    margin-left: -1000em;
    margin-top:2.2em;
    vertical-align: text-bottom;
}
#nav li ul ul { margin: -1em 0 0 -1000em; vertical-align: text-bottom; }
#nav li:hover ul ul {	margin-left: -1000em; vertical-align: text-bottom; }

/* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }

/*    Slide Show      */
#blinds-cont {
    padding-top: 1px;
    margin: 0 auto;
    height: 400px;
    width: 900px;
}
#blinds-cont #blinds {
    margin: 0 auto;
    background: #131718 url(../img/spinner.gif) 50% no-repeat;
    height: 400px;
    width: 900px;
}
#blinds-cont #blinds .floom_slice { 
    z-index: 10;
}
#blinds-cont #blinds {
    color: #c1c7ce;
    position: relative;
    width: 100%;
}
.floom_caption {
    text-align: right;
    right: auto;
    position: relative;
    font-size: 15px;
    color: #c1c7ce;
    top: -46px;
    margin-bottom: 10px;
    margin-right: 20px;
}
#blinds-cont #blinds .floom_progressbar {
    background: #131718;
    height: 0px;
    overflow: hidden;
    position: relative;
    z-index: 1000;
    width: 0;
    top: 0px;
}
#blinds-cont #blinds .floom_container { 
}
#blinds-cont #blinds .floom_vertical { 
    float: left;
}
#foot {
    text-align: center;
    background-color: #000;
    color: #FFF;
}
.bottones{
    height: 70px;
    background: #CCC;
}