/* ---------------------------------------------- */
/* ==general                                      */
/* ---------------------------------------------- */
html, body, p, h1, h2, h3, h4, h5, h6, table, td, ul, ol, li, dl, dt, dd {
	border: none;
	margin: 0;
	padding: 0;	
}

table, td, th, img {border: none;} /* override border="1" */

body {
     background:#425C7F; 
	color: #FFF;
	font-family:  arial, sans-serif;
	font-size: x-small;
	voice-family: "\"}\"";       /* box model hack */
	voice-family: inherit;
	font-size: small;
	line-height: 1.4;
	margin: 1em auto; /* auto -> centra horizontalmente */
	width: 1000px;
}

p {
	margin-bottom: 1em;
	padding-left: 1em;
}

a:hover {
	text-decoration: none;
}

a:active, a:focus {
	color: #FED !important;
	background-color: #425C7F !important;
}

code {
	font-size: 110%;
}

p.mensaje_importante {
	/*background: #FFBD24;*/
	background: #C00;
	/*border-top: 2px solid;
	border-bottom: 2px solid;*/
	color: white;
	font-weight: 600;
	padding: 0.2em;
	text-align: center;
}

/*ul {
	margin-left: 2em;
}*/


/* Color Palette */
#yellow { /*marron*/
	background-color: #D4CE9A;
}
#white {
	background-color: #fff;
}
#green {
	background-color: #B3C08B;
}
#blue {
	background-color: #9FB9CA;
}
#beige {
	background-color: #F1EFE2;
}

/* ---------------------------------------------- */
/* ==layout */
/* ---------------------------------------------- */

/* fijamos el ancho, y centramos horizontalmente */
div#outer-wrap {
	margin: auto;
	width: 95%;
}

/* envolvemos las dos "columnas" */
div#column-wrap {
	   background: url(../img/twocol-2.gif) repeat-y 27% 0%; /*fondo para faux columns */
	float: left;  /* necesario para que contenga a la columna flotada */
	margin-bottom: 0.3em;  /* separa el footer */
	position: relative;
	width: 100%;
}

div#content {
	/*background: #FFF;*/
	color: #000;
	float: right;
	padding: 0.7em 2% 2em;
	width: 68%;
	background-color: #F1EFE2;
	font-family:Georgia, "Times New Roman", Times, serif;
	
	
}

div#nav {
	float: left;
	padding: 1em 0px; /* padding lateral en px para que IE no haga saltar los links */
	width: 27%;
}

div#footer {
	clear: both;
	background-color: #E9E3BE;
	padding: 0.7em 0.7em;
	color:#333333;
}

/* ---------------------------------------------- */
/* ==encabezado */
/* ---------------------------------------------- */
div#header {
	/*background: #FFEEBF;*/
	background: #333333 url(../img/header-quantum-santa-maria.PNG) repeat-x 0 0;
	color: #FFFFFF;
	padding: 12px;
	margin-bottom: 4px;
	height:150px;
}

#header h1 {
	font-size: 27px;
	padding: 0 12px;
	font-family: arial, sans-serif;
	color: white;
}

#header h2 {
	padding: 0 12px;
	font-size: 14px;
	font-weight: bold;
	color: white;
}


/* ---------------------------------------------- */
/* ==barra de navegación */
/* ---------------------------------------------- */
div#nav {
	color: #444444; /*#2A2C16;*/
	background: #9FB9CA;
	font-weight: bold;
	font-size:100%;
	font-family:Georgia, "Times New Roman", Times, serif;

}
div#nav a {
	/*color: #FFF;*/
}
div#nav ul {
	/*padding-bottom: 0.3em;*/
	list-style: none;
	margin: 0 0.6em 1em;
}

div#nav li {
	margin-bottom: 0.2em;
}

div#nav li a {
	/*background: url(../img/bullet-trans.gif) no-repeat 6px 0.4em;*/
	color:#505050;
	display: block;
	height: 1%;
	padding: 0.1em 0.5em;
	padding-left: 22px;
	text-decoration: none;
}
	
div#nav li a:hover {
	/*background-color: #B3C08B; #663300; #2A2C16;*/
	color: #FED;
	}

div#nav p.logo {
	padding: 0.5em;
	text-align: center;
}

div#nav p#logo img {
	border: 0px solid #666;
}

div#nav .new {
	background: #FF9;
	color: black;
	font-weight: normal;
	font-size: 85%;
	margin-left: 0.2em;
	padding: 0.1em 0.5em;
}

div#nav h4 {
	border-bottom: 2px solid #CCC;
	font-style: italic;
	margin-top: 1em;
	margin-left: 0.5em;
}

#aviso {
	background: #FFF url(../img/important.gif) no-repeat 92% 8%;
	border: 2px dotted #2A2C16;
	/*display: none;*/
	margin: 0 0.7em 1em;
	padding: 0.5em 0.5em 0.1em 0em;
}

#aviso p {
	margin-bottom: 0.3em;
	padding-right: 44px; 
}

#aviso ul {
	background: #FFF;
	border: none;
	margin-left: 1em;
	list-style: square;
	padding-left: 1.2em;
	font-style: italic;
}

/*div#nav li#nav_fechas {
	background: url(../img/important.gif) no-repeat 82% 8%;
	min-height: 32px;
}*/

div#nav li#nav_novedades {
	/*background: #FF6;*/
	font-style: italic;
}


/*#nav_regform a {
	text-decoration: line-through;
}*/


/* ---------------------------------------------- */
/* ==pie de página */
/* ---------------------------------------------- */
#footer h3 {
	font-size: 1em;
}
#footer p {
	margin: 0;
}
#footer #webAdmin a {
	color: #FFF;
}


/* ---------------------------------------------- */
/* ==varios */
/* ---------------------------------------------- */
ul#conferencistas li {
	margin-bottom: 0.5em;
}

ul#comite li {
	float: left;
	margin-bottom: 0.3em;
	padding-right: 0.5em;
	width: 11em;
}

.clear {
	clear: both;
}

ul#reuniones {
	background: transparent;
	font-size: 125%;
	font-weight: bold;
	padding: 0.5em 0.5em;
	padding-left: 0.5em !important;  /* compite con una regla para body.main #content ul */
}

ul#reuniones li {
	border-bottom: 1px dotted #999;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

span.mail-organizador {
	font-size: 90%;
}

span.speaker {
	font-weight: bold;
}

#content h3, #content h4 {
	/*background: #CCC;*/
	color: #2A2C16;
	/*font-family: georgia, serif;*/
	padding: 0.2em 0.5em 0.2em 0;
	text-transform: uppercase;
}

#content h3 {
	border-bottom: 2px dotted;
	color: #2A2C16;
	font-size: 140%;
	margin-top: 0.7em;
	margin-bottom: 1em;
}

h4 {
	margin-top: 2em;
	margin-bottom: 0.5em;
	font-size: x-small;
	voice-family: "\"}\"";       /* box model hack */
	voice-family: inherit;
	font-size: small;
}

hr, .hide {
	display: none;
}

body.main #content ul {
	list-style: none;
	margin-top: 0;	
	margin-left: 0;
	padding-left: 1em;
}

body.transporte #content ul {
	margin-top: 0;	
	margin-left: 3em;
}

dt {
	font-style: italic;
	margin-top: 1.2em;
}
dd {
	font-weight: bold;
	margin-left: 1.5em;
}


/* ---------------------------------------------- */
/* ==formulario de inscripción                    */
/* ---------------------------------------------- */
form#formInscripcion {
	padding-left: 1em;
}

span.formlabel {
	display: block;
	font-style: italic;
	padding-right: 0.2em;
	/*text-align: right;*/
}
textarea, input[type="text"] {  /* IE ignora esta regla completamente */
	/*background: #E9E3BE;*/
	border: 1px solid #BBB;
	font-family: 'courier new', monospace;
	font-size: 100%;
	margin-bottom: 0.5em;
	padding: 2px 3px;
	width: 90%;
}
/*html>body*/ fieldset {
	background: #E9E3BE;  /* html>body : hack para evitar color de fondo en IE */
}
legend {
	border: 1px solid #2A2C16;
	background: #2A2C16;
	color: #E9E3BE;
	padding: 0.1em 0.5em;
}
input[type="radio"] {
	margin-right: 0.3em;
}
div#formbuttons input {
	border: 1px solid #38B0C0;
	font-weight: bold;
	height: 2em;
}
fieldset {
	border: 2px solid #2A2C16;
	margin-top: 1.3em;
	padding: 0.7em 2%;
	width: 94%;
}
legend {
	font-weight: 600;
}
label {
	white-space: nowrap;
}

.label {
	padding-right: 0.3em;	
	text-align: right;
	width: 9em;
}
fieldset fieldset {
	border-width: 1px;
}
/*fieldset fieldset legend {
	background: #FED;
	color: #444;
}*/

ul.categorias li {
	list-style: none;
	margin-top: 2em;
}

li.categoria-true {
	background: #FFC;
}

li.categoria-false {
	background: transparent;
}

div#asignacion_cursos {
	font-size: 85%;
}

div.simultaneos {
	/*background: #FFE;*/
	border: 1px dotted #444;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	/*padding: 0.2em 0.2em;*/
}
table.simultaneos {
	border: 1px dotted #444;
	width: 100%;
}
table.simultaneos td {
	padding: 0.2em;
	vertical-align: top;
}
tr.separa-cursos td {
	border-bottom: 1px dotted #444;
	font-size: 0px;
}
div.simultaneos li {
	padding: 0.2em;
}
.curso_no_seleccionado {
	background: transparent;
	color: #222;
}
.curso_seleccionado {
	background: #FFA;
	color: #000;
}
span.nombre_curso {
	font-weight: bold;
}
.form-error {
	background: #FFC;
	border: 2px solid red !important;
}

div.datos_comunicacion {
	background: #F4EEC9;
	margin-top: 1em;
	padding: 0.5em 1em 0.5em 1.5em;
}

fieldset#comunicaciones {
	padding-bottom: 1em;
}
button#mostrar_comunicacion_2 {
	display: none;  /* se vuelve visible con JS */
	margin-left: 1em;
	margin-top: 1em;
}

table#costo-inscripcion {
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	margin-bottom: 1em;
	margin-left: 3em;
	width: 23em;
}

table#costo-inscripcion td, table#costo-inscripcion th {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 0.3em;
	text-align: center;
}
table#costo-inscripcion th {
	background: #E7E7E7;
}


table#crono-tent {
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	margin-bottom: 1em;
	margin-left: 0em;
	width: 95%;
}

table#crono-tent td, table#crono-tent th {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 0.3em;
	text-align: left ;
}
table#crono-tent th {
	background: #E7E7E7;
}


/* ---------------------------------------------- */
/* ==display de datos de inscripcion              */
/* ---------------------------------------------- */
table#regdata {
	border-top: 1px solid #CCC;
	margin: 1em auto;
	width: 90%;
}
table#regdata td {
	background: #F0F0F0;
	border-bottom: 1px solid #CCC;
	color: #000;
	padding: 0.3em;
	vertical-align: top;
}
table#regdata td.label {
	font-style: italic;
	text-align: right;
	width: 40%;
}


/* ---------------------------------------------- */
/* ==cronograma                                   */
/* ---------------------------------------------- */

div#wrapper-horarios {
	margin-top: 2em;
	overflow: scroll;
	width: 100%;
}
table#horarios-uma {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
table#horarios-uma td, table#horarios-uma th {
	border-left: 1px solid #666;
	border-top: 1px solid #666;
	padding: 0.2em 0.3em;
	text-align: center;
}
table#horarios-uma th {
	background: #EEE;
	white-space: nowrap;
}

table#horarios-uma td.conferencia {
	background: #FED;
}
table#horarios-uma td.cursoUMA {
	background: #CAE1FF;
}
table#horarios-uma td.cursoREM {
	background: #FFC522;
}
table#horarios-uma td.comunic {
	background: #FFC;
}
table#horarios-uma td.comuREM {
	background: #FFC522;
}
table#horarios-uma td.comuUMA {
	background: #CAE1FF;
}
table#horarios-uma td.inscripcion {
	background: #DDD;
}
table#horarios-uma td.comida {
	background: #90EE90;
}
table#horarios-uma td.protocolar {
	background: yellow;
}

/* ---------------------------------------------- */
/* ==transporte, direcciones                      */
/* ---------------------------------------------- */

table#direcciones {
	background: #FFC;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	margin-bottom: 1em;
}
table#direcciones td, table#direcciones th {
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0.3em;
}


/* ---------------------------------------------- */
/* ==listado de preinscriptos                     */
/* ---------------------------------------------- */
table#tabla-inscriptos {
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	margin: auto;
	width: 98%;
}

table#tabla-inscriptos th {
	background: #666;
	border-left: 1px solid #C9C9C9;
	color: #fff;
	font-size: 105%;
	padding: 0.2em;
}

table#tabla-inscriptos td {
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	padding: 0.3em;
	vertical-align: top;
}

table#tabla-inscriptos td.numero {
	text-align: right;
}

table#tabla-inscriptos td.fecha {
	display: none;
}

table#tabla-inscriptos span.apellido {
	/*text-transform: uppercase;*/
	font-weight: bold;
}

table#tabla-inscriptos tr.par {
	background: #ececec;
}

table#tabla-inscriptos tr.impar {
	background: #dcdcdc;
}

/* ---------------------------------------------- */
/* ==alojamiento                                  */
/* ---------------------------------------------- */

ul#listahoteles {
	margin-left: 3em;
}

ul#listahoteles li {
	margin-top: 1em;
}



/* ---------------------------------------------- */
/* ==fechas importantes                           */
/* ---------------------------------------------- */
table#fechas {
	background: #e7e7e7;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	margin: auto;
}
table#fechas td {
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0.3em 1em;
	vertical-align: top;
}
table#fechas td.fecha-limite {
	border-left: none;
	font-weight: bold;
	white-space: nowrap;
}

p.plazo {	
	background: #663300;
	color: #FED;
	float: left;
	/*font-weight: bold;*/
	font-size: 140%;
	padding: 0.1em 0.7em;
}



div.novedad {
	background: #e7e7e7;
	border-bottom: 1px solid #CCC;
	margin-bottom: 0.5em;
	padding: 0em 0.5em 0.2em;
}


dl.cursos dd {
	border-bottom: 1px solid #BBB;
	padding-bottom: 0.5em;
}


/* ---------------------------------------------- */
/* ==comunicaciones                               */
/* ---------------------------------------------- */
table#cronograma-comunicaciones {
	/*border-right: 1px solid #999;*/
	border-top: 1px solid #999;
	margin-top: 2em;
}
table#cronograma-comunicaciones td {
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0.3em;
	vertical-align: top;
}
table#cronograma-comunicaciones td.hora {
	border-left: none;
	color: #333;
	/*width: 5em;*/
}
table#cronograma-comunicaciones td.titulo {
	font-weight: bold;
}
table#cronograma-comunicaciones td.sesion {
	background: #FFC522;
	border-left: none;
	font-weight: bold;
	padding-left: 1em;
	text-transform: uppercase;
}
table#cronograma-comunicaciones tr.par {
	background: #EFEFEF;
}

table#cronograma-comunicaciones tr.impar {
	background: #DFDFDF;
}
table#cronograma-comunicaciones td.separador {
	background: #FFF;
	border-left: none;
	border-right: none;
	height: 4em;
}
table#cronograma-comunicaciones td.turno {
	background: #FED;
	border-left: none;
	color: #000;
	font-weight: bold;
	padding-left: 1em;
	text-align: left;
}
table#cronograma-comunicaciones td.intervalo {
	background: #999;
	color: #FFF;
	font-style: italic;
	text-align: center;
}
table#cronograma-comunicaciones td.head-autores {
	background: #FFF;
	font-style: italic;
	vertical-align: middle;
}
ul#sesiones {
	margin-left: 4em;
	margin-bottom: 1em;
}
ul#sesiones li {
	font-weight: bold;
}
table#cronograma-comunicaciones.uma td.sesion {
	background: #CAE1FF;
}
a.resumenes {
	font-size: 85%;
	font-weight: normal;
	margin-left: 1em;
}


/* ---------------------------------------------- */
/* ==conferencias                                 */
/* ---------------------------------------------- */

ul.conferencias {
	list-style: none;
	margin-left: 2em;
}
ul.conferencias li {
	border-bottom: 1px solid #CCC;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
ul.conferencias p.nombre {
	color: #333;
	font-style: italic;
	margin-bottom: 0.2em;
}
ul.conferencias p.conferencista {
	margin-bottom: 0.2em;
}
ul.conferencias p.titulo {
	font-weight: bold;
	margin-bottom: 0.2em;
}
ul.conferencias p.resumen {
	font-size: 85%;
	margin: 0 5em;
}

/* ---------------------------------------------- */
/* ==becas                                        */
/* ---------------------------------------------- */

div#alumnos-becados ol {
	margin-left: 4em;
}

/* ---------------------------------------------- */
/* ==monografias                                  */
/* ---------------------------------------------- */
div#dictamen {
	background: #e7e7e7;
	border: 2px solid #CCC;
	margin: 2em 6%;
	padding: 1em 1.5em;
}

div#dictamen h4 {
	margin-top: 0;
	margin-bottom: 1.5em;
	text-align: center;
}


/* ---------------------------------------------- */
/* ==auspicios                                    */
/* ---------------------------------------------- */
table#auspicios {
	background: #e7e7e7;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	margin: auto;
	margin-bottom: 1em;
	width: 80%;
}
table#auspicios td, table#auspicios th {
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0.3em;
}


/* ---------------------------------------------- */
/* ==pagos a socios                               */
/* ---------------------------------------------- */
table#planilla-pagos {
	background: #e7e7e7;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	margin: auto;
	margin-bottom: 1em;
	width: 80%;
}
table#planilla-pagos td, table#planilla-pagos th {
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0.3em;
}



/* ---------------------------------------------- */
/* ==admin                                        */
/* Acreditaciones de los participantes            */
/* ---------------------------------------------- */
a#ayuda {
	color: red;
	font-weight: bold;
}
#input-apellido {
	background: #FFC;
	border-color: #999;
	margin-left: 0.5em;
	margin-bottom: 0;
	width: 200px;
}
#ficha-personal {
	background: #FFC;
	border: 1px solid #999;
	padding: 1em;
}
#ficha-personal p {
	padding-left: 12px;
}
#ficha-personal p#nombre {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0.3em;
}
#ficha-personal p#nombre span#apellido {
	text-transform: uppercase;
}
#ficha-personal p#institucion {
	font-size: 1em;
	font-weight: normal;
}
p.pregunta {
	color: red;
	font-weight: bold;
}
p.respuesta {
	color: #444;
	font-weight: bold;
}
span#monto {
	background: #333;
	color: #FFC;
	font-size: 1.4em;
	font-weight: bold;
	padding: 0.2em;
}
p#no_necesita_abonar {
	color: green;
	font-size: 1.3em;
	font-weight: bold;
}
p#debe_abonar {
	font-weight: bold;
}
textarea#observaciones {
	height: 100px;
	width: 100%;
}
#ficha-personal div#cursos {
	color: #333;
	display: none;
	margin-left: 0.7em;
	margin-bottom: 0.5em;
}
#ficha-personal ul.lista_cursos {
	list-style: none;
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}
#ficha-personal h4 {
	color: #444;
	margin-bottom: 0em;
	margin-top: 0.7em;
	text-transform: none;
}
button#mostrar_cursos {
	margin-left: 0.7em;
}
p#certificado_no {
	background: red;
	color: white;
	font-weight: bold;
	/*margin-left: auto;
	margin-right: auto;*/
	margin-left: 0.7em;
	padding: 0.2em;
	text-align: center;
	width: 80%;
}


/* fotos y thumbnails */
.thumb {
	margin-bottom: .0em;
	border-style: solid;
	border-color: white;
	width: auto;
}
.thumbinner {
	border: 1px solid #ccc;
	padding: 3px !important;
	background-color: #f9f9f9;
	font-size: 94%;
	text-align: center;
	overflow: hidden;
	/*border-color: red;*/
}
html .thumbimage {
	border: 1px solid #ccc;
	padding: 0px;
	margin-bottom: 10px;
	/*border-color: blue;*/
}
html .thumbcaption {
	border: none;
	text-align: left;
	line-height: 1.4em;
	padding: 3px !important;
	font-size: 94%;
}

/*alinea derecha*/
.tright {
	clear: right;
	float: right;
	border-width: .5em 0 .2em 1.4em;
}
/*alinea izquierda*/
.tleft {
	float: left;
	clear: left;
	margin-right: .5em;
	border-width: .5em 1.0em .5em 0;
	/*border-color: yellow;*/
}

/*la lupa*/
.magnify {
	float: right;
	border: none !important;
	background: none !important;
}
.magnify a, div.magnify img {
	display: block;
	border: none !important;
	background: none !important;
}

/* fin fotos y thumbnails */