/* Estilos Grales */
body {margin: 0; font-family: Verdana; font-size: 12px; color: #888}
#container {margin: auto; width: 990px;}
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_nativos_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_nativos_publicidad.jpg


/* Informacion de Contacto Superior */
#contact_info {float: left; width: 427px; height: 52px; background: url(images/common/espacio_en_blanco.jpg) no-repeat;}
#contact_info ul {margin: 0; padding: 35px 0 0 30px; font-size: 10px; color: #30607d;}
#contact_info li {margin: 0; padding: 0 5px; float:left; list-style: none;}
#contact_info li a {text-decoration: none; color: #30607d;}
#contact_info li a:hover {text-decoration: underline; color: #333}

/* Menu de Navegacion Izquierdo */
#nav_bar_left {float: left; width: 250px;}
#nav_bar_left_menu {float: left; width: 245px;}
#nav_bar_left_menu ul {margin: 0 0 0 5px; padding: 0; float: left; width: 245px; background: url(images/common/profesores_de_nativos_menu_background.jpg) repeat-y;}
#nav_bar_left_menu li {margin: 0; padding: 0; float: left; width: 245px; list-style: none;}
#nav_bar_left_menu li a {display: block; margin-left: 20px; width: 175px; height: 21px; padding: 7px 0 0 30px; text-decoration: none; font-weight: bold; color: #3f92b7; border-bottom: 1px dotted #3f92b7;}
#nav_bar_left_menu li a:hover { border-bottom: 1px solid 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_nativos_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 #1779b5;}

/* HOME - textos de bienvenida*/
#content_home {float: left; width: 490px; height: 225px; background: url(images/home/profesores_de_nativos_presentacion.jpg) no-repeat;}
#content_home_txt {float: left; width: 300px; padding: 15px 0 0 20px;}
#content_home p {float: left; margin: 4px; font-size: 11px;}
#content_home b {color: #30607d;}

/* HOME - Noticias */
.news {float: left; width: 327px; height: 140px; padding: 10px 20px; background: url(images/home/profesores_de_nativos_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: 262px; overflow: hidden; background: url(images/quienes_somos/profesores_nativos_quienes_somos.jpg) no-repeat;}
#quienes_somos_txt {float: left; width: 480px; margin: 30px 25px;}
#quienes_somos p {float: left; margin: 4px; font-size: 11px;}
#quienes_somos b {color: #30607d;}

/* Listado de Profesores */
#prof_listado_txt_container {float: left; width: 367px; height: 255px;background: url(images/listado_de_profesores/profesores_de_nativos_txt_profesores.jpg) no-repeat; overflow: hidden;}
#prof_listado_txt {float: left; width: 320px; padding: 10px 25px;}
#prof_listado_txt p {float: left; margin: 4px; font-size: 11px;}
#prof_listado_txt b {color: #30607d;}
#prof_listado_txt h2 {color: #30607d; float: left; margin: 20px 0 10px 0; border-bottom: 1px dotted #30607d; width: 310px; padding: 0 5px; font-size: 14px;}
#prof_listado_txt ul {float: left; margin: 0; padding: 0;}
#prof_listado_txt li {float: left; margin: 0; padding: 0; list-style: none; width: 160px;}
#prof_listado_txt li a {text-decoration: none; color: #30607d;}




/* Ficha del Profesor */
.prof_listado_ficha {float: left; width: 347px; height: 164px; background: url(images/listado_profesores/profesores_nativos_ficha.jpg) no-repeat; overflow: hidden; padding: 5px 10px;}
.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: 135px; padding: 0 5px; margin: 10px 5px; color: #30607d;}
.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: #30607d;}

/* Vista Individual del Profesor */
#prof_info {float: left; width: 226px; height: 370px; padding: 5px 10px 15px 15px; background: url(images/vista_profesor/profesores_nativos_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: #30607d;}
#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_nativos_videos.jpg) no-repeat;}
#video_container {float: right; padding: 5px 11px 0 0;}

/* Concretar Entrevista */
#concretar_entrevista {float: left; width: 320px; background: #4bb7e9; 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: 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 h6 {float: left; margin: 0; padding: 5px 0; text-align: right; width: 205px; border-bottom: 1px dotted #ccc;}
#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: #30607d; text-decoration: none; display: block; width: 195px;border-bottom: 1px solid #30607d; padding: 5px;}

/* Contacto */
#contact_form {float: left; width: 715px; height: 422px; padding-left: 25px; background: url(images/contacto/profesores_nativos_contacto.jpg) no-repeat; 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: #30607d;}
#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: 735px; background: url(images/formasdepago/profesores_nativos_formas.jpg) no-repeat; height: 262px; padding: 0 0 0 20px;}
#formas_de_pago b {color: #30607d;}
#formas_de_pago p {float: left; width: 300px; margin: 25px 0 0 10px;}

/* Copyright */
#copyright {float: left; width: 980px; border-top: 1px solid #ccc; margin-top: 5px;}
#copyright ul {float: right; padding: 5px 0 10px 0; margin: 0;}
#copyright li {float: right; 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: #30607d; font-size: 11px;}
#copyright li a b {color: #30607d;}

/* Para Profesores */
.para_prof {float: left; background: url(images/para_profesores/profesores_nativos_left.jpg) no-repeat; width: 450px; height: 389px; overflow: hidden; padding: 0px 20px;}
.para_prof h1 {float: left; font-size: 12px; border-bottom: 1px dotted #999; padding-bottom: 5px; width: 445px; margin: 0;}
.para_prof b {color: #30607d;}
.para_prof p {float: left; margin: 4px; font-size: 11px;}
.para_prof a {color: #30607d; text-decoration: none;}
.para_prof a:hover {text-decoration: underline;}
.download_form {float: left; padding: 25px 10px;}
.download_form p {float: left; padding-top: 40px; margin-left: 20px; width: 240px;}
