/*basic styles*/



/*# Base do Menu #*/
body{width:100%; height:100%; margin:0; padding: 0; font-family: Arial, Helvetica, sans-serif;}


em, ul, li, div, span, a, img {



    font-size : 11;

    font-weight : normal;

    font-style : normal;

    text-align : center;

    text-decoration : none;

    list-style : none;

    padding : 0;

    margin : 0;

    border : 0 none;

    outline : 0 none;

    vertical-align : baseline;

}





a:link { color: #FFF; }

a:visited { color: #FFF; }

a:hover { color: #FFF; }

a:active { color: #FFF; }



.my_menu_main_container{position: fixed; top:0; left:0; width: 100%; height: 80px; background-color: #3b3b3b; z-index:999999;}

.my_menu_container{position: fixed; top:0; left:0; width: 100%; height: 60px; background-color: #0b0b0b;}

.my_menu_opt{float: left; padding:24px 30px; color:#fff; font-size: 11px; margin-left: 2px; background-color: #282a29; height: 12px;}

.my_menu_opt:hover{cursor:pointer;}

.my_menu_opt a{text-decoration: none; color:#fff;}

.my_home_menu_opt{float: left; padding:22px 12px; color:#fff; font-size: 11px; margin-left: 2px; background-color: #282a29; height: 16px;}



.my_r_menu_opt{float: right; padding:23px 12px; color:#fff; font-size: 11px; margin-left: 2px; background-color: #282a29; height: 14px;}

.my_r_menu_opt:hover{cursor:pointer;}



.my_r_social_menu_opt{float: right; padding:22px 12px; color:#fff; font-size: 11px; margin-left: 2px; background-color: #282a29; height: 16px;}

.my_r_social_menu_opt:hover{cursor:pointer;}



.my_r_social_menu_opt img{width: 16px;}



.sc_fb:hover{background-color: #3d5b9b;}

.sc_yt:hover{background-color: #cf312e;}

.sc_in:hover{background-color: #137bb8;}

/*.sc_pt:hover{background-color: #d0202a;}*/
.sc_pt:hover{background-color: #c4317e;}

.sc_gp:hover{background-color: #cd3627;}



.lc_uk:hover{background-color: #97c03c;}



.lc_uk_active{background-color: #97c03c!important;}





.c_institucional_active{ background-color: #129748!important; }
.c_reciclagem_active{ background-color: #129748!important; }
.c_profissionais_active { background-color: #30d3e6; }
.c_verdoreca_active { background-color: #B5C734; }
.c_spvnet_active { background-color: #b6c824; }
.c_spvnet_aderentes_active { background-color: #8BC53F; }
.c_spvnet_retomadores_active { background-color: #37C44A; }


.c_institucional:hover{background-color: #129748;}
.c_reciclagem:hover{background-color: #129748;}
.c_profissionais:hover{background-color: #30d3e6;}
.c_verdoreca:hover{background-color: #B5C734;}
.c_spvnet:hover{background-color: #b6c824;}
.c_spvnet_aderentes:hover{background-color: #8BC53F;}
.c_spvnet_retomadores:hover{background-color: #37C44A;}





.my_logo{position:fixed; top: 120px; left:10%;}

.my_destaque{position:fixed; top:80px; right: 0;}





.my_menu_opt .my_submenu{display: none;}

.my_menu_opt:hover > .my_submenu{display: block;}











/* ################################################################################################## */

/*# Submenu #*/

	



.my_submenu{ position:fixed; top:60px; left:0; background-color: #3b3b3b; width: 100%; padding:20px 0px 20px 20px; text-align:left; }

.my_submenu { font: normal 12px Arial, Helvetica, sans-serif;	color:#fff;}



.my_submenu ul li a:hover, .my_submenu ul li a:focus { text-decoration:none; color:#129748; }

.my_submenu h2 { color:#129748;  font-size:12px;    padding:0px 0px 10px 5px; left:0; text-align:left; }

.my_submenu h2 a{   color:#129748; font-size:12px; font-weight:bold; }

.my_submenu h3 { color:#fff;  font-size:12px;    padding:0px 0px 10px 5px; left:0; text-align:left; }

.my_submenu h3 a{   color:#fff; font-size:12px; font-weight:bold; }



/*

.my_submenu ul li a:hover, .my_submenu ul li a:focus { text-decoration:none; color:#6eab24; }

.my_submenu h2 { color:#6eab24;  font-size:12px;	padding:0px 0px 10px 5px; left:0; text-align:left; }

.my_submenu h2 a{	color:#6eab24; font-size:12px; font-weight:bold; }

*/

.my_submenu ul { list-style:none;	margin:0; padding: 0;}

.my_submenu li { display:block; clear:both; white-space: nowrap; text-align:left;	padding-left:5px; padding-top:2px; padding-bottom:2px; margin-right:5px; line-height: 18px;}

.my_submenu li a { display:inline; float:left; text-align:left; color:#fff;}





.my_submenu .subm_aderentes h2 { color:#30d3e6;  font-size:12px;    padding:0px 0px 10px 5px; left:0; text-align:left; }
.my_submenu .subm_aderentes ul li a:hover, .my_submenu .subm_aderentes ul li a:focus { text-decoration:none; color:#30d3e6; }

.my_submenu .subm_verdoreca h2 { color:#B5C734;  font-size:12px;    padding:0px 0px 10px 5px; left:0; text-align:left; }
.my_submenu .subm_verdoreca ul li a:hover, .my_submenu .subm_aderentes ul li a:focus { text-decoration:none; color:#B5C734; }

.my_submenu .subm_spv h2 { color:#b6c824;  font-size:12px;  padding:0px 0px 10px 5px; left:0; text-align:left; }
.my_submenu .subm_spv ul li a:hover, .my_submenu .subm_spv ul li a:focus { text-decoration:none; color:#b6c824; }

.my_submenu .subm_retomadores h2 { color:#B5C734;  font-size:12px;    padding:0px 0px 10px 480px; left:0; text-align:left; }
.my_submenu .subm_retomadores ul li a:hover, .my_submenu .subm_aderentes ul li a:focus { text-decoration:none; color:#B5C734; }
.my_submenu .subm_retomadores h8 { font-size:12px;    padding:0px 0px 10px 480px; left:0; text-align:left; }





.optmenu { float:left; margin-right: 30px; }

.optmenu_institucional {float:right; position:relative; right:94px; }

.optmenu_profissional {float:right; position:relative; right:100px; color:#2fd2e5!important; }

.optmenu_profissional h2, .optmenu_profissional a:hover{color:#2fd2e5!important; }

.my_submenu p { line-height:22px!important; }

.my_submenu a { text-decoration:none; }



/*.color_green{color:#6eab24!important;}*/

.color_green{color:#129748!important;}

.color_blue{color:#2fd2e5!important;}

.menu_footer_menu{width: 1040px; margin: auto!important;}



#mainMenu .optmenu li a{text-decoration: none; color:#fff;}

#mainMenu .optmenu li a:hover{text-decoration: none; color:#fff;}







/* #################################################################################################### */

/*# Login form #*/

.fField { float:left; margin-bottom: 10px;}

.fField #username, .fField #pwd { background: #2e2e2e; color: #fff; border:none; padding: 7px;}

.fField #username { width: 233px; }

.fField .ffield_radio { float: left; margin-right: 10px; }

.fField .ffield_radio .radio_site_select{ width: auto; margin-left: 10px; }

.hide{display: none;}