/* Pagina Login */
/* JLSM */


#inputs input
{
   	background: #f1f1f1 url(../img/login-sprite.png) no-repeat;
    padding: 15px 15px 15px 30px;
    margin: 0 0 10px 0;
    width: 185px;/* 270px; */ /* 353 + 2 + 45 = 400 */
    border: 1px solid #ccc;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
    box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;
	color:#36535E; font-weight: normal;
}

#inputs input:focus
{
    background-color: #fff;
    border-color: #e8c291;
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
	
}

#username{background-position: 5px -2px !important;}
#password{background-position: 5px -52px !important;}

#submit:hover,#submit:focus
{		
    background-color: #fddb6f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));
    background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);
    background-image: linear-gradient(top, #ffb94b, #fddb6f);
}	

#submit
{		
    background-color: #ffb94b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));
    background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);
    background-image: linear-gradient(top, #fddb6f, #ffb94b);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    
     -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;    
    
    border-width: 1px;
    border-style: solid;
    border-color: #d69e31 #e3a037 #d5982d #e3a037;

    float: right;
    height: 35px;
    padding: 0;
    width: 120px;
    cursor: pointer;
    font: bold 15px Arial, Helvetica;
    color: #8f5a0a;
}
#submit:active
{		
    outline: none;
   
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;		
}
#submit::-moz-focus-inner
{
  border: none;
}

/* Pagina Index spliter */
/* JLSM */

#header{background:#c4dcfb;height:8%;}/* Header */
#leftheader{
float:left;width:80%;background:#c4dcfb;height:100%;
}
#rightheader{	/*Contains toolbar and horizontal splitter*/
float:right;width:15%;background:#c4dcfb;height:100%;
}
#splitterContainer {/* Main splitter element */
height:92%;width:100%;margin:0;padding:0;
}
#leftPane{
float:left;width:15%;height:100%;border-top:solid 1px #9cbdff;
background:#c4dcfb;
overflow: auto;
}
#rightPane{	/*Contains toolbar and horizontal splitter*/
float:right;width:85%;height:100%;
background:#f4f4f4;
}

#rightTopPane{/*Top nested in horizontal splitter */
width:100%;height:100%;overflow:auto;background:#f4f4f4;
}
#rightBottomPane{/*Bottom nested in horizontal splitter */
background:#f4f4f4;width:100%;overflow:auto;
}


/** Etiquetas del Menu **/


UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
UL.dropmenu {
	POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; z-index:100; BACKGROUND: url(../img/navigation.gif) repeat-x 0px 0px; HEIGHT: 35px; FONT-SIZE: 11px; PADDING-TOP: 1px;	
}
.dropmenu LI {
	POSITION: relative; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
.dropmenu LI A {
	PADDING-BOTTOM: 10px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; DISPLAY: block; /* HEIGHT: 22px; */ COLOR: #ffffff; CURSOR: point; BORDER-RIGHT: #0A3E61 1px solid; TEXT-DECORATION: none; PADDING-TOP: 10px;
}
.dropmenu LI SPAN {
	POSITION: absolute; WIDTH: 10px; DISPLAY: block; BACKGROUND: url(../img/arrow_up.png) repeat-x 0px 0px; FLOAT: right; HEIGHT: 10px; TOP: 12px; RIGHT: 10px
}
.dropmenu LI A:hover SPAN {
	BACKGROUND: url(images/arrow_hover.png) repeat-x 0px 0px
}
.dropmenu LI:hover UL {
	DISPLAY: block;
}
.dropmenu LI:hover DIV {
	DISPLAY: block;
	
}
.dropmenu UL {
	BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; /* WIDTH: 180px; */ PADDING-RIGHT: 0px; DISPLAY: none; BACKGROUND: /* url(../img/gradient.png) */ #ffffff /* repeat-x 0px 0px */; PADDING-TOP: 0px; MARGIN-TOP: 2px;
	
}
.dropmenu UL LI {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; FLOAT: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px;   
}
.dropmenu UL A {
	/* BORDER-BOTTOM: 0px; */ /* BORDER-LEFT: #ccc 1px solid; */ BORDER-TOP: #162C40 1px solid; /*BORDER-RIGHT: #ccc 1px solid; */ TEXT-TRANSFORM: none; DISPLAY: block; WHITE-SPACE: nowrap; COLOR: #C4FFFF;  /* TEXT-DECORATION: underline; */
	background: #3D5E80; 
}
.dropmenu A.selected {
	BACKGROUND: url(../img/navigation_.png) #ffffff repeat-x 0px 0px; COLOR: #0657ad !important; 
}
.dropmenu A:hover {
	BACKGROUND: url(../img/navigation_.png) #ffffff repeat-x 0px 0px; COLOR: #0657ad !important; 	
}
.dropmenu A.selected SPAN {
	BACKGROUND: url(../img/arrow_hover.png) repeat-x 0px 0px;POSITION: absolute; z-index:1000;
}
A.selected {
	BACKGROUND: url(../img/gradient.png) #ffffff repeat-x 0px 0px; COLOR: #0657ad !important
}
A:hover {
	BACKGROUND: url(../img/gradient.png) #ffffff repeat-x 0px 0px; COLOR: #0657ad !important
}
A.selected SPAN {
	BACKGROUND: url(../img/arrow_hover.png) repeat-x 0px 0px
}
.dropmenu UL A:hover {
	BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #1F3d59/* #f0f0f0 */; COLOR: #FFFFFF/* #f67a00 */ !important; TEXT-DECORATION: none;
	BORDER-TOP: #162C40 1px solid; 
}
.dropmenu DIV UL {
	POSITION: relative; DISPLAY: block
}
.dropmenu LI DIV {
	BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 2px; PADDING-RIGHT: 5px; DISPLAY: none; BACKGROUND: url(../img/gradient.png) #ffffff repeat-x 0px 0px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 5px
}
.dropmenu LI DIV UL {
	BORDER-BOTTOM: medium none; POSITION: relative !important; BORDER-LEFT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
.dropmenu LI DIV A {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
.dropmenu LI DIV DIV {
	BORDER-BOTTOM: medium none; POSITION: relative; BORDER-LEFT: medium none; DISPLAY: block; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
.dropmenu LI DIV DIV A {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; COLOR: #666; BORDER-TOP: medium none; BORDER-RIGHT: medium none; TEXT-DECORATION: underline; PADDING-TOP: 0px
}
.dropmenu LI DIV DIV A:hover {
	COLOR: #000; TEXT-DECORATION: none
}

UL.left {
	WIDTH: 145px; FLOAT: left
}
UL.right {
	WIDTH: 145px; FLOAT: right
}
.small {
	PADDING-BOTTOM: 8px !important; PADDING-LEFT: 5px !important; PADDING-RIGHT: 5px !important; DISPLAY: block; COLOR: #666; CLEAR: both; FONT-SIZE: 10px; PADDING-TOP: 10px !important
}
.cuerpo {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    min-width: 90%;
    background-color: #FAFAFA;
}

.divSites{
    font-size: 12px;
    padding: 8px 2px 3px; 
    vertical-align: middle; 
    float: right;
}

.divSites ul{
    list-style: none outside none; 
    margin: 0; 
    padding: 0;
}

.divSites ul li{
    display: block; 
    float: left; 
    margin: 0 0.15em; 
    list-style-type: none;
}

.divLog{
    border-right: 2px solid #DDDDDD; 
    font-weight: normal; 
    padding: 8px 10px 3px; 
    vertical-align: middle; 
    text-align: right;
    float: right;
}

.divEmpresa{
     padding-top: 3px; 
     height: 23px; 
     vertical-align: bottom; 
     text-align: center; 
     width: 180px; 
     float: right;
}
.piePag{
    text-align: center; 
    height:5px; 
    padding: 0px 0px; 
    border-top: 1px dashed #CCCCCC;
}
.tablaGen {
    clear: both;
    margin: auto auto 15px;
    width: 99%;
}
.tablaGen caption {
    background: none repeat scroll 0 0 #F5F5F5;
    font-size: 12px;
    margin: auto;
}
.tablaGen th {
    background-color: #6591AE;
    color: #FFFFFF;
    text-align: center;
    padding: 5px;
    font-size: 11px;
}
.tablaGen td {
    border-bottom: 1px dashed #CCCCCC;
    background: none repeat scroll 0 0 #F5F5F5;
    font-size: 11px;
    padding: 5px;
}