/* hoja de estilos. Congreso Bitácoras y Derecho. marzo 2006 */


body {
	margin: 0;
	font: small/1.4em "Tahoma",Arial;
	color: #335;
	line-height:160%;
	background: #fff url("esquina.gif") no-repeat bottom right;
}
/*div { border: 1px dashed #f66; }*/

h1 {
	font: 1.3em "Tahoma",Arial;
	text-transform: uppercase;
	letter-spacing: 4px;
	vertical-align:top;
	padding:0;
	margin:0 0 8px 0;
	text-align:right;
}

h2 {
	font-size: 1em;
	border-bottom:1px solid #fc6;
	background: transparent url(fondotit2.gif) no-repeat bottom left;
	padding:10px 0 0 30px;
	vertical-align:bottom;
}
h2.dcha {
	text-align:right;
	background: transparent url(fondotit2.gif) no-repeat bottom right;
	padding:10px 30px 0 0;
}

h3 {
	font-style:italic;
	font-size:1em;
	padding:14px 0 14px 40px;
}
	

a {
	color: #03d;
}
	
a:visited {
	color: #00a;
}
	
a:hover {
	background-color:#fc6;
}

li {
	list-style-type: disc;
}

img { border:0; }

p.creditos {
	color:#666;
	font: 0.9em;
	display:inline;
	border-top:1px solid #999;
}

/* errores y confirmaciones */
p.error { color:#f00; padding:5px; border:1px solid #999; }
p.confirmacion { color:#0c0; padding:5px; border:1px solid #999; }



#titulo a img {
	border:0;
	margin:5px;
}


#texto {
	float:left;
	width:60%;
	margin-left:30px;
}
#texto li {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	clear:both;
}
#texto li.ultimo { border:0; margin-bottom:26px; }
#texto h2 {
	margin:35px 0 25px 0;
}
#texto img { float:right; margin:0 0 10px 20px; border-left:1px solid #bbb; }


/* MENU */

#menu {
	width:250px;
	background: #fff url(auditorio2.jpg) no-repeat top right;
	float:left;
	margin:0 15px 20px 0;
	padding-top:0;
	border:0;
}
#menu.menuportada { width:455px; }

#menu ul {
	width:160px;
	height:300px;
	padding:50px 0 0 0;
	background: #fff url(fondo-menu2.gif) repeat-x top left;
	float:left;
	margin:0;
	list-style: none inside none;
	border-right:1px solid #fff;
}

#menu li {
	border-top:1px solid #fff;
	width:100%;
	text-align:right;
	margin:0;
	padding:0;
	list-style:none;
}
#menu li.ultimo { border-bottom:1px solid #fff; }

#menu li a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:4px 10px 4px 0;
	font-style:italic;
	font-size:1.1em;
	margin:0;
}

#menu li a.activo, #menu li a:hover {
	background-color:#22509D;
	color:#fc6;
}





/* PIE */

#pie {
	clear:both;
	padding-top:40px;
	width:95%;
}

#pie h2 {
	padding-top: 10px;
	margin:0;
}
#pie ul, #pie li {
	display:inline;
	list-style:none;
	padding:0;
}
#patrocinan ul, #patrocinan li { 
	padding:0; 	
}


#pie img { border:0; margin:8px 8px 0 8px; }


#organizan { width:45%;  float:left; vertical-align:middle; margin-left:15px;}
#patrocinan { width:50%; float:right; vertical-align:middle; margin-right:15px; text-align:justify;}
#apoyan { width:45%; float:left; vertical-align:center; margin-left:15px;}

#pie #avisoslegales {
	clear:both;
	border-top:1px solid #888;
	color:#888;
	font-size:0.9em;
	padding:5px 30px 5px 20px;
}
#pie #avisoslegales a {
	color:#888;
}

/* FORMULARIOS */

input.campo { width:90%; }

textarea { width:100%; height:100px; }

form table, form tr, form td { border:0; margin:0; padding:0; }

p.lopd { font-size:0.75em; line-height: 105%;}

/* inscripciones */

#inscripciones { width:500px; margin: 20px auto 20px auto; }
#inscripciones h1 { text-align:center;margin:30px auto 30px auto; }
#inscripciones h2 { margin:30px auto 30px auto; }
#inscripciones #pasos li { display:inline; color:#666; margin:0 10px 0 0; padding:4px; border:1px solid #666; }
#inscripciones #pasos li.actual { color:#335; font-weight:bold; margin:0 10px 0 0; padding:4px; border:1px solid #335;  }


/* PORTADA */


#enportada {
	float: left;
	margin: 0;
	padding: 0 10px 0 10px;
	width: 45%;
}

#enportada p.objetivo { text-align:center; }

#enportada ul {
	padding:0 0 0 10px;
	list-style-position: inside;
}
#enportada li { padding: 0; margin:0;}

#objetivos {
	width: 45%;
	float:left;
}

#actualidad {
	width: 45%;
	float:right;
}

	
/* Inscripciones */
fieldset { text-align:right; margin-top:30px; padding:15px 20px 5px 20px; }
fieldset.left { text-align:left; }
legend { color:#e93; font-weight:bold; }
input.caja { width:250px; margin:6px 10px 0 20px; }
input.cajacorta { width:120px; margin:6px 140px 0 20px; }
em.errorvar { color: #f00;margin-right:160px; }
input.errorvar { background-color:#fcc; }
ul.inscripciones { display:block; }
ul.inscripciones li { display:block; border:1px solid #ddd;margin-top:1px; list-style-position:inside;}
ul.inscripciones li:hover { border:1px solid #e93;}
ul.inscripciones li small { padding-left:30px;display:block; color:#669}