
BODY {
  font-family:'Trebuchet ms', sans-serif;
  font-size:13px;
  color:#000000;
  background:#0081AD;
  margin:0px;
  padding:0px;
  text-align: center;
  width: 100vw;
  height: 100vh;
}

H1, H2, P, TABLE, FORM {
  margin:0px;
  padding:0px;
}

.NB {
  border:none ! IMPORTANT;
}

TABLE { 
  border-collapse:collapse;
  font-size:13px;
}

.SHELP {
  line-height: 6mm;
}

.SHELP .TIT {
  margin-bottom: 2mm;
}

.SHELP hr {
  border: none;
  height: 1px;
  background: black;
  margin-top: 0px;
}

.SHELP h3 {
  margin-bottom: 1mm;
}

.SHELP .BALLOON {
  border: 1px solid grey;
  border-radius: 1.5mm;
  padding:0.4mm 2mm 0.4mm 2mm;
  margin-left: 1mm;
  margin-right: 1mm;
  background: rgb(243, 242, 203);
  white-space: nowrap;
}

.snowflake {
  position: absolute;
  width: 10px;
  height: 10px;
  background: linear-gradient(white, white);
  /* Workaround for Chromium's selective color inversion */
  border-radius: 50%;
  filter: drop-shadow(0 0 10px white);
}

TD { vertical-align:top; }

.SEP { margin-bottom:8px; }
.SEPC { margin-bottom:8px; text-align:center;}
.C { text-align:center; }
.INFOMSG {
  width:auto;
  border:1px solid #aa0;
  background:#ffa url("default/alert.png") 10px 50% no-repeat;
  padding:10px 10px 10px 52px;
  margin:10px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}

.CONTAINER {
  background:#0081AD;
  padding:8px;
  min-width:1100px; 
  max-width:1400px;
  margin: auto;
  text-align: left; 
}

/*MAIN STRUCTURE*/

.CONTAINER .BODY {
}

.CONTAINER .BODY  H1, 
.CONTAINER .BODY  A { color:#005462; }  
.CONTAINER .BODY  A:HOVER { color:#0081AD; }  

.CONTAINER .LEFT {
  float:left;
  width:150px; 
}

.CONTAINER .RIGHT {
  float:right;
  width:150px; 
}

.CONTAINER .CENTER { 
  margin:0px 158px;  
} 

.CONTAINER .HEADER IMG { 
  border:none;
}

.CONTAINER .FOOTER { 
  margin-top:8px; 
  clear:both;
  color:#F9FCE1;
  font-size:10px;
}

.CONTAINER .FOOTER A { 
  color:#FFFFFF;
}

/*BLOCK*/

.LWALL {
  width: 100%; height: 100%;
  background: #0081AD;
  display: flex;
  align-items: center;
  justify-content: center;
}

.LWALL a:hover {
  text-decoration: underline !important;
}

.LWALL .CONTENT{
  max-width: 65mm;
}

IMG.SPONSOR120X120 {
  border:1px solid #000;
  margin:4px 0px;
}

.BLOCK_CONTAINER {
  border:2px solid #FFB70E;
  margin-bottom:8px;
  background:#FFFFFF;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}

.BLOCK_CONTAINER .TITLE {
  text-align: center;
  font-family:'Trebuchet ms', sans-serif;
  font-size:14px;
  font-weight:bold;
  padding:1px 8px;
  border-bottom:1px solid #FFB70E;
  background:#FFEAB6 url("default/block_back1.gif") repeat-x;
  -moz-border-radius-topright:6px;
  -moz-border-radius-topleft:6px;
  -webkit-border-radius-topright:6px;
  -webkit-border-radius-topleft:6px;
}

.BLOCK_CONTAINER .CONTENT {
  font-size:12px;
  padding:4px 8px;
}

.BLOCK_CONTAINER .CONTENT A {
  text-decoration:none;
  color:#000;
}

.BLOCK_CONTAINER .CONTENT IMG {
  border:1px solid #000000;
}

.ERROR {
  border:1px solid #800;
  color:#800;
  background:#FDD url("default/error.png") no-repeat 50% 2px;
  padding:4px;
  margin:4px 0px;
  padding-top:50px;
  text-align:center;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
}

/*WIN1*/

.WIN1_CONTAINER { width:100%; margin-bottom:10px; }

.WIN1_CONTAINER TABLE.T1 {
  width:100%;
  border:2px solid #D9E500;
}

.WIN1_CONTAINER TABLE.T1 TR.E { background:#FFFFFF; }
.WIN1_CONTAINER TABLE.T1 TR.O { background:#F9FCE1; }

.WIN1_CONTAINER TABLE.T1 TH {
  font-family:'Trebuchet ms', sans-serif;
  font-size:18px;
  font-weight:bold;
  text-align:left;
  padding:3px 8px;
  background:#F5F8BF url("default/win1_back1.gif") repeat-x;
}

.WIN1_CONTAINER TABLE.T1 TD.FB {
  border:1px solid #D9E500;
}

.WIN1_CONTAINER TABLE.T1 TD {
  text-align:left;
  padding:8px; 
  vertical-align:top;
  border-top:1px solid #D9E500;
}

.WIN1_CONTAINER TABLE.T1 TD.L1 {
  padding-right:0px;
  width:100px; 
}

.WIN1_CONTAINER TABLE.T1 TD P.TEXT {
  font-size:13px;
  margin-bottom:16px;
  text-align:justify;
}

.WIN1_CONTAINER TABLE.T1 TD P.INFO {
  font-size:12px;
}

.WIN1_CONTAINER TABLE.T1 IMG {
  border:1px solid #000000;
}

.WIN1_CONTAINER TABLE.T1 TD H1,
.WIN1_CONTAINER TABLE.T1 TD H1 A {
	text-decoration:none;	
	font-family:'Arial', sans-serif;
	font-weight:bold;
	margin-bottom:3px;
	font-size:18px;	
}

.WIN1_CONTAINER TABLE.T1 TD A {
  color:#005462;
}

.WIN1_CONTAINER TABLE.T1 TD A:HOVER { 
  text-decoration:underline;
  color:#0081AD;
}

.WIN1_CONTAINER TABLE.T1 TD.L2 {
  background:#F9FCE1;
  padding-right:0px;
  width:225px;
  border-right:1px solid #D9E500;
  font-size:12px;
}

.WIN1_CONTAINER TABLE.T1 TD.R2 {
  background:#FFFFFF;
}

.WIN1_CONTAINER TABLE.T1 TD.R2 H1 {
  font-size:24px;
}

.WIN1_CONTAINER TABLE.T1 TD H2 {
	font-family:'Arial', sans-serif;
  color:#005462;
  font-size:16px;
}

.WIN1_CONTAINER TABLE.T2 {
  border:none;
  width:100%;  
}

.WIN1_CONTAINER TABLE.T2 TR.E { background:#FFFFFF; }
.WIN1_CONTAINER TABLE.T2 TR.O { background:#F9FCE1; }

.WIN1_CONTAINER TABLE.T2 TD {
  padding:2px;
  border:none;
}

.WIN1_CONTAINER TABLE.T2 TH {
  padding:0px;
  border:none;
}

.WIN1_CONTAINER TABLE.T2 TH {
  font-size:10px;
  font-weight:bold;
  background:none;
  height:17px;
  vertical-align:top;
}

.WIN1_CONTAINER TABLE.T2 TD.ICON,
.WIN1_CONTAINER TABLE.T2 TH.ICON {
  width:16px;
  text-align:center;
  padding:2px 0px;
}

.WIN1_CONTAINER TABLE.T2 TD.SIZE,
.WIN1_CONTAINER TABLE.T2 TH.SIZE {
  width:60px;
  text-align:center;
}

.WIN1_CONTAINER TABLE.T3 {
  border:none;
  width:100%;  
  font-size:12px;
}

.WIN1_CONTAINER TABLE.T3 TD.W33 {
  padding:0px;
  border:none;
  width:33%;
}

/* FRAMES */
DIV.FRAMECONTAINER {
  text-align:center;
  width:100%;
}

DIV.FRAMELIST {
  white-space:nowrap;
  border:1px solid #000;
  overflow:scroll;
  overflow-y:hidden;
  overflow-x:scroll;
  background:#fff;
  margin:8px;
  padding:4px 6px;
}

DIV.FRAMELIST IMG {
  border:1px solid #000;
  margin:4px 2px;
  vertical-align:middle;
  cursor:pointer;
}

DIV.FRAMEBIG {
  text-align:center;
  margin:8px 0px 0px 0px;
  display:none;
}

DIV.FRAMEBIG IMG {
  padding:8px;
  border:1px solid #000;
  background:#fff;
  cursor:n-resize;
}

DIV.IEALERT {
  text-align:center;
  border:2px solid #f00;
  background:#Fbb;
  color:#800;
  font-size:12px;
}

/* PAGINATION */

DIV.PAGINATION {
}  

DIV.PAGINATION SPAN,
DIV.PAGINATION A {
  display:block;
  vertical-align:middle;
  text-decoration:none;
  border:1px solid #005462;
  font-size:12px;
  background:#F9FCE1;
  float:left;
  text-align:center;
  width:28px;
  padding:5px 0px;
  margin:2px;
  margin-left:0px;
}

DIV.PAGINATION SPAN,
DIV.PAGINATION A:HOVER {
  border:1px solid #00A1DD;
  color:#00A1DD;
  background:#FFFFFF;
}

DIV.PAGINATION .PREV_NEXT {
  width:auto;
  padding:5px;
}

/* POPUP */

.POP_WIN { z-index:100; visibility:hidden; position:absolute; top:50%; left:50%; width:500px; height:300px; margin-left:-250px; margin-top:-150px; }
.POP_WIN TABLE { width:100%; border-collapse:collapse; }
.POP_WIN TABLE TD.TL, .POP_WIN TABLE TD.TR, .POP_WIN TABLE TD.BL, .POP_WIN TABLE TD.BR { width:28px; height:30px; }
.POP_WIN TABLE TD.TL { background:url('default/frame1tl.gif') bottom right no-repeat; }
.POP_WIN TABLE TD.TR { background:url('default/frame1tr.gif') bottom left no-repeat; }
.POP_WIN TABLE TD.BL { background:url('default/frame1bl.gif') top right no-repeat; }
.POP_WIN TABLE TD.BR { background:url('default/frame1br.gif') top left no-repeat; }
.POP_WIN TABLE TD.L  { background:url('default/frame1l.gif') right repeat-y; }
.POP_WIN TABLE TD.B  { background:url('default/frame1b.gif') top repeat-x; }
.POP_WIN TABLE TD.R  { background:url('default/frame1r.gif') left repeat-y; }
.POP_WIN TABLE TD.C  { background:#fff; padding-top:16px; }
.POP_WIN TABLE TD.T  { background:url('default/frame1t.gif') bottom repeat-x; text-align:center; vertical-align:middle; }
.POP_WIN TABLE TD.T SPAN { font-size:18px; font-weight:bold; }
.POP_WIN TABLE TD.TR .X { position:relative; top:4px; left:2px; background:url('default/frame1x.gif') no-repeat; width:20px; height:20px; }
.POP_WIN TABLE TD.TR .X:HOVER { background:url('default/frame1x_.gif') no-repeat; }

/* POP_DEFINE */

.POP_DEFINE { z-index:100; visibility:hidden; position:absolute; left:100px; top:100px; }
.POP_DEFINE TABLE { width:100%; border-collapse:collapse; }
.POP_DEFINE TABLE TD.TL { width:9px; height:26px; }
.POP_DEFINE TABLE TD.TR { width:16px; height:26px; }
.POP_DEFINE TABLE TD.BL { width:9px; height:9px; }
.POP_DEFINE TABLE TD.BR { width:16px; height:9px; }
.POP_DEFINE TABLE TD.TL { background:url('default/frame2tl.gif') bottom right no-repeat; }
.POP_DEFINE TABLE TD.TR { background:url('default/frame2tr.gif') bottom left no-repeat; }
.POP_DEFINE TABLE TD.BL { background:url('default/frame2bl.gif') top right no-repeat; }
.POP_DEFINE TABLE TD.BR { background:url('default/frame2br.gif') top left no-repeat; }
.POP_DEFINE TABLE TD.L  { background:url('default/frame2l.gif') right repeat-y; }
.POP_DEFINE TABLE TD.B  { background:url('default/frame2b.gif') top repeat-x; }
.POP_DEFINE TABLE TD.R  { background:url('default/frame2r.gif') left repeat-y; }
.POP_DEFINE TABLE TD.C  { background:url('default/frame2c.gif'); font-size:12px; }
.POP_DEFINE TABLE TD.T  { background:url('default/frame2t.gif') bottom repeat-x; text-align:left; vertical-align:top; }
.POP_DEFINE TABLE TD.T SPAN { font-size:12px; font-weight:bold; }


/* 
 * POP_GLOBE --> globo tipo popup, ancho dependiente del contenido, rabo abajo
 * GLOBE     --> globo tipo inline, ancho dependiente del contenido, rabo arriba con margen
 * GLOBE2    --> globo tipo inline, ancho 100%, rabo arriba con margen
 */

.POP_GLOBE { z-index:100; position:absolute; visibility:hidden; left:0px; top:0px; }
.GLOBE {}
.GLOBE2 {}
.POP_GLOBE TABLE.GLOBE, .GLOBE TABLE.GLOBE { width:auto; border:none; border-collapse:collapse; }
.GLOBE2 TABLE.GLOBE { width: 99%; border:none; border-collapse:collapse; }
.POP_GLOBE TABLE.GLOBE TD, .GLOBE TABLE.GLOBE TD , .GLOBE2 TABLE.GLOBE TD { border:none; padding:0px; margin:0px; }
.POP_GLOBE TABLE.GLOBE TD.TL, .GLOBE TABLE.GLOBE TD.TL, .GLOBE2 TABLE.GLOBE TD.TL { width:21px; height:6px; background:url("default/globe_top-left.gif") no-repeat; }
.POP_GLOBE TABLE.GLOBE TD.T, .GLOBE TABLE.GLOBE TD.T, .GLOBE2 TABLE.GLOBE TD.T { height:6px; background:url("default/globe_top.gif") repeat-x; }
.POP_GLOBE TABLE.GLOBE TD.TR, .GLOBE TABLE.GLOBE TD.TR, .GLOBE2 TABLE.GLOBE TD.TR { width:6px; height:6px; background:url("default/globe_top-right.gif") no-repeat; }
.POP_GLOBE TABLE.GLOBE TD.L { width:21px; vertical-align:bottom; background:url("default/globe_left.gif") repeat-y; }
.GLOBE TABLE.GLOBE TD.L, .GLOBE2 TABLE.GLOBE TD.L { width:21px; vertical-align:top; background:url("default/globe_left.gif") repeat-y; }
.POP_GLOBE TABLE.GLOBE TD.C, .GLOBE TABLE.GLOBE TD.C, .GLOBE2 TABLE.GLOBE TD.C { background:#fff; padding:4px 8px; }
.GLOBE2 TABLE.GLOBE TD.C { text-align:left; }
.POP_GLOBE TABLE.GLOBE TD.R, .GLOBE TABLE.GLOBE TD.R, .GLOBE2 TABLE.GLOBE TD.R { width:6px; background:url("default/globe_right.gif") repeat-y; }
.POP_GLOBE TABLE.GLOBE TD.BL, .GLOBE TABLE.GLOBE TD.BL, .GLOBE2 TABLE.GLOBE TD.BL { width:21px; height:6px; background:url("default/globe_bottom-left.gif") no-repeat; }
.POP_GLOBE TABLE.GLOBE TD.B, .GLOBE TABLE.GLOBE TD.B, .GLOBE2 TABLE.GLOBE TD.B { height:6px; background:url("default/globe_bottom.gif") repeat-x; }
.POP_GLOBE TABLE.GLOBE TD.BR, .GLOBE TABLE.GLOBE TD.BR, .GLOBE2 TABLE.GLOBE TD.BR { width:6px; background:url("default/globe_bottom-right.gif") no-repeat; }
.POP_GLOBE TABLE.GLOBE TD.L DIV.L { width:21px; height:42px; background:url("default/globe_left2.gif") no-repeat; }
.GLOBE TABLE.GLOBE TD.L DIV.L { margin-top:16px; width:21px; height:42px; background:url("default/globe_left2.gif") no-repeat; }
.GLOBE2 TABLE.GLOBE TD.L DIV.L { width:21px; height:42px; background:url("default/globe_left2.gif") no-repeat; }

/* COMMON */

.INLINE_ICON {
  border:none ! IMPORTANT;
  position:relative;
  top:1px;
  margin-right:3px;
}

.STARS_CONTAINER {
	float:right;
	text-align:right;
}

.STARS_CONTAINER2 {
  float:right;
  text-align:right;
  border:1px dotted #D9E500;
  padding:8px 8px 0px 8px;
  margin:0px 0px 8px 8px;
  -moz-border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -webkit-border-radius:8px;
}
.STAR {
  border:none ! IMPORTANT; image-rendering: pixelated;
}

.DEFINE {
  border-bottom:1px dotted #000;
  cursor:help;
}

.DEFINE:HOVER { border-bottom:1px solid #000; }

IMG.FLAG { BORDER:solid 1px #000; width:24px; height:16px; image-rendering: pixelated;}

IMG.FLAGM { border:solid 1px #555 ! IMPORTANT; width:12px; height:8px; vertical-align:middle; image-rendering: pixelated;}

.DROPDOWN, .EDITBOX, .EDITBOXB, .DROPDOWNB {
  border:1px solid #81A4B1;
  font-size:13px  !important;
  font-family:Sans-Serif !important;
  text-decoration:none !important;
  font-weight:normal;
  background:#fff url("default/editbox.png") top left repeat-x;
  color:#222  !important;
  padding:0px 4px;
  vertical-align:top;
  -moz-border-radius:4px;  
  -webkit-border-radius:4px;  
}

.EDITBOXB { width:100%; box-sizing: border-box;}
.DROPDOWNB { width:130px; }
.DROPDOWN, .DROPDOWNB { padding:0px; }

.DROPDOWN OPTION, .DROPDOWNB OPTION {
  background:#f9fbfc;
  color:#222;
}

/* BUTTON */

A.BUTTON {
  display:-moz-inline-box;
  display:inline-block;
  font-size:13px  !important;
  font-family:Sans-Serif !important;
  font-weight: normal;
  text-decoration:none !important;
  color:#222  !important;
  cursor:pointer;
  height:30px;
}

A.BUTTON SPAN.L, A.BUTTON SPAN.R, A.BUTTON SPAN.C {
  display:-moz-inline-box;
  display:inline-block;
  background-image:url("default/wii_button.gif");
  padding:6px 0px 0px 0px;
  height:30px;
}

A.BUTTON SPAN.L {
  background-position:left top;
  width:16px;
}

A.BUTTON SPAN.R {
  background-position:right top;
  width:16px;
}

A.BUTTON SPAN.C {
  text-decoration:none;
  background-position:center top;
}

A.BUTTON:HOVER SPAN.L { background-position:left -60px; }
A.BUTTON:HOVER SPAN.R { background-position:right -60px; }
A.BUTTON:HOVER SPAN.C { background-position:center -60px; }

/* EXPAND LIST */

.EXPAND SPAN { cursor:pointer; }  
.EXPAND .SHOW SPAN { font-weight:bold; }  

.EXPAND .HIDE, .EXPAND .SHOW {
  padding-left:16px;
  FONT-SIZE:12px;
}

.EXPAND .HIDE { background:url("default/exp_hide.png") top left no-repeat; }
.EXPAND .SHOW { background:url("default/exp_show.png") top left no-repeat; }

.EXPAND UL {
  FONT-SIZE:12px;
  list-style:none;
  padding:0px;  
  padding-left:12px;
  margin:0px;
}

.EXPAND .HIDE UL { display:none; }
.EXPAND .SHOW UL { display:block; }

/* CALENDARIO */

DIV.CALENDAR {
	TEXT-ALIGN:center;
	MARGIN-BOTTOM:4px;
}

DIV.CALENDAR DIV.MONTH {
	FONT-WEIGHT:bold;
	FONT-SIZE:12px;
}

DIV.CALENDAR DIV.MONTH SPAN {
	COLOR:#B0B0B0;
}

DIV.CALENDAR DIV.MONTH A {
	COLOR:#000000;
	TEXT-DECORATION:none;
	FONT-WEIGHT:bold;
}

DIV.CALENDAR TABLE {
	BORDER:none;
}

DIV.CALENDAR TABLE TD {
	FONT-FAMILY:sans-serif;
	FONT-SIZE:10px;
	TEXT-ALIGN:center;
	WIDTH:18px;	
	PADDING:0px;
}

DIV.CALENDAR TABLE TD.BLANK {
	BORDER:none;
}

DIV.CALENDAR TABLE TD.OFF {
	BORDER:1px solid #000;
	COLOR:#B0B0B0;
	TEXT-ALIGN:right;
}

DIV.CALENDAR TABLE TD.OFF SPAN {
	PADDING:1px;
	PADDING-RIGHT:2px;
	DISPLAY:block;
}	

DIV.CALENDAR TABLE TD.SEL {
	BORDER:1px solid #000;
	BACKGROUND:#FFB70E;
	TEXT-ALIGN:right;
}

DIV.CALENDAR TABLE TD.ON {
	BORDER:1px solid #000;
	COLOR:#B0B0B0;
	TEXT-ALIGN:right;
}

DIV.CALENDAR TABLE TD A {
	PADDING:1px;
	PADDING-RIGHT:2px;
	DISPLAY:block;
	COLOR:#000000;
	TEXT-DECORATION:none;
	FONT-WEIGHT:bold;
}

/* TITULOS RELACIONADOS */

.INLINE_COVER {
  margin:4px;
  text-align:center;
  font-size:12px;
  float:left;
  width:116px;
  height:175px;
  clip:rect(0px, 0px, 116px, 175px);
  overflow:hidden;
  clear:none;
  text-decoration:none;
}
.INLINE_COVER DIV {
  WIDTH:100px;
  HEIGHT:140px;
  OVERFLOW:hidden;
  MARGIN:0px auto 0px auto;
  BORDER:1px solid #000;
  clip:rect(0px, 0px, 100px, 140px);
}
.INLINE_COVER DIV IMG.RELATED {
  WIDTH:100px;
  min-height:140px;
  border:none;
}
.INLINE_COVER A.TITLE {
  COLOR:#000000;
  text-decoration:none;
}  
.INLINE_COVER:HOVER {
  COLOR:#00A1DD;
} 

/* NEW USER WINDOW  */

.tbox {
  border:1px solid #81A4B1;
  font-size:13px  !important;
  font-family:Sans-Serif !important;
  text-decoration:none !important;
  font-weight:normal;
  background:url("default/editbox.png") top left repeat-x;
  color:#222  !important;
  padding:2px 4px;
  vertical-align:top;
  width:200px;
  -moz-border-radius:4px;  
  -webkit-border-radius:4px;  
}  
#new_user_form .err {
  border:1px solid #800;
  color:#800;
  background:#FDD;
  font-size:10px;
  width:auto;
  margin-top:2px;
  padding:2px 4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
}
#new_user_form .sm {
  font-size:10px;
  color:#888;
}
#new_user_form .ar {
  text-align:right;
  padding-right:8px;
}
#new_user_form .mytab td { 
  padding-bottom:16px;
}
#user-profile h2 {
    margin-bottom: 5px;
}
#user-profile .section {
    margin-bottom: 20px;
}
#user-profile p { margin: 4px 0px }
