root { 

    display: block;

}

::selection{ background-color: #E13300; color: white; }

::moz-selection{ background-color: #E13300; color: white; }

::webkit-selection{ background-color: #E13300; color: white; }


body {font-size: 15px; font-family: gothic !important; color: #545454; background: #FFF; margin: 0; padding: 0; height: 100%; }

    a { color: #333; background-color: transparent; font-weight: normal; text-decoration: none;}

    #geral{min-height: 100%; position: relative; margin: 0; padding: 0;}
   

    /* CSS Topo */
    
    #geral #verde {background-color: #f5d041; padding-bottom: 10px; padding-top: 10px; height: 40px; color: #373537; border-bottom: 4px solid #373537;}
        
        #geral #verde_mobile {min-height: 110px; padding-top: 8px; padding-bottom: 8px; background-color: #10834C; color: #FFF;}

    #geral #topo {width: 100%; position: relative; z-index: 4; color: #c3c3c3; background-color: #FFF;}
    
        #geral #topo #logo {position: relative; padding-top: 10px; padding-bottom: 10px;}

        #geral #topo #topo_buttons { float: right; line-height: 0.8em; font-size: 18px;}

    /* CSS Topo */
    
    /* CSS Banner */
    #banner-slider .item img{
        display: block;
        width: 100%;
        height: auto;
    }
    #banner-slider-mob .item img{
        display: block;
        width: 100%;
        height: auto;
    }
    /* CSS Banner */
    
    /* CSS MENU */
    #menu{background: url('../images/layout/menu.png') repeat-x; height: 35px; margin-top: 6px; font-family: "Open Sans Condensed" !important;}
    
    .nav > li > a{
	border-radius:10px;
	padding:6px 25px !important;
	font-size:16px;
        color: #FFF;
        border: none !important;
    }
    .nav > li > a.obras{
	border-radius:10px;
	padding:2px 25px !important;
	font-size:15px;
        color: #FFF;
        border: none !important;
        width: 180px;
    }

    .nav > li > a:hover,
    .nav > li > a:focus{
            background-color:#f5d041;
            border-radius:10px;
            padding:13px 15px;
            opacity:0.7;
            font-weight: bold;
            color: #002166;
    }
    .nav > li.active > a, .nav > li.active > a:hover, .nav > li.active > a:focus{
            font-size:16px;
            background-color:#f5d041 !important;
            border-radius:10px;
            padding:13px 15px;
            color: #373537 !important;
            border: none !important;
    }

    #menuMob{
            background-color:#f5d041;
            box-shadow:#f5f5f5 0px 10px 1px inset;
            border-top:1px #d9d9d9 solid;
            border-bottom:1px #d9d9d9 solid;
            margin:-21px 0 20px 0;
    }
    #menu-mobile{
            font-family: 'Exo 2',"Trebuchet MS", Arial, Helvetica, sans-serif;
    }

    #menu-mobile ul li a{
            color: #FFF !important;
            font-size: 12px;
    }

    #menu-mobile ul li{
            background: #f5d041;
            display: block;
            border-bottom: 1px solid #fff;
    }

    #menu-mobile ul li:hover{
            background: #F2F3F3; 
    }

    #menu-mobile .navbar-brand {
            float: left;
            font-size: 18px;
            line-height: 20px;
            padding: 23px 13px;
    }
    #menu-mobile a {
            color:#373537;
    }
    #menu_small{
            margin:-21px 0 21px 0;
            background-color:#f5d041;
            padding:10px 0;
    }
    #menu_small a{
            font-size:14px;
    }
    #menu_small a:hover{
            color:#F2F3F3;
            font-size:14px;
    }
    .navbar-collapse a{
        background-color: #10834C;
    }
    /* CSS MENU */
    

    /* CSS Rodapé */

    #footer{bottom: 0; margin: 0; width: 100%; background-color: #D2D3D5; border-top: 10px solid #BDBFC1; overflow: hidden; color: #FFF;}

        #footer .end{color: #FFF; font-size: 16px; line-height: 1.2em; padding-top: 10px; padding-bottom: 10px; }
    
        #footer .menus{color: #FFF; font-size: 11px; line-height: 1.2em; padding-top: 10px; bottom: 0; margin: 0; overflow: hidden; }
        #footer .menus a {color: #FFF;}

    /* CSS Rodapé */

.menu_prod:hover {background-color: #fdd813 !important; width: 200px;}

.menu_prod_ativo {background-color: #fdd813 !important; padding:2px 2px; font-weight: bold;}

.meses {padding-top: 10px; padding-bottom: 10px; background-color: #f5d041;}
.meses a{text-decoration: none; color: #FFF; font-weight: bold; }