/* 
    Document   : VkmStyle
    Created on : 29 de noviembre de 2006, 18:48
    Author     : Victor Gimeno
    Description:
        Brutaaaal!!! Enjoy CSS.
*/

body { 
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          11px;
    background-color:   #FFFFFF; 
    margin:             1em 0em 1em 0em; 
    text-align:         center; 
}
img{    
    border:             0;
}
a{
    text-decoration:    none; 
    color:              #812E27; 
    font-weight:        bold; 
    font-size:          12px;
}
a:hover {
    text-decoration:    underline; 
    color:              #CC9966;
}
h1 {
    font-size:          15px; 
    color:              #000066; 
    font-weight:        bold;
}
form{
    margin:             0;
    padding:            0;
}
#contenedor{
    text-align:         left;
    width:              95%;
    background-color :  #ffffff;
    margin:             0em auto;
    clear:              both;
}
#logotitulo{
    text-align:         center;
    background-color:   #ffffff;
    margin:             0 auto;
    padding-bottom:     0em;
}
#logotitulo img{
    float:              left;
}
#logotitulo h2{
    text-decoration:    underline;
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          14px;
    font-weight:        bold; 
    display:            inline;
}
#logotitulo span.navStep{
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          14px;
    font-weight:        bold; 
    display:            inline;
}
#logotitulo a.nav{
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          12px;
    font-weight:        bold; 
    display:            inline;
    text-decoration:    none; 
    color:              #696969;
}
#logotitulo a.nav:hover{
    text-decoration:    underline; 
    color:              #000000;
    cursor:             pointer;
}
#logotitulo input.nav{
    cursor:             pointer;
    background:         none;
    border:             none;
    text-decoration:    none;
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          12px;
    font-weight:        bold; 
    display:            inline;
    color:              #696969;
}
#logotitulo input.nav:hover{
    text-decoration:    underline; 
    color:              #000000;
    cursor:             pointer;
}
#logotitulo p{
    font-weight:        bold; 
}
#listaOk{
    /**/clear:              both;
    text-align:         right;
    padding-top:        1em;
    margin-bottom:      0em;
}
#listaOk fieldset{
    font-weight:        bold; 
    border:             #812e27 solid 1px;
    padding:            0em 1em 1em 0em;
    background:         #f5f5dc;
}
#listaOk legend{
    margin:             .25em 1em .25em 3em; 
    border:             #812e27 solid 1px;
    text-align:         center;
    background-color:   #33ff33;
    padding:            0em 10em 0em 10em;
}
#listaConfirmacion{
    /**/clear:              both;
    text-align:         right;
    padding-top:        1em;
    margin-bottom:      0em;
}
#listaConfirmacion fieldset{
    font-weight:        bold; 
    border:             #812e27 solid 1px;
    padding:            0em 1em 1em 0em;
    background:         #f5f5dc;
}
#listaConfirmacion legend{
    margin:             .25em 1em .25em 3em; 
    border:             #812e27 solid 1px;
    text-align:         center;
    background-color:   #ff9900;
    padding:            0em 10em 0em 10em;
}
#listaErrores{
    /**/clear:              both;
    text-align:         right;
    padding-top:        1em;
    margin-bottom:      0em;
}
#listaErrores fieldset{
    font-weight:        bold; 
    border:             #812e27 solid 1px;
    padding:            0em 1em 1em 0em;
    background:         #f5f5dc;
}
#listaErrores legend{
    margin:             .25em 1em .25em 3em; 
    border:             #812e27 solid 1px;
    text-align:         center;
    background-color:   #ff8080;
    padding:            0em 10em 0em 10em;
}
#listaErrores ul{
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          11px; 
    font-weight:        normal; 
    color:              #812e27;
    margin:             0.50em 0em 0.50em 0em;
}
#botonera{
    margin:             0 auto;
    clear:              both;
    text-align:         center;
    margin:             3em 0em 2em 0em;
}

/*Listado con las notas del opositor en menu.jsp*/
#tableListado{
    margin:             0 auto;
    border:             2px solid #812e28;
    border-collapse:    collapse;
    font-family:        Arial, Helvetica, sans-serif; 
    /*font-size:          11px; */
    font-weight:        bold; 
    text-align:         left;
    width:              100%
}
#tableListado th{
    color:              #ffffff;
    background-color:   #812e27; 
    text-align:         center;
}
#tableListado th.desab{
    background:         none; 
}
#tableListado td{
    border:             1px solid #812e28;
    color:              #000000;
    background-color:   #fff7ed;
    padding-left:       0.2em;
    padding-right:      0.2em;
    /*text-align:         left;*/
}
#tableListado td.borSupGrueso{
    border-top:             2px solid #812e28;
}
#tableListado td.borGruesoSuperada{
    border:             2px solid #812e28;
    background-color:   #ffffff;
}

#spanCursoCompleto{
    text-align: left; 
    margin-left: 9em;
}

/*-- AQUI COMIENZAN LOS ESTILOS QUE NO SON UNICOS --*/
fieldset.agrupacion{
    font-weight:        bold; 
    border:             #812e27 solid 1px;
    padding:            0em 1em 0em 1em;
    background:         #ffffe8;
}
fieldset.agrupacion legend.agrupacion{
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          15px; 
    color:              #000066; 
    font-weight:        bold;
    margin:             .25em 1em .25em 1em; 
    border:             #812e27 solid 1px;
    text-align:         center;
    padding:            0em 2em 0em 2em;
    background-color:   #ffffff;
}

fieldset.datosLista {
    margin-bottom:      1em;
    padding:            0.5em; 
    border:             2px solid black;
}

fieldset.vacantes{
    font-weight:        bold; 
    border:             #812e27 solid 1px;
    padding:            0em 1em 0em 1em;
    background:         #ffffe8;
    color:              #000066; 
    clear:              both;
}
fieldset.vacantes legend.vacantes{
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          11px; 
    color:              #000066; 
    font-weight:        bold;
    margin:             .25em 1em .25em 1em; 
    border:             #812e27 solid 1px;
    text-align:         center;
    padding:            0em 2em 0em 2em;
    background-color:   #ffffff;
}
.bloque {
    float       : left;
    display     : inline;
    margin      : 0em;
    padding     : 0.2em;
}

.aDisabled {
    text-decoration:    none; 
    color:              #808080; 
    font-weight:        bold; 
    font-size:          12px;
}
/*.aDisabled:Hover {
    text-decoration:    none; 
    color:              #000000;
}*/
.literalValor{
    background-color:   #f5f5dc;
    color:              #000000; 
    font-weight:        bold; 
    text-align:         center;
    margin:             0em 2em 0em 1em;
    padding:            0em .50em 0em .50em;
}
.linea{
    margin:             0em;
    padding:            0em 0em;
    width:              100%;
    clear:              both;
}
.lineaTexto{
    margin:             0;
    padding:            0;
    width:              100%;
    clear:              both;
}
.likeCampo{
    margin-right:       0.5em;
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          11px; 
    color:              #000000; 
    background:         #fef8c7;
    font-weight:        bold; 
   border:             1px #812E28 solid;
    padding:            0em 1em;
    display:  block;
}
.likeCampoInline{
    margin-right:       0.5em;
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          11px; 
    color:              #000000; 
    background:         #fef8c7;
    font-weight:        bold; 
   border:             1px #812E28 solid;
    padding:            0em 1em;
    display: inline;
}
.check2lines{
    float:              left;
    padding:            0.5em;
}
.check2lines span.etiq{
    display:            block;
    margin-bottom:      0.2em;
}
.check2lines input{
    margin-right:       0.5em; 
    vertical-align:     middle;
}
.check1line{
    float:              left;
    padding:            0.5em;
}
.texto{
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          11px; 
    color:              #000000; 
    font-weight:        normal; 
    border:             1px #812E28 solid;
    padding-left:       .1em;
}
.check{
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          11px; 
    color:              #000000; 
    font-weight:        normal; 
    padding-left:       .1em;
}
.textoNum{
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          11px; 
    color:              #000000; 
    font-weight:        normal; 
    border:             1px #812E28 solid;
    padding-left:       .1em;
    text-align:         right;
}
.textoResaltado{
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          11px; 
    color:              #000000; 
    background:         #fef8c7;
    font-weight:        normal; 
    border:             1px #812E28 solid;
    padding-left:       .1em;
}
.textoDeshabilitado{
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          11px;
    color:              #000; 
    background:         #fef8c7;
    font-weight:        normal; 
    border:             1px #812E28 solid;
    padding-left:       .1em;
}
.textoError{
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          11px; 
    color:              #000000; 
    font-weight:        normal; 
    border:             1px #812E28 solid;
    background:         #FF8080;
}
.textoNumError{
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          11px; 
    color:              #000000; 
    font-weight:        normal; 
    border:             1px #812E28 solid;
    background:         #FF8080;
    text-align:         right;
}
.textoErrorSinBorde{
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          11px; 
    color:              #000000; 
    font-weight:        normal; 
    border:             0;
    background:         #FF8080;
}
.checkError{
    font-family:        Arial, Helvetica, sans-serif; 
    font-size:          11px; 
    color:              #000000; 
    font-weight:        normal; 
    border:             0;
    background:         #FF8080;
}
.noPadMar{
    margin:             0;
    padding:            0;
}
.mleft2{margin-left:    2em;}
.mright2{margin-right:  2em;}

.mleft4{margin-left:    4em;}
.mright4{margin-right:  4em;}

.pleft2{padding-left:    2em;}
.pright2{padding-right:  2em;}
.ptop2{padding-top:  2em;}

.pbottom01{padding-bottom:  0.1em;}
.mbottom05{margin-bottom:  0.5em;}
.mGral05{ margin: 0.5em;}

.pright02{padding-right:  1em;}

.borderbottom{border-bottom: 1px solid #812e27;}
.bdcha{border-right: 1px #812e28 solid;}
.borde{border: 1px #812e28 solid;}

.centrado{text-align:   center;}
.izquierda{text-align:   left;}
.derecha{text-align:   right;}
.neg{font-weight:       bold;}
.subrayado{text-decoration:    underline; }

.leyend{
    color:  black;
    font-size:  10px;
}

/*-- AQUI COMIENZAN LOS ESTILOS SOBRE ANCHURAS PARA CUMPLIR ACCESIBILIDAD --*/
.w3{width:      3%;}
.w5{width:      5%;}
.w10{width:     10%;}
.w12{width:     12%;}
.w13{width:     13%;}
.w15{width:     15%;}
.w18{width:     18%;}
.w20{width:     20%;}
.w23{width:     20%;}
.w25{width:     25%;}
.w30{width:     30%;}
.w31{width:     31%;}
.w32{width:     32%;}
.w33{width:     33%;}
.w35{width:     35%;}
.w40{width:     40%;}
.w45{width:     45%;}
.w49{width:     49%;}
.w50{width:     50%;}
.w55{width:     55%;}
.w60{width:     60%;}
.w65{width:     65%;}
.w68{width:     68%;}
.w70{width:     75%;}
.w75{width:     75%;}
.w80{width:     80%;}
.w85{width:     85%;}
.w90{width:     90%;}
.w95{width:     95%;}
.w100{width:    100%;}
