body {
    width: 100%;
    color: #999999;
    font-family: 'Open Sans', sans-serif;
    margin: 0px;
    padding: 0px;
}

#header {
  background-image: url("../img/background-header.png");
  border: medium none;
  height: 60px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  left: 0;
}

#banner {
    height: 360px;
    width: 1000px;
    top: 0%;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

#infolanding {
    height: 24px;
    width: 100%;
}

.login {
    background-color: #e0e0e0;
    display: inline-block;
    height: 233px;
    margin: 0 0 0 7%;
    width: 43%;
}

.content {
    width: 1000px;
    margin: 0 auto;
}

.triangulo1 {
    display: inline-block;
}

.triangulo2 {
    display: inline-block;
}


.bjqs-next, .bjqs-prev, .bjqs-markers {
    display: none;
}

.img-triangulo1 {
    margin: -22px 0 0 208px;
    position: absolute;
}

.img-triangulo2 {
    margin: -22px 0 0 208px;
    position: absolute;
}

.welcome {
    display: inline-block;
    float: left;
    width: 50%;
    height: 240px;
}

.Title {
    display: table-caption;
    text-align: left;
    font-weight: bold;
    font-size: larger;
    width: 100%;
}

.Table {
    padding: 0 15px;
}

.Row {
    display: table-row;
}

.Cell {
    border-left: medium solid #cccccc;
    border-width: thin thin thin medium;
    display: table-cell;
    padding-left: 9px;
    font-size: 16px;
}

.Cell1 {
    padding: 0 19px;
}

.button {
    background-color: #EC262E;
    border: 1px none;
    height: 29px;
    width: 119px;
    color: #FFFFFF;
    font-weight: bold;
}

.Estilo2 {
    font-size: 36px;
    color: #EC262E;
    font-weight: bold;
}

#footer {
    background-image: url("../img/background-header.png");
    bottom: 0;
    height: 30px;
    position: fixed;
    text-align: right;
    width: 100%;
}

#footer img{
    padding: 3px 49px;
}

/*CSS SLIDER*/


/* ESTILOS DEL SLIDESHOW */

ul.bjqs {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: none;
}

li.bjqs-slide {
    position: absolute;
    display: none;
}

ul.bjqs-controls {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 9999;
}

    ul.bjqs-controls.v-centered li a {
        position: absolute;
    }

    ul.bjqs-controls.v-centered li.bjqs-next a {
        right: 0;
    }

    ul.bjqs-controls.v-centered li.bjqs-prev a {
        left: 0;
    }

ol.bjqs-markers {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

    ol.bjqs-markers.h-centered {
        text-align: center;
    }

    ol.bjqs-markers li {
        display: inline;
    }

        ol.bjqs-markers li a {
            display: inline-block;
        }

p.bjqs-caption {
    display: block;
    width: 96%;
    margin: 0;
    padding: 2%;
    position: absolute;
    bottom: 0;
}


.bjqs-caption {
    color: black;
    background: whitesmoke;
    opacity: .75;
}

/* BOTONERA UBICADA AL PIE DEL SLIDESHOW */
ol.bjqs-markers {
    margin-top: 2px;
}

    ol.bjqs-markers li a {
        padding: 5px 10px;
        background: #000;
        color: #fff;
        margin: 5px;
        text-decoration: none;
        transition: background .5s ease;
        -webkit-transition: background .5s ease;
        -moz-transition: background .5s ease;
        -o-transition: background .5s ease;
    }

        li.active-marker a, ol.bjqs-markers li a:hover {
            background: gray !important;
        }

/* CONTROLES ATRAS Y ADELANTE */
ul.bjqs-controls.v-centered li a {
    display: block;
    padding: 10px;
    background: whitesmoke;
    color: #000;
    text-decoration: none;
    opacity: .75;
    transition: color .5s ease, background .5s ease;
    -webkit-transition: color .5s ease, background .5s ease;
    -moz-transition: color .5s ease, background .5s ease;
    -o-transition: color .5s ease, background .5s ease;
}

    ul.bjqs-controls.v-centered li a:hover {
        background: #000;
        color: #fff;
    }
/* CSS Document */
#header .title {
    color: #ffffff;
    font-size: 22px;
    padding: 12px;
    width: 30%;
    display: inline-block;
}

    #header .title strong {
        font-size: 39px;
        font-weight: 100;
    }

.menu {
    display: block;
}

    .menu div {
        display: inline-block;
        font-size: 13px;
        padding-right: 29px;
        padding-top: 21px;
    }

#header .menu {
    color: #ffffff;
    display: inline-block;
    float: right;
    width: 417px;
}

.content #header .menu div {
    display: inline-block;
    font-size: 15px;
    margin: 0 21px;
}

#footer div {
    display: inline-block;
    width: 89px;
}

#footer .title {
    font-size: 22px;
    padding-right: 49px;
    width: auto;
}

.content #footer .title strong {
    font-size: 42px;
}

.content .perfil {
    background-color: #e0e0e0;
    height: 50px;
}

    .content .perfil .left {
        width: 10%;
        display: inline-block;
    }

    .content .perfil .right {
        border-left: medium solid #ffffff;
        border-width: thin thin thin medium;
        float: right;
        height: 29px;
        margin: 11px 0;
        padding-right: 27px;
        text-align: right;
        width: 81%;
    }

        .content .perfil .right label {
            color: black;
            margin: 0 15px;
        }

.content .MenuBarVertical li {
    color: #e0e0e0;
    width: 160px;
}

.content .content-body {
    height: 500px;
}

    .content .content-body .left {
        display: inline-block;
        float: left;
        margin: 30px auto;
        width: 18%;
    }

    .content .content-body .right {
        display: inline-block;
        height: 457px;
        margin: 33px auto;
        width: 81%;
    }

        .content .content-body .right .Estilo2 {
            color: #ff0000;
            font-size: 21px;
        }

.texto_error
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: red;
    font-weight: bold;
}

/*----------------------------------------- ENLACES ---------------------------------------*/

a.link_reglas:link {
    text-decoration: none;
    font-size: 13px;
    color: #FFFFFF;
}

a.link_reglas:visited {
	text-decoration: none;
	font-size: 13px;
	color: #FFFFFF;
}

a.link_reglas:hover {
	text-decoration: none;
	font-size: 13px;
	color: #FFFFFF;
    font-weight:bold;
}

a.link_reglas:active {
	text-decoration: none;
	font-size: 13px;
	color: #FFFFFF;
}

a.link_menu:link {
	text-decoration: none;
	color: #999999;
}

a.link_menu:visited {
	text-decoration: none;
	color: #999999;
}

a.link_menu:hover {
	text-decoration: none;
    font-weight:bold;
	color: #999999;
}

a.link_menu:active {
	text-decoration: none;
	color: #999999;
}

/*------------------------------------- LOADING TABLES -------------------------------------*/
  .overlay {
        position: fixed;
        z-index: 99;
        top: 0px;
        left: 0px;
        background-color: #FFFFFF;
        width: 100%;
        height: 100%;
        filter: Alpha(Opacity=80);
        opacity: 0.80;
        -moz-opacity: 0.80;
    }
    * html .overlay {
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
        width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
    }
.loader {
    z-index: 100;
    position: fixed;
    width: 150px;
    margin-left: -30px;
    top: 50%;
    /*left: 50%;*/
}
    * html .loader {
        position: absolute;
        margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
    }