
 

/* COLOR VARIABLES 
#modo1 {}
#modo2 {}
#modo3 {}
#modo4 {}
#modo5 {}
#modo6 {}
*/

body { margin: 0px; padding: 0px; }

/* FOOTER */
#modo1 div.footer, #modo2 div.footer, #modo3 div.footer, 
#modo4 div.footer, #modo5 div.footer, #modo6 div.footer { font-size: .7em; } 
/* account footer needs dotted line -- for others, it's set in the body structure */
#modo7 div.footer { font-size: .7em; border-top: 1px solid #666; padding-top: 5px; }

.clear { clear: both; margin: 0px; padding: 0px; }

#publicnav { font-family: Helvetica, Arial, sans-serif; }

#publicnav p, #publicnav td, #publicnav th { font-size: 100%; }

/* VARIABLE ideally this is 800 but depending on top image may need to be wider */
#modo1, #modo2, #modo3, #modo4, #modo5, #modo6, #modo7 { min-width: 800px; }

/* left color bands */
#modo1 #publicnav div.bandaunocolor { border-left: 17px solid #A00D3D; }
#modo2 #publicnav div.bandaunocolor { border-left: 17px solid #BA2001; }
#modo3 #publicnav div.bandaunocolor { border-left: 17px solid #026879; }
#modo4 #publicnav div.bandaunocolor { border-left: 17px solid #3B7204; }
#modo5 #publicnav div.bandaunocolor { border-left: 17px solid #511367; }
#modo6 #publicnav div.bandaunocolor { border-left: 17px solid #790000; }
#modo7 #publicnav div.bandaunocolor { border-left: 17px solid #BB2C05; }


#modo1 #publicnav div.bandadoscolor { border-left: 17px solid #B70F46; }
#modo2 #publicnav div.bandadoscolor { border-left: 17px solid #DA2400; }
#modo3 #publicnav div.bandadoscolor { border-left: 17px solid #02879D; }
#modo4 #publicnav div.bandadoscolor { border-left: 17px solid #5EA616; }
#modo5 #publicnav div.bandadoscolor { border-left: 17px solid #884B9D; }
#modo6 #publicnav div.bandadoscolor { border-left: 17px solid #9E0B0E; }
#modo7 #publicnav div.bandadoscolor { border-left: 17px solid #BB2C05; }
/* end left color bands */

/* secondary nav style */
#modo1 #publicnav td.secondary { background-color: #DADADA; }
#modo2 #publicnav td.secondary { background-color: #F43610; }
#modo3 #publicnav td.secondary { background-color: #37ABBE; }
#modo4 #publicnav td.secondary { background-color: #70B62B; }
#modo5 #publicnav td.secondary { background-color: #985EAC; }
#modo6 #publicnav td.secondary { background-color: #A2B6B9; }

/* end secondary nav style */

#publicnav td.secondary { width: auto; color: #333;  }
#publicnav td.secondary a { color: #333; text-decoration: none;}
#publicnav td.secondary ul { float: right; list-style-type: none; margin: 0px; padding-right: 15px; padding-top: 2px; }
#publicnav td.secondary li { font-size: .75em; float: left; margin-left: 11px; margin-right: 11px; }
#publicnav td.secondary li.off a:link, 
#publicnav td.secondary li.off a:visited {  letter-spacing: .02em; }
#publicnav td.secondary li.off a:active, 
#publicnav td.secondary li.off a:hover { color: #FFF; letter-spacing: .02em;}
#publicnav td.secondary li.on a:link, 
#publicnav td.secondary li.on a:visited, 
#publicnav td.secondary li.on a:active, 
#publicnav td.secondary li.on a:hover { color: #FFF; font-weight: bold;  letter-spacing: .02em;}

div.bandatres { width: 100%; height: 20px; margin: 0px; padding: 0px; clear: both; float: none;color: #FFF; }
div.bandatres a { text-decoration: none;}
div.bandatres ul { float: right; list-style-type: none; margin: 0px; padding-right: 15px; padding-top: 2px;}
div.bandatres li {  font-size: .7em;  float: left; margin-left: 11px; margin-right: 11px; }
div.bandatres li.off a:link, 
div.bandatres li.off a:visited { font-weight: normal;  letter-spacing: .02em;}
div.bandatres li.off a:active, 
div.bandatres li.off a:hover { color: #FFF; letter-spacing: .02em;}
div.bandatres li.on a:link, 
div.bandatres li.on a:visited, 
div.bandatres li.on a:active, 
div.bandatres li.on a:hover { font-weight:bold; color: #FFF; letter-spacing: .02em; }



/* tertiary nav style */
#modo1 div.bandatres { background-color:#DADADA; }
#modo2 div.bandatres { background-color:#F16144; }
#modo3 div.bandatres { background-color:#69C0CE; }
#modo4 div.bandatres { background-color:#93CF58; }
#modo5 div.bandatres { background-color:#C385D9; }
#modo6 div.bandatres { background-color:#A2B6B9; }
#modo7 div.bandatres { background-color:#F37C16; }

/* end tertiary nav style */

/* GLOBAL NAVIGATION */
#publicnav table { width: 100%; padding: 0px; margin: 0px; }
#publicnav div.bandauno{ } 
#publicnav td.vmlogo { width: 208px; }
#publicnav div.bandados { border-top: 1px solid #666; border-bottom: 1px solid #666; } 
#publicnav td.caixaeinesglobal { text-align: center; width: 208px; height: 20px; border-right: 1px solid #666; 
background-color:#DADADA; font-size: .7em; vertical-align: middle; margin: 0px; padding: 0px;  }
#publicnav td.caixaeinesglobal a { color: #333; text-decoration: none; }
#publicnav td.caixaeinesglobal a:link, div.bandatres li.on a:visited { color: #333; }
#publicnav td.caixaeinesglobal a:active, #publicnav td.caixaeinesglobal a:hover { color: #000; }


#publicnav td.primaryglobal { vertical-align: bottom; }
#publicnav td.primaryglobal ul { float: right; list-style: none outside; margin-left:0px; margin-bottom: 5px;
  margin-top:10px; padding-right: 15px; display: block; 
	font-family: Helvetica, Arial, sans-serif; font-size: 12px;   }
#publicnav td.primaryglobal li { padding-bottom: 0px; margin: 0px; font-weight: bold; 
	display: block; float: left; position: relative;  }
#publicnav td.primaryglobal a { color: #333; 
text-decoration: none; width:auto; margin:0px; padding: 2px 10px; }

#publicnav td.primaryglobal a:link, #publicnav td.primaryglobal a:visited, 
#publicnav td.primaryglobal a:active, #publicnav td.primaryglobal a:hover 
 { text-decoration: none; }

li#publicnav-modo1 a:hover { color: #B70F46; }
li#publicnav-modo2 a:hover  { color: #DA2400; }
li#publicnav-modo3 a:hover  { color: #37ABBE; }
li#publicnav-modo4 a:hover  { color: #70B62B; }
li#publicnav-modo5 a:hover { color: #985EAC; }
li#publicnav-modo6 a:hover  { color: #F37C16; }

li#publicnav-modo1 a.on { color: #B70F46; }
li#publicnav-modo2 a.on { color: #DA2400; }
li#publicnav-modo3 a.on { color: #37ABBE; }
li#publicnav-modo4 a.on { color: #70B62B; }
li#publicnav-modo5 a.on { color: #985EAC; }
li#publicnav-modo6 a.on { color: #F37C16; }

li#publicnav-modo1-off a.off { color: #333; }
li#publicnav-modo2-off a.off { color: #333; }
li#publicnav-modo3-off a.off { color: #333; }
li#publicnav-modo4-off a.off { color: #333; }
li#publicnav-modo5-off a.off { color: #333; }
li#publicnav-modo6-off a.off { color: #333; }


#publicnav div.sponsoredby { width: 250px; padding-right: 10px; float: right; }
#publicnav div.sponsoredby div.label { text-align: center; width: 150px; float: right; clear: both; font-size: .7em; background-color: #999; color: #FFF; padding: 2px; 
margin: 0px 25px 0px 0px;
}
