@charset "utf-8";
body { text-align: center; color: #000000; background-color: #666666; background-repeat: repeat; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0; padding:0; background-image: url(/comision/img/bg.gif); }
a:link { color: #279DD1; text-decoration: underline; }
a:visited { color: #069; text-decoration: none; }
a:hover { color: #0CF; text-decoration: none; }
a:active { color: #06C; text-decoration: none; }
p { line-height:20px; font-size: 12px; text-align: left; }
blockquote{ font: italic 12px/22px "italic helvetica", sans-serif; margin-top: 10px; margin-bottom: 10px; margin-left: 50px; padding-left: 15px; border-left: 1px solid #ccc; color: #000; }
.thrColElsHdr #container { width: 90%; text-align: left; background-color: #FFF; margin-right: auto; margin-left: auto; }
.thrColElsHdr #header { background-color: red; background-image: url(/comision/img/repeat_ecabezado.jpg); background-repeat: repeat-x; background-position: top; height: 134px; margin-right: auto; margin-left: auto; }
.thrColElsHdr #header h1 { }
.thrColElsHdr #sidebar1 { float: left; width: 193px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #FFF; text-decoration: none; background-color: #E9E9E9; padding-right: 0; padding-bottom: 0px; padding-left: 0; background-repeat: repeat-x; height: 100%; }
.thrColElsHdr #mainContent { font-family: Arial, Helvetica, sans-serif; background-color: #FFF; background-repeat: repeat-x; background-position: top; }
.thrColElsHdr #footer { height: 53px; background-color: #DDDDDD; background-image: url(/comision/img/pie.jpg); background-repeat: repeat-x; clear: both; position: relative; margin-right: auto; margin-left: auto; }
.thrColElsHdr #footer p { margin: 0; padding: 10px 0; color: #FFF; font-size: 12px; text-align: center; font-family: Arial, Helvetica, sans-serif; }
.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear:both; height:0; font-size: 10px; }
.fondo_tem_tit { background-image: url(/comision/img/fondo_repeat-tit.jpg); background-repeat: repeat-x; background-position: top; }
.sub_tit { background-image: url(/comision/img/fondo_sub.jpg); background-repeat: repeat-x; background-position: top; }
.destacados { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: normal; font-weight: bolder; color: #1C7698; text-decoration: none; font-style: normal; }
.sub_titulos_eventos { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; font-weight: bolder; color: #F90; text-decoration: none; }
.descripcion_vinculo_doc { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #333; text-decoration: none; }
.fondo_enlace { background-repeat: repeat-x; background-position: top; background-color: #FFF; background-image: url(/comision/img/fondo_repeat-tit.jpg); }
notas_gripea { color: #FFF; }
.gripa { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; color: #000; text-align: left; }
.titulos_notas { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18pt; font-style: italic; line-height: normal; font-weight: bold; color: #F60; text-decoration: none; }
.ah1n1 { background-image: url(/comision/img/bck_col_izq.jpg); background-repeat: repeat-x; background-position: top; }
.txt_update { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; color: white; text-decoration: none; text-align: center; padding-top:5px; padding-bottom:5px; background-color:#333333; }
/* ROLLOVER LINKS */

ul.photo-list { list-style: none; }
ul.photo-list li { /*width:170px;*/ margin:0px; }
ul.photo-list li a { display:block; height:65px; width:170px; position:relative; margin:15px; }
ul.photo-list li a img { position:absolute; padding:5px; background-color:#FFF; border:#CAD5ED 1px solid; }
ul.photo-list li span { /* background:url("images/span-bg.png") no-repeat center center; */ display:block; height: 65px; width: 170px; position:absolute; z-index:2; }
.thrColHybHdr #container { /*margin: 0 auto;  los márgenes automáticos (conjuntamente con un ancho) centran la página si es necesario */ text-align: left; padding-top: 0px; background-repeat: no-repeat; background-color: #FFF; }
.thrColHybHdr #header { background-color: #FFF; background-image: url(/comision/img/repeat_ecabezado.jpg); background-repeat: repeat; height: 134px; padding-top: 0px; padding-right: 0px; padding-bottom: 0; padding-left: 0px; position: relative; margin-right: auto; background-position: center; }
.thrColHybHdr #header h1 { margin: 0; /* el ajuste en cero del margen del último elemento del div de #header evita la contracción del margen (un espacio inexplicable entre divs). Si el div tiene un borde alrededor, esto no es necesario, ya que también evita la contracción del margen */ padding: 10px 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */ }
.thrColHybHdr #sidebar1 { float: left; width: 193px; padding-top: 8px; background-image: url(/comision/img/plantilla_cac.jpg); background-repeat: no-repeat; background-position: top; height: 100%; }
.thrColHybHdr #sidebar1 h3, .thrColHybHdr #sidebar1 p, .thrColHybHdr #sidebar2 p, .thrColHybHdr #sidebar2 h3 { /*vertical-align: 0%;*/ word-spacing: 0em; letter-spacing: 0em; text-align: left; text-indent: 0px; text-decoration: none; color: #186382; }
.thrColHybHdr #mainContent { background-color: #FFF; background-repeat: repeat-x; background-position: top; }
.thrColHybHdr #footer { background-color: #FFF; background-image: url(/comision/img/pie.jpg); background-repeat: repeat; height: 53px; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 10px; margin-bottom: 40px; color: #FFF; }
.thrColHybHdr #footer p { margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */ padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */ color: #FFF; text-align: center; }
/* Varias clases diversas para su reutilización */
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */ float: right; margin-left: 8px; }
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */ float: left; margin-right: 8px; }
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */ clear:both; height:0; font-size: 1px; line-height: 0px; }
#main_content_2 { background-repeat: no-repeat; background-position: left top; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; padding-top: 20px; margin-right: 25%; margin-left: 25%; }
#eventos { background-image: url(/comision/img/fondo_repeat-tit.jpg); background-repeat: repeat-x; background-position: top; width: auto; position: relative; }
.celda_tit { margin: 0px; padding: 0px; }
#tit_nota_interes { background-image: url(/comision/img/fondo_repeat-tit.jpg); background-repeat: repeat-x; background-position: top; width: 100%; }
.thrColHybHdr #container #sidebar1 table tr td table tr td { font-size: 10px; }
#encabezado_sub { padding:10px; color:#fff; background-color:#279DD1; font: normal 14px sans-serif; border-bottom: 1px solid #2289B5; }
#notas_tit { height: 37px; }
#eventos_tit { margin-top: 0px; margin-bottom: 0; margin-left: 22%; }
#contenidos_eventos { margin-left: 23%; margin-right: 24%; margin-bottom: 0px; font-size: 85%; color: #666; }
.space { margin-right:30px; }
.thrColLiqHdr #container { width: 100%;   /* esto creará un contenedor con el 80% del ancho del navegador */ background: #FFFFFF; margin: 0 auto; text-align: left; }
.thrColLiqHdr #header { height: 134px; padding-right: 10px; background-color: #fff; background-image: url(/comision/img/repeat_ecabezado.jpg); background-repeat: repeat-x; background-position: top; }
.thrColLiqHdr #header h1 { margin: 0; /* el uso de relleno en lugar de margen le permitirá mantener el elemento alejado de los bordes del div */ background-image: url(/comision/img/repeat_ecabezado.jpg); background-repeat: repeat-x; background-position: top; padding-top: 0px; padding-right: 0; padding-bottom: 10px; padding-left: 0; }
.thrColLiqHdr #sidebar1 { float: left; /* este elemento debe preceder en el orden de origen a cualquier elemento que desee situar junto a */ width: 22%; /* el color de fondo se mostrará a lo largo de todo el contenido de la columna, pero no más allá */ padding: 0px 0px; background: #DCE5F7; }
.thrColLiqHdr #sidebar2 { float: right; /* este elemento debe preceder en el orden de origen a cualquier elemento que desee situar junto a */ background-color: #DCE5F7; height: auto; background-repeat: repeat-x; background-position: top; text-align:left; }
.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3 { margin-left: 10px; /* deben asignarse los márgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */ margin-right: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000; text-decoration: none; }
.thrColLiqHdr #mainContent { font-size: 85%; color: #000; text-align: left; margin-top: 0; margin-right: 24%; margin-bottom: 0; margin-left: 23.5%; padding-left: 20px;min-width:60%; }
.thrColLiqHdr #footer { background-color: #DDDDDD; background-image: url(/comision/img/pie.jpg); background-repeat: repeat-x; background-position: top; height: 53px; padding-top: 0; padding-right: 10px; padding-bottom: 0; padding-left: 10px; }
.thrColLiqHdr #footer p { margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */ padding: 10px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */ color: #FFF; font-size: 12px; text-align: center; }
/* Varias clases diversas para su reutilización */
.fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */ float: right; margin-left: 8px; }
.fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */ float: left; margin-right: 8px; }
.clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que deba incluir completamente a sus elementos flotantes hijos */ clear:both; height:0; font-size: 1px; line-height: 0px; }
.thrColLiqHdr #container #mainContent ul { font-size: 12px; line-height: 23px; }
#mainContent ol { font-size: 12px; line-height: 18px; }
/************************** Inscribirse *****************/
.btn-inscribirse { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; padding: 8px 18px; background-color:#0C0; background: -moz-linear-gradient( top, #42ff42 0%, #146600); background: -webkit-gradient( linear, left top, left bottom, from(#42ff42), to(#146600)); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #286e0c; -moz-box-shadow:
 0px 0px 0px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1); -webkit-box-shadow:
 0px 0px 0px rgba(000,000,000,0.5), inset 0px 0px 2px rgba(255,255,255,1); text-shadow:
 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3); }
.mas-info { background-color:#369dcd; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; padding: 6px 16px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #0f6b99; -moz-box-shadow:
 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 1px rgba(255,255,255,0); -webkit-box-shadow:
 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 1px rgba(255,255,255,0); text-shadow:
 0px 0px 0px rgba(000,000,000,0.3), 0px 0px 0px rgba(255,255,255,0); }
.mas-info:hover { opacity:0.8;}
.bg-grey { background-color: #FCFCFC; }
.t-col-izq { padding:10px; color:#fff; background-color:#1A7DA7; font: normal 14px sans-serif; border-bottom: 1px solid #156385; }
.t-col-der { padding:10px; color:#fff; background-color:#1A7DA7; font: normal 14px sans-serif; border-bottom: 1px solid #156385; }
.navHome { position:absolute; z-index:999; right:45px; top:45px; }
.navHome a { color:#FFF; !important
}
.navHome a:hover { text-decoration:underline; color:#FFF; !important
}
.blank{ background-color:#FFF;}

.label,
.badge {
  font-size: 10.998px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}

.label {
  padding: 1px 4px 2px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.label-important,
.badge-important {
  background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}

.label-success,
.badge-success {
  background-color: #468847;
}

.label-success[href],
.badge-success[href] {
  background-color: #356635;
}