/* Estilos Grales */
body {margin: 0; font-family: Verdana; font-size: 12px; color: #555}
#container {margin: auto; width: 980px;}
img {float: left; border: 0;}
.clear {clear: both;}
#content {float: left; width: 735px;}
#content_one {float: left; width: 245px;}
#content_two {float: left; width: 490px;}
.promotion {float: left; width: 245px; height: 96px; overflow: hidden; background: url(images/common/profesores_de_italiano_publicidad.jpg) no-repeat; overflow: hidden;}
.promotion_banner_container { float: left; margin: 5px 0 0 10px; width: 225px; height: 80px; overflow: hidden;}
	
	
/*	images/common/profesores_de_italiano_publicidad.jpg


/* Informacion de Contacto Superior */
#contact_info {float: left; width: 440px; height: 52px;}
#contact_info ul {margin: 0; padding: 35px 0 0 5px; font-size: 10px; color: #ff8a00;}
#contact_info li {margin: 0; padding: 0 5px; float:left; list-style: none;}
#contact_info li a {text-decoration: none; color: #ff8a00;}
#contact_info li a:hover {text-decoration: underline; color: #333}

/* Menu de Navegacion Izquierdo */
#nav_bar_left {float: left; width: 245px;}
#nav_bar_left_menu {float: left; width: 245px;}
#nav_bar_left_menu ul {margin: 0; padding: 0; float: left; width: 245px;}
#nav_bar_left_menu li {margin: 0; padding: 0; float: left; width: 245px; list-style: none;}
#nav_bar_left_menu li a {display: block; width: 215px; height: 23px; padding: 7px 0 0 30px; background: url(images/common/profesores_de_italiano_menu.jpg) no-repeat; text-decoration: none; font-weight: bold; color: #777;}
#nav_bar_left_menu li a:hover {background: url(images/common/profesores_de_italiano_menu_on.jpg) no-repeat; color: white;}

/* Datos Utiles */
#info {float: left; width: 245px;}
#info ul {margin: 0; padding: 0 20px; float: left; width: 205px; height: 140px; background: url(images/common/profesores_de_italiano_datos_utiles.jpg) repeat-y;}
#info li {margin: 0; padding: 0; float: left; width: 205px; list-style: none;}
#info li a {display: block; width: 195px; padding: 5px 5px; text-decoration: none; font-weight: bold; color: #aaa; border-bottom: 1px dotted #aaa;}
#info li a:hover {border-bottom: 1px solid #ff8a00;}

/* HOME - textos de bienvenida*/
#content_home {float: left; width: 490px; background: url(images/home/profesores_de_italiano_presentacion.jpg) repeat-y;}
#content_home_txt {float: left; width: 227px; padding: 15px 0 0 20px;}
#content_home a {color: #ff8a00; font-weight: bold;}
#content_home a:hover {color: #555;}
#content_home p {float: left; margin: 10px 15px 5px 20px; font-size: 11px;}
#content_home b {color: #ff8a00;}
#content_home h1 {float: left; margin: 10px 15px 5px 20px; font-size: 18px; color: #ccc; width: 450px; text-align: right; border-bottom: 1px solid #ccc;}
#content_home h2 {float: left; margin: 10px 15px 5px 20px; font-size: 14px; color: #ff8a00; width: 450px; border-bottom: 1px solid #ff8a00;}
#content_home h3 {float: left; margin: 10px 15px 5px 20px; font-size: 14px; color: #ff8a00; width: 450px;}


/* HOME - Noticias */
.news {float: left; width: 327px; height: 140px; padding: 10px 20px; background: url(images/home/profesores_de_italiano_noticias.jpg) no-repeat; overflow: hidden;}
.news h1 {float: left; font-size: 12px; border-bottom: 1px dotted #999; padding-bottom: 5px; width: 320px;}
.news p {float: left; margin: 0; padding: 0;}
.news a {text-decoration: none; font-weight: bold; color: #999;}

/* Quienes Somos */
#quienes_somos {float: left; width: 735px; height: 385px; overflow: hidden; background: url(images/quienes_somos/profesores_de_italiano_quienes_somos.jpg) no-repeat;}
#quienes_somos_txt {float: left; width: 400px; margin: 10px 20px;}
#quienes_somos_txt a {color: #ff8a00; font-weight: bold;}
#quienes_somos_txt a:hover {color: #555;}
#quienes_somos p {float: left; margin: 4px; font-size: 11px;}
#quienes_somos b {color: #ff8a00;}
#quienes_somos_txt h1 {float: left;font-size: 18px; color: #ff8a00; width: 415px; border-bottom: 1px solid #ff8a00;}
#quienes_somos_txt h2 {float: left; font-size: 14px; color: #ff8a00; width: 415px;}


/* Listado de Profesores */
#prof_listado_txt_container {float: left; width: 367px; height: 255px;background: url(images/listado_de_profesores/profesores_de_italiano_txt_profesores.jpg) no-repeat; overflow: hidden;}
#prof_listado_txt {float: left; width: 230px; padding: 10px 20px;}
#prof_listado_txt_container a {color: #ff8a00; font-weight: bold;}
#prof_listado_txt_container a:hover {color: #555;}
#prof_listado_txt_container p {float: left; margin: 10px 15px 5px 20px; font-size: 11px;}
#prof_listado_txt_container b {color: #ff8a00;}
#prof_listado_txt_container h1 {float: left; margin: 10px 15px 5px 20px; font-size: 14px; color: #ccc; width: 330px; text-align: right; border-bottom: 1px solid #ccc;}


/* Ficha del Profesor */
.prof_listado_ficha {float: left; width: 367px; height: 130px; background: url(images/listado_de_profesores/profesores_de_italiano_ficha_de_prof.jpg) no-repeat; overflow: hidden;}
.prof_listado_ficha_foto_container {float: left; margin: 10px 0 0 15px; width: 100px; height: 100px; overflow: hidden;}
.prof_listado_ficha_info {float: left; width: 210px; height: 80px; padding: 0 5px; margin: 10px 5px; color: #ff8a00;}
.prof_listado_ficha_info ul {margin: 0; padding: 0; float: left; font-size: 10px;}
.prof_listado_ficha_info li {margin: 0; padding: 0; float: left; list-style: none; width: 225px;}
.prof_listado_ficha_info li b {color: #999;}
.prof_listado_ficha_info a {float: left; display: block; width: 210px; padding: 5px 5px; text-decoration: none; font-weight: bold; color: #777; font-size: 10px; text-align: right;}
.prof_listado_ficha_info a:hover {color: #ff8a00;}

/* Vista Individual del Profesor */
#prof_info {float: left; width: 226px; height: 370px; padding: 5px 10px 15px 9px; background: url(images/vista_profesor/profesores_de_italiano_prof_info.jpg) no-repeat;}
#prof_info img {margin: 10px 0 10px 10px;}

#prof_info ul {margin: 0 0 0 10px; padding: 0; float: left; font-size: 10px; color: #ff8a00;}
#prof_info li {margin: 0; padding: 0; margin-top: 2px; float: left; list-style: none; width: 205px;}
#prof_info li b {color: #999;}

#entrevista {float: left; width: 205px; height: 40px;}

#prof_video {float: left; width: 490px; height: 390px; background: url(images/vista_profesor/profesores_de_italiano_video.jpg) no-repeat;}
#video_container {float: right; padding: 5px 11px 0 0;}

/* Concretar Entrevista */
#concretar_entrevista {float: left; width: 320px; padding: 20px;}
#concretar_entrevista h1 {color: white; margin: 0; padding: 0; border-bottom: 1px dotted white;}

.form_item {float: left; width: 300px; color: white; font-size: 12px; margin-top: 10px;}
#concretar_entrevista input, #concretar_entrevista textarea {float: left; margin-top: 5px;}

/* Articulos - Noticias */
#article {float: left; width: 450px; padding: 0 20px; background: url(images/articulos/body_article.jpg) repeat-y;}
#article h1 {float: left; margin: 0; padding: 5px 0; text-align: right; width: 450px; border-bottom: 1px dotted #ccc; font-size: 10px;}
#article h2 {float: left; margin: 10px 0; width: 450px; padding: 0; border-bottom: 1px dotted #ccc; font-size: 18px;}
#article_list {float: left; width: 205px; background: url(images/articulos/body_list.jpg) repeat-y; padding: 0 20px;}
#article_list h3 {float: left; margin: 0; padding: 5px 0; text-align: right; width: 205px; border-bottom: 1px dotted #ccc; font-size: 10px;}
#article_list ul {float: left; margin:5px 0; padding: 0;}
#article_list li {float: left; list-style: none;}
#article_list li a {color: #777; text-decoration: none; display: block; width: 195px;border-bottom: 1px dotted #ccc; padding: 5px;}
#article_list li a:hover {color: #ff8a00; text-decoration: none; display: block; width: 195px;border-bottom: 1px solid #ff8a00; padding: 5px;}

/* Contacto */
#contact_form {float: left; width: 445px; height: 370px; padding: 0 20px; background: url(images/articulos/body_article.jpg) repeat-y; overflow: hidden;}
#contact_form h1 {float: left; width: 450px; margin: 0; margin-bottom: 5px; padding: 10px 0 0 0; font-size: 14px; border-bottom: 1px dotted #ccc;}
#contact_form h6 {float: left; width: 450px; margin: 0; margin-bottom: 10px; padding: 0; font-size: 11px; color: #ff8a00;}
#contact_form form {float: left; width: 270px;}
#contact_form .item_form {float: left; width: 250px;}
#contact_form label {float: left; width: 450px; margin: 5px 0;}
#contact_form input, #contact_form textarea {float: left; padding: 3px; color: #777; width: 250px;}
#contact_form .contac_info {float: left; width: 175px; font-size: 10px; text-align: right;}
#contact_form .enviar {float: left; width: 96px; margin: 10px 0 0 170px;}


#banner_de_promocion {float: left; width: 205px; height: 370px; background: url(images/articulos/body_list.jpg) repeat-y; padding: 0 20px;}

/* Formas de Pago */
#formas_de_pago {float: left; width: 790px; background: url(images/formas_de_pago/profesores_de_italiano_formas.jpg) no-repeat; height: 310px; padding: 70px 0 0 20px;}
#formas_de_pago b {color: #ff8a00;}
#formas_de_pago p {float: left; width: 300px;}

/* Copyright */
#copyright {margin: auto; width: 665px; border-top: 1px solid #ccc; margin-top: 5px;}
#copyright ul {float: left; padding: 5px 0 10px 0; margin: 0;}
#copyright li {float: left; padding: 0 5px; margin: 0; list-style: none;}
#copyright li a {text-decoration: none; color: #777; font-size: 11px;}
#copyright li a:hover {text-decoration: underline; color: #ff8a00; font-size: 11px;}
#copyright li a b {color: #ff8a00;}