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


/*HEADER ESTRUCTURE
-----------------------------*/
#header h2{ background: url(../imagenes_interfaz/congreso_internacional.jpg) no-repeat center; display:block; float:left; height:107px; width:150px; text-indent:-9999px;}
#header h3{ background: url(../../imagenes/edicion.jpg) no-repeat  center 35px; display:block; height:107px; width:150px;text-indent:-9999px; float:right;}
/*#header-center-content{ height:107px; width:600px; margin:auto;}*/
#header-center-content h1 a{background: url(../../imagenes/logo.jpg) no-repeat center; display:block; float:left; height:84px;text-indent:-9999px; width:600px;}


/*RIGHT-COL CONTENT
-----------------------------*/

#login {background:#C9C9C9 url(../../imagenes/f-form.gif) no-repeat center top; padding:10px 7px 5px 7px !important; padding:10px 5px 5px 5px; color:#222222; font-size:1em; font-weight:700;}
#login fieldset{border:none;}
#login legend{margin:0 0 25px 0;}
#login input{margin:0 0 15px 0; border:solid 1px #333333;}
#login.btnEnter{text-align:center; margin:0 0 0 45px;}



/*FORMULARIO DE PREINSCRIPCION Y DE CONTACTO
-----------------------------*/
#formularioInscripcion, #formularioContacto{background-color:#D9D9D9; padding:20px 10px; color:#222222; font-weight:600;}
#formularioContacto{width:415px; margin:auto; padding:20px 20px 40px 20px; position:relative;}
#formularioInscripcion fieldset, #formularioContacto fieldset{border:none;}
#formularioInscripcion input, #formularioInscripcion select, #formularioInscripcion textarea, #formularioContacto input, #formularioContacto textarea{margin:3px 0 0 0; background-color:#C0C0C0;}
#formularioInscripcion div{margin:25px 0;}
#formularioInscripcion div img{clear:right;}
#formularioInscripcion span{font-style:italic; font-weight:500; font-size:0.95em; color:#444444; margin:0 0 0 7px;}
#formularioInscripcion span.requerido, .requerido{color:#ED1C24; margin:0;}
#formularioInscripcion fieldset{ border:1px solid #666; padding:7px; margin:15px 0;}
#formularioInscripcion #matriculacion{background-color:#c4c4c4; border:1px solid #333333;}
#formularioInscripcion legend{background-color:#666; color:#FFF; padding:7px;}
.btnContacto {position:absolute; right:20px; bottom:0px; border:solid 1px #333333;}

/*Sección contacto*/
#contacto ul li {list-style-type:none; padding:0; width:342px;}
#contacto ul li.bordes {border-bottom:1px solid #D2D3D3; border-top:1px solid #FFFFFF; padding-left:70px; padding-top:8px;}
#contacto ul li#nombre {background:url(../../imagenes/nombre.jpg) no-repeat scroll 0 21px;}
#contacto ul li#mail {background: url(../../imagenes/mail.jpg) no-repeat scroll 0 2px;}
#contacto ul li#empresa {background: url(../../imagenes/empresa.jpg) no-repeat scroll 0 21px;}
#contacto ul li#telefono {background: url(../../imagenes/telefono.jpg) no-repeat scroll 0 2px;}
#contacto ul li#comentario {background: url(../../imagenes/comentario.jpg) no-repeat scroll 0 21px;}
#contacto input, #contacto textarea{margin:3px 0 7px 0;}

/*Logueo*/
#logueado{padding-top:8px; padding-bottom:26px; border-bottom:#000 solid 1px;}
#logueado a.usuarioLog{background: url(../../imagenes/usuario.gif) no-repeat 6px top; padding:7px 25px 0px 27px;}
#logueado a:hover.usuarioLog{background-position:6px -31px;}
#logueado a.botFlecha{background: url(../../imagenes/cruz.gif) no-repeat 9px 2px; padding:0 18px 0 27px;}
#logueado a:hover.botFlecha{background-position:9px -19px;}

/*Tabla*/
table{border:2px solid #58595B; border-collapse:collapse; margin-bottom:30px; width:60%; margin:auto;}
th, td {border:2px solid #58595B;}
td {padding:5px;}

.facebook{background:url(../../imagenes/icon-facebook.gif) no-repeat left center #6d84b4; padding:1px 2px 0px 18px; color:#FFF;}