@charset "utf-8";

body{ background-color:#fff;}
div#wrapper{ width:900px; overflow:hidden; margin:0px auto; background:#fff;}

/*===================   HEADER  ======================*/

header#topMain{ width:100%; background-color:#336CC8;}

header#topMain nav{ width:90%; max-width:960px; min-width:770px; margin:0px auto; padding:38px 0px; overflow:hidden;}

header#topMain .logo{ width:261px; float:left;}
header#topMain .logo img{ width:100%; height:auto;}

header#topMain ul { overflow:hidden; float:right;}
header#topMain ul li { float:left; padding:3px 18px; background-image:url(../img/divi.png); background-repeat: no-repeat; background-position:right 5px;}
header#topMain ul li:last-child {background-image:none;}
header#topMain ul li a{ display:block; font-size:16px; color:#fff;  padding:0px 0px 8px 0px;}
.activo{border-bottom:solid 4px #99B5E3;}

section#subLine{width:100%; padding:26px 0px; background-color:#949393; text-align: center; color:#FFF;}
section#subLine h1{ font-size: 18px}


/*===================   CONT  ======================*/

section#wrapper{width:90%; max-width:960px; min-width:770px; margin:0px auto; padding:38px 0px; overflow:hidden;}

    article.info header{ background-color:#A9A9A9; color:#fff; padding:16px 16px;}
    article.info div{color:#939292; padding:18px 16px; line-height:20px;}

#formPost {width:500px; margin:0px auto;}
#formPost div{ width:100%; overflow: hidden; margin-bottom:10px;}
#formPost div label{ line-height:28px; display:block; width:250px; text-align:left; float:left;}
#formPost div input:not([type="radio"]){width:230px; height:28px; float:left; margin:0px; padding:0px 10px; border:none; background-color:#ccc; color:#fff;}
#formPost div button{border:none;background-color:#8D8C8C; color:#fff; width:153px; height:31px;}
#formPost div select {
    width: 120px;
    height: 28px;
    float: left;
    margin: 0px;
    padding: 0px 10px;
    border: none;
    background-color: #ccc;
    color: #fff;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}

input[type=file] {
    cursor: inherit;
 
    font-size: 19px;
    filter: alpha(opacity=0);
    width: 230px;
    opacity: 1;
  
}

/*===================   ADMIN  ======================*/

section#subLineAdmin{width:100%; padding:26px 0px; background-color:#A9A9A9; text-align: center;}
section#subLineAdmin nav{width:90%; max-width:960px; min-width:770px; margin:0px auto; height:18px;  }
section#subLineAdmin .submenu > li { float:left; width:25%;  position:relative; background-image:url(../img/divi.png); background-repeat: no-repeat; background-position:right 2px;}
section#subLineAdmin .submenu > li:last-child { background-image:none;}
section#subLineAdmin .submenu > li > a{ display: block; color:#fff;}

section#subLineAdmin .submenu li:hover ul{opacity:1;visibility:visible;}

section#subLineAdmin .submenu ul{  width:220px; position:absolute; z-index:200; top:20px; left:0px;
                opacity:0;
                transition:.4s;
                -webkit-transition:.4s;
                -moz-transition:.4s;
                -o-transition:.4s;
                visibility:hidden;
                }

                section#subLineAdmin .submenu ul li a{ display:block; color:#fff; width:212px; background-color:#706F6F; padding:14px 14px; border-bottom:solid 1px #999999; text-transform:capitalize; text-align:left;  text-transform: uppercase; font-size: 12px; font-weight: bolder;} 
                
                section#subLineAdmin .submenu ul li a:hover{background-color:#686868;}


#listado{
    width: 100%;
}
table#listado thead tr td {
    background-color: #A9A9A9;
    color: #ffffff;
    height: 30px;
    padding-top: 5px;
    border-width: 1px;
    border-color: #706F6F;
    border-right-style: solid;
    padding-left: 5px;
    padding-right: 5px;
}
table#listado tbody tr td {
    background-color: #ffffff;
    color: #A9A9A9;
    height: 20px;
    padding-top: 5px;
    border-color: #A9A9A9;
    border-width: 1px;
    border-right-style: solid;
    padding-left: 5px;
    padding-right: 5px;
    height: 30px;
}



table#listado {
    border-width: 2px;
    border-color: #706F6F;
    border-bottom-style: solid;

}

.ver {
    width: 84px;
    height: 24px;
    background: url("../img/ver.png");
}

#postulante {
    width:  500px;
    margin: 45px 30px 35px 30px;
    font-size: 11pt;
    font-family: "century gothic";
}
table#postulante tr td{
    color: #FFFFFF;
    height: 32px;
    vertical-align: middle;
}

table#postulante tr td:first-child{
    color: #3163C3;
    height: 32px;
    font-weight: bold;
}

.boton {
    font-size: 10;
    
    width: 100%;
    height: 24px;
    color: #FFFFFF;
    background: #1F5DC2;
    border:none;

}

#msg {
    position: absolute;
    width: 278px;
    height: 116px;
    background: #0047BA;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    top: 330px;
    font-family: "century gothic";
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    padding: 20px 15px 15px 20px;
    text-align: center;
    display: none;
}
#msg table {
    margin: auto;
    color: #ffffff;
}


#btn_s{
    margin-top: 20px;
    width: 73px;
    height: 19px;
    background: url("../img/btn-si.png");
}
#btn_n{
    margin-top: 20px;
    width: 73px;
    height: 19px;
    background: url("../img/btn-no.png");
    float: right;
}

#menu_izq {
    width: 208px;
    float: right;
}

table#menu_izq tbody tr td div {
    height: 38px;
    width: 208px;
    margin-bottom: 2px;
    cursor: pointer;
}


#postulantes_o {
    background-image: url("../img/btn-obser.png");
    background-repeat: no-repeat;
}
#postulantes_o:hover {
    background-image: url("../img/btn-obser-hover.png");
    background-repeat: no-repeat;
}
ul.sub li {
    list-style: disc;
    margin-left: 30px;
}


#postulantes_s {
    background: url("../img/btn-sup.png")
}
#postulantes_s:hover {
    background: url("../img/btn-sup-hover.png")
}

#postulantes_j {
    background: url("../img/btn-regional.png")
}
#postulantes_j:hover {
    background: url("../img/btn-regional-hover.png")
}


article.info div ul li {
    list-style-type: circle;
    font-size: 16px;
    margin-left: 5px;
    margin-bottom: 5px;
}
article.info div {
    font-size: 16px;
    margin-bottom: 5px;
}