html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231;}
/* overflow-x:hidden; overflow-y:auto;*/

body, button, input, select, textarea { font-family: 'ubuntulight', 'sans-serif'; color: #222; font-size:14px;}

/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
*/

::-moz-selection { background: #f56317; color: #fff; text-shadow: none; }
::selection { background: #f56317; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #1c94c4; text-decoration:none; }


/* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: ubuntulight, monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * Improve image quality when scaled in IE7
 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/

img { border: 0; -ms-interpolation-mode: bicubic; }

/*
 * Correct overflow displayed oddly in IE9 
*/

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
*/

legend { border: 0; *margin-left: -7px; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
*/

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
*/

button, input { line-height: normal; *overflow: visible; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
*/

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
*/

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

/* 
 * Remove inner padding and border in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
*/

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* Remove default vertical scrollbar in IE6/7/8/9 */
textarea { overflow: auto; vertical-align: top; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { /* background-color: #f0dddd; */ }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }


/* =============================================================================
   Primary styles
   Author: Alquimídia
   ========================================================================== */
html{
    /*background: url('../img/fundo.jpg') no-repeat top left;*/
    /*background: url('../img/fundo-teste.png') fixed;*/
    background: url('../img/fundo.jpg') no-repeat top left;
    font-family: 'ubunturegular';
}

#principal{
    width:1133px;
    padding:0px 0px 70px 35px;
    min-height:500px;

}
.controles{
    position:relative;
    width:363px;
    z-index:99;
}
.ent-rede{
        margin:10px;
        float:left;
        text-align:center;
        width:256px;
    }
#logo{
    padding:10px 20px 0px 20px;
}
.fb-like-mapa{
    margin-top:20px; z-index: 99;
}
.menu{
    margin-top:10px;
    background: url('../img/transp-branco.png');
    padding:10px 20px 10px 20px;
}
.menu ul{    
    padding:0px;
    margin: 0 auto;
}
.menu ul li{
    list-style: none;
    float:left;
    border-right: 1px dotted black;
    font-size:13px;
    padding:0px 6px 0px 6px;
}
.menu ul li a{
    color:#000;
}
.menu ul .limpamenu{
    margin-right:0px;
    padding-right:0px;
    border-right: none;
}

.ambientelogin{
    position:relative;
    margin-top:20px;
    background: url('../img/transp-branco.png');
    padding:10px 20px 0px 20px;
}
.mobileLoginTitle{
    display: none;
}
#div-openid{
    margin-top:20px;
    font-size:14px;
    font-weight:bold;
}
#div-openid ul{
    float:right;
    margin: 0px 10px 0px 0px;
    padding:0px;
}
#div-openid ul li{
    float:left;
    padding:0px 10px 0px 10px;
    list-style: none;
}
.separa-laranja{
    border-right: 1px solid #FF9900;
}
.listbotoes{
    position:absolute;
    right:0;
    top:-40px;
}
.listbotoes ul{
    margin:15px 0px 15px 0px;
    padding:0px;
}
.listbotoes li{
    list-style: none;
    float:left;
    margin-right:20px;
}

.conteudo{
    width:693px;
    min-height:600px;
    position: absolute; top: 60px; left: 475px;
}


.formlogin{
    text-align:left;
}
.formlogin h3{
    font-size:13px;
    margin-bottom:2px;
}
.campo-g{
    width:21em;
}
.campo-p{
    width:5em;
}
.campos-gg{
    width:280px;
}
.campos{
    border:1px solid #ccc;
    padding:5px 10px 5px 10px;
}
.campos-g{
    width:200px;
}
.full{
    width:100%;
}
.campo-item{
    margin:20px 10px 0px 0px;
    float:left;
}

.campo-item label{
    font-weight:bold;
}
.quebralinha{
    display:block;
}
#conecta-facebook{
    background:url('../img/icone-facebook-g.png') no-repeat top center;
}
#conecta-twitter{
    background:url('../img/icone-twitter-g.png') no-repeat top center;
}
#conecta-cadastro{
    background:url('../img/icone-cadastro-g.png') no-repeat top center;
}

#divcaduser{
    /*display:none;*/
}

.locais{
    border:2px solid #ccc;
    margin:3px;
    padding:3px;
    background:#fff;
}

.botoes-g{
    width:200px;
    height:160px;
    text-align: center;
    padding:110px 10px 5px 10px;
    margin:10px;
    font-weight:bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.botoes{
    border:1px solid #E19831;
    text-align:center;
    padding:5px 10px 5px 10px;
    color:white;
    background: #ffaf4b; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYWY0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjkyMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffaf4b 0%, #ff920a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaf4b), color-stop(100%,#ff920a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffaf4b 0%,#ff920a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffaf4b 0%,#ff920a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-8 */

}
.direita{
    float:right;
}
.botoes a, a .botoes{
    color: #fff;
}
.botoes-branco{
    text-align:center;
    padding:3px;
    color:red;
    background: white;
    font-weight: bold;
    font-size:11px;
    margin:0px 0px 5px 2px;
}
.font-p{
    font-size:11px;
}
.btnremover{
    border:1px solid #E19831;
    text-align:center;
    padding:5px 10px 5px 10px;
    color:white;
    float:right;
    background: #cc0000; /* Old browsers */
    background: -moz-linear-gradient(top,  #cc0000 0%, #cc0000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cc0000 0%,#cc0000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
}
/* Abas */
.menu-abas{
    position:absolute;
    left:475px;
    top:20px;
    z-index:99;
}
.menu-abas ul{
    margin: 0px;
    padding:0px;
}
.menu-abas ul li{
    float:left;
    padding:10px 25px 10px 30px;
    list-style: none;
    background: url('../img/fundo-menu-inactive.png');
    margin: 0px 1px 0px 0px;
    text-align:center;
    font-size:13px;
}
.menu-abas ul li a{
    color: white;
}

.menu-abas ul li[class^="active"]{
    background:#FE9900;
}
.menu-abas ul li:hover{
    background-color:#152E39;
}
.menuHandle, .ambienteLoginHandle{
    display: none;
}


.menuPainel ul{
    margin: 0px;
    padding:0px;
}
.menuPainel ul li{
    float:left;
    padding:15px;
    list-style: none;
    background: #FF9900;
    margin: 20px;
    width:200px;
    height:150px;
    text-align:center;
    font-size:13px;
}
.menuPainel ul li a{
    color: white;
}

.menuPainel ul li[class^="active"]{
    background:#FE9900;
}
.menuPainel ul li:hover{
    background-color:#152E39;
}

/**********************************************/

/* Fim das abas */

/* tiposcad */
.menutiposcad ul{
    margin:0px;
    padding:0px;
    list-style-image:url('../img/seta-laranja.png');
}
.menutiposcad ul li{
    border-bottom:1px solid #ccc;
    font-size:14px;
    color:#000;
    padding:10px 0px 10px 0px;
}
.menutiposcad ul li a{
    color:#000;
}
/* Fim tiposcad */

#rodape{
    text-align:center;
    font-size:11px;
    color: #152E39;
    height:55px;
    padding:5px 20px 50px 20px; margin: 20px 0 0 35px; 
    background: url('../img/transp-branco.png');
}
#rodape h3{
    font-weight: bold;
    margin:1px;
}

.tabelas thead td{
    font-weight: bold;
    border-right:1px solid #ccc;
    border-bottom:2px solid #ccc;
    padding:5px;
    text-align:center;
}

.tabelas tbody td{
    border-right:1px solid #ccc;
    padding:5px;
}

#inscricao-view td{
    border:1px solid #ccc;
}
.colunas2{
    -moz-column-count:2; /* Firefox */
    -webkit-column-count:2; /* Safari and Chrome */
    column-count:2;
}
.colunas3{
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
    column-count:3;
}
.colunas4{
    -moz-column-count:4; /* Firefox */
    -webkit-column-count:4; /* Safari and Chrome */
    column-count:4;
}
.load{
    display:none;
}
/*Perfil*/
.divperfil{
    float:left; width: 540px;
}
.divperfil, #divpainelperfil{
    margin-top: 50px;
}
.divperfil .left{
    float: left;
}
.divperfil .left:last-of-type{
    width: 360px;
}
.divperfil .imgperfil{
    margin-right: 30px;
}
.divperfil img{
    max-width:540px;
}
.imgperfil img{
    margin:0 auto; width: 150px;
}
.fancyPerfilAcoes{
    width: 500px;
}

#qrcode-perfil{
    width:98px;
    text-align:center;
    font-size:10px;
    margin-left:10px;
}
#qrcode-perfil > div{
    margin: 10px 0;
}
#qrcode-perfil .tcell a{
    color: #000;
}
#qrcode-perfil .tcell{
    text-align: left;
}

.perfil-redes{
    white-space: nowrap;
}

.perfil-redes ul{
    padding:0px;
    margin:0;
}
.perfil-redes  li{
    float:left;
    list-style: none;
    list-style-type: none;
    margin:2px;
}
.perfil-redes img{
    height:24px;
}
#bemvindo{
    padding:10px;
    color:#fff;
    background:#FF9900;
    margin:10px 0px 10px 0px;
}
#divpainelperfil{
    width:125px;
    float:right;
}
#divpainelperfil  ul{
    margin-top:10px;
    padding:0px;
}
#divpainelperfil ul li{
    list-style: none;
    border-bottom: 1px dotted ;
    color:#9FA9AC;
    font-size:12px;
    padding:13px 3px;
}
#divpainelperfil ul li a, #qrcode-perfil a, #qrcode-perfil p{
    color:#000;
}
#divpainelperfil ul li .tcell, #qrcode-perfil .tcell{
    display: table-cell; vertical-align: middle;
}
#divpainelperfil ul li .tcell:first-of-type{
    padding: 0 5px 0 0;
}
#qrcode-perfil .tcell:first-of-type{
    padding: 0 10px 0 0;
}


.divtitular{
    margin-top: 20px;
    font-size:12px;
    padding:2px;
    border-bottom: 1px dotted black;
}
/*Mapa*/
#map{
    height: 650px; 
    width: 100%;
    position:absolute;
    right:0; top:0;
    z-index:1;
    text-align:center;
}
#legenda-mapa{
    position:absolute;
    right:120px;
    top:440px;
    z-index:99;
}
#legenda-mapa ul{
    margin:0px;
    padding-left:0px;
}
#legenda-mapa ul li{
    list-style: none;
    float:left;
    margin:0px;
    padding:0px;
}

.dadospesq{
    width:200px;
    height:170px;
    margin:10px;
    background-color:#eee;
    float:left;
    text-align:center;
    padding:3px;
}

.dadoslista{
    width:100%;
    padding:3px;
    margin:10px 0px 10px 0px;
}
.dadoslista a{
    color:black;
}
.dadoslista a img{
    float:left;
    margin:0px 10px 30px 0px;
}

.tableinsc tr td{
    border: 3px solid #eee;
}
.tableinsc td{
    padding:4px;
}
#regulamento{
    width:99%;
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    border:1px solid #ccc;
    padding:10px;
    font-weight: normal;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 767px) {    

    /************ESTRUTURA************/

    #principal{
        width: auto; padding: 0; min-height: 0; position: initial;
    }

    .controles{
        width: auto;
    }

    #map, .menu-abas, .conteudo, .ambientelogin{
        position: initial; width: 90%; margin: 0px auto;
    }
    

    /************MAPA************/
    #map{
        height: 400px;
    }
    #legenda-mapa{
        position: initial; width: 90%; margin: 0 auto; margin-top: 10px;
    }
    #legenda-mapa li{
        width: 25%; text-align: center;
    }
    #legenda-mapa li img{
        width: 90%;
    }

    /************CONTEUDO********/

    #logo img{
        width: 90%;
    }

    .fb-like-mapa{
        margin: 10px 5%;
    }
    .msgBestVisu, .fb-like-mapa{
        display: none;
    }

    .menu{
        margin: 0; padding: 10px 4%; width: 92%;
    }
    
    #rodape{
        position: initial; height: auto; margin: 15px 0 0 0;
    }

    /****************PAINEL******************/
    
    .menuPainel ul li{
        margin: 20px 20px 0 0;
    }

    /****************PERFIL******************/

    .divperfil .left:last-of-type, .divperfil, #divpainelperfil, #qrcode-perfil{
        width: auto; margin: 0;
    }
    #qrcode-perfil{
        font-size: 1em;
    }
    #divpainelperfil, .divperfil{
        float:none;
    }

    .fancyPerfilAcoes{
        width: auto;
    }

    /***************AMBIENTE LOGIN*************/

    .ambientelogin{
        padding: 0; margin-top: 15px; position: relative; min-height: 40px; z-index: 100;
    }

    .ambienteloginForms{
        display: none; 
    }

    .campo-item{
        float:none; margin: 10px 0 0 0;
    }
    .campo-item > label{
        display: block;
    }
    .campo-item > .campos{
        width: 100%; padding: 5px 0;
    }
    .campo-item .botoes{
        display: block; width: 100%; margin-top: 10px;
    }
    .campo-item > p{
        margin-top: 0;
    }
    .formlogin{
        padding: 10px 10px 0 10px;
    }
    .listbotoes{
        position: initial;
    }
    .listbotoes > ul{
        margin: 0;
    }



    /***************MENU*************/

    	
    .menu-abas{
        left: auto; top: auto; margin-bottom: 10px; margin-top: 10px; position: relative; min-height: 40px;
    }
    .menu-abas ul, .ambienteLoginForms{
        width: 100%; background: #fff;
        border: 1px solid #aaa; border-top: none; display: none;
    }
    .menu-abas ul li{
        float: initial; margin: 5px 0 0 0;
        /* hide all <li> items */
        text-align: left;
    }
    
    .menuHandle, .ambienteLoginHandle{
        display: block; /* show only current <li> item */ 
        margin: 0; border: solid 1px #aaa; background: #7B898E url(../img/icon-menu.png) no-repeat 10px 11px;
        padding: 10px 25px 10px 30px; font-weight: bold; 
    }
    .menu-abas a, .ambienteLoginHandle a{
        display: block; padding: 0; color: #fff;
    }
    
    .menu-abas .active a {
        background: none; color: #666;
    }
    .menu-abas ul br {
        display: none;
    }
    

    
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 479px){
    .menu-abas{

    }
    .menu{

    }
    .menu ul li{
        font-size: 0.8em; padding: 0 3px;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 480px) 
and (max-width : 767px){

    #legenda-mapa li img{
        width: 55%;
    }
    #logo img{
        width: 70%;
    }

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
    
    
    /***************CONTEUDO*************/
    
    .conteudo{
        width: auto;
    }
    
    
    /***************MENU*************/

    	
    .menu-abas{
        min-height: 40px; width: 50%;
    }
    .menu-abas ul{
        width: 100%; background: #fff;
        border: 1px solid #aaa; border-top: none; display: none;
    }
    .menu-abas ul li{
        float: initial; margin: 5px 0 0 0;
        /* hide all <li> items */
        text-align: left;
    }
    
    .menuHandle{
        display: block; /* show only current <li> item */ 
        margin: 0; border: solid 1px #aaa; background: #7B898E url(../img/icon-menu.png) no-repeat 10px 11px;
        padding: 10px 25px 10px 30px; font-weight: bold; 
    }
    .menu-abas a{
        display: block; padding: 0; color: #fff;
    }
    
    .menu-abas .active a {
        background: none; color: #666;
    }
    .menu-abas ul br {
        display: none;
    }
    
    
    /****************PERFIL******************/


    .divperfil .left:last-of-type, .divperfil, #divpainelperfil, #qrcode-perfil{
        width: auto; margin: 0;
    }
    #qrcode-perfil{
        font-size: 1em;
    }
    #divpainelperfil, .divperfil{
        float:none;
    }

    
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
    
    /***************ESTRUTURA*************/
    
    #principal{
        width: auto; padding: 0; min-height: 0; position: initial;
    }

    .controles{
        width: auto;
    }

    #map, .menu-abas, .conteudo, .ambientelogin{
        position: initial; width: 90%; margin: 0px auto;
    }
    
    
    /***************AMBIENTE LOGIN*************/

    .ambientelogin{
        padding: 0; margin-top: 15px; position: relative; min-height: 40px; z-index: 100;
    }

    .ambienteloginForms{
        display: none; 
    }

    .campo-item{
        float:none; margin: 10px 0 0 0;
    }
    .campo-item > label{
        display: block;
    }
    .campo-item > .campos{
        width: 100%; padding: 5px 0;
    }
    .campo-item .botoes{
        display: block; width: 100%; margin-top: 10px;
    }
    .campo-item > p{
        margin-top: 0;
    }
    .formlogin{
        padding: 10px 10px 0 10px;
    }
    .listbotoes{
        position: initial;
    }
    .listbotoes > ul{
        margin: 0;
    }
    
    .ambienteLoginForms{
        width: 100%; background: #fff;
        border: 1px solid #aaa; border-top: none; display: none;
    }
    .ambienteLoginHandle{
        display: block; /* show only current <li> item */ 
        margin: 0; border: solid 1px #aaa; background: #7B898E url(../img/icon-menu.png) no-repeat 10px 11px;
        padding: 10px 25px 10px 30px; font-weight: bold; 
    }
    .ambienteLoginHandle a{
        display: block; padding: 0; color: #fff;
    }
    
    
    /***************MENU*************/

    .menu-abas{
        left: auto; top: auto; margin-bottom: 10px; margin-top: 10px;
    }
    
    
    /************MAPA************/
    #legenda-mapa{
        position: initial; width: 90%; margin: 0 auto; margin-top: 10px;
    }
    #legenda-mapa li{
        width: 25%; text-align: center;
    }
    

    /************CONTEUDO********/

    .fb-like-mapa{
        margin: 10px 5%;
    }
    .msgBestVisu, .fb-like-mapa{
        display: none;
    }

    .menu{
        margin: 0; padding: 10px 4%; width: 92%;
    }

    #rodape{
        position: initial; height: auto; margin: 15px 0 0 0;
    }
    
}
.msgErro{
    color:red;
    padding:5px;
    background:#eee;
    border:1px solid #ccc;
    margin:10px;
    width:100%;
}

.msgOk{
    color:blue;
    padding:5px;
    background:#eee;
    border:1px solid #ccc;
    margin:10px;
    width:100%;
}



/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
    /* Styles */
}