@charset 'utf-8';
/* CSS Document */

	body{background:#000 url('../imgs/fnd-pagina.gif') no-repeat -80px top; margin:0}
	body * {font-family:Tahoma, Arial, sans-serif; font-size:12px; color:#FFF}
	body p {line-height:120%; margin:18px 0; padding:0}
	body a {color:#8492a9}
	body a:hover {color:#adb7c8; text-decoration:none}
	

/* Formato general */

	#pagina {background:url('../imgs/fnd-tumi.gif') no-repeat -130px 15px}

	#cabecera {clear:both; margin:0 0 0 198px}
	#cabecera h1 {color:#e30038; font-size:24px; padding:60px 0 0 0; margin:0}
	#cabecera h2 {padding:0 0 10px 0; margin:0}

	#menu  {clear:both; margin:0}
	#menu strong {color:#9da7b8}
	#menu a {color:white; font-size:11px; text-decoration:none}
	#menu ul {margin:10px 0 0; padding:0}
	#menu li {background-color:#5b687e; float:left; list-style:none; padding:4px 23px}
	#menu li:hover {background-color:#798395}
	#menu li.selected {background-color:#e30038}

	#cuerpo {background:url('../imgs/fnd-peru.gif') no-repeat 760px 300px; clear:both; padding:30px 0 0 0; margin:0; text-align:justify; width:990px}
	#cuerpo ul {margin:0; padding:20px 0 0 16px}
	#cuerpo li {list-style:url('../imgs/gui-lista.gif'); margin:0}
	#cuerpo #logos {float:left; margin:325px 0 0; text-align:center; width:180px}
	#cuerpo #logos img {border:none; margin:12px 5px; cursor:pointer}
	#cuerpo #logos hr {border:1px solid #2e343f; width:140px; margin:10px 0}
	#cuerpo #ahmeto {border-top:1px solid #1b1f26; width:144px; margin:10px 0 0 20px; padding:10px 0 0 0}
	#cuerpo #contenido{float:left; padding:0 0 0 35px; width:540px}
	#cuerpo #contenido #titulo {padding:0 0 5px 0; margin:0 0 0 -18px}
	#cuerpo #contenido #inicio {margin:25px 0 -5px}
	#cuerpo #contenido .subtitulo {margin:40px 0 -5px}
	#cuerpo #contenido .nota {padding:15px 0 0; text-align:right; font-size:11px}
	#cuerpo #contenido .nota strong {font-size:14px}
	#cuerpo #fotos {float:left; padding:40px 0 0 40px}
	#cuerpo #fotos .foto {border:2px solid white; margin:15px 0 10px 0}
	#cuerpo #fotos .credito {text-align:right}
	#cuerpo #fotos .credito img {border:none}	
	.en #cuerpo {background-image:url('../imgs/fnd-peru-en.gif')}

	#formato {clear:both; height:40px}	
	
	hr {clear:both; border:1px solid black; margin:0; padding:0; height:1px}

/* Formato de index.htm, indexen.htm */

	#bienvenida #cabecera, #bienvenida #menu, #bienvenida #footer {clear:both; margin:0}
	#bienvenida #cabecera, #bienvenida #menu ul, #bienvenida p {padding:0 0 0 20px}
	#bienvenida #cabecera h1 {padding:20px 0 0 0}
	#bienvenida {background:black}
	#flash {clear:both; font-weight:bold; line-height:30px}
	#flash * {color:red}
	#credito *{color:#5b687e; font-size:10px}

/* Formato de peru.htm, about-peru.htm */

	#container {display:none}

/* Formato de conferencia.htm, conference.htm */

	#cuerpo ul.ext {margin:0 0 -12px}
	#cuerpo ul.ext li {padding:0 0 12px}
	#cuerpo ul.ext b {display:block}

	#publico ul {float:left; width:180px}
	#publico ul.col {float:left; width:300px}
	
	#comite ul {float:left; margin:0; padding:0 0 0 16px; width:160px}
	#comite li {margin:3px 0; padding:0}
	#comite span {color:#8492a9; cursor:pointer}
	#comite span:hover {color:#FFF}

	#datos {background:#47546a; border:1px solid #8492a9; display:none; float:left; padding:5px; position:absolute; width:180px}
	#datos * {font-size:11px}
	#datos div {margin:2px}

	.enlace {height:60px; padding-left:30px}
	.enlace img {float:left; margin-right:15px}
	.enlace p {padding:15px 0 0 0}
	.enlace * {font-size:10px}
	.enlace#lan {height:45px; padding-left:30px; margin-bottom:-5px}	
	.enlace#lan p {padding:4px}


/* Formato de contenido.htm, content.htm */

	#programa {padding:0 0 0 20px}
	#programa p {clear:both; font-weight:bold; margin-bottom:5px}
	#programa span {display:block; float:left; font-size:10px; width:96px}
	#programa ul {margin:0; padding:0}
	#programa ul li {list-style:none; list-style-image:none; margin:0; padding:0 0 0 30px}
	#programa .l1 {height:20px}
	#programa .l2 {height:40px}
	#programa .l4 {height:45px}
	#programa .l5 {height:55px}	

	#convocatoria {margin-top:25px}
	#convocatoria *, #ponencia * {padding:0; margin:0}
	#convocatoria ul, #ponencia ul {padding:0 0 0 40px}
	#convocatoria li, #ponencia li {margin:6px 0; padding:0}
	#convocatoria span {color:#5b687e; cursor:pointer}
	#convocatoria span:hover {color:#8492a9}

	#eje {background:#47546a; border:1px solid #8492a9; display:none; float:left; padding:8px; position:absolute; width:320px}
	#eje * {font-size:11px}
	#eje ul {padding:5px 0 0 30px}
	#eje div {margin:2px}

	.destacado {color:#e82a4a; margin:20px 0 -5px 0}
	

/* Formato de cronograma.htm, chronogram.htm */

	#cronograma {float:left; padding:20px}
	#cronograma #cabecera {clear:both; margin:0; text-align:center}
	#cronograma #cabecera h1 {color:#FFF; font-size:17px; padding:10px}
	#cronograma .enlace {color:#5b687e; font-size:9px; font-weight:bold; height:20px; padding:0 0 20px 0; text-decoration:none; text-align:center; width:930px}
	#cronograma .enlace a {color:#e20037; font-size:10px; padding:0 5px}	


/* Formato de inscripcion.php, registry.php */

	#cuerpo #form .subtitulo {margin:0 0 10px 0}				
	#form .subtitulo {clear:both}
	#form input {color:black; font-size:11px; xborder:2px solid white}
	#form span {display:block; float:left; padding:6px 5px 0 10px; color:inherit}
	#form .area {clear:both; padding:15px 0 10px 0}
	#form .bloque {clear:both; width:540px}
	#form .bloque div {padding:2px 0 0 10px; float:left}
	#form .hidden {display:none}

	#form_datos {clear:both}
	#form_datos .bloque div {width:256px}	
	#form_datos span {width:95px}	
	#form_datos input, 	#form_datos select {margin:2px 5px; width:120px}
	#form_datos #in_organizacion, #form_datos #in_direccion {width:524px; clear:both}
	#form_datos #in_organizacion input, #form_datos #in_direccion input {width:386px}
	#form_datos #in_sexo select, #form_datos #in_sexo .black {color:black !important}

	#form_estud input {margin:2px 5px}
	#form_estud #entidad {width:140px}	
	#form_estud #matricula  {width:96px}	
	#form_estud #in_entidad span {width:130px}
	#form_estud #in_matricula span {width:70px}

	#form_comun p {margin:0 0 10px 0; padding-left:15px}
	#form_comun input {margin:0 5px}
	#form_comun .bloque div {font-size:11px; width:250px; margin:2px 0 2px 10px}
	#form_comun #otratc {width:160px;}
	
	#form_acom p {padding:0 15px}

	#form_adic p {margin:0 0 10px 0; padding-left:15px}
	#form_adic input {margin:0 5px}
	#form_adic .bloque div {width:240px; margin:2px 0 2px 10px}
	#form_adic #asotr_txt, #form_adic #asdiet_txt {width:120px; xfont-size:11px}
	
	#form_selec .bloque div {margin:2px 0 2px 10px; width:518px;}
	#form_selec #in_prog3 {display:none}

	#form_insc li {list-style:none; list-style-image:none; padding-left:20px}
	#form_insc .bloque div {margin:2px 0 2px 10px; width:500px;}	
	#form_insc p {clear:both; margin:0; padding:25px 0 10px 20px}	
	#form_insc #total {float:left; width:360px; margin:5px; color:#e82a4a}
	#form_insc #total input {margin-left:0; border:1px solid black; color:#e82a4a; background:black}
	
	#form_pago .bloque {margin-left:10px}
	#form_pago .bloque div {margin-bottom:10px}	
	#form_pago .bloque img {vertical-align:middle}	
	#form_pago div {clear:both; width:300px}
	#form_pago input {margin-right:5px}	
	#form_pago #banco {clear:both; padding:20px 0 10px; margin-left:35px; overflow:hidden}
	
	#form_polit p {margin:15px 0 0 25px}

	#form_error {display:none}
	#form_error * {color:#e20037}
	#form_error p {margin:15px 0 0 25px}
	#form_error li {display:none; clear:both; margin:0 0 0 15px; padding:0 0 0 15px; background: url('../imgs/gui-lista.gif') no-repeat 2px 6px; list-style-image:none; list-style:none}

	#form_enviar .simple {padding:10px; xfont-size:11px; margin:2px 0 2px 15px}
	#form_enviar .simple input {margin:5px 5px 0 0}
	#form_enviar #envio {padding:15px 0 0 0; text-align:center}
	#form_enviar #envio input {width:180px; font-weight:bold}
	
	#form #in_otc, #form #in_asdiet, #form #in_asint, #form #in_asotr {line-height:20px; vertical-align:middle}
	#form #otc, #form #asdiet, #form #asotr {display:none;}
	
	#form #in_acepto {}
	#form #in_asdiet {display:none}
	
	
/* Formato de Auspiciadores */ 

	#cuerpo #contenido.sponsors p {text-align:center !important}
	#cuerpo #contenido.sponsors p#agradecimiento {margin:0; padding:20px 0; text-align:justify !important}	

	#master {width:480px !important; margin:0 20px 20px 20px; border:4px solid #CCC; clear:both; background:#FFF}
	#master img {float:right; border:none}
	#master p.text {padding:10px 0; display:block; margin:0 !important; width:400px}
	#master table {margin-left:5px}
	#master table td {padding:2px 0}
	#master table td, #master table td strong {font-weight:bold !important}	
	#modopago * {font-weight:normal; color:#000 !important}
	#modopago * option, #modopago * input, #modopago * select {color:black !important; border:1px solid black}
	

/* Formato de Ponencias */

	#programa.ponencias * {vertical-align:top}
	#programa.ponencias li {background:url(../imgs/gui-lista2.gif) 15px 5px no-repeat; clear:both}
	#programa.ponencias li, #programa.ponencias li * {font-size:11px; text-align:left}	
	#programa.ponencias li, #programa.ponencias span {padding-bottom:5px}	
	#programa.ponencias p {font-size:12px}
	#programa.ponencias a {width:360px; display:inline-block}	
	
	#comite.expositores li {text-align:left}
	
	#datosEx {background:#47546a; border:1px solid #8492a9; display:none; float:left; padding:5px; position:absolute}
	#datosEx * {font-size:11px; text-align:left !important}
	#datosEx div {margin:2px}
	
	
/* Formato de Ponencias */

	.album {float:left; width:175px}
	.album p {float:left; margin:5px 0}
	.album, .album * {color:#8492a9; font-size:10px}
	.album b {color:#FFF; font-size:11px; padding:4px 0 0 0}
	.album img {border:0; margin:0 8px 0 0}
	.album img.btn {margin:5px 0 0 0; float:none}
	.album img, .album span {display:block; float:left}	
	.album span {width:80px; text-align:left}
	.album b, .album img {display:block; clear:both}