*{ margin:0; padding:0; } body{ background-color: #FFF; text-align: center; color: #333; font-family: Calibri, Tahoma, Vandera; font-size: 14px; direction: ltr; } #principal{ width: 900px; margin: auto; border-left: 5px solid #fd3521; border-right: 5px solid #fd3521; border-bottom: 5px solid #fd3521; } .header{ width: 900px; height: 245px; margin: auto; background-image: url("../img/header.png"); background-repeat: no-repeat; } .navbar{ position: relative; top: 198px; left: 250px; } .navbar ul{ list-style: none; } .navbar ul a{ display: block; float: left; width: 80px; padding: 10px; text-decoration: none; font-size: 16px; color: #ffffff; } .navbar ul a:hover{ text-shadow: 0px 0px 3px #FFF; } .main{ width: 900px; margin: auto; } .menu{ float: left; width: 220px; margin: 10px 0 0 0; } .menu ul{ list-style: none; } .menu ul a{ display: block; width: 210px; padding-top: 10px; padding-left: 8px; margin: 5px 0px; border-bottom: 1px dotted #fd3521; text-decoration: none; color: #fd3521; text-align: left; } .menu ul a:hover{ color: #d39b0e; } .login form{ width: 200px; margin: auto; } form input[type=text],input[type=password]{ border: 1px solid #fd3521; width: 200px; height: 25px; margin: 3px; /*background-image: url("img/f.png"); background-repeat: repeat; */ } form input[type=date],input[type=password]{ border: 1px solid #fd3521; width: 200px; height: 25px; margin: 3px; color:red } form input[type=radio]{ color:red } form input[type=submit]{ background-color: #fd3521; color: #FFF; cursor: pointer; width: auto; padding: 5px; border: none; margin: 3px; } .register{ margin:auto; border-left: 4px double #fd3521; } .content{ float: right; width: 670px; margin: 10px 0 0 0; } .content p{ text-align: justify; width: 600px; margin: auto; } .clear{ clear: both; } .footer{ width: 900px; height: 100px; background-image: url("../img/footer.png"); background-repeat: no-repeat; }