* {box-sizing:border-box; }
html, body {
  color: #333;
  font-family:sans-serif;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

body {
	background:url("");
	background-attachment:fixed;

}

a {
  text-decoration: none;
}

h1 {
  margin-top: 0;
}

#contentWrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.simul .heading {
    text-align: center;
    background: rgb(37, 129, 198);
    font-size: 1.3em;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 8px 8px 0 0;
    border-bottom: 3px solid #02487c;
}

.heading span {
	font-size:1.3em;
	font-weight:bold;
}

#logolab {
	width:75%;
	margin:0 auto;
	display:block;
	margin-top:10px;
}
/* ===== MENU IZQUIERDO ====== */
#contentLeft {
  z-index: 10;
  width: 250px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #0D5F9C;
  /*background: linear-gradient( #05A5C7 , #006AB8 );*/
  /*background: linear-gradient( #A2A2A2 , #868686 );*/
}

#contentRight {
  padding: 0.5rem 2rem;
  margin-left: 250px;
}

#leftNavigation {
  margin: 2rem 0;
}
#leftNavigation, #leftNavigation li ul {
  list-style: none;
  padding: 0;
}
#leftNavigation li a {
  font-size: 0.875rem;
  display: block;
  padding: 0.8rem 1rem 0.8rem 3rem;
  color: #FFF;
  border-bottom: solid 1px rgba(0,0,0,.4);
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
#leftNavigation li a, #leftNavigation li a .leftNavIcon {
  line-height: 120%;
}
#leftNavigation li a .leftNavIcon {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  padding: 0.8rem 0;
  text-align: center;
}
#leftNavigation li a:hover {
  color: white;
}
#leftNavigation li ul {
  display: none;
  margin: 0;
  /*background: #0D5F9C;*/
  background: #757575;
}
#leftNavigation li ul li a {
  border-bottom: solid 1px rgba(0,0,0,.4);
  margin-left:25px;
}
#leftNavigation li ul li:last-child a {
  border-bottom: none;
}
#leftNavigation li ul li.active a {
  color: white;
}
#leftNavigation li.active > a {
  color: white;
}
#leftNavigation li.active ul {
  display: block;
}
#leftNavigation > li.active {
  /*background: #024271;*/
  background: #5C5C5C;
}

/* ====== TABLAS ====== */
table {
    border-collapse:collapse;
    border-spacing:0
}
table {
    max-width:100%;
    background-color:#fff;
	font-size: 13px;
}

th {
    text-align:left
}
.table {
    width:100%;
    margin-bottom:20px;
	margin-top:20px;
}
.table thead  {
    background-color: #0088CB;
    color: #fff;
    font-size: 13px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding:3px 5px;
    line-height:1.428571429;
    vertical-align:top;
    text-align: center;
    /*border-top:1px solid #ddd*/
}
.table>thead>tr>th {
    vertical-align:bottom;
    border-bottom:2px solid #ddd
}
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
    border-top:0
}
.table>tbody+tbody {
    border-top:2px solid #ddd
}
.table .table {
    background-color:#fff
}
.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
    padding:5px
}
.table-bordered {
    border:1px solid #ddd
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border:1px solid #ddd
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
    border-bottom-width:2px
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color:#f9f9f9
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
    background-color:#f5f5f5
}
table col[class*="col-"] {
    position:static;
    display:table-column;
    float:none
}
table td[class*="col-"], table th[class*="col-"] {
    display:table-cell;
    float:none
}
.table>thead>tr>.active, .table>tbody>tr>.active, .table>tfoot>tr>.active, .table>thead>.active>td, .table>tbody>.active>td, .table>tfoot>.active>td, .table>thead>.active>th, .table>tbody>.active>th, .table>tfoot>.active>th {
    background-color:#f5f5f5
}
.table-hover>tbody>tr>.active:hover, .table-hover>tbody>.active:hover>td, .table-hover>tbody>.active:hover>th {
    background-color:#e8e8e8
}
.table>thead>tr>.success, .table>tbody>tr>.success, .table>tfoot>tr>.success, .table>thead>.success>td, .table>tbody>.success>td, .table>tfoot>.success>td, .table>thead>.success>th, .table>tbody>.success>th, .table>tfoot>.success>th {
    background-color:#dff0d8
}
.table-hover>tbody>tr>.success:hover, .table-hover>tbody>.success:hover>td, .table-hover>tbody>.success:hover>th {
    background-color:#d0e9c6
}
.table>thead>tr>.danger, .table>tbody>tr>.danger, .table>tfoot>tr>.danger, .table>thead>.danger>td, .table>tbody>.danger>td, .table>tfoot>.danger>td, .table>thead>.danger>th, .table>tbody>.danger>th, .table>tfoot>.danger>th {
    background-color:#f2dede
}
.table-hover>tbody>tr>.danger:hover, .table-hover>tbody>.danger:hover>td, .table-hover>tbody>.danger:hover>th {
    background-color:#ebcccc
}
.table>thead>tr>.warning, .table>tbody>tr>.warning, .table>tfoot>tr>.warning, .table>thead>.warning>td, .table>tbody>.warning>td, .table>tfoot>.warning>td, .table>thead>.warning>th, .table>tbody>.warning>th, .table>tfoot>.warning>th {
    background-color:#fcf8e3
}
.table-hover>tbody>tr>.warning:hover, .table-hover>tbody>.warning:hover>td, .table-hover>tbody>.warning:hover>th {
    background-color:#faf2cc
}
@media(max-width:767px) {
    .table-responsive {
        width:100%;
        margin-bottom:15px;
        overflow-x:scroll;
        overflow-y:hidden;
        border:1px solid #ddd;
        -ms-overflow-style:-ms-autohiding-scrollbar;
        -webkit-overflow-scrolling:touch
    }
    .table-responsive>.table {
        margin-bottom:0
    }
    .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
        white-space:nowrap
    }
    .table-responsive>.table-bordered {
        border:0
    }
    .table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left:0
    }
    .table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right:0
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom:0
    }
}



/*       TABLAS         */
/* -------------------- */

/*  MARKLOG */

.simul.markestrated .heading {
  background: #7f2764;
  border-bottom: 0px solid #7f2764;
}

.simul.markestrated .table thead {
  background-color: #7f2764;
}

/*  MARKLOG */

.simul.marklog .heading {
  background: #ca1e15;
  border-bottom: 0px solid #ca1e15;
}

.simul.marklog .table thead {
  background-color: #ca1e15;
}


/*  SIMDEF */

.simul.simdef .heading {
  background: #0d90c4;
  border-bottom: 0px solid #0d90c4;
}

.simul.simdef .table thead {
  background-color: #0d90c4;
}

/*  SIMPRO */

.simul.simpro .heading {
  background: #00748e;
  border-bottom: 0px solid #00748e;
}

.simul.simpro .table thead {
  background-color: #00748e;
}

/*  TENPOMATIC */

.simul.tenpomatic .heading {
  background: #e8432a;
  border-bottom: 0px solid #e8432a;
}

.simul.tenpomatic .table thead {
  background-color: #e8432a;
}












/* ===== BOTONES ===== */

.table-equipos a {
	color: white;
	background: rgb(28, 184, 65);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	padding: 8px 14px;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
}
.table-equipos td { 
  padding:12px; text-align:center; 
}
.table-equipos { 
  margin:0 auto; 
}

.btn-success, .btn-error, .btn-warning, .btn-secondary {
    color: white;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.btn {
    padding: 8px 14px;
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
}

.btn-success {
	background: rgb(28, 184, 65); /* this is a green */
}

.btn-error {
	background: rgb(202, 60, 60); /* this is a maroon */
}

.btn-warning {
	background: rgb(223, 117, 20); /* this is an orange */
}

.btn-secondary {
	background: rgb(66, 184, 221); /* this is a light blue */
}

.tituloVer {
  font-size:18px;
  font-weight:normal;
  color:#0783DD;
  text-align:center;
}

.table-bordered tbody tr { 
  transition:all 0.3s ease-in-out
}
.table-bordered tbody tr:hover { 
  background:#d7ebf9;
  font-size:100%; /* 115% */
}

.gold {
  background-color:#E4A004; 
}
.silver {
  background-color:#95A0A7; 
}
.bronze {
  background-color:#968B8B; 
}

.tblganadores {
  height: 100%;
}

.tblganadores p span {
  font-weight: bold;
}

.tblganadores .titulo{
  text-align: center;
  background: rgba(0, 145, 230,1.0);
  font-size: 1.3em;
  padding: 16px 10px;
  color: #FFF;
  text-transform: uppercase;

}

.orden-ganadores {
  padding: 0px 20px; 
}



/* TEMPORAL TABLA PARTICIPANTES*/

.content-participantes{
  width: 700px;
  margin: 0 auto;
}

.content-participantes h3{
  margin: 0px;
}

.content-participantes table{
  margin: 5px 0px 10px 0px;
}

.link-ganadores{
  padding: 8px 20px;
  background: #FF6E00;
  color: #fff;
  margin-top: 25px;
  font-size: 1.2em;
  display: block;
  text-align: center;
}

.link-ganadores:hover{
  background: #da5f02;
}