/* 
    Document   : estilos
    Created on : 5/01/2010, 04:28:27 PM
    Author     : acuevas
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#header{
   border:0 none;
   background:#1E4176 url(hd-bg.gif) repeat-x 0 0;
   padding-top:3px;
   padding-left:3px;
}
.satl-title{
    font-family: Arial;
    font-size: 11.5px;
    font-weight: bold;
}
.LineRojo{
background-color:#F00;
color:#FFFFFF;
}
.LineVerde{
background-color:#390;
color:#FFFFFF;
}
.LinkVerde{
color:yellow;
cursor:hand;
}
.LineVerdeNormal{
color:#39F;
cursor:hand;
}
.LinkVerde2{
color:yellow;
cursor:hand;
}
.LineVerdeNormal2{
color:#39F;
cursor:hand;
}
.x-btn-textDef{
    color: #eeeef0;
    font-weight: bold !important;
}

#divEncabezado{
    margin: 0;
    width: 100%;
    padding: 0;
   background: #FFFFFF;  /* color de fondo de encabezado*/
    border:1px solid #DDE5E9;
    height: 80%;
}

#divSesion{
    margin:0;
    padding: 0;
    /*border:1px solid #1E4176;*/
    height: 20px;
    width: 100%;
    float:left;
}

#divSesion p{
    font-size: 16px;    
    color: #000000;/**/
}
#idCerrarS{
    float: right; 
}
#pUsuario{
    font: bold;
    color: #57A1F9;
}
#divSesion p a{
    text-decoration:none;
    /*color:#010000;*/
    color: #526477;
}

#divModulos{
    margin:30px 0 0 0;
    padding: 0;
    background: #57A1F9;
    /*border:1px solid #1E4176;*/
    height: 35px;
}

.btnModulos{
    height: 35px;
    background-color: #57A1F9;
    color: #FFFFFF;
    float:left;
    border: medium none;/**/
    margin-right: 2px;/**/
    cursor: pointer;/**/
}
.btnModulos:hover{
    height: 35px;
    background-color: #7fb6f4;
    color: #FFFFFF;
    float:left;
    border: medium none;/**/
    margin-right: 2px;/**/
    cursor: pointer;/**/
}

.btnModulos img{    
    margin-top: 2px;
}

.btnLlamadaEstablecida{
    height: 40px;
    width:260px;
    background-color: #4AAC01;
    color: #FFFFFF;
    float:left;
    border:0;
}

.btnLlamadaNoEstablecida{
    height: 40px;
    width:260px;
    background-color: #B10101;
    color: #FFFFFF;
    float:left;
    border:0;
}

.btnLlamadaEstablecida img, .btnLlamadaNoEstablecida img{
    margin: 0 0 0 30px;
    float:left;
}

.btnLlamadaEstablecida span, .btnLlamadaNoEstablecida span{
    margin: 5px 0 0 10px;
    float:left;
}


.btnLlamada{
    border:0;
    margin:0 0 0 20px;
    height: 35px;
    width:100px;
    background-color: #63768D;
    color: #FFFFFF;
    float:left;
}
.btnLlamadaPendiente1{
    height: 35px;
    width:470px;
    background-color: #63768D;
    color: #FFFFFF;
    float:left;
    border:0;
}
.btnLlamadaPendiente{
    height: 35px;
    width:230px;
    background-color: #63768D;
    color: #FFFFFF;
    float:left;
    border:0;
}

.btnContinuarLlamada{
    height: 35px;
    width:470px;
    background-color: #63768D;
    color: #FFFFFF;
    float:left;
    border:0;
}

#divBienvenida{
    /*border:1px solid #1E4176;*/
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-color: #6CB7CC;
}

#divBienvenida img{
    display:block;
    margin: 0 auto;
}

#divPortadaLogin{
    /*border:1px solid #1E4176;*/    
    /*margin: 0 auto;*/
  position:absolute; z-index:1; width:100%; height:100%;
}

#divPortadaLogin img{
/*    display:block;
    margin: 0 auto;*/
width: 100%;
height: 100%
}



.headTLL{
    /*border:1px solid #000000;*/ 
    height:40px; 
    padding-top:20px;
    font-family:sans-serif
}

#divLogin{
    position: relative; 
    margin: -33% 0 0 20px;

    z-index: 3;
}