@charset "utf-8";

/********************************************/
/* Documento CSS realizado por David Molina */
/********************************************/

/*****************/
/*Estilo del body*/
/*****************/
body{
color:#666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
margin-left: 0px;
margin-top: 0px;
overflow:hidden !important;
}

/*****************************/
/*Estilo del mensaje de carga*/
/*****************************/
.background_progressbar{
background:#000;
height:100%;
left:0;
opacity:0.7;
overflow:hidden;
position:absolute;
top:0;
width:100%;
z-index:9999; 
}

#progressbar .ui-progressbar-value {
background-color: #ccc;
}

.progressbar{
left:50%;
margin:-150px 0 0 -150px;
position:relative;
top:50%;
width:300px;
}


/*********************/
/*Estilo de los links*/
/*********************/
a:link {
color: #FFF;
}

a:visited {
color: #FFF;
}

a:hover {
color: #FFF;
}

a:active {
color: #FFF;
}

/************************/
/*Estilo del page holder*/
/************************/
.contenedor{	
min-height: 500px;
margin:0 auto;
margin-top:20px;
width:850px;
}

.columna_cent{
background:url(../images/colum_cent.png) repeat-y;
float:left;
min-height:370px;
width:850px;
}

/*******************/
/*Estilo del header*/
/*******************/
.head_cent{
float:left;
height:185px;
width:850px;
}

/******************/
/*Capa del usuario*/
/******************/
.usuario{
/*border:#000 1px solid;*/
color:#666;
height:30px;
position:absolute;
margin-left:40px;
margin-top:160px;
width:auto;
}

/***********************************/
/*Estilo del cintillo gubernamental*/
/***********************************/
.cintillo_top{
background:url('../images/cintillo_gobierno.png') no-repeat;
float:left;
height:50px;
width:850px;
}

/*******************/
/*Estilo del footer*/
/*******************/
.foot_izq{
background:url(../images/footer_izq.png) ;
float:left;
height:60px;
width:100px;
}

.foot_cent{
background:url(../images/footer_cent.png) repeat-x;
float:left;
height:60px;
width:650px;
}

.foot_der{
background:url(../images/footer_der.png);
float:left;
height:60px;
width:100px;
}

.footer_text{
color:#666;
height:60px;
left:132px;
position:relative;
text-align:center;
top:15px;	
width:100%;
}

/**********************/
/*Estilo del copyright*/
/**********************/
.footer_text_izq{
background:url(../images/footer_left.png) no-repeat;
float:left;
height:60px;
position:relative;
text-align:center;	
width:11px;
}

.footer_text_cent{
background:url(../images/footer_center.png) repeat-x;
color:#666;
float:left;
font-size:10px;
font-weight:bold;
height:60px;
line-height: 25px;
position:relative;
text-align:center;	
width:auto;
}

.footer_text_der{
background:url(../images/footer_right.png) no-repeat;
float:left;
height:60px;
position:relative;
text-align:center;	
width:35px;
}

/********************************************************/
/*Estilo de la capa que contiene el contenido del portal*/
/********************************************************/
#contentScroller{
width:20000px;
}

.contenido{
width:730px;
height:310px;
overflow:hidden;
padding-right:25px;
}

/*.cargando{
color:#000;
float:left;
height:600px;
margin:0px 0px 0px 0px;
width:1100px;	
}*/

.contentScroller .page{
color:#000;
float:left;
height:308px;
width:753px;
}

/***********************/
/*Estilo del formulario*/
/***********************/
.boton{
background:#fff;
border:#cc0000 2px solid;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
color:#cc0000;
font-size:12px;
font-weight:bold;
}

.boton:hover{
background:#cc0000;
border:#cc0000 2px solid;
color:#FFF;
cursor:pointer;
}

/***********************************************/
/*Estilo del botón personalizado del sexy alert*/
/***********************************************/
.ok{
position:absolute;
bottom:39px;
right:50px;
width:50px;	
}

/**********************************/
/*Clases para ocultar contenedores*/
/**********************************/
.oculto{
visibility:hidden;
}

/***********************************/
/*Estilo de la capa de los sistemas*/
/***********************************/
.capa_sistemas .sistema{
float:left;
font-size:10px;
height:80px;
margin-top:5px;
margin-right:5px;
width:120px;
}

.capa_sistemas .sistema:hover{
color:#cc0000;
opacity:0.7;
}

.sistema .icono_sistema{
height:43px;
position:relative;
width:100%;
}

.sistema .icono_sistema:hover{
cursor:pointer;
}

.sistema .desc_sistema{
position:relative;
width:100%;
}

/*********************************************/
/*Estilo de la capa de las opciones de cuenta*/
/*********************************************/
.capa_opcion_cuenta .opcion_cuenta{
float:left;
font-size:10px;
height:80px;
margin-top:5px;
margin-right:5px;
width:120px;
}

.capa_opcion_cuenta .opcion_cuenta:hover{
color:#cc0000;
opacity:0.7;
}

.opcion_cuenta .icono_opcion_cuenta{
height:43px;
position:relative;
width:100%;
}

.opcion_cuenta .icono_opcion_cuenta:hover{
cursor:pointer;
}

.opcion_cuenta .desc_opcion_cuenta{
position:relative;
width:100%;
}

.msj_error{
color:#cc0000;	
}