/* GLOBALBAR */ #globalbar { width: 984px; height: 30px; margin: 2px auto; position: relative; z-index: 9998; overflow: hidden; } #globalbar #globalnav { margin: 0; padding: 0; } #globalbar #globalnav li { display: inline; } #globalbar #globalnav li a { float: left; width: 164px; height: 0; padding-top: 30px; overflow: hidden; background-image: url(http://www.valleverde.com.mx/Z_IMAGENES/navbarvv08.png); _background-image: url(http://www.valleverde.com.mx/Z_IMAGENES/navbarvv08.png); background-repeat: no-repeat; } /* BUTTONS */ #globalbar #globalnav li#gn-acerca a { background-position: 0 0; } #globalbar #globalnav li#gn-camps a { background-position: -164px 0; } #globalbar #globalnav li#gn-escolares a { background-position: -328px 0; } #globalbar #globalnav li#gn-insc a { background-position: -492px 0; } #globalbar #globalnav li#gn-amigos a { background-position: -656px 0; } #globalbar #globalnav li#gn-web a { background-position: -820px 0; } /* OVER STATES */ #globalbar #globalnav li#gn-acerca a:hover { background-position: 0 -38px; } #globalbar #globalnav li#gn-camps a:hover { background-position: -164px -38px; } #globalbar #globalnav li#gn-escolares a:hover { background-position: -328px -38px; } #globalbar #globalnav li#gn-insc a:hover { background-position: -492px -38px; } #globalbar #globalnav li#gn-amigos a:hover { background-position: -656px -38px; } #globalbar #globalnav li#gn-web a:hover { background-position: -820px -38px; } /* PRESSED STATES */ #globalbar #globalnav li#gn-acerca a:active { background-position: 0 -76px; } #globalbar #globalnav li#gn-camps a:active { background-position: -164px -76px; } #globalbar #globalnav li#gn-escolares a:active { background-position: -328px -76px; } #globalbar #globalnav li#gn-insc a:active { background-position: -492px -76px; } #globalbar #globalnav li#gn-amigos a:active { background-position: -656px -76px; } #globalbar #globalnav li#gn-web a:active { background-position: -820px -76px; } /* ON STATES */ #globalbar.acerca #globalnav li#gn-acerca a { background-position: 0 -114px !important; } #globalbar.camps #globalnav li#gn-camps a { background-position: -164px -114px !important; } #globalbar.escolares #globalnav li#gn-escolares a { background-position: -328px -114px !important; } #globalbar.insc #globalnav li#gn-insc a { background-position: -492px -114px !important; } #globalbar.amigos #globalnav li#gn-amigos a { background-position: -656px -114px !important; } #globalbar.web #globalnav li#gn-web a { background-position: -820px -114px !important; } /* NEW GLOBALFOOTER */ #globalfooter { width: 980px; color: #999; font-size: 10px; margin: 18px auto; padding-bottom: 0px; text-align: left !important; } #globalfooter p { margin-bottom: 1em; } #globalfooter .gf-buy { float: left; width: 60%; margin: 18px 0 9px; } #globalfooter .gf-links a { padding: 0 10px; white-space: nowrap; } #globalfooter .gf-links a.last { padding-right: 0; _float: none !important; width: auto !important; } #globalfooter p.gf-buy { float: left; width: 60%; margin: 18px 0 9px 3px; } #globalfooter ul.piped a { padding: 0 0 0 1.5em; margin-left: 1.5em; border-left: 1px solid #999; } #globalfooter .gf-links { float: right; margin: 18px 3px 9px 0; } #globalfooter .gf-sosumi { clear: both; width: 100%; border-top: 1px solid #e5e5e5; padding-top: 9px; } #globalfooter .gf-sosumi a { padding: 0 10px; } #globalfooter .gf-sosumi p { float: left; margin-left: 3px; } #globalfooter form { margin: 18px 10px; } #globalfooter .search-wrapper { margin: 0 auto; } #globalfooter .search-wrapper input.prettysearch { margin-left: 10px; } /* DIRECTORY NAV */ #directorynav { font-size: 11px; float: left; width: 978px; position: relative; margin-top: -4px; background: #eeeeee; border: 1px solid #bbb; padding-top: 10px; padding-bottom: 10px; } #directorynav .column { width: 122px; padding: 9px 0 0 18px; } #directorynav .column.last { float: left !important; padding-right: 0; } #directorynav h4 { color: #444; font-weight: bold; margin-bottom: 10px; } #directorynav h4.standalone { margin-bottom: 18px; } #directorynav a { display: block; _zoom: 1; } #directorynav a:link, #directorynav a:visited { color: #666; text-decoration: none; } #directorynav h4.standalone a:link, #directorynav h4.standalone a:visited { color: #444; } #directorynav a:hover { color: #333 !important; text-decoration: none !important; } /* DIRECTORY NAV CUSTOM WIDTHS */ .gf-900 #directorynav .column { width: 120px; } .gf-980 #directorynav.mac #dn-cola { width: 120px; } .gf-980 #directorynav.mac #dn-colb { width: 115px; } .gf-980 #directorynav.mac #dn-cold { width: 110px; } .gf-980 #directorynav.mac #dn-colg { width: 130px; } #directorynav.iphone .column { width: 132px; padding: 9px 0 0 28px; } #directorynav ul { margin-bottom: 9px; } /* NEW BREADCRUMBS */ #globalfooter #breadcrumbs { font-size: 11px; color: #444; overflow: hidden; padding-left: 20px; height: 34px; line-height: 30px; font-weight: bold; background:#bbb; background-image: url(../Z_IMAGENES/BGHeaderClaro.png); background-repeat: repeat-x; } #globalfooter #breadcrumbs a { color: #444; text-decoration: none; float: left; padding: 0 10px; position: relative; margin-left: 0px; _cursor: hand; } #globalfooter #breadcrumbs a:hover { color: #333; text-decoration: none !important; } #globalfooter #breadcrumbs span { float: left; margin: 0 10px 0 0; position: relative; height: 0; padding-top: 28px; margin-top: 1px; overflow: hidden; background: url(http://www.valleverde.com.mx/Z_IMAGENES/breadcrumb_sep.png) no-repeat; } /* PIPED LINKS */ .piped { display: block; zoom: 1; } .piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .piped li { float: left; display: inline; } .piped a { border-left: 1px solid #797c80; padding: 0 0 0 0.75em; margin-left: 0.75em; } .piped a.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; } /* TABS SUPERIORES */ .SupTabPanels { margin-bottom: 30px; padding: 0px; clear:both ; width: 805px; position:relative; } .SupTabPanelsTabGroup { margin: 0px; padding: 0px; } .SupTabPanelsTab { position: relative; float: right; list-style: none; padding-left: 30px; padding-right: 10px; margin-bottom: 10px ; font-size:12px; } .SupTabPanelsTab a { text-decoration: none; font-size:12px; color: #888;} .SupTabPanelsTab a:link { text-decoration: none; } .SupTabPanelsTab a:visited { text-decoration: none; } .SupTabPanelsTab a:active { text-decoration: none; } .SupTabPanelsTab a:hover { text-decoration: none; color: #018f01; }