/*
    Document   : Asistido
    Created on : 25-ene-2013, 14:50:47
    Author     : Juan Carlos Burgos Pulido <jburgos@linix.com.co>
    Description:
        Purpose of the stylesheet follows.
*/

.asistido {
   width: 95%;
   margin:0 auto 0 auto;
   padding: 0;
   text-align: center;
}

.formulario_asistido{
   background-image: url(imagen/fondo.jpg);
   border: 1px solid #D8D2D2;
   border-radius: 7px 7px 7px 7px;
   width: auto;
   padding: 20px;
   margin-right: auto;
   margin-left: auto;
   display: inline-block;
}


.formulario_asistido .contenido{
   overflow:visible;
}

.formulario_asistido .botones{
   margin-top:26px;
   display: inline-block;
   width: auto;
}

.formulario_asistido .botones input[type=button]{

}

.formulario_asistido .contenedor {
   padding: 15px;
   width: auto;
}

.formulario_asistido .visible{
   display: inline-block;
   width:auto;
   overflow:visible;
}

.formulario_asistido .oculto{
   display: none;
}

.titulo_resumen{
   background:url("imagen/vineta.gif") no-repeat left;
   font-weight: bold;
   color: #104a7b;
   margin-top: 15px;
   padding-top: 20px;
   padding-bottom: 5px;
   padding-left: 20px;
   vertical-align: middle;
}
.tabla_resumen{

}


/* --------------------------------- */
.titulos_asistido{
   background-color: #FFFFFF;
   color: #808080;
   font-size: 13px;
   font-weight: normal;
   left: 20px;
   line-height: 1.1em;
   margin-bottom:10px;
   top: 20px;
   overflow: hidden;
   display: block;
   padding: 4px;
   width: 100%;
   margin-left: auto;
   margin-right: auto;
}

.titulos_asistido .contenedor_paso{
   float: left;
   display:inline;
}
.titulos_asistido .hecho, .titulos_asistido .actual, .titulos_asistido .pendiente, .titulos_asistido .flecha{
   padding : 6px 15px;
   float: left;
   cursor:pointer;
}
.titulos_asistido .hecho, .titulos_asistido .actual, .titulos_asistido .pendiente{
   width:110px;
   height:36px;
}
.titulos_asistido .hecho{
   padding: 0;
   margin: 0;
   font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-align: center;
   color: #CECEF6;
   padding-top: 3px;
   border-top: solid #CECEF6 3px;
   width: 105px;
   height: 30px;
   margin-left: 3px;
   margin-right: 3px;
}

.titulos_asistido .actual{
   padding: 0;
   margin: 0;
   font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-align: center;
   color: black;
   padding-top: 3px;
   border-top: solid #184C6D 3px;
   width: 105px;
   height: 30px;
   margin-left: 3px;
   margin-right: 3px;
}

.titulos_asistido .pendiente{
   padding: 0;
   margin: 0;
   font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   text-align: center;
   text-decoration: none;
   color: silver;
   padding-top: 3px;
   border-top: solid silver 3px;
   width: 105px;
   height: 30px;
   margin-left: 3px;
   margin-right: 3px;
}

.titulos_asistido .flecha{
   padding: 0;
   margin: 0;
   float: right;
    border-color: transparent transparent #555555;
    border-style: solid;
    border-width: 0 105px 105px;
    height: 0;
    width: 0;
}
.titulos_asistido .contenedor_flecha{
   height: 117px;
   width: 240px;
}