/* Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: bottom; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input, textarea { margin: 0; }

html > body {font-size: 90%;}
body { line-height: 1.65; margin: 0; font-family: verdana, sans-serif; color: #222;}

/* añadido por Antonio para IE6 */
body, td, th, h3 { /* browser differences workaround */
	font-size: small;
	font-size: 14px;
}
/* fin del añadido por Antonio para IE6 */

/* añadido por Antonio para los campos que no validan */
form .error
{
	background-color:#f0e3e3
}
/* fin del añadido por Antonio para los campos que no validan */

a { outline: none; }
a {color: #006FB6 /*3366CC*/; text-decoration: none;}
a:hover {text-decoration: underline;}

/* Headings */
h1,h2,h3,h4,h5,h6 {font-family: arial, helvetica, sans-serif; font-weight: bold; letter-spacing: 0px;}
h1 {color: #333; font-size: 1.5em; margin-bottom: 1em;}
h2 {color: #333; font-size: 1.25em; margin-bottom: 0.5em;}
h3 {color: #333; font-size: 115%; margin-bottom: 0em;}

/* Text gen�ric */
p { margin: 0 0 1em; font-size: 1em;}
ul, ol { margin: 0 0 4em; }
ul { list-style-type: none; }
ol { list-style-type: decimal; }
ul li, ol li {margin: 0 0 0 0}
dl { margin: 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 0.5em; }
abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }
blockquote { margin: 2em 0; padding: 2em; background: #eee;}
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
cite {font-size:0.8em;}

/* Layout */
#top {padding: 0; margin: 0;}
#brand {padding: 0; position: relative; width: 966px; margin: 0 auto;}
#brand h1 {margin: 1.5em 0 2em; float: left;;}
#logo {display: block; text-decoration: none; width: 407px; height: 85px; background: transparent url(img/logo.png) left top no-repeat;}

.nosee {display: none;}
.clear {clear: both; visibility: hidden;;}
.pagina {width: 960px; margin: 0 auto; overflow: hidden;}
.izda {float: left; width: 580px; margin-bottom: 2em;}
.dcha {float: right; width: 300px; font-size:90%; margin-bottom: 4em;}

.prev_sig {overflow: hidden; padding-right: 20px; font-size: 0.9em;}
h6.art_prev {float: left; padding: 20px 0; font-weight: normal;}
h6.art_sig {float: right; padding: 20px 0; font-weight: normal;}
.art_prev a {background:transparent url(img/arrow_back.png) no-repeat scroll left center; display:block; padding: 0 0 0 25px;}
.art_sig a {background:transparent url(img/arrow_next.png) no-repeat scroll right center; display:block; padding: 0 25px 0 0;}
.imgdcha {margin-bottom: 2em;}

#explica {background: #F8F5EA; border-color: #8A0000; border-style: solid; border-width: 4px 0px; padding:1.5em 2.25em 0.75em;}

#menu {width: 100%; background: #002136;}  /*005083 C67400*/

#dinsmenu {width: 960px; margin: 0 auto; overflow: hidden; padding: 8px 0;}
#dinsmenu li {float:left; list-style-type:none; margin:0; text-transform:uppercase;}
#dinsmenu li a {color:#FFFFFF; display:block; font-family:Arial,Helvetica,sans-serif; font-size:80%; font-weight:bold; letter-spacing:2px; margin-right:1.5em; padding:0 5px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#dinsmenu li a:hover {background: #e0ed0c /*e0ed0c*/; text-decoration: none; color: #002136;}
#dinsmenu li a.actual {background: #fff; color: #002136;}

.cate li a.actual {color: #8A0000;}

#pie {background: #FFF; margin-top: 4em; clear: both;}
#pie .pagina {padding: 30px 0; font-size: 90%; border-top: 2px solid #006FB6;}
#pie .pagina ul {display: block; margin: 0 0 30px 0;}
#pie .pagina ul li {float: left;}
#pie .pagina img {margin-bottom: 20px;}
#pie p {margin-bottom: 0.5em; color: #666;}
#pie p a {margin-bottom: 0.5em;}

.petit, .fecha { font-size: .8em; margin: 0 0 3em 0; line-height: 1.25em; }
.petit {color: #808080;}
.etiqueta {margin-left:10px;}
.etiqueta a {font-size:0.8em; font-weight:normal; line-height:1.95;}
.coments {background:#FFFFFF; border-top:1px solid #DEE0E0; margin-bottom:5px; padding-bottom:20px;}
.coments h5 {background:#FFFFFF url(img/comment.png) no-repeat scroll left top; color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:0.8em; font-weight:normal; letter-spacing:1px; margin:20px 0 5px; padding:4px 0 0 25px; text-transform:uppercase;}
.coments p {margin-bottom:0;}
.ojo {color: #8A0000;}
.anuncio {color:#8A0000; margin:1em 0 2.5em;}

h1.titulo {/*border-bottom:2px solid #006FB6;*/ color:#8A0000; font-weight:bold; margin:0 0 1.5em;}
h2.coment {border-top:1px solid #999999; padding-top:10px;}

.bodytxt {margin:0 0 4em;}
.bodytxt img, .bodytxt iframe {margin: 10px 0 30px;}
.bodytxt h2 {margin: 1em 0;}
.bodytxt h2.subtitulo {margin:0 0 1em; font-weight:normal; color:#666; font-style:italic;}
.entrada {border-bottom:1px solid #CEE5E5; margin:0 0 1em; padding:1em 0 2em;}
.entrada img {float:left;margin:0 0 15px 0;}
.entrada h2, .entrada p {margin:0;}
.vermas {background:transparent url(img/arrow_next.png) no-repeat right center; padding: 0 25px 0 0;}

#junta {margin: 4em 0 0;}
#junta dt, #presidentes dt {float: left;}
#junta dd {margin: 0 0 2.5em 15em;}
#presidentes dd {margin: 0 0 1em 12em;}
#reglamento dt, #estatutos dt {margin: 0.5em 0;}
#reglamento dd, #estatutos dd {margin: 0 0 1em 0;}
#reglamento ul, #estatutos ul {margin: 1em 0 0 1em;}
#reglamento ul li, #estatutos ul li {margin: 0 0 1em 0;}
.miembros {width: 650px;}
#miembros_serod {list-style-image: url(img/tick.png); width:650px; overflow: hidden;}
#miembros_serod li {float:left; font-size:90%; margin:0 0 5px 25px; padding-left:0; width:280px;}
.entra {float:right; margin: 0.75em 0 0; padding: 0; text-align: center;}
#login {background:transparent url(img/bg_login.png) no-repeat left top; color:#FFF; height:25px; line-height:110%; position:absolute; right:0; text-align:center; top:0; width:306px;}
#login a {color: #e0ed0c;}
#busca {position: absolute; right: 3px; top: 80px;}


.invite {margin: 7em 0 0 0; text-align: center;}
.invite h2 {color:#8A0000; height:36px; padding:12px 0 0 55px; background: transparent url(img/id_card.png) left top no-repeat;}

.lista {}
.lista li {overflow: hidden; margin: 0 0 2em 0;}
.lista img {float:left; margin-right: 1.75em;}
.lista li h2 {font-size: 1em;}

.dinsdrta {margin-bottom: 3em;}
.dinsdrta h2 {margin-bottom: 0.5em;}
.dcha ul {margin-bottom: 1em;}

.color {background: #e3edf3; padding: 20px 30px 10px; margin: 30px 0 20px; border: 8px solid #bed5e2; color: #52717f;}
.color h2.dalt {margin-bottom: 0.5em; color: #A69182;}
.cuotas {margin: 0 0 2em 0;}
.cuotas th {padding: 0 10px 5px 0;}
.cuotas td {padding: 0 10px 0 0;}
.cuotas td:first-child {padding: 0 40px 0 0;}
.cuotas em {font-size: 90%;}

.programa_c {list-style-type: disc; margin: 0 0 2em;}
.programa_c li {margin: 0 0 0 1.5em;}
.fecha_prog {color: #8A0000; font-style: italic;}

/* Programa científico congreso 2010
-------------------------------------------------------------- */
.hora_prog {margin-left: 80px; overflow:visible;}
.hora_prog span {float:left; margin-left:-80px; color:#666;}

/* Forms acceso, alta usuario web y área personal
-------------------------------------------------------------- */
#quieroregistrarme {background:#389F0F; color:#FFFFFF; display:block; font-size:120%; margin:2em auto 0; padding:20px; width:160px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration:none;}
#quieroregistrarme:hover {background:#FF9900;}
h2.titform {padding: 25px 30px 0; margin: 0; color: #A69182;}
.cancela {margin: 0 0 0 3em;}

.personal {overflow: hidden; margin: 0 0 2em; background: #ecf3f7; border: 8px solid #BED5E2;}
.personal fieldset {padding:2em;}
.personal label {display:block; float:left;}
.personal span.centro {clear: both; display: block; padding: 20px 0; background: #D6E8F2; border-top: 3px solid #BED5E2;text-align: center; overflow: hidden;}
.personal .bot_enviar {width: 6em;}

/* #volver {display: block; width: 47px; height: 15px; background: transparent url(img/volver.png) left top no-repeat; text-decoration: none;}
#volver:hover {background: transparent url(img/volver.png) left bottom no-repeat;} 
#volver span {text-indent: -9999px; visibility: hidden;}*/
#volver {background:#389F0F; color:#FFFFFF; margin: 0 0 3em; padding: 10px 15px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration:none;}
#volver:hover {background:#FF9900;}

#acceso {}
#acceso fieldset {padding: 2em 3em 0;}
#acceso label {font-weight:bold; line-height:2.5; margin-bottom:15px; width: 32em;}
#acceso input, #acceso p {float:right; clear: both; font-size:1em; margin-top:0.5em;}
#acceso label input {width: 15em;}
#acceso #acceder {margin: 0.5em 2em 0.5em 0;}

#recupera {margin: 0 0.5em 0 2em; width: 200px;}

#alta_usuario {}
#alta_usuario label {font-size:90%; height:30px; margin:0 50px 18px 0; width:180px;}
#alta_usuario input, #alta_usuario select {width: 180px;}
#alta_usuario #col_d label {width:270px; margin: 0 0 18px 5px;}
#alta_usuario #col_d input {width: 190px;}
#alta_usuario #col_d #comprobar {font-size: 90%; width: 60px;}
#alta_usuario #enviar, #alta_usuario #borrar {width: 6em;}

#col_i, #captcha {float: left;}
#col_i {overflow: hidden; width: 530px; padding: 30px 0 20px 50px;}
#col_d {overflow: hidden; float: right; width: 318px; padding: 30px 30px 20px 0;}
#captcha {margin: 1em 0 0 0;}

#modificar_datos label {width: 200px; margin: 0 5em 1em 0;}
#modificar_datos label.par {margin-right: 0;}
#modificar_datos input {width: 200px;}
#modificar_datos #enviar {width: 6em;}

#asociarse_serod label {width: 200px; margin: 0 5em 1em 0;}
#asociarse_serod label.par {margin-right: 0;}
#asociarse_serod input {width: 200px;}
#asociarse_serod #enviar {width: 6em;}
#asociarse_serod #curriculo {width: 400px; margin: 0 0 0 0;}
#asociarse_serod #curriculo input {width: 400px;}

#inscripcion_congreso h4 {font-size: 110%; font-weight: bold; margin-bottom: 1em;}
#inscripcion_congreso .checkbox {padding-bottom: 0;}
#inscripcion_congreso .checkbox p {clear: both; padding: 0; margin: 0 0 0.5em 0; position: relative;}
#inscripcion_congreso .checkbox label {width: 400px; margin: 0; float: none;}
#inscripcion_congreso .checkbox input {position: absolute; right: 0; top: 0.5em}
#inscripcion_congreso .datos_fra label {float: right; margin: 0 0 0.5em; width: 255px;}
#inscripcion_congreso .datos_fra input {width: 250px;}
#inscripcion_congreso .datos_fra p {float: left; clear: both; width: 185px;}

#inscripcion_grupo h4 {font-size: 110%; font-weight: bold; margin-bottom: 1em;}
#lista_inscritos {margin:0; overflow:hidden; padding:2em 0 0 2em; width:250px; float: left;}
#lista_inscritos li {overflow: hidden; float: left; margin: 0 5em 0 0;}
#lista_inscritos li p {clear: both;}
#inscripcion_grupo .nueva_inscripcion {float: right; width: 200px; padding: 2em 0 0 2em;}
#inscripcion_grupo .servicios {padding-bottom: 0; clear: both;}
#inscripcion_grupo .servicios p {clear: both; padding: 0; margin: 0 0 0.5em 0; position: relative;}
#inscripcion_grupo .servicios label {width: 460px; float: left;}
#inscripcion_grupo .servicios input {float: right; width: 60px;}
#inscripcion_grupo .datos_fra label {float: left; margin: 0 0 1em; width: 400px;}
#inscripcion_grupo .datos_fra input {width: 300px;}
#agregar_asistentes {clear: both;}

#reserva_hotel label {margin: 0.5em 0 0; width: 450px;}
#reserva_hotel input {float: right;}
#reserva_hotel p {margin: 0;}
#reserva {padding: 0 2em 2em;}
#reserva_hotel .bot_enviar {float: none;}
#reserva p {clear: both; padding: 1em 0 0;}

#datos{background:#ECF3F7; border:8px solid #BED5E2; font-family:arial,helvetica,sans-serif; overflow:hidden; padding:0 0 1em;}
#datos h2, #actividades h2 {background:#D6E8F2; border-bottom:3px solid #BED5E2; margin:0 0 1em; padding:0.5em 0 0.5em 1.5em; color: #A69182;}
#foto_personal {float: right; border: 1px solid #ccc; margin: 0 1em 0 0; width: 120px; height: 180px;}
#foto_personal ul {margin:1em 0 1.5em 1em;}
#datos_pers {float: left; overflow: hidden; padding: 0 0 0.5em 2em;}
#datos_pers dt, #datos_pers dd {float: left;}
#datos_pers dt {clear: both; width: 75px;}
#datos_pers dd {margin: 0 0 0.75em 0.5em; width: 230px;}
#actividades {background:#ECF3F7; border:8px solid #BED5E2; font-family:arial,helvetica,sans-serif; margin:2em 0 0; padding:0 0 1em;}
#actividades ul {margin: 0; padding: 0.75em 0; overflow: hidden;}
#actividades ul:hover {background: #ddd;}
#actividades h4 {float: left; width: 250px; padding: 0 0 0 2em;}
#actividades ul li {float: left; margin: 0 1.3em 0 0;}
#actividades ul li:last-child {margin: 0;}
#actividades ul li.titulo{ float:left; clear : both; padding: 0 0 0 2em;}
#actividades p {margin: 0 0 1em 2em;}

#enviar_comunicacion {}
#enviar_comunicacion .contenidos {padding: 0 1em 1em;}
#enviar_comunicacion .contenidos label {float: none; padding: 2em 0 0.5em 0.25em;}
#enviar_comunicacion #identificativos {overflow: hidden; padding: 2em 2em 1em;}
#enviar_comunicacion #identificativos label {clear: both; padding: 0 0 1em; width: 485px;}
#enviar_comunicacion #identificativos input, #enviar_comunicacion #identificativos select, #enviar_comunicacion #identificativos textarea {float: right; width: 360px;}
#enviar_comunicacion #identificativos #comunicacionPremio {width: 15px; margin: 5px 10px;}
#enviar_comunicacion #identificativos select {width: 365px;}
#enviar_comunicacion #autores {background: #D6E8F2; border-bottom: 1px solid #BED5E2; border-top: 3px solid #BED5E2; padding:20px 30px 25px;}

#lista_autores {margin: 2em 0; background: #eee;}
#lista_autores li {border-top:3px solid #FFFFFF; margin:0; padding:1em;}
#lista_autores p {margin: 0;}
.personal #lista_autores {margin: 0; background: transparent;}
.personal #lista_autores li {margin: 0; border: 0; padding: 0;}
#opcionesComu a {background:#389F0F; color:#FFFFFF; margin: 0 0.5em 0 0; padding: 4px 8px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration:none;}
#opcionesComu a:hover {background:#FF9900;}


/* Revista
-------------------------------------------------------------- */
.rev li {margin:0 0 2em;}
.rev li p {margin: 0;}
.num_article {color: #666;}
.num {font-weight: bold; color: #222;}
.tit_article {text-transform: uppercase; font-weight: bold;}
.ref_autor_article {color: #666;}


/* Comunicaciones orales web pública - listado
-------------------------------------------------------------- */
#mesas li {margin:2em 0 5em;}
.comunicacion {margin:1.5em 0 0;}
#mesas .comunicacion li {margin:0 0 2em;}
#mesas li p {margin: 0;}
.num_comu {font-weight: bold;}
.tit_comu {text-transform: uppercase; font-weight: bold;}
h2.tit_comu {margin:3em 0 1em;}
.datos_mesa {border-bottom:1px solid #CCCCCC; border-top:1px solid #000000; padding:1em 0; color:#8A0000;}
/* para ficha individual */
#datos_comu {margin:0 0 2em; color:#8A0000;}
h2.comu_indiv {margin-bottom:0;}
#listado_autores {margin:0 0 2em;}
#listado_autores li {margin:0; padding:0;}
.izda #volver {margin:2em 0 0;}


/* Agenda + provisional para home (hasta 15/2/2010)
-------------------------------------------------------------- */
#lugarfecha {background:url("img/info.png") no-repeat scroll 1em 1em #F8F5EA; border-top:8px solid #8A0000;
margin:2em 0; padding:1.5em 2em 1em 5em;}

.inicio {width: 340px;} /* obsoleto */

#listado_agenda li {margin:0 0 20px 0; background:#F8F5EA; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
#listado_agenda p {margin:0;}
#listado_agenda .fecha_age {margin:0 0 10px 0;}
.fecha_age a {-moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;background:#389F0F; color:#FFFFFF; text-decoration: none; padding:4px 8px; letter-spacing:1px;}
.fecha_age a:hover {background: #f90;}


/* Nueva home (desde 15/2/2010)
-------------------------------------------------------------- */
/*#congreso {height: 188px; position: relative; background: transparent url(img/congreso_02.png) 0 0 no-repeat;}
#accion {position: absolute; bottom: 5px; right: 0; margin: 0;}
#accion li {display: inline;}
#accion li a {-moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;background:#389F0F; color:#FFFFFF; text-decoration: none; font-family:arial; font-size:110%; font-weight: bold; letter-spacing:1px; margin:0 0 0 22px; padding:10px 30px;}
#accion li a:hover {background: #f90;} */

/* Nueva home (desde 15/5/2010)
-------------------------------------------------------------- */
#congreso {}
#xxix {float:left; width:580px; background:url(img/bg_xxix.png) no-repeat left top transparent;}
#xxix h1 {margin:30px 30px 10px;}
#xxix-congreso {display: block; text-decoration: none; width: 488px; height: 56px; background: transparent url(img/XXIXcongreso.png) left top no-repeat;}
.destacar {padding:0 0 40px;}
.destacar img {float:left;margin:0 0 0 0;}
.destacar h2, .destacar p {margin:0 0 0 160px;}

#xxx {float:right; width:300px; height:380px; background:transparent url(img/XXX-congreso-bg.jpg) left top no-repeat; position: relative;}
#infoXXXcongreso {-moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;background:#389F0F; color:#FFFFFF; text-decoration: none; font-family:arial; font-size:110%; font-weight: bold; letter-spacing:1px; position:absolute; top:70px; left:90px; padding:5px 10px;}
#infoXXXcongreso:hover {background: #f90;}

.columns {overflow:hidden; background:transparent url("img/gradbg.png") repeat-x; border-top:0px solid #BCCBD5; color:#666666; margin:80px 0 0; padding:15px 0 0;}
.col {float: left; width: 280px; font-size: 90%; padding:0 0 30px 0;}
.esq {margin:0 20px 0 0; padding:0 0 0 20px;}
.cent {margin:0 10px 0 30px;}
.drt {margin: 0 0 0 20px;}
.col h2 {color:#8A0000; height:36px; letter-spacing:2px; padding:12px 0 0 55px;}
h2.actualidad {background: transparent url(img/process.png) left top no-repeat;}
h2.agenda {background: transparent url(img/calendar.png) left top no-repeat;}
h2.atencion {background: transparent url(img/warning.png) left top no-repeat;}
h2.serod {background: transparent url(img/serod.png) left top no-repeat;}

/* Nueva home (desde 27/5/2010)
-------------------------------------------------------------- */
.izda-home {background:#F6F6F6; border:1px solid #EEEEEE; float: left; margin-bottom: 2em;padding:0 30px 0; width:520px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}
.destacar {padding:30px 0; border-bottom:1px solid #e3e3e3;}
.destacar h2, .destacar p {margin:0 0 0 170px;}

/* Sección Formación (desde 15/7/2010)
-------------------------------------------------------------- 
.enlaces ul {width:140px; margin:0 20px 20px 0; float:left;}
.enlaces ul.last {margin:0 0 20px 0;} 
.formacion .subnav li {display:inline;}
.formacion .subnav li a {-moz-border-radius:5px; color:#FFFFFF; display:block; font-family:Arial,Helvetica,sans-serif; font-size:80%; font-weight:bold; letter-spacing:2px; margin-right:1.5em; padding:0 5px; text-align:center;} */

.entrada_formacion {border-bottom:1px solid #CEE5E5; padding:0 0 10px;}
.bodytxt .tit_formacion {margin:20px 0 0;}

.fecha_tit {color:#999999; font-size:80%; font-weight:normal;}

#subnav_formacion {margin:15px 0 0;}
#subnav_formacion li {margin:10px 0;}
#subnav_formacion li a {-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background:#43BA1B; color:#FFF; display:block; font-size:15px; padding:3px 10px; width:130px; height:35px; border:1px solid #43BA1B;}
#subnav_formacion li a:hover {background:#FF9900; color:#FFF; text-decoration:none; border:1px solid #FF9900;}
#subnav_formacion li a.actual {background:#f9f9f3; color:#527643; text-decoration:none; border:1px solid #E8E8E0;}

#sidenav {-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; background:#fbf9f9; border:1px solid #DFDDDD; padding:15px 10px;}
#sidenav ul {color:#FF2384; float:left; list-style-type:disc;}
#sidenav1 {margin:0 20px; width:140px;}
#sidenav2 {margin-bottom:22px;}
#sidenav3 {margin:0;}

h2.side {margin:0;}

.contenido_swf {margin:20px 0 40px;}
.metadatos {border-top:1px solid #CEE5E5; margin:40px 0 0; padding:20px 0 0;}

.powerpoint {border:1px solid #ccc; border-bottom:0; margin:30px 0; height:472px;}

/* Clearfix 
-------------------------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Tabs 
-------------------------------------------------------------- */
.ui-tabs-hide {display: none;}
.ui-tabs-nav {overflow: hidden; }