/* Generales */
body {margin: 0; background: #f29400; font-family: Verdana; color: #555;}
#container {margin: auto; width: 980px;}

img {float: left; border: none;}
.clear {clear: both;}

/* Estructura gral de la pagina */
#head {float: left; width: 980px;}
#news {float: left; width: 759px; height: 67px; overflow: hidden;}
#news ul {float: right; padding: 0; margin: 5px; font-size: 10px; color: white;}
#news b {color: white;}
#news li {list-style: none; text-align: right; float: right; padding: 0 5px;}
#news li a {text-decoration: none; color: white; font-weight: bold;}
#news li a:hover {text-decoration: underline;}

#top_menu {float: left; width: 759px; height: 57px;}
.home a {float: left; display: block; width: 94px; height: 57px; background: url(/images/common/ingresos_materias_home.jpg) no-repeat;}
.home a:hover {background: url(/images/common/ingresos_materias_home_on.jpg) no-repeat;}

.nosotros {float: left; width: 90px; height: 57px; background: url(/images/common/ingresos_materias_menu_background.jpg) repeat-x;}

.nosotros a:hover {background: url(/images/common/ingresos_materias_nosotros_on.jpg) no-repeat;}
.servicios a {float: left; display: block; width: 199px; height: 57px; background: url(/images/common/ingresos_materias_servicios.jpg) no-repeat;}
.servicios a:hover {background: url(/images/common/ingresos_materias_servicios_on.jpg) no-repeat;}
.mas_servicios a {float: left; display: block; width: 118px; height: 57px; background: url(/images/common/ingresos_materias_mas_servicios.jpg) no-repeat;}
.mas_servicios a:hover {background: url(/images/common/ingresos_materias_mas_servicios_on.jpg) no-repeat;}
.profesores a {float: left; display: block; width: 128px; height: 57px; background: url(/images/common/ingresos_materias_profesores.jpg) no-repeat;}
.profesores a:hover {background: url(/images/common/ingresos_materias_profesores_on.jpg) no-repeat;}
.contacto a {float: left; display: block; width: 128px; height: 57px; background: url(/images/common/ingresos_materias_contacto.jpg) no-repeat;}
.contacto a:hover {background: url(/images/common/ingresos_materias_contacto_on.jpg) no-repeat;}

#title {float: left; width: 759px; height: 43px; text-align: right; color: white; overflow: hidden;}
#title h1 {font-size: 20px; margin: 5px 15px; padding: 0;}

#one {float: left; width: 366px; background: url(/images/common/ingresos_materias_body_one.jpg) repeat-y;}
#one_txt {float: left; padding: 5px 20px 10px 20px; width: 315px;}
#one_txt p {margin: 5px 0 0 0; font-size: 11px;}
#one_txt h2 {float: left; margin: 5px 0 5px 0; padding: 0 10px; width: 300px; font-size: 14px; border-bottom: 1px dotted #f27200;}
#one_txt h3 {float: left; margin: 5px 0 5px 0; padding: 0 10px; width: 300px; font-size: 14px; border-bottom: 1px dotted #f27200;}
#one_txt b {color: #f27200;}
#one_txt a {color: #f27200; text-decoration: none;}
#one_txt a:hover {text-decoration: underline;}

#one_txt_images {float: left;width: 346px; margin: 5px; margin-left: 16px;}
#one_txt_images img {margin: 6px;}

#one table {margin-top: 10px; width: 325px; font-size: 11px; text-align: center; }
#one td {border-left: 1px solid #f27200; border-top: 1px solid #f27200; padding: 2px;} 

#one ul {float: left; margin: 0; padding: 0;}
#one li {list-style: none; font-weight: normal; font-size: 11px;}
 
#two {float: left; width: 614px; background: url(/images/common/ingresos_materias_body_two.jpg) repeat-y;}
#two_txt {float: left; padding: 10px 10px 10px 25px; width: 570px;}
#two_txt h1 {float: left; margin: 10px 0 5px 0; padding: 0 10px; width: 540px; font-size: 16px; border-bottom: 1px dotted #f27200;}
#two_txt h2 {float: left; margin: 10px 0 5px 0; padding: 0 10px; width: 540px; font-size: 16px; border-bottom: 1px dotted #f27200;}

#two_txt h3 {float: left; margin: 10px 0 5px 0; padding: 0 10px; width: 540px; font-size: 14px; border-bottom: 1px dotted #f27200;}
#two_txt ol {float: left; margin: 0 0 0 40px; padding: 0 10px; width: 500px; font-size: 11px;}
#two_txt p {margin: 5px 0 0 0; font-size: 11px;}
#two_txt b {color: #f27200;}

/*Contacto*/
#two_txt .form_container {float: left; width: 300px;}
#two_txt .form_container .comment {float: right; margin: 0; text-align: right; font-size: 9px;}

#two_txt .form_container label {float: right; font-size: 11px; text-align: right; margin-top: 14px;}
#two_txt .form_container input {float: right; width: 170px; margin-left: 10px; margin-top: 10px; border: 1px solid #999; padding: 3px; color: #777; font-family: Verdana; font-size: 11px;}
#two_txt .form_container textarea {float: right; width: 170px; margin-left: 10px; margin-top: 10px; border: 1px solid #999; padding: 3px; color: #777; font-family: Verdana; font-size: 11px;}
#two_txt .thanks {float: left; width: 300px; padding-top: 120px;}







#two table {margin-top: 15px; width: 565px; font-size: 11px; text-align: center; }
#two td {border-left: 1px solid #f27200; border-top: 1px solid #f27200; padding: 2px;} 
 
#half {float: left; width: 490px; background: url(/images/common/ingresos_materias_body_half.jpg) repeat-y;}
#half_txt {float: left; padding: 5px 20px 10px 20px;}
#half_txt p {margin: 5px 0 0 0; font-size: 12px;}

#bottom_menu {float: left; width: 740px; padding: 10px 0; padding-left: 240px; border-top: 1px solid white;  border-bottom: 1px solid white;}
#bottom_menu ul {margin: auto; padding: 0; margin: 0; width: 740px;}
#bottom_menu li {float: left; list-style: none;}
#bottom_menu li a {display: block; padding: 0 10px; margin: 0; color: white; text-decoration: none; font-size: 12px; border-right: 1px solid #ccc; font-weight: bold;}
#bottom_menu li a:hover {color: #87261a; text-decoration: underline;}

#copyright {text-align: center; padding: 10px 0; font-size: 10px; color: #999;}
#copyright a {color: white; text-decoration: none;}
#copyright a:hover {color: white; text-decoration: none;}
#copyright b {color: white;}

/* Tablas */
.item {float: left; font-size: 12px; font-weight: bold; padding: 0 5px 10px 20px;}
.item p {margin: 10px 0 5px 0; padding: 0;}
.item ul {float: left; margin: 0; padding: 0;}
.item li {list-style: none; font-weight: normal; font-size: 11px;}
.item b {color: #f27200;}