/* 
    Document   : mapa
    Created on : 19/09/2011, 08:32:59
    Author     : Antonio Elizeu da Rocha Neto
    Description:
         Estilo Utilizado para Estilizar o Mapa.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body
{
    font-family:Verdana, Arial, sans-serif;
    font-size: 10pt;
    background-color: #fff;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
    margin-top:0;
    width:auto;

    line-height: 1;
}

embed
{
    width:100%;
    height:100%;
}

object
{
    width:100%;
    height:100%;

}

div.flutuante_base{
    position:absolute;
    bottom: 0px;
    left:0px;
    z-index:100;
    background-color:#C8FFFF;    
    width: 97%;
    padding: 3px;
    border: 1px black solid;
}
div.informacoes {
    border:solid 1px #CCC; float:left; margin-left:1%; margin-top:10px; width:19%;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    position:absolute;
    top: 35px;
    z-index:100;
    right:5px;
    background-color:white;
}

div.botao_expandir_imprimir{
    border:solid 0px #CCC; float:left; margin-left:1%; margin-top:10px; width:19%;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    position:absolute;
    top: 18px;
    z-index:100;
    right:5px;
}
input.botao_expandir_imprimir_img{    
    height:16px;
    width:16px; 
    border:0px solid #ffffff;   
}
div.botoes_movimento{
    position:absolute;
    top: 27px;
    left:3px;
    z-index:100;
}
input.botoes_movimento_img{
    height:16px;
    width:16px;
    display:inline;
    border:0px solid #ffffff;
}
div.botoes_zoom{
    position:absolute;
    top: 29px;
    left:70px;
    z-index:100;
    border:solid 0px #CCC; float:left; margin-left:1%; margin-top:10px; width:19%;
}
input.botoes_zoom_img{
    height:16px;
    width:16px;  
    border:0px solid #ffffff; 
}
div.mapa{
    border:solid 0px #CCC;
    position:relative;
    float:left;
    width:100%;
    height:100%;
    top:25px;
    margin-top:4px;
    margin-left:4px;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    z-index:1;
}
div.mapanome{
    width:100%;
    position:absolute;
    top: 0px;
    left: 0px;
    height:14px;
    z-index:100;
}
div.quadrado{
    width: 10px;
    height: 10px;
    border: 1px solid #dddddd;
    margin: 5px;
}
div.botoes_menu{
    position:absolute;
    top: 95px;
    left:5px;
    z-index:100;
    border:solid 0px #CCC; float:left; margin-left:1%; margin-top:10px; width:19%;
}
input.botoes_menu_img{
    height:16px;
    width:16px;
    border:0px solid #ffffff;
}
table{
    font-size: 10px;
}
input
{
    font-size: 8pt;
    border-style:solid ;
    border-color:rgb(112,105,118);
}

h2{

    background-color: #215E21;
    font-size: 13px;

    color:#FFF;

    line-height:22px;
    margin:0px;
    padding:0 5px;

    font-family: Verdana,Arial,Helvetica,sans-serif;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;

}

input.btnFerramentas {
    color: blue;
    cursor: hand;  
    padding: 0px;
    width: 95px;
    -webkit-box-align: center;
    text-align: center;
    color: buttontext;
    padding: 2px 6px 3px;
    border: 2px outset buttonface;
    background-color: buttonface;
    box-sizing: border-box;
}