/*   Hoja de estilos para daniel.blanco-morales.info/
*
*    Proyecto   : atlas.
*    Programador: Daniel Blanco
*    Version    : v1. 10/1/2003
*/

#atlas-lienzo {
    position: absolute;
    top: -0px;
    left: -0px;
    height: 100%;
    width: 100%;
    background-color: #B3C6D1;
    visibility: hidden;
}

#map {
    width: 100%;
    height: 100%;
}

.tooltip {
    background-color: transparent;
}

span.tooltip {
    font-size: 1em;
    font-weight: bold;
    border: 5px;
    background-color: #FFFCEF;
    border: 4px #6F6045 solid;
}

#div_MenuActivator {
    z-index: 100;
    position: absolute;
    top: 5px;
    margin: 5px;
}

#div_MenuOn {
    z-index: 100;
    position: absolute;
    top: 5px;
    left: 53px;
    margin: 5px;
    visibility: hidden;
}

h1 { 
    width:738px; 
    margin:1px; 
    color:#0F0F0F; 
    font:helvetica; 
    font-size:24pt; 
    overflow:hidden; 
    padding:80px 0 0; 
    vertical-align:middle; 
    text-align:right;
}

p {
    margin:0; 
    padding:1.2em; 
}

p a:link,
p a:visited,
p a:hover,
p a:active { 
    font-weight:bold; 
    color:#EFEFEF; 
}

ul#atlas_menu {
    position: absolute;
    top: 0;
    margin: 0; 
    padding: 1px 0; 
    list-style: none; 
    width: auto; 
    height: 21px; 
    border-top: 1px solid #EFEFEF; 
    border-bottom: 1px solid #EFEFEF; 
    font: normal 8pt verdana, arial, helvetica;
}

ul#atlas_menu li { 
    margin:0; 
    padding:0; 
    display:block; 
    float:left; 
    position:relative; 
    width:50px;
    font-size:10px;
}

ul#atlas_menu li a:link,
ul#atlas_menu li a:visited  {
    padding:4px 0; 
    display:block; 
    text-align:center; 
    text-decoration:none; 
    background:#EFEFEF; 
    color:#000000; 
    width:50px;
    height:13px;
    font-size:10px;
}

ul#atlas_menu li:hover a,
ul#atlas_menu li a:hover,
ul#atlas_menu li a:active {
    padding:4px 0;
    display:block; 
    text-align:center; 
    text-decoration:none; 
    background:#9F9F9F; 
    color:#ffffff; 
    width:50px; 
    height:13px; 
    border-left:1px solid #ffffff; 
    border-right:1px solid #ffffff;
    font-size:10px;
}

ul#atlas_menu-1 {
    margin: 0; 
    padding: 1px 0; 
    list-style: none; 
    width: auto; 
    height: 21px; 
    border-top: 1px solid #EFEFEF; 
    border-bottom: 1px solid #EFEFEF; 
    font: normal 8pt verdana, arial, helvetica;
}

ul#atlas_menu-1 li { 
    margin:0; 
    padding:0; 
    display:block; 
    float:left; 
    position:relative; 
    width:146px;
    font-size:10px;
}

ul#atlas_menu-1 li a:link,
ul#atlas_menu-1 li a:visited  {
    padding:4px 0; 
    display:block; 
    text-align:center; 
    text-decoration:none; 
    background:#EFEFEF; 
    color:#000000; 
    width:146px; 
    height:13px;
    font-size:10px;
}

ul#atlas_menu-1 li:hover a,
ul#atlas_menu-1 li a:hover,
ul#atlas_menu-1 li a:active {
    padding:4px 0;
    display:block; 
    text-align:center; 
    text-decoration:none; 
    background:#9F9F9F; 
    color:#ffffff; 
    width:146px; 
    height:13px; 
    border-left:1px solid #ffffff; 
    border-right:1px solid #ffffff;
    font-size:10px;
}
	
ul#atlas_menu-1 li ul.atlas_menu-2 {
    margin:0; 
    padding:1px 1px 0; 
    list-style:none; 
    display:none; 
    background:#000000; 
    width:146px; 
    position:absolute; 
    top:21px; 
    left:-1px; 
    border:1px solid #EFEFEF; 
    border-top:none;
}

ul#atlas_menu-1 li:hover ul.atlas_menu-2 { 
    display:block; 
}

ul#atlas_menu-1 li ul.atlas_menu-2 li { 
    width:146px; 
    clear:left; 
    width:146px; 
}

ul#atlas_menu-1 li ul.atlas_menu-2 li a:link,
ul#atlas_menu-1 li ul.atlas_menu-2 li a:visited { 
    clear:left; 
    background:#EFEFEF; 
    padding:4px 0; 
    width:146px; 
    border:none; 
    color:#000000;
    border-bottom:1px solid #000000; 
    position:relative; 
    z-index:1000;
}

ul#atlas_menu-1 li ul.atlas_menu-2 li:hover a,
ul#atlas_menu-1 li ul.atlas_menu-2 li a:active,
ul#atlas_menu-1 li ul.atlas_menu-2 li a:hover { 
    clear:left; 
    background:#9F9F9F; 
    padding:4px 0; 
    width:146px; 
    border:none; 
    border-bottom:1px solid #ffffff; 
    position:relative; 
    z-index:1000; 
}

ul#atlas_menu-1 li ul.atlas_menu-2 li ul.atlas_menu-3 { 
    display:none; 
    margin:0; 
    padding:0; 
    list-style:none; 
    position:absolute; 
    left:145px; 
    top:-2px; 
    padding:1px 1px 0 1px; 
    border:1px solid #EFEFEF; 
    border-left:1px solid #EFEFEF; 
    background:#000000; 
    z-index:900; 
}

ul#atlas_menu-1 li ul.atlas_menu-2 li:hover ul.atlas_menu-3 { 
    display:block; 
}

ul#atlas_menu-1 li ul.atlas_menu-2 li ul.atlas_menu-3 li a:link,
ul#atlas_menu-1 li ul.atlas_menu-2 li ul.atlas_menu-3 li a:visited { 
    background:#EFEFEF;
    color:#000000;
}

ul#atlas_menu-1 li ul.atlas_menu-2 li ul.atlas_menu-3 li:hover a,
ul#atlas_menu-1 li ul.atlas_menu-2 li ul.atlas_menu-3 li a:hover,
ul#atlas_menu-1 li ul.atlas_menu-2 li ul.atlas_menu-3 li a:active { 
    background:#9F9F9F; 
}

ul#atlas_menu-1 li ul.atlas_menu-2 li a span { 
    position:absolute; 
    top:0; 
    left:132px; 
    font-size:12pt; 
    /*color:#DFDFDF;*/
    color:#000000;
}

ul#atlas_menu-1 li ul.atlas_menu-2 li:hover a span,
ul#atlas_menu-1 li ul.atlas_menu-2 li a:hover span { 
    position:absolute; 
    top:0; 
    left:132px; 
    font-size:12pt; 
    color:#ffffff; 
}

#atlas-top-menu {
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 10px;
    width: 30em;
    height: 1.5em;
    text-align: center;
    float: left;
    background: #FFFFFF;
}

#atlas-left-menu_off {
                      position   : absolute;
                      z-index    : 2;
                      top        : 2.2em;
                      width      : auto;
                      text-align : center;
                      visibility : hidden;
                      float      : left;
                      background : #FFFFFF;
                     }

#atlas-left-menu_on {
                     position  : absolute;
                     z-index   : 3;
                     top       : 2.2em;
                     width     : 15em;
                     height    : 10px;
                     text-align: center;
                     float     : left;
                     background: #FFFFFF;
                     overflow  : hidden;
                    }

#atlas-left-menu_view {
                       margin    : 5px;
                       float     : left;
                       top       : 1em;
                       width     : 100%;
                       height    : 100%;
                       text-align: left;
                      }

#atlas-left-menu_cont {
                       width                     : 97%;
                       text-align                : left;
                       scrollbar-face-color      :#6699CC;
                       scrollbar-highlight-color :#6699CC;
                       scrollbar-shadow-color    :#6699CC;
                       scrollbar-3dlight-color   :#FFFFFF;
                       scrollbar-arrow-color     :#FFFFFF;
                       scrollbar-track-color     :#E3E3E3;
                       scrollbar-darkshadow-color:#000000;
                       overflow-x                : hidden;
                       overflow-y                : scroll; 
                      }

#atlas-extra-menu {
                   position  : absolute;
                   z-index   : 4;
                   top       : 32px;
                   right     : 7px;
                   width     : auto;
                   text-align: center;
                   float     : right;
                   background: #FFFFFF;
                  }

button.atlas-extra-menu {
                         width           : 210px;
                         height          : 20px;
                         font-size       : 1em;
                         color           : #000000;
                         background-color: #FFFFFF;
                        }

#atlas-point-info {
                   position  : absolute;
                   z-index   : 6;
                   top       : 60px;
                   right     : 10px;
                   width     : 15em;
                   height    : 10px;
                   text-align: center;
                   visibility: hidden;
                   float     : right;
                   background: #FFFFFF;
                   overflow  : hidden;
                  }

#atlas-point-info_resumen {
                           margin    : 5px;
                           float     : left;
                           top       : 1em;
                           width     : 100%;
                           height    : 100%;
                           text-align: left;
                          }

#atlas-point-info_view {
                        margin    : 5px;
                        float     : left;
                        top       : 1em;
                        width     : 100%;
                        height    : 100%;
                        text-align: left;
                       }

#atlas-point-info_cont {
                        width                     : 97%;
                        text-align                : left;
                        scrollbar-face-color      : #6699CC;
                        scrollbar-highlight-color : #6699CC;
                        scrollbar-shadow-color    : #6699CC;
                        scrollbar-3dlight-color   : #FFFFFF;
                        scrollbar-arrow-color     : #FFFFFF;
                        scrollbar-track-color     : #E3E3E3;
                        scrollbar-darkshadow-color: #000000;
                        overflow-x                : hidden;
                        overflow-y                : scroll; 
                       }

#atlas-point-info_text {
                        /*width     : 210px;*/
                        /*height    : 20px;*/
                        font-size : 1em;
                        color     : #6699CC;
                        background: transparent;
                        border    : none;
                       }

#atlas-create-mark {
                    position  : absolute;
                    z-index   : 7;
                    top       : 2.2em;
                    width     : 20em;
                    height    : auto;
                    text-align: center;
                    visibility: hidden;
                    float     : left;
                    background: #FFFFFF;
                    overflow  : hidden;
                   }

#atlas-create-mark_view {
                         margin    : 5px;
                         float     : left;
                         top       : 1em;
                         width     : 100%;
                         height    : 100%;
                         text-align: left;
                        }

#atlas-create-mark_cont {
                         width                     : 97%;
                         text-align                : left;
                         scrollbar-face-color      : #6699CC;
                         scrollbar-highlight-color : #6699CC;
                         scrollbar-shadow-color    : #6699CC;
                         scrollbar-3dlight-color   : #FFFFFF;
                         scrollbar-arrow-color     : #FFFFFF;
                         scrollbar-track-color     : #E3E3E3;
                         scrollbar-darkshadow-color: #000000;
                         overflow-x                : hidden;
                         overflow-y                : scroll; 
                        }

#atlas-map-info_on {
    z-index: 8;
    position: absolute;
    font-size: 0.7em;
    font-weight: bold;
    top: 90%;
    left: 25%;
    border: none;
    color: #FFFFFF;
    text-align: left;
    background: transparent;
}

button.atlas-map-info_on {
                          font-size       : 1em;
                          color           : #000000;
                          background-color: #FFFFFF;
                         }

input.atlas-map-info_on {
                         color           : #FFFFFF;
                         font-size       : 1em;
                         font-weight     : bold;
                         background-color: transparent;
                        }

#atlas-create-mark_position {
                             position  : absolute;
                             z-index   : 9;
                             width     : auto;
                             height    : auto;
                             text-align: center;
                             visibility: hidden;
                             float     : left;
                             background: transparent;
                            }

#atlas-create-mark_paleta {
                           position  : absolute;
                           left      : 5em;
                           top       : 20em;
                           z-index   : 10;
                           width     : auto;
                           height    : auto;
                           text-align: center;
                           visibility: hidden;
                           float     : left;
                           background: transparent;
                          }