/* ESTILOS PARA LA ESTRUCUTRA GENERAL DE TODAS LAS PAGINAS */

/* estableciendo margenes para todo el contenido*/

body.body {
    background:#000;
    margin-top:0px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:0px;
}

a, p, label, span {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* SECTOR 1 */

/* Cabecera de contenido automatico y espaciado interior superior */
div.cabecera {
    background-image: url(../images/cabecera/cab_banner.jpg);
    background-repeat: repeat;
    width:100%;
    height:auto;
    padding-top:13px
}
/* elementos de cabecera */
div.logo {
    width:auto;
    height:auto;
    padding-top:10px;
    padding-bottom:10px
}
img#logo {
    width:270px;
    height:50px;
}

label.textControl{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 11px;
    padding: 2px 0px 2px 0px
}

/* menu principal */
div.menu {
    background-color:#000;
    width:100%;
    height:auto;
}
/* elementos de menu */
label#textOptions {
    font-size:12px;
}
label.opcion {
    font-size:12px;
    font-weight:bold;
}
div.buscaCoder {
    padding-left:22px;
    padding-bottom:30px;
}
input.search-query {
    width:160px;
    font-size: 12px;
    background: url(../images/buscar.png) 3px 2px no-repeat;
}

/*login y controles de usuario*/
form.formIngreso {
    margin-bottom:0px;
}
label.login {
    font-size:12px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#3B5998;
    font-weight:bold;
    text-align:center;
}
input#inputEmail {
    width:160px;
}
input#inputPassword {
    width:160px;
}
label.checkbox {
    font-size:11px;
}
div.btnIniciar {
    text-align:center;
}
p.registro {
    font-size:12px;
    margin-top:10px;
    margin-bottom:0px;
}


/* SECTORES 3 y 4 de contendido semi-automatico */

/* division principal */
div.principal {
    background:#ffffff;
    width:100%;
    height:auto;
}
/* TABLA contenedora de tamaño maximo y minimo establecido */
table.tabla {
    max-width:1170px;
    min-width:920px;
}
div.centro {
    background:#ffffff;
    width:100%;
    height:auto;
    padding-bottom:50px;
}
div.frame{
    width: 100%;
    height: auto;
    border-radius:4px 4px 0px 0px;
    background:#e5e5e5
}
div.frame2{
    width: 100%;
    height: auto;
    border-radius:4px 4px 0px 0px;
    background:#cccccc
}
span.frametitle{
    margin:3px 0px 3px 4px;
    font-weight:bold;
    color:#a7a8a8;
    font-size:11px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
span.framefoot{
    color:#666666;
    font-size:11px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    padding:0px 4px 0px 4px
}
label.blue {
    font-size:11px;
    color:#3B5898;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
label.blue2 {
    font-size:12px;
    color:#3B5898;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* elementos de DERECHO */
div.derecho {
    padding-top: 37px;
    padding-bottom: 50px;
}
div.opciones {
    padding-bottom: 20px;
}
div.well{
    margin: 0px 0px 0px 5px;
    padding:12px;
}

div.vistaContest {
    width:100%;
    height:auto;
}
div.vistaTraining {
    width:100%;
    height:auto;
}
div.buscadorCoder {
    width:100%;
    height:auto;
}
div.topContest {
    width:100%;
    height:auto;
}
div.topTraining {
    width:100%;
    height:auto;
}

label#time{
    color:#305535;
    font-size:20px;
    text-align:center;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
label#counter{
    color:#66cc00;
    font-size:50px;
    text-align:center;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
span#_counter{
    color:#555;
    font-size:50px;
    text-align:center;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
label#counter2{
    color:#66cc00;
    font-size:20px;
    text-align:center;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
label#counter3{
    color:#66cc00;
    font-size:11px;
    text-align:center;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
label#counter4{
    color:#66cc00;
    font-size:12px;
    text-align:center;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
div#f_line{
    border-top: 1px solid #e5e5e5;
    padding: 5px 0px 0px 0px
}
div#f_counter{
    background-image: url(../images/evento/e_counter2.jpg);
    background-repeat: repeat;
    width:100%;
    height:70px;
    padding: 8px 0px 0px 0px
}
div#f_counter2{
    background-image: url(../images/evento/e_counter2.jpg);
    background-repeat: repeat;
    width:100%;
    height:auto;

}
div.face {
    padding: 20px 0px 20px 5px
}

#online {
    padding: 20px 5px 0px 5px
}
#divon {
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 9px;
    padding-bottom: 3px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
}
#fotOn {
    width: 28px;
    height: 28px
}
#titleOn {
    font-size: 11px;
    font-weight: bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #333333;
    text-align: left
}
#userOn {
    font-size: 11px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #333333;
    text-align: left;
    padding-left: 4px
}
#on {
    width: 10px
}


/* SECTOR 2 pie de pagina de tamaño unico*/

/* diviosn general de pie de pagina */
div.pie{
    background:#000;
    width:100%;
    height:auto;
    padding-bottom:0px;
}

/* division para los elementos de promocion */
div.promocion {
    background:#ffffff;
    width:100%;
    height:auto;
    border-top:4px;
    border-top-color:#d00808;
    border-top-style:ridge;
}
/* elementos de promocion */
img#prom {
    width:70px;
    height:70px;
    padding-top:10px;
    padding-right:7px;
    padding-bottom:3px;
}
div.promText {
    max-width:160px;
    padding-top:12px;
    padding-right:18px;
    padding-bottom:5px;
}
p.titleProm {
    font-size:11px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#122d96;
    font-weight:bold;
}
p.textProm {
    font-size:10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#000;
}

/* division para los enlaces referentes a la web*/
div.foot {
    background-color:#000;
    width:100%;
    height:auto;
}
/* elementos de foot */
div.footLink {
    width:100%;
}
p#footLink {
    font-size:10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#ffffff;
    font-weight:bold;
}
div.copy {
    width:100%;
    text-align:center;
}
p#copy {
    font-size:10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#ffffff;
}

/* coder styles */
a.niv_1 {
    font-size:13px;
    color:#000;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
a.niv_2 {
    font-size:13px;
    color:#666;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold
}
a.niv_3 {
    font-size:13px;
    color:#009900;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold
}
a.niv_4 {
    font-size:13px;
    color:#336600;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold
}
a.niv_5 {
    font-size:13px;
    color:#0033cc;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold
}
a.niv_6 {
    font-size:13px;
    color:#330066;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold
}
a.niv_7 {
    font-size:13px;
    color:#cc6600;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold
}
a.niv_8 {
    font-size:13px;
    color:#e00;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold
}

a.niv__1 {
    font-size:12px;
    color:#000;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
a.niv__2 {
    font-size:12px;
    color:#666;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold
}
a.niv__3 {
    font-size:12px;
    color:#009900;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold
}
a.niv__4 {
    font-size:12px;
    color:#336600;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold
}
a.niv__5 {
    font-size:12px;
    color:#0033cc;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold
}
a.niv__6 {
    font-size:12px;
    color:#330066;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold
}
a.niv__7 {
    font-size:12px;
    color:#cc6600;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold
}
a.niv__8 {
    font-size:12px;
    color:#e00;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold
}

label.niv1 {
    font-size:16px;
    color:#000;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-bottom:5px
}
label.niv2 {
    font-size:16px;
    color:#666;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    margin-bottom:5px
}
label.niv3 {
    font-size:16px;
    color:#009900;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    margin-bottom:5px
}
label.niv4 {
    font-size:16px;
    color:#336600;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    margin-bottom:5px
}
label.niv5 {
    font-size:16px;
    color:#0033cc;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    margin-bottom:5px
}
label.niv6 {
    font-size:16px;
    color:#330066;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    margin-bottom:5px
}
label.niv7 {
    font-size:16px;
    color:#cc6600;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    margin-bottom:5px
}
label.niv8 {
    font-size:16px;
    color:#e00;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    margin-bottom:5px
}


label.text2 {
    font-size:11px;
    color:#999999;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}
label.text3 {
    font-size:11px;
    color:#666666;
    font-weight:bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}