﻿.droplinetabs{
overflow: hidden;
border-top: 1px solid #CCCCCC; /* Line top bottom of main tabs*/
float:left; /*flutuante esquerda*/
margin-left:4px; /*margem esquerda*/
border-left:2px solid #CCCCCC;
}

.droplinetabs ul{
font-family: Verdana,Arial,sans-serif;
font-size: 20px;
font-weight: normal;
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}

.droplinetabs li{
display: inline;
margin: 0;
padding: 0;
text-transform: uppercase;
}


.droplinetabs a{
float: left;
color: #000000;
/*background: #FFFFFF url(../images/leftedge.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0;
padding:0 0 0px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.droplinetabs a:link, .droplinetabs a:visited, .droplinetabs a:active{
color: #000000;
}

.droplinetabs a span{
float: left;
display: block;
background: transparent url(../images/rightedge.gif) no-repeat right top; /*right corner image*/
padding: 7px 11px 3px 7px;
cursor: pointer;
}

.droplinetabs a span{
float: none;
}


.droplinetabs a:hover{
background-color: #FFFFFF; /*background color of tabs onMouseover*/
color: #000000;
}

.droplinetabs a:hover span{
background-color: transparent;
}

/* Sub level menus*/
.droplinetabs ul li ul{
position: absolute;
z-index: 100;
left: 0;
top: 0px;
background: #FFFFFF; /*sub menu background color */
visibility: hidden;
margin-left:265px; /* margin esquerda do sub menu */
}

/* Sub level menu links style */
.droplinetabs ul li ul li a{
font-family:Verdana,Arial,sans-serif;
font-size: 11px;
font-weight: normal;
padding: 6px;
padding-right: 8px;
margin: 0;
background: #FFFFFF; /*sub menu background color */
height:10px;
}

.droplinetabs ul li ul li a span{
background: #FFFFFF; /*sub menu background color */
}

.droplinetabs ul li ul li a:hover{ /*sub menu links' background color onMouseover. Add rounded edges in capable browsers */
background: #FFFFFF;
/*
-webkit-border-radius: 5px;  
-moz-border-radius: 5px; 
-khtml-border-radius: 5px;  
border-radius: 5px;
*/
}

/*Cores de sub menu*/
#listTreina a{ color:#003366;  border-right:2px solid #CCCCCC; }
#listTreina a:hover{ color:#003366; border-right:2px solid #CCCCCC; }
#listEduca a{ color:#003300; border-right:2px solid #CCCCCC; }
#listEduca a:hover{ color:#003300; border-right:2px solid #CCCCCC; }
#listOrganiza a{color:#663330; border-right:2px solid #CCCCCC; }
#listOrganiza a:hover{color:#663330; border-right:2px solid #CCCCCC; }
#listDesenvolve a{ color: #cc6600; }
#listDesenvolve a:hover{ color: #cc6600; }
#listNacional a{ color:#003366;  border-right:2px solid #CCCCCC; }
#listNacional a:hover{ color:#003366; border-right:2px solid #CCCCCC; }
#listInternacional a{ color:#003300; }
#listInternacional a:hover{ color:#003300; }
listBordaEsquerda a {border-left:2px solid #CCCCCC;}
listBordaEsquerda a:hover {border-left:2px solid #CCCCCC;}
