/******************************************
  Initial Configuration
******************************************/
*{
  margin:0;
  padding:0;
}

html, body{
  font: 90% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  height:100%;
  background: #63ba63;
}

p {
  padding-top:5px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

/******************************************
  Bodydiv - Configuration
******************************************/

#bodydiv{
  position: relative;
  width: 1035px;
  min-height: 100%;
  margin: 0 auto;
  border: 10px solid #FFF;
  background-color: #FFF;
}


/******************************************
  Header - TOP
******************************************/
#top {
  margin: 2px;
  min-height:175px;
  padding-top: 5px;
  /*border: 5px solid #187808;*/
  background: url(../images/logo_folha.png) no-repeat;
  background-position: 10px;
  text-shadow:  -10px 10px 10px #b9e85c;
 }
	
#top h1{
  font-family: Arial Black,Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 34pt;
  letter-spacing: -3px;
  color: #65A204;
  padding:25px 0 0 270px;
}

#top a{
  color: #fff;
}

/******************************************
  Header - TOP - MENU
******************************************/
#top_menu
{
 height: 40px;
 margin-top:1px;
/* text-align:center;*/
 background: url(/images/menu.gif) repeat-x;
}

#top_menu a:hover {
  color: #DAFAC9;
  text-decoration: underline;
  background: url(/images/menu_r.gif) repeat-x;
}

#top_menu a {
  float:right;
  padding: 2px;
}
/******************************************
  HELLO MESSAGE
******************************************/

#welcome
{
  padding:5px;
  font-size:large;
  float: left;
  color:white;
}

/******************************************
  MAIN - DIV
******************************************/
#main {
   padding:5px;
   min-height:100px;
   padding-bottom: 80px;
   color: #54820b;
   background: #FFFFFF url(/images/table_back.gif) repeat-x top;
}

#main a {
  color: #54820b;
  text-decoration: none;
}

#main a:hover {
  color: #dae7f6;
  text-decoration: none;
}
/******************************************
  LEF - RIGHT - CENTER
******************************************/
#centercontent{
  margin:0px 195px;
}

#leftside, #rightside{
  width:180px;
}

#leftside{
  float:left;
}

#rightside{
  float:right;
}
.clear {clear:both;}

#leftside li span {
  font-weight:bold;
  display: block;
  text-decoration: none;
  color: #65A204;
}


/******************************************
 FOOTER 
******************************************/
#footer {
  position: absolute;
  width:100%;
  bottom: 0;
  height: 45px;
  padding-top: 10px;
  background: url(/images/footer.gif) repeat-x;
}

#footer p {
  margin: 0;
  font-size: x-small;
  text-align: center;
  color: #000;
}

#footer a {
  font-size: xx-small;
  color: #000;
}

#footer a:hover {
  color: #fff;
}

/******************************************
  MENU - SIDE
******************************************/
#main .menuside H3 {
  height: 24px;
  font-size: 95%;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 9px;
  text-transform: uppercase;
  color: #ffffff;
  background: url(/images/title.png) no-repeat
}

#main .menuside .sideback {
  padding-left: 2px;
  background: url(/images/back.png) repeat-y;
}

#main .menuside .bottom {
  height: 16px;
  background: url(/images/bottom.png) no-repeat top;
}

#main .menuside ul {
  list-style: none;
}

#main .menuside ul li {
  border-bottom: 1px solid #c4daa1;
  margin-left: 20px;
  margin-right:5px;
  position: relative;
}

#main #leftside .menuside ul {
  list-style: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

#main #leftside .menuside li ul {
  left: 154px;
  top: 0;
  width: 150px;
  position: absolute;
  display:none;
  background-color: #FFF;
  border: 1px solid #a2a2a2;
}

#main #leftside .menuside li ul li {
  position: relative;
  margin: 0;
  padding: 0;
}

#main #leftside .menuside li:hover ul, li.over ul { 
  display: block; 
}

#main .menuside ul li a {
  font-weight:bold;
  display: block;
  text-decoration: none;
  color: #65A204;
}

#main .menuside li a:hover {
  color: #DAFAC9;
  background: url(/images/menu_r.gif) repeat-x;
}

#main .menuside li a:visited {
  color: #65A204;
}

#main .menuside .title_back {
  padding: 10px;
}

#main .menuside p {
  padding: 10px;
  padding-left: 20px;
}

/******************************************
  TABLE - CENTERCONTENT
******************************************/
table th {
  padding: 5px;
  text-align: left;
  font-size: 85%;
}

table td {
  padding: 5px;
  text-align: left;
  font-size: 85%;
}

.even{background-color: #99cc99;}
.odd{background-color: #cce8a0;}

table.leftsidetable {
  border-collapse: collapse; /* CSS2 */
}

table.leftsidetable th {
  padding: 0px;
}

table.leftsidetable td {
  padding: 1px;
  padding-top: 3px;
  font-size: 90%;
}
/******************************************
  COURSES - TEAM_OPEN
******************************************/

#centercontent .team_open {
  border-bottom: 1px solid green;
}

#centercontent .team_open .info{
  padding: 5px;
  font-size:small;
}

#centercontent .team_open .info_links{
  padding: 35px 0 0 10px;
  font-size:small;
}


#centercontent .team_open a {
  text-decoration: underline;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 10px;
  text-align: center;
}

#centercontent .team_open a:hover {
  color: #DAFAC9;
  text-decoration: underline;
  background: url(/images/menu_r.gif) repeat-x;
}

#centercontent .team_open .link_img a{
  margin-right:1px;
}

#centercontent .team_open .link_img a:hover {
  text-decoration:none;
  background: none;
}

#centercontent .team_open h2 {
  color: red;
  font-size: small;
}

#centercontent h1 {
  text-align:center;
  font-size: 24pt;
}

/******************************************
  INSCRIPTION INFORMATION
******************************************/
#div_inscription_created p {
  text-align:center;
}

.description {
  font-family:Georgia, serif;
}

span.bg-textarea-rules {
  color: black;
  border: 1px solid #65A204; 
  display:inline-block;
  height:180px;
  padding:0 0 0 0;
  text-align:left;
  width:600px;
  overflow: auto; 
}

/******************************************
  COURSE DETAIL
******************************************/
#course_details img {
  float:left;
  padding: 2px;
  border: 1px solid #9FA41D;
  margin: 10px 10px 0 0;
}

#course_details a {
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: underline;
  padding: 3px;
  margin-right:60px;
  text-align: center;
}

#course_details a:hover {
  color: #DAFAC9;
  text-decoration: underline;
  background: url(/images/menu_r.gif) repeat-x;
}

#course_details h3 {
  text-align:left;
  color: red;
  font-size:small;
}

/******************************************
  REGISTER EMAIL TO NEWSLETTER
******************************************/
#rightside .formError{
  text-align:center;
  background-color: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}

#new_form {
  padding: 10px 10px;
}

#email_save{
 font-size: small;
 background-color: #CFC;
 border: solid 1px #6C6;
 padding: 3px 3px;
 margin-left: 10px;
 margin-right: 10px;
}

/******************************************
  NEWS
******************************************/
#news{
  padding-top: 12px;
  font-size: small;
}

#news li a:hover {
  color: #DAFAC9;
  background: #84b537;
}

/******************************************
  ALIGN CENTER - IDENT P
******************************************/
#main .align_center {
  text-align: center;
}

#main .p_ident{
  padding-left: 2em;
}	

/******************************************
  FLASH NOTICES
******************************************/
#flash_notice, #flash_error {
  padding: 5px 8px;
  margin: 10px 0; 
}

#flash_notice {
  background-color: #CFC;
  border: solid 1px #6C6; 
}

#flash_error {
  background-color: #FCC;
  border: solid 1px #C66; 
}

/******************************************
  TEXTAREA
******************************************/

#centercontent textarea {
 width:60%;
 height:130px;
 overflow:auto;
 /*border: 1px solid;*/
}

/******************************************
  ERRORS MESSAGES
******************************************/
.fieldWithErrors {
  background-color: #fbe3e4;
  color: red;
  border-color: #fbc2c4;
}

#errorExplanation {
  width: 300px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  margin-left:10px;
  font-size: small;
  list-style: square;
}

/******************************************
  POPUP
******************************************/
.pup_effect1 {
  background:#11455A;
  opacity: 0.2;
}

.popup_effect2 {
  background:#FF0041;
  border: 3px dashed #000;
}

/******************************************
  Drag Sortable
******************************************/
#teams{ 
  padding: 5px;
  padding-left: 20px;
  margin: 5px;
  border: solid 1px green;
}

li .handle {
  font-size: 12px;
  cursor: move;
  color: #777;
}

/******************************************
  LIST 
******************************************/
ul.list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.list li .clearleft{
  /*clear: left;*/
}

ul.list li {
  padding-bottom: 5px;
}
 
ul.list li .left {
  float: left;
}
 
ul.list li .left .avatar {
  margin-top: 5px;
  margin-right: 5px;
  width: 100px;
  max-height: 100px;
  border: 1px solid green;
}
 
ul.list li .item {
  margin-left: 100px;
  min-height: 105px;
}
 
ul.list li .item .avatar {
   float: left;
   margin: 0 5px 5px 0;
   width: 50px;
   height: 50px;
}

/******************************************
  CONTACT - LEFT
******************************************/
#leftside #contact_div{
 text-align: center;
 padding: 0;
 font-size: small;
}

/******************************************
  NEWS - SLIDE
******************************************/
.image-container {
   width: 170px;
   height: 150px;
   background-position:center;
   background-repeat:no-repeat;
}

.image-container img {
 border:none;
}

.image-container span .text{
  font-size:12px;
  margin-right: 3px;
}

#news_bottom{
  text-align: right;
  margin-top:40px;
}

#news_bottom img{
  border:none;
} 

.fade-box {
   width: 180px;
   margin-top: 5px;
   position: absolute;
   text-align:center;
}

/******************************************
  Many Options
******************************************/
.div_border {
  padding: 10px;
  border: 1px solid green;
}

.link_info a {
  font-weight:bold;
  text-decoration: none;
}

.link_info a:hover {
  color: #DAFAC9;
  background: url(/images/menu_r.gif) repeat-x;
}

.link_info a:visited {
  color: #65A204;
}
/******************************************
  Partners
******************************************/
#partners a {
  margin: 10px;
}

/******************************************
  Album of pictures
******************************************/
.album_name{
 text-align:center;
 max-width:150px;
 min-height:50px;
 max-height:50px;
}


.thumbnail { 
  border: 1px solid #7fb22e;
  float: left;
  margin: 10px 25px 5px 20px;
  padding: 3px 3px 8px;
}

.section {
  border-top: 3px solid green;
  overflow: auto;
  padding: 1.4em 0 1em;
  width: 100%;
}

#photo_form b{
  padding: 8px; 
}

/******************************************
  twitter
******************************************/
#twitter {
  padding-top: 10px; 
  text-align:center;
}

#twitter img {
  border:none;
}
/******************************************
  twitter
******************************************/
#removed_by_user {
  color:black;
}

#removed_by_user a{
  color:black;
}

#removed_by_user a:hover{
  color:red;
}



.overlay_alphacube {
	background-color: #85BBEF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.alphacube_nw {
	background: transparent url(/images/alphacube/left-top.gif) no-repeat 0 0;			
  width:10px;
  height:25px;
}

.alphacube_n {
  background: transparent url(/images/alphacube/top-middle.gif) repeat-x 0 0;			
  height:25px;
}

.alphacube_ne {
  background: transparent url(/images/alphacube/right-top.gif) no-repeat 0 0;			
  width:10px;	  
  height:25px;
}

.alphacube_w {
  background: transparent url(/images/alphacube/frame-left.gif) repeat-y top left;			
  width:7px;
}

.alphacube_e {
  background: transparent url(/images/alphacube/frame-right.gif) repeat-y top right;			
  width:7px;	  
}

.alphacube_sw {
  background: transparent url(/images/alphacube/bottom-left-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.alphacube_s {
  background: transparent url(/images/alphacube/bottom-middle.gif) repeat-x 0 0;			
  height:7px;
}

.alphacube_se, .alphacube_sizer  {
  background: transparent url(/images/alphacube/bottom-right-c.gif) no-repeat 0 0;			
  width:7px;
  height:7px;
}

.alphacube_sizer {
	cursor:se-resize;	
}

.alphacube_close {
	width: 23px;
	height: 23px;
	background: transparent url(/images/alphacube/button-close-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:11px;
	cursor:pointer;
	z-index:1000;
}

.alphacube_minimize {
	width: 23px;
	height: 23px;
	background: transparent url(/images/alphacube/button-min-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:55px;
	cursor:pointer;
	z-index:1000;
}

.alphacube_maximize {
	width: 23px;
	height: 23px;
	background: transparent url(/images/alphacube/button-max-focus.gif) no-repeat 0 0;			
	position:absolute;
	top:0px;
	right:33px;
	cursor:pointer;
	z-index:1000;
}

.alphacube_title {
	float:left;
	height:14px;
	font-size:14px;
	text-align:center;
	margin-top:2px;
	width:100%;
	color:#123456;
}

.alphacube_content {
	overflow:auto;
	color: #000;
	font-family: Tahoma, Arial, sans-serif;
  font: 12px arial;
	background:#FDFDFD;
}

/* For alert/confirm dialog */
.alphacube_window {
	border:1px solid #F00;	
	background: #FFF;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.alphacube_message {
  font: 12px arial;
	text-align:center;
	width:100%;
	padding-bottom:10px;
}

.alphacube_buttons {
	text-align:center;
	width:100%;
}

.alphacube_buttons input {
	width:20%;
	margin:10px;
}

.alphacube_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	background: #FFF url('/images/alert/progress.gif') no-repeat center center
}

.alphacube_wired_frame {
	background: #FFF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;	
}



.overlay_alert {
	background-color: #85BBEF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.alert_nw {
	width: 5px;
	height: 5px;
	background: transparent url(/images/alert/top_left.gif) no-repeat bottom left;			
}

.alert_n {
	height: 5px;
	background: transparent url(/images/alert/top.gif) repeat-x bottom left;			
}

.alert_ne {
	width: 5px;
	height: 5px;
	background: transparent url(/images/alert/top_right.gif) no-repeat bottom left			
}

.alert_e {
	width: 5px;
	background: transparent url(/images/alert/right.gif) repeat-y 0 0;			
}

.alert_w {
	width: 5px;
	background: transparent url(/images/alert/left.gif) repeat-y 0 0;			
}

.alert_sw {
	width: 5px;
	height: 5px;
	background: transparent url(/images/alert/bottom_left.gif) no-repeat 0 0;			
}

.alert_s {
	height: 5px;
	background: transparent url(/images/alert/bottom.gif) repeat-x 0 0;			
}

.alert_se, .alert_sizer {
	width: 5px;
	height: 5px;
	background: transparent url(/images/alert/bottom_right.gif) no-repeat 0 0;			
}

.alert_close {
	width:0px;
	height:0px;
	display:none;
}

.alert_minimize {
	width:0px;
	height:0px;
	display:none;
}

.alert_maximize {
	width:0px;
	height:0px;
	display:none;
}

.alert_title {
	float:left;
	height:1px;
	width:100%;
}

.alert_content {
	overflow:visible;
	color: #000;
	font-family: Tahoma, Arial, sans-serif;
  font: 12px arial;
	background: #FFF;
}

/* For alert/confirm dialog */
.alert_window {
	background: #FFF;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.alert_message {
  font: 12px arial;
	width:100%;
	color:#F00;
	padding-bottom:10px;
}

.alert_buttons {
	text-align:center;
	width:100%;
}

.alert_buttons input {
	width:20%;
	margin:10px;
}

.alert_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	background: #FFF url('/images/alert/progress.gif') no-repeat center center
}




.overlay_dialog {
	background-color: #666666;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.overlay___invisible__ {
  background-color: #666666;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url(/images/default/top_left.gif) no-repeat 0 0;		
}

.dialog_n {
	background: transparent url(/images/default/top_mid.gif) repeat-x 0 0;	
	height: 23px;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url(/images/default/top_right.gif) no-repeat 0 0;		
}

.dialog_e {
	width: 2px;
	background: transparent url(/images/default/center_right.gif) repeat-y 0 0;	
}

.dialog_w {
	width: 2px;
	background: transparent url(/images/default/center_left.gif) repeat-y 0 0;		
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url(/images/default/bottom_left.gif) no-repeat 0 0;			
}

.dialog_s {
	background: transparent url(/images/default/bottom_mid.gif) repeat-x 0 0;		
	height: 19px;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url(/images/default/bottom_right.gif) no-repeat 0 0;			
}

.dialog_sizer {
	width: 9px;
	height: 19px;
	background: transparent url(/images/default/sizer.gif) no-repeat 0 0;	
	cursor:se-resize;	
}

.dialog_close {
	width: 14px;
	height: 14px;
	background: transparent url(/images/default/close.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:8px;
	cursor:pointer;
	z-index:2000;
}

.dialog_minimize {
	width: 14px;
	height: 15px;
	background: transparent url(/images/default/minimize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:28px;
	cursor:pointer;
	z-index:2000;
}

.dialog_maximize {
	width: 14px;
	height: 15px;
	background: transparent url(/images/default/maximize.gif) no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:49px;
	cursor:pointer;
	z-index:2000;
}

.dialog_title {
	float:left;
	height:14px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	width:100%;
	color:#000;
}

.dialog_content {
	overflow:auto;
	color: #DDD;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	background-color:#123;
}

.top_draggable, .bottom_draggable {
  cursor:move;
}

.status_bar {
  font-size:12px;
}
.status_bar input{
  font-size:12px;
}

.wired_frame {
	display: block;
  position: absolute;
  border: 1px #000 dashed;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
	position: absolute;
}

.dialog table.table_window  { 
  border-collapse: collapse; 
  border-spacing: 0; 
  width: 100%;
	margin: 0px;
	padding:0px;
}

.dialog table.table_window td , .dialog table.table_window th { 
  padding: 0; 
}

.dialog .title_window {
  -moz-user-select:none;
}                                                    

/**Will Paginate */

.pagination { padding: 3px; margin: 3px; } 
.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #65a204;  text-decoration: none; color: #000099; } 
.pagination a:hover, 
.pagination a:active { border: 1px solid #aaaadd; color: #000000; } 
.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #65a204; font-weight: bold; background-color: #65a204; color: #FFF; } 
.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #eee; color: #ddd; }

/* From http://workingwithrails.com/railsplugin/4765-will-paginate */


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

.menu-hv, .menu-vv { 
    position: relative;
    margin: 0;
    padding: 0;
    display:
    block; zoom: 1;
}

.menu-hv *, .menu-vv * {
    margin: 0;
    padding: 0;
    list-style: none
}

.menu-hv li, .menu-vv li { 
    position: relative;
    line-height: 1.2em;
    vertical-align: top 
}

.menu-hv a, .menu-vv a {
    display: block;
    zoom: 1;
    line-height: 1.2em
}

.menu-hv li ul, .menu-vv li ul {
    position: absolute;
    visibility: hidden
}

.menu-hv li:hover ul,  .menu-vv li:hover ul,
.menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible }

.menu-hv li:hover ul ul,  .menu-vv li:hover ul ul,
.menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden }

.menu-hv li li:hover ul,  .menu-vv li li:hover ul,
.menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible }

.menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul,
.menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden }

.menu-hv li li li:hover ul,  .menu-vv li li li:hover ul,
.menu-hv li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible }

/* características horizontal-vertical */
.menu-hv:after, .menu-hv.after { content: ".";
    line-height: 0px;
/*    clear: both; */
    display: block;
    visibility: hidden
}

.menu-hv li { float: right; }  
.menu-hv li ul li { float: none;}
.menu-hv li ul li ul { position: absolute; left: 100%; top: 0; }

/* características vertical-vertical */
.menu-vv { float: left; } 
.menu-vv li ul { left: 100%; top: 0; }

/* ****************************************
Defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
*/
  
.menu-hv ul li, .menu-vv ul li{
    background-color: #FFF;
    border: 1px solid #c4daa1;
}

.menu-hv li, .menu-vv li { 
    width: 150px;
}
.menu-hv li ul li, .menu-vv  li ul li{
    margin: 0px;
    border: none;
    border-bottom: 1px solid #c4daa1;
}

.menu-hv li ul, .menu-vv  li ul{
  border-top: 1px solid #c4daa1;
  border-right: 1px solid #c4daa1;
  border-left: 1px solid #c4daa1;
}


.menu-vv ul li a, .menu-hv ul li a {
  font-weight:bold;
  text-decoration: none;
}

.menu-vv li a:hover, .menu-hv li a:hover {
  color: #DAFAC9;
  background: url(/images/menu_r.gif) repeat-x;
}

.menu-vv li a:visited, .menu-hv li a:visited  {
  color: #65A204;
}



/* Micoxo Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
  http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html 
  Isto deve ficar ao final de tudo do seu CSS pois o Webkit não interpreta nada mais abaixo do expression 
*/
* html * { 
    color: expression((function(who){ 
        if(!who.MXPC){
            who.MXPC = '1';
            if(who.nodeName != 'A'){
                who.onmouseenter=function(){ who.className += ' hover'};
                who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; 
            }
            (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
        } 
    })(this), 'auto') 
}