body {
	margin: 0px;
    padding: 0px;
    background-color: #ffffff;
}

.row, .col { overflow: hidden; position: absolute; }
.row { left: 0; right: 0; }
.col { top: 0; bottom: 0; }
.scroll-x { overflow-x: auto; }
.scroll-y { overflow-y: auto; }

.header.row { height: 105px; top: 0; border: 1px solid black; }

.body.row { 
	top: 106px; 
	bottom: 43px; 
	border: 1px 
	solid #AAAAAA;
	font-family:  Geneva, Verdana, Tahoma, sans-serif;
	font-size: 11px;
}

.footer.row { height: 40px; bottom: 0; border: 1px solid black; }

#main {
	position: absolute;
	left:0;
	right:0;
    top:0;
    bottom:0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 0px dotted orange;
    display: table;
}

#header {
	min-width: 100%;
	min-height: 65px;
	height: 10%;
	border: 1px solid red;
	background-color: white;
}

#header table {
    width: 100%;
    font-family: inherit;
    font-size: 12px;
    color: inherit;
    background-color: inherit;
    margin-left:auto;
    margin-right: auto;
}

#header td {
	border: 0px solid red;
}


#_logo {
	width: 156px;
	height: 74px;
	background-image:url('../images/logo.jpg');
	background-size: 155px 73px;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	border: 0px solid black;
}

#slogan {
	position: relative;
	left: 160px;
	top: 50px;
	width: 180px;
	color:#0078A3;
	font-size: 11px;
	font-family: verdana, tahoma, arial;
	margin: 0px 0px 0px 0px;
}

#info {
	float: right;
	vertical-align: bottom;
	width: 50px;
	height: 40px;
	background-color: #dadada;
	/*background-image: url("../images/carrito.png");*/
	background-size: 50px 40px;
	background-position:center 6px;
	cursor: pointer;	
}

.login-link {
	font-size: 12px;
	font-family: verdana;
	text-align: left;
	font-weight: bold;
	color:#0078A3;

	position: absolute;
	top: 50px;
	right: 15px;
}

.register-link {
    font-size: 12px;
    font-family: verdana;
    text-align: left;
    font-weight: bold;
    color:#0078A3;

    position: absolute;
    top: 65px;
    right: 120px;
}

#enter, #exit, #subscribe {
	cursor: pointer;	
}

#enter:hover, #exit:hover, #subscribe:hover {
	color: orange;
}

.grid {
	border-collapse: collapse;
	font-size: 10px;	
}

.grid th {
	background-color: #dadada;	
}

.grid tr {
	padding: 0px;
	border-spacing: 0px;	
}

.grid td {
	border: 1px solid #b0b0ff;
	padding: 2px;
}

.izq 	{	text-align: left;	}
.der 	{	text-align: right;	}
.cen 	{	text-align: center;	}


#menu_box {
    width: auto; 
    background-color: #2E7DB2;
    border: 0px solid orange;
    left: 0px;
    top: 100px;
    padding: 2px;
    height: 20px;

    background-image: url("../images/fondo.png");
	background-repeat:no-repeat;
	background-size: 100% 100%;
 
}

#menu {
	position: relative;
	left: 100px;
	width: 95%;
	height: 20px;
	font-size: 12px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;
	text-align: left;
	
	/*text-shadow: 1px 1px 2px #aaaaaa;
	background-color: black;
	border-radius: 12px;
	margin: 2px 2px 2px 2px;
	display:block;*/
}

#menu ul {
    height: auto;
    padding: 3px 3px;
    margin: 0px;
}

#menu li { 
	display: inline; 
	padding: 6px; 
}

#menu a {
    text-decoration: none;
    color: white;
    padding: 5px 10px 5px 10px;
}

#menu a:hover {
    color: white;
    background-color: orange;
}

#workarea {
	position:relative;
	left: 1px;
	top: 1px;
	min-height: 100%;
	min-width:100%;
    height:100%;
    background-color: yellow;
    border: 0px solid blue;
}

#workarea table {
    width: 100%;
    font-family: inherit;
    font-size: 12px;
    color: inherit;
    background-color: inherit;
    margin-left:auto;
    margin-right: auto;
    margin-bottom: 0px;
    border: 0px solid green;
}


#footer {
	position:absolute;
	bottom:0;
	min-width: 100%;
	width: 100%;
	height: 50px;
    font-family: Geneva, Tahoma, sans-serif;
    font-size: 12px;
    color: white;
    background-color: gray;
    border: 0px solid black;
}

.refresh {
	cursor:pointer;
	width:16px;	
}

button {
	margin-left:20px;
	padding-left: 8px;
	padding-right: 8px;
}

#footer td { padding-left: 40px;}
#footer th { padding-left: 20px;}

.ui-dialog { 
	font-family: verdana;
	font-size: 14px; 
}

.validateTips { border: 1px solid transparent; padding: 0.3em; }

#login td {
	border: 0px solid gray;
	font-size: 12px;
}

.boton-cruz {
	cursor: pointer;
	background-color: #bbbbbb;
	border-right: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
}

.boton-cruz:active { background-color: #cccccc;	}
.boton-cruz:hover {	color: red;	}

.con_edt:hover {
	color: red;
	cursor: pointer;
}

div.ui-datepicker{
	font-size:11px;
}

#evalua {
	table-layout: fixed;
	width: 95%;
	font-size: 16px;
	font-family: geneva,verdana,arial,tahoma;
	border-collapse:collapse;
	margin-left:auto; 
    margin-right:auto;
    line-height: 1.4em;
}

#evalua td {
	border: 1px solid #D0D0D0;
	padding: 3px;
	margin: 0px;
}

#evalua th {
	background:#FBCB09 ;
}

#evalua select {
	border: none;
}

#concurso,#con-equ,#con-mod,#ronda,#partido, #juzga,#instrumento {
	font-family: verdana,tahoma, arial;
	font-size: 11px;
	width: 250px;
}

#seccion {
	font-size: 16px;	
}

#help {
	float: right;
	width:  32px;
	height: 32px;
	background-image:url('../images/help.jpg');
	background-size: 32px 32px;
	background-repeat: no-repeat;
	margin: 10px 10px 0px 0px;
	border: 0px solid black;
	cursor: pointer;
}

.help-tooltip { 
	background:#1D59f7;  
	color: white; 
	font-size: 10px;
}

#tab-result {
	margin-left:auto;
	margin-right:auto;
	font-size: 1.4em;
	width: 80%;
}
#tab-result2 {
	margin-left:auto;
	margin-right:auto;
	font-size: 1em;
	width: 80%;
}

#tab-result2 tr { 	height:1.8em; }
#tab-result2 th { 	background:#FED22F; }

#tab-result tr { height:30px; }
#tab-result th { background:#FED22F; }

.low { 	background:#EFEFEF;	}
.hig { 	background:#D0D0D0;	}


.titulo {
	font-size: 72px;
	color:#2E7DB2;

	position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -250px;

	height: 200px;
	width: 500px;
	line-height: 200px;
	text-align: center;

}

.titulo span {
      display: inline-block;
      vertical-align: middle;    
      line-height: normal;
}

.round {
    /*border: 1px solid #1D59F7;*/
   	margin-top: 20px;
   	border: 1px solid #888888;
    padding: 5px 5px 25px 5px;
    display: inline-block; 
    border-radius: 15px;

    width: 90%;
	display: block;
	margin-left: auto;
	margin-right: auto;
    
    box-shadow: 10px 10px 5px #888888;
    z-index: 10;
}

.gris {
	width: 70%;
	max-width: 300px;
	background: gray;
	border: 1px solid blue;
}

#anterior, #prev {
	position: fixed;
	width: 50px;
	height: 100px;
	top: 50%;
	left: 0;
    background-image: url("../images/prev.png");
	background-repeat:no-repeat;
	background-size: 50px 100px;	
}

#siguiente, #terminar, #next {
	position: fixed;
	width: 50px;
	height: 100px;
	top: 50%;
	right: 0;
    background-image: url("../images/next.png");
	background-repeat:no-repeat;
	background-size: 50px 100px;	
}


#tab-equ {
	border-collapse: collapse;
	font-size: 1.1em; 
	vertical-align:top;
}

#tab-equ td { 
	vertical-align: top;
	padding: 10px;
}

#texto {
	width: 150px;
	margin:0px;
	padding:0px;
}

#texto-p {
	width: 180px;
	margin:0px;
	padding:0px;
}

#lista, #lista-e, #lista-j {
	width: 150px;
	line-height: 20px;
	height: 200px;
}

#lista-p, #lista-u {
	width: 180px;
	line-height: 20px;
	height: 180px;
}

.cmd {
	width: 80px;
}

.mini {
	width:20px;
	height: 20px;
	text-align:center;
}

.btn:hover {
	color:red;	
}

#actua {
	margin-right: 30px;	
}

#showPdf {
	float: right;	
	margin-right:20px;
	margin-top:20px;
	width: 44px;
	height: 48px;
	background-image:url('../images/pdf.jpg');
	background-size: 44px 48px;
	background-repeat: no-repeat;
	cursor: pointer; 
}

#download {
	width: 24px;
	height: 24px;
	padding-left:26px;
	background-image:url('../images/zip.gif');
	background-size: 24px 24px;
	background-repeat: no-repeat;
	cursor: pointer; 
}

select {
    height: 25px;
    margin: 5px;
    border: 1px solid #d0d0d0;
}

#titulo {
    font-size: 16px;
    font-weight: bold;
    color: #000099;
    display: inline;
}

.save {
    padding:5px;
    width: 100%;
    background: #005299;
    position:absolute;
    bottom:0;
}

.salvar {
    position:relative;
    padding: 5px;
}

.salvar:hover {
    color: blue;
}

.shadow_box {
    background:#f0f0f0;
    padding:10px;
    margin-top:10px;
    line-height:24px;
    box-shadow:10px 10px 5px #888888;
}

.frame_box {
    border:1px solid #d8d8d8;
    margin:10px;
    padding-top:10px;
    background:#d0d0d0;
    width:320px;
}

.fa-loading-bg, .fa-loading-icon-wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%
}

.fa-loading-bg {
    top: 0;
    background: rgba(0,0,0,.6);
    z-index: 99999
}

.fa-loading-icon-wrapper {
    z-index: 999999;
    top: 50%;
    text-align: center
}

.fa-loading-icon {
    margin-top: -2.5em;
    font-size: 5em;
    color: #000
}

.monitor, .sesion {
    cursor: pointer;
    color: #ff0000;
}