body { background: #6699CC;
    font-family: Arial,Helvetica,sans-serif;
}
ul {list-style: none;margin: 0;padding: 0;}
img { border: none; }


/*MENU*/
.contienemenu
{
    width: 200px;
    padding: 0;
    margin-top: 10px;
    float: left;    
    margin-left: 10px;
    background: transparent;    
}
.contienemenu .login
{
    background: url(../images/login.jpg) left no-repeat;
    width: 180px;
    height: 80px;    
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
}
.contienemenu .login label
{
    display: inline-block;
    float: left;
    width: 70px;
    color: #fff;
    font: bold 12px Arial, Verdana, Helvetica, sans-serif;
}
.contienemenu .login span
{
    color: #fff;
    font: bold 12px Arial, Verdana, Helvetica, sans-serif;
}
.contienemenu .login .boxlogin
{    
    width: 100px;
    height: 15px;
    border: none;
    background: #333A46;
    color: #fff;    
}
.contienemenu .login .btnLogin
{
   background:#333A46;
   border: none;
   color: #fff;
   font: bold 12px Arial, Verdana, Helvetica, sans-serif;
   cursor: pointer;
   margin-top: 10px; 
   width: 180px;
}
.contienemenu .login .btnLogin:hover
{
   background: #2E2E31;
   font: bold 14px Arial, Verdana, Helvetica, sans-serif;
   cursor: pointer;
}

#menu
{background: #333A46;}

#menu .menutop
{
    background: url(../images/menutop.gif) left no-repeat;
    padding: 0;
    height: 16px;    
}

#menu .menucuerpo
{ width: 200px; }

#menu .menucuerpo li a
{
    display: block;
    height: 26px;
    width: 170px;
    background: url(../images/menucuerpo.gif) left repeat;
    text-decoration: none;
    padding-left: 30px;
    padding-top: 6px;
    font: bold 12px Arial, Verdana, Helvetica, sans-serif;
    color: #fff;
}
#menu .menucuerpo li a:hover
{
    display: block;
    height: 28px;
    width: 170px;
    background: url(../images/menucuerpo-over.gif) left repeat;
    text-decoration: none;
    padding-left: 30px;
    padding-top: 6px;
    font: bold 13px Arial, Verdana, Helvetica, sans-serif;
    color: #fff;            
}

#menu .menubottom
{
    background: url(../images/menubottom.gif) left no-repeat;
    padding: 0;
    height: 16px;
    border-top: solid 1px #000;    
}

/*PRINCIPAL*/
#principal
{
    margin: 10px 0 0 220px;
    padding: 10px 10px 10px 10px;
    background: url(../images/principal.jpg) no-repeat;
    width: 1000px;
    height: 760px;
}
/*CUERPO*/
#cuerpo
{
    padding: 10px 10px 10px 10px;
    background: transparent;
    width: 960px;
    height: 720px;
    overflow: auto;
}

/*ESTILO PARA FORMULARIOS */
.frm 
{
    background: #ccccff; 
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    color: #000;
    width: 100%;
    padding-left: 5px;
    align:center;
    left: 10%;
    text-align: left;
}

.frm a:link    { color: #000000; text-decoration:none; }
.frm a:visited { color: #000000; text-decoration:none; }
.frm a:hover 
{ 
	color: #901111;
	font-size: 14px;	 
}
.frm a:active  { color: lime; }

.frm .frm_titulo
{
    font: bold 15px Arial, Verdana, Helvetica, sans-serif;
}
.frm .box
{ border: none; 
  margin-top: 2px;
    
}
.frm .boxlabel
{ border: none;
  margin-top: 2px;
    width: 45%;
}

.frm .boxlabelDesc
{ border: none;
  margin-top: 2px;
    width: 85%;
}

.frm label 
{ 
	display: inline-block;			
	width: 150px;		
	margin-right: 5px;
	margin-top: 2px;    
}

.frm label1
{
	display: inline-block;
        width: 15px;
	margin-right: 5px;
	margin-top: 2px;
}
.frm .radio
{	
	display: inline-block;
	background: #B4B4B4;
	width: 100px;
	font-size: 12px;
	color: #0B2996;	
	cursor: pointer;
}



/*ESTILO PARA FORMULARIOS */
.frm2
{
    background: #ccfecc;
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    color: #000;
    width: 70%;
    padding-left: 5px;
    align:center;
    left: 10%;
    text-align: left;
}

.frm2 a:link    { color: #000000; text-decoration:none; }
.frm2 a:visited { color: #000000; text-decoration:none; }
.frm2 a:hover
{
	color: #901111;
	font-size: 14px;
}
.frm2 a:active  { color: lime; }

.frm2 .frm_titulo
{
    font: bold 15px Arial, Verdana, Helvetica, sans-serif;
}
.frm2 .box
{ border: none;
  margin-top: 2px;

}
.frm2 .boxlabel
{ border: none;
  margin-top: 2px;
    width: 45%;
}

.frm2 .boxlabelDesc
{ border: none;
  margin-top: 2px;
    width: 85%;
}

.frm2 label
{
	display: inline-block;
	width: 150px;
	margin-right: 5px;
	margin-top: 2px;
}

.frm2 label1
{
	display: inline-block;
        width: 15px;
	margin-right: 5px;
	margin-top: 2px;
}
.frm2 .radio
{
	display: inline-block;
	background: #B4B4B4;
	width: 100px;
	font-size: 12px;
	color: #0B2996;
	cursor: pointer;
}


/*ESTILO PARA FORMULARIOS */
.frm3
{
    background: #D8D8D8;
    font: normal 12px Arial, Verdana, Helvetica, sans-serif;
    color: #000;
    width: 70%;
    padding-left: 5px;
    align:center;
    left: 10%;
    text-align: left;
}

.frm3 a:link    { color: #000000; text-decoration:none; }
.frm3 a:visited { color: #000000; text-decoration:none; }
.frm3 a:hover
{
	color: #901111;
	font-size: 14px;
}
.frm3 a:active  { color: lime; }

.frm3 .frm_titulo
{
    font: bold 15px Arial, Verdana, Helvetica, sans-serif;
}
.frm3 .box
{ border: none;
  margin-top: 2px;

}
.frm3 .boxlabel
{ border: none;
  margin-top: 2px;
    width: 45%;
}

.frm3 .boxlabelDesc
{ border: none;
  margin-top: 2px;
    width: 85%;
}

.frm3 label
{
	display: inline-block;
	width: 150px;
	margin-right: 5px;
	margin-top: 2px;
}

.frm3 label1
{
	display: inline-block;
        width: 15px;
	margin-right: 5px;
	margin-top: 2px;
}
.frm3 .radio
{
	display: inline-block;
	background: #B4B4B4;
	width: 100px;
	font-size: 12px;
	color: #0B2996;
	cursor: pointer;
}


/* ESTILO PARA BOTONES */

.btnOk
{
	border: 0;
	width: 150px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../images/ok.jpg) no-repeat;
	font-size: 12px;
	color: #000;
    margin: 2px 0 2px 0;
}
.btnOk:hover
{
	border: 0;
	width: 150px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../images/ok-over.jpg) no-repeat;
	font-size: 12px;
	color: #901111;
        margin: 2px 0 2px 0;
}

.btnCancel
{
	border: 0;
	width: 150px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../images/cancel.png) no-repeat;
	font-size: 12px;
	color: #000;
    margin: 2px 0 2px 0;
}
.btnCancel:hover
{
	border: 0;
	width: 150px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../images/cancel-over.png) no-repeat;
	font-size: 12px;
	color: #901111;
}
.btnDerecha
{
	border: 0;
	width: 150px;
	height: 25px;
	cursor: pointer;
	background: transparent url(../images/arrow_right.png) no-repeat;
	font-size: 12px;
	color: #000;
    margin: 2px 0 2px 0;
}
.btnDerecha:hover
{
	border: 0;
	width: 150px;
	height: 25px;
	cursor: pointer;
	background: transparent url(../images/arrow_right_over.png) no-repeat;
	font-size: 12px;
	color: #901111;
}

.btnIzquierda
{
	border: 0;
	width: 150px;
	height: 25px;
	cursor: pointer;
	background: transparent url(../images/arrow_left.gif) no-repeat;
	font-size: 12px;
	color: #000;
    margin: 2px 0 2px 0;
}
.btnIzquierda:hover
{
	border: 0;
	width: 150px;
	height: 25px;
	cursor: pointer;
	background: transparent url(../images/arrow_left_over.gif) no-repeat;
	font-size: 12px;
	color: #901111;
}

.btnDelet
{
	border: 0;
	width: 150px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../images/eliminar.jpg) no-repeat;
	font-size: 12px;
	color: #000;
}
.btnDelet:hover
{
	border: 0;
	width: 150px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../images/eliminar-over.jpg) no-repeat;
	font-size: 12px;
	color: #901111;
}
.btnEliminar
{
	border: 0;
	width: 25px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../images/eliminar.jpg) no-repeat;
	font-size: 12px;
	color: #000;
}
.btnEliminar:hover
{
	border: 0;
	width: 25px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../images/eliminar-over.jpg) no-repeat;
	font-size: 12px;
	color: #901111;
}
.btnEditar
{
	border: 0;
	width: 25px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../images/editar.jpg) no-repeat;
	font-size: 12px;
	color: #000;
}
.btnEditar:hover
{
	border: 0;
	width: 25px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../images/editar-over.jpg) no-repeat;
	font-size: 12px;
	color: #901111;
}
.btnEditar2
{
	border: 0;
	width: 25px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../images/edita.png) no-repeat;
	font-size: 12px;
	color: #000;
}
.btnEditar2:hover
{
	border: 0;
	width: 25px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../images/edita.png) no-repeat;
	font-size: 12px;
	color: #901111;
}
.btnVer
{
	border: 0;
	width: 25px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../images/ver.png) no-repeat;
	font-size: 12px;
	color: #000;
}
.btnVer:hover
{
	border: 0;
	width: 25px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../images/ver.png) no-repeat;
	font-size: 12px;
	color: #901111;
}
.btnBuscar
{
	border: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: transparent url(../images/icobuscar.jpg) no-repeat;
	font-size: 12px;
	color: #000;
}
.btnBuscar:hover
{
	border: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: transparent url(../images/icobuscar-over.jpg) no-repeat;
	font-size: 12px;
	color: #901111;
}
.btnRestaurar
{
	border: 0;
	width: 25px;
	height: 20px;
	cursor: pointer;
	background: transparent url(../images/restaurar.png) no-repeat;
	font-size: 12px;
	color: #000;
}
.btnImprimir
{
	border: 0;
	width: 25px;
	height: 22px;
	cursor: pointer;
	background: transparent url(../images/icoimprimir.jpg) no-repeat;
}

.btnImprimirBig
{
	border: soid blue;
	width: 48px;
	height: 48px;
	cursor: pointer;
	background: transparent url(../images/icoimprimir.jpg) no-repeat;
}

.btnImprimirBig:hover
{
	border: solid red;
	width: 48px;
	height: 48px;
	cursor: pointer;
	background: transparent url(../images/icoimprimir.jpg) no-repeat;
}

.btnImprimirGrilla
{
	border: 0;
	width: 21px;
	height: 22px;
	cursor: pointer;
	background: transparent url(../images/icoimprimir21.jpg) no-repeat;
}


.btnOREditar
{
	border: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: transparent url(../images/edit_over.png) no-repeat;
	font-size: 12px;
	color: #000;
}
.btnOREditar:hover
{
	border: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: transparent url(../images/edit.png) no-repeat;
	font-size: 12px;
	color: #901111;
}
.btnORDiferir
{
	border: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: transparent url(../images/diferido_over.png) no-repeat;
	font-size: 12px;
	color: #000;
}
.btnORDiferir:hover
{
	border: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: transparent url(../images/diferido.png) no-repeat;
	font-size: 12px;
	color: #901111;
}

.btnORRehacer
{
	border: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: transparent url(../images/redo_over.png) no-repeat;
	font-size: 12px;
	color: #000;
}
.btnORRehacer:hover
{
	border: 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: transparent url(../images/redo.png) no-repeat;
	font-size: 12px;
	color: #901111;
}

/*ESTILO PARA MENSAJES*/
.msg{
	background-color: #C0D2E8;	
	height: 32px;
	margin: 0 5px 0 5px;		
	font: normal 12px Tahomabold, Arialbold, sans-serif;	
}
.ico-alert{
	float: left;
	background: no-repeat url(../images/msg-alert.png) 2px 3px;
	width: 32px;
	height: 32px;
	margin: 0 5px 0 5px;
}
.ico-info{
	float: left;
	background: no-repeat url(../images/msg-info.png) 2px 3px;
	width: 32px;
	height: 32px;
	margin: 0 5px 0 5px;
}
.ico-note{
	float: left;
	background: no-repeat url(../images/msg-note.png) 2px 3px;
	width: 32px;
	height: 32px;
	margin: 0 5px 0 5px;
}


.msg2{
	background-color: #C0D2E8;	
	margin: 0 5px 0 5px;
	font: normal 12px Tahomabold, Arialbold, sans-serif;
        text-align: left;
}


/* NOVEDADES */

.box-flt-left{
float: left;

}
.box-flt-rigth{
float: right;
}

.box-20x100{
width: 20%;
}

.box-40x100{
width: 40%;

}

.box-45x100{
width: 45%;

}

.box-60x100{
width: 60%;

}
.box-info-noticias{
margin: 10px 0 0 0;
padding: 2px;
border: solid 1px #d2d2d2;
background-color: #f0f0f0;
}

.box-info-noticias .h3novedades{
display: block;
height: 48px;
background: #2d2d2d url(../images/notice-info.png) 5px 10px  no-repeat;
font: normal 120% Tahoma, Arial, sans-serif;
color: #f2f2f2;
text-align: center;
margin: 0 0 3px 0;
padding: 5px 0 0 30px;
}

.box-info-noticias .h3novedades1{
display: block;
height: 48px;
background: #2d2d2d url(../images/notice-note.png)  5px 10px  no-repeat;
font: normal 120% Tahoma, Arial, sans-serif;
color: #f2f2f2;
text-align: center;
margin: 0 0 3px 0;
padding: 5px 0 0 30px;
}

.box-info-noticias p{
font: normal 82% Arial, Helvetica, sans-serif;
text-align: left;
background: transparent;
color: #666;
padding-left: 10px;
margin: 0 0 4px 0;
}

.box-info-noticias .a-enlace-novedad{
display: block;
cursor: pointer;
padding: 2px 0 2px 0;
margin: 2px 0 2px 0;
}

.box-info-noticias .a-enlace-novedad:hover{
background-color: #FFFFD4;
}

/* CONFIGURACION DE BUSQUEDAS DE LISTAS */

.divlistas{
margin: 0;
padding: 0;
}


.divlistas .containerbusquedas{
display: block;
margin: 0 0 15px 0;
padding: 5px 0 5px 0;
}

.divlistas .containerbusquedas .divBusquedaTitulo{
/*background: url(../images/fondobusquedas.jpg) top left repeat-x;*/

padding: 0;
display: block;
text-align: left;
align:center;
}

.divlistas .containerbusquedas h3{
display: block;
margin: 0;
padding: 10px 0 0 0;
font: bolder 12px/14px trebuchet ms, Arial, Helvetica, sans-serif;
width: 150px;
background: transparent;
color: #1355a5;
text-align: right;
}

.divlistas .containerbusquedas h2{
margin: 0 0 10px 0;
padding: 10px 0 0 0;
font: bolder 12px/14px trebuchet ms, Arial, Helvetica, sans-serif;
background: transparent;
color: #1355a5;
}

.divlistas .containerbusquedas .divBusquedaRapida{
background: transparent;
display: block;
margin: 0;
padding: 10px 5px 5px 150px;
height: 30px;
border-bottom: 1px dotted #ccc;
}

.divlistas .containerbusquedas .divBusquedaRapida1{
background: transparent;
display: inline;
margin: 0;
padding: 10px 5px 5px 150px;
height: 30px;
border-bottom: 1px dotted #ccc;
}

.divlistas .containerbusquedas .divBusquedaRapida1 label{
display: inline;
font: bolder 12px/14px trebuchet ms, Arial, Helvetica, sans-serif;
background: transparent;
color:#45459A ;
}

.divlistas .containerbusquedas .divBusquedaAvanzada{
background: transparent;
display: block;
margin: 0;
padding: 10px 5px 5px 150px;
border-bottom: 1px dotted #ccc;
height: 85px;
}

.divlistas .containerbusquedas .divBusquedaAvanzada label{
display: inline;
font: bolder 12px/14px trebuchet ms, Arial, Helvetica, sans-serif;
background: transparent;
color:#45459A ;
}

.divlistas .containerbusquedas .divBusquedasVarias{
background: transparent;
display: block;
margin: 0;
left:50px;
padding: 10px 5px 5px 150px;
border-bottom: 1px dotted #ccc;
height: 255px;
text-align: left;
}

.divlistas .containerbusquedas .divBusquedasVarias label{
display: inline;
font: bolder 12px/14px trebuchet ms, Arial, Helvetica, sans-serif;
background: transparent;
color:#45459A ;
}



.divlistas .divcontainerfilas{
float: left;
}

.divlistas .containerbusquedas label{
display: block;
margin: 0;
padding: 0 0 0 1px;
font: normal 70% Arial, Helvetica, sans-serif;
background: transparent;
color: #999;
vertical-align: bottom;
}

.divlistas .containerbusquedas input{
background: #ccc;
margin: 2px;
padding: 2px;
border: 1px solid #999;
font: normal 90% Arial, Helvetica, sans-serif;
background: transparent;
color: #333;
vertical-align: top;
}

.divlistas .containerbusquedas input:hover{
background: #e2e2e2;
padding: 2px;
border: 1px solid #000;
}

.divlistas .divBusquedaRapida input{
background: #ccc;
margin: 2px;
padding: 2px;
border: 1px solid #999;
font: normal 90% Arial, Helvetica, sans-serif;
background: transparent;
color: #333;
vertical-align: top;
height: 30px;
}

.divlistas .divBusquedaRapida input:hover{
background: #e2e2e2;
padding: 2px;
border: 1px solid #000;
}

.divlistas .containerbusquedas .btnbuscar{
margin: 2px 0 0 0;
padding: 0;
width: 20px;
height: 21px;
border: 0;
background: transparent url(../images/icobuscar.jpg) no-repeat;
cursor: pointer;
}
.divlistas .containerbusquedas .btnbuscar:hover{
background: transparent url(../images/icobuscar-over.jpg) no-repeat;
margin: 2px 0 0 0;
padding: 0;
border: 0;
}

.divlistas .containerbusquedas .btnbuscar-texto{
margin: 2px 0 0 0;
padding: 0 0 0 22px;
height: 21px;
border: 0;
background: transparent url(../images/icobuscar.jpg) no-repeat;
cursor: pointer;
}

.divlistas .containerbusquedas .btnbuscar-texto:hover{
background: transparent url(../images/icobuscar-over.jpg) no-repeat;
margin: 2px 0 0 0;
padding: 0 0 0 20px;
border: 0;
}

.divlistas .containerbusquedas .btnlimpiar{
margin: 2px 0 0 0;
padding: 0;
width: 20px;
height: 21px;
border: 0;
background: transparent url(../images/icolimpiar.jpg) no-repeat;
cursor: pointer;
}

.divlistas .containerbusquedas .btnlimpiar:hover{
background: transparent url(../images/icolimpiar-over.jpg) no-repeat;
margin: 2px 0 0 0;
padding: 0;
border: 0;
}

.divlistas .containerbusquedas .btnAddDoc{
margin: 2px 0 0 0;
padding: 0;
width: 50px;
height: 21px;
border: 0;
background: transparent url(../images/icoagregardoc.jpg) no-repeat;
cursor: pointer;
}

.divlistas .containerbusquedas .btnAddDoc:hover{
background: transparent url(../images/icoagregardoc-over.jpg) no-repeat;
margin: 2px 0 0 0;
padding: 0;
border: 0;
}

.divlistas .containerbusquedas .btnbusquedaavanzada{
margin: 2px 0 0 0;
padding: 0;
width: 42px;
height: 21px;
border: 0;
background: transparent url(../images/icobusquedaavanzada.jpg) no-repeat;
cursor: pointer;
}

.divlistas .containerbusquedas .btnbusquedaavanzada:hover{
background: transparent url(../images/icobusquedaavanzada-over.jpg) no-repeat;
margin: 2px 0 0 0;
padding: 0;
border: 0;
}

.divlistas .containerbusquedas .btnbusquedarapida{
margin: 2px 0 0 0;
padding: 0;
width: 42px;
height: 21px;
border: 0;
background: transparent url(../images/icobusquedarapida.jpg) no-repeat;
cursor: pointer;
}

.divlistas .containerbusquedas .btnbusquedarapida:hover{
background: transparent url(../images/icobusquedarapida-over.jpg) no-repeat;
margin: 2px 0 0 0;
padding: 0;
border: 0;
}

.divlistas .containerbusquedas .btneditar{
margin: 2px 0 0 0;
padding: 0;
width: 20px;
height: 21px;
border: 0;
background: transparent url(../images/icoeditar.jpg) no-repeat;
cursor: pointer;
}

.divlistas .containerbusquedas .btneditar:hover{
background: transparent url(../images/icoeditar-over.jpg) no-repeat;
margin: 2px 0 0 0;
padding: 0;
border: 0;
}

.divlistas .containerbusquedas .celda{
float: left;
}
/* CONFIGURACION DE SOLAPAS DE LISTAS */
.campotitulo{
 font-weight:bold;
}
.campovalor{
 background:#DFDFDF;
 border:1px solid #BCBCBC;
}
.campoestado{
 background:#DFDFDF;
 border:1px solid #BCBCBC;
 font-weight:bold;
 font-size:16px;
 /*text-align:center;*/
}