body { margin: 0 auto; font-family: 'Century Gothic',Arial, Verdana, Sans-Serif; font-size: 0.8em; width: 750px; height: 580px; aligment:center; scrollbar-face-color: #EBEBEB; scrollbar-shadow-color: #737373; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #818181; scrollbar-darkshadow-color: #A7A7A7; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #616888; scrollbar-base-color: #616888; } /* header */ #header { position: relative; margin: 0; padding: 0; height: 60px; } #header span#slogan { z-index: 3; position: absolute; left: 3px; bottom: 7px; font: bold 1.2em Verdana, Arial, Tahoma, Sans-serif; color: #fecb10; } /* images */ /* navigation tabs */ #header ul { position: absolute; margin:0; list-style:none; right:-18px ; bottom: 3px; font: bold 13px 'Trebuchet MS', Arial, Sans-serif; } #header li { display:inline; margin:0; padding:0; } #header a { float:left; background: url(tableft.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #header a span { float:left; display:block; background: url(tabright.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#fecb10; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #header a span {float:none;} /* End IE5-Mac hack */ #header a:hover span { color:#FFF; } #header a:hover { background-position:0% -42px; } #header a:hover span { background-position:100% -42px; } #header #current a { background-position:0% -42px; } #header #current a span { background-position:100% -42px; } ul, ol { margin: 10px 20px; padding: 0 20px; } /* links */ a { color: #4284B0; background-color: inherit; text-decoration: none; } a:hover { color: #9EC068; background-color: inherit; } /* headers */ h1, h2, h3 { font: bold 1em 'Trebuchet MS', Arial, Sans-serif; color: #333; } blockquote { margin: 10px; padding: 0 0 0 32px; background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important; background-position: 8px 10px; border: 1px solid #f2f2f2; border-left: 4px solid #fecb10; font-weight: bold; } legend{ font: bold 1em 'Trebuchet MS', Arial, Sans-serif; color: #cdcdcd; margin: 0px 5px 5px 3px; } h1 { font-size: 1.5em; color: #6297BC; } h2 { font-size: 1.4em; text-transform:uppercase;} h3 { font-size: 1.3em; color: #6297BC; } p, h1, h2, h3 { margin: 10px 15px; } #cabecera { clear: both; text-align:left; padding: 20px 15px 0 0; margin: 0px 0 3px 0; height: 40px; border-bottom: 2px solid #eee; background: #FFF url(fade.gif) repeat-x; color: #808080; } #cabecera2 { padding: 9px 4px 0 2px; color: #303030; width: 736px; } /* form elements */ label { display:block; margin:2px 2px 2px 2px; font: bold .70em/1.5em "Century Gothic",Verdana, Tahoma, Helvetica, sans-serif; } input { padding: 3px; border:1px solid #eee; font: normal 1em Verdana, sans-serif; margin:2px 2px 2px 2px; color:#777; } /*********************** LAYOUT ************************/ /* Footer */ .footer { clear: both; background: #cdcdcd; margin: 0 15px; padding: 0; color: #666666; background: url(background_silver.jpg) repeat-x ; font-size: 95%; height:15pt; width: 740px; } button { width:70px; float:center; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:80%; } button:hover { cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80); } select { background-color: #eee; font: normal 1em Verdana, sans-serif; border:0px solid #eee; color:#000; padding: 3px; border:1px solid #eee; margin:2px 2px 2px 2px; } .boton{ font-size:10px; font-family:Verdana,Helvetica; font-weight:bold; color:black; background: url(fade.gif) repeat-x ; border:0px; width:auto; height:24px; } .boton2{ font-size:10px; font-family:Verdana,Helvetica; font-weight:bold; color:black; background:#eee; border:0px; width:auto; height:19px; } fieldset {border:solid 1px rgb(220,220,220);} fieldset legend {color:rgb(80,80,80); font-weight:bold; font-size:100%;}