.normal {
	font-family: Arial, Helvetica, sans-serif!important;
	font-size: 11px!important;
	font-weight: normal!important;
}

.impar{
font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #D9D9D9;	
	border-width:0;
	
}	

.par{
font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #E0E0E0;	
	border-width:0;	
}	

	
.boldfondogris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #CCCCCC;	
	

}
.titulobold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.renglonceleste {
	background-color: #6389C7;
	text-indent: 0.1cm;
	font-weight: bold;
	font-size: 11px;

}
.subtitbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: normal;	
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: normal;	
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
    font-weight: normal;
	text-decoration: underline;
	color: #6389C7;
}

a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000FF;
}
.normalBlanco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;

}
.bold {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
}
.normalEpigrafe {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
.renglonGris {

	background-color: #E6E7E8;
	text-indent: 0.1cm;
}
.rengloncelesteClaro {
	background-color: #E7E7EF;
	text-indent: 0.1cm;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


input [type="text"] {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 11px;
}

input [type="number"] {
	font-family: Arial, Helvetica, sans-serif!important;
	color: black!important;
	font-size: 11px!important;
}
.tdboldfondogriscenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #E6E7E8;
	text-align:center
}


.tdboldfondogris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #E6E7E8;
	text-align:right
}

.tdfondogris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #E6E7E8;
	text-align:right
}

.tdboldfondogrisClaroLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #E6E7E8;
	text-align:left
}

.tdboldfondoVerdeClaroLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	background-color: #E6E7E8;
	text-align:left;
	color: #008080;
}

.tdboldrojofondogris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #E6E7E8;
	text-align:right;
	color: #FF0000;
}

.tdboldfondogrisLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #CCCCCC;
	text-align:left;
} 

.tdcomunbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	text-align:left;	
	background-color: #FFFFFF;
	border-width:0;
	
}

.tdcomunboldCenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	text-align:center;
}



.tituloseccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	color: #FFFFFF;
    background-color: #6389C7;  
    text-align:left;
   
}

.tituloseccionCenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	color: #FFFFFF;
    background-color: #6389C7;  
    text-align:center;
   
}


.trtituloseccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: #FFFFFF;
    background-color: #6389C7;  
    text-align:left;
   
}

.trtituloseccionCenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;	
	color: #FFFFFF;
    background-color: #6389C7;  
    text-align:center;
   
}

.tdtituloseccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #CCCCCC;
	text-align:left;	
} 

.tdseccion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-align:left;	
    border:none;    
    padding:0cm 5.4pt 0cm 5.4pt;
    border-bottom:solid #BFC3C6 1.0pt;
    border-collapse: collapse;
} 
 
.tdseccionCenter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-align:center;	
    border:none;    
    padding:0cm 5.4pt 0cm 5.4pt;
    border-bottom:solid #BFC3C6 1.0pt;
    border-collapse: collapse;
}  

.tdseccionRight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-align:right;	
    border:none;    
    padding:0cm 5.4pt 0cm 5.4pt;
    border-bottom:solid #BFC3C6 1.0pt;
    border-collapse: collapse;
} 
.normalrojo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
}

.Boldbordo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	color: #800000;
}

.trtituloseccionLetras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;		
    background-color: #B5C3DE;  
    text-align:center;
   
}

.tdboldfondogrisLst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #BFC3C6;
	text-align:left;
} 


.tdseccionLst{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-align:center;	
    border:none;    
    padding:0cm 5.4pt 0cm 5.4pt;
    border-bottom:solid #E6E7E8 1.0pt;
    border-collapse:collapse;
    border:none;
   
}

.tdtituloseccionLstSel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #993399;
	background-color: #E6E7E8;
	text-align:center;	
} 
.tdtituloseccionLst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	text-align:center;	
	background-color: #E6E7E8;
	
} 

.tdTituloGrande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;	
	text-align:left;	
	background-color: #E6E7E8;
	color: #800000;
}

.tdchicaCenterCeleste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align:center;
	font-weight: bold;	
	background-color: #D3D3D3;
	color: #4682B4;
	border-width:2px; 
    border-left-style:groove;
    border-right-style:groove;
    border-bottom-style:groove;  
} 



.tdchicaCenter{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	font-weight: bold;	
	background-color: #D3D3D3;
    border-width:2px; 
    border-left-style:groove;
    border-top-style:groove;
    border-right-style:groove; 
}

.tdDetalleVentasLeft{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
	background-color: #E6E7E8;	    
} 

.tdDetalleVentasCenter{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	background-color: #E6E7E8;	   
}

.tdDetalleVentasRight{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;	
	background-color: #E6E7E8;
		   
}
 
.tdDetalleCatalogoLeft{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;	
	 border:none; 
	    padding:0cm 5.4pt 0cm 5.4pt;
    border-bottom:solid #BFC3C6 1.0pt;
    border-collapse: collapse;   
    
} 

.tdDetalleCatalogoCenter{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	 border:none;  
	    padding:0cm 5.4pt 0cm 5.4pt;
    border-bottom:solid #BFC3C6 1.0pt;
    border-collapse: collapse;  
 
}

.tdDetalleCatalogoRight{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;	
	 border:none; 
	    padding:0cm 5.4pt 0cm 5.4pt;
    border-bottom:solid #BFC3C6 1.0pt;
    border-collapse: collapse;   
    
}

.tdDetalleVentasBoldRight{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;	
	background-color: #E6E7E8;	 
	font-weight: bold;	  
}
  
.tdDetalleVentasBoldAzulRight{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;	
	background-color: #E6E7E8;	 
	font-weight: bold;	  
	color: #6389C7;
    
}
.indicador {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;	
	text-align: center;
	background-color: #D3D3D3;		
	border-width:0;
}

.indicadorRojoGrande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;	
	text-align: center;
	background-color: #D3D3D3;		
	border-width:0;
	color: #FF0000;
}

.indicadorRojo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	text-align: center;
	background-color: #D3D3D3;		
	border-width:0;
	color: #FF0000;
}

.indicadorLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	text-align: left;
	background-color: #D3D3D3;		
	border-width:0;
}	

.tdCenterBordo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	font-weight: bold;	
	background-color: #D3D3D3;
	color: #800000;
	border-width:2px; 
    border-left-style:groove;
    border-right-style:groove;
    border-bottom-style:groove;  

}  

.tdLeftBordo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	font-weight: bold;	
	background-color: #D3D3D3;
	color: #800000;
	border-width:2px; 
    border-left-style:groove;
    border-right-style:groove;
    border-bottom-style:groove; 

} 

.estilotextarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;	
	border-width: thin;
	padding: 2px;
	left:0px;
    line-height: 6px;
	list-style-position:inside;
	margin-left:2px;
	margin-bottom: 0px;
	text-indent: 1cm; 
	    
}

.table{
 border-collapse: collapse;
 background-color:#E6E7E8;
 table-layout: fixed;
 caption-side: top;
 margin-bottom: 1em;
 
}

.tbCss1 {background: #FFFFFF;color: #333377;font-size:11px;padding: 6px;margin: 3px;border:2px groove #C8C8F2;line-height: 1.5em;white-space: nowrap;font-family: verdana,arial,helvetica,sans-serif;} 
.tb1CaptionTop {caption-side: top;color:#191970;font-weight: bold;font-size:11px;font-family: verdana,arial,helvetica,sans-serif;} 


 	.accordion h1
  	{
  		font-size:8pt; 	
  		font-weight: bold;	  		
  		background-image:url("../imgs/indexFlecha.gif");        
  	    background-position:left center; 	
  	    background-repeat:no-repeat; 	
  	    text-align:left;
  	}
  	
  	.accordion h3   	{
  		font-size:10pt; 				
  		background-image:url("../imgs/indexFlecha.gif");        
  	    background-position:left center; 	
  	    background-repeat:no-repeat; 	
  	    text-align:left; 
  	}
 	 
  	.accordion p
  	{
  		font-size:7pt;
  		padding:2px;
  		margin:2px;  		
  	    font-weight: bold; 
  	    background-image:url("../imgs/vinieta.gif");
        background-repeat:no-repeat;
  	    background-position:left bottom; 
  	    text-indent:8%;
  	   
  	}  	
 
.ReferenciaCeleste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align:left;
	font-weight: bold;	
	background-color: #D3D3D3;
	color: #4682B4;
	border-width:2px; 
    border-left-style:groove;
    border-right-style:groove;
    border-bottom-style:groove;  
}  	
  	

.modal-overlay
{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background:#fff;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	z-index:101;	
}


.modal-window
{	position:fixed;
	top:50%;
	left:50%;	
	margin:0;
	padding:0;
	z-index:102;	
	
}

.modal-window1
{	position:fixed;
	top:50%;	
	left:50%;	
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	font-weight: bold;	
	background-color: #D3D3D3;
	color: #800000;
	border-width:2px; 
    border-left-style:groove;
    border-right-style:groove;
    border-bottom-style:groove;  
	z-index:102;	
	
}
.close-window{
	position:absolute;
	width:15px;
	height:15px;
	right:8px;
	top:8px;
    background:transparent url('${pageContext.request.contextPath}/imgs/Borrado4.jpg') no-repeat scroll right top;   
 	text-indent:-99999px;
	overflow:hidden;
	cursor:pointer;	
	opacity:.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

.close-window:hover
{ 
	opacity:.99;
	filter: alpha(opacity=99);
	-moz-opacity: 0.99;
}

  	
.Dialog {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: #FFF;
    padding: 0px;
    width: 350px;
    color: #222;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 4px 2px #222;
    -moz-box-shadow: 0px 0px 4px 2px #222;
    box-shadow: 0px 0px 4px 2px #222;
    *border: 1px solid #666;    /* IE6 & 7 */
    border: 1px solid #666\9;   /* IE8 */
}

.Dialog_Title {
    margin: 0;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 14px;
    background: #222;
    color: #FFF;
    text-align: left;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    *padding: 7px 10px;     /* IE6 & 7 */
    padding: 7px 10px\9;    /* IE8 */
}

.Dialog_Body
 { background-repeat: no-repeat; 
   background-position: 10px 10px; 
   padding: 10px; 
   text-align: left
 }

.Dialog_Icon{
 padding: 10px 10px 10px 68px;
 min-height: 48px; _height: 48px
}

.Dialog_Confirmation{
  background-image: url('../imgs/confirmacion.png')
 }

.Dialog_Error{
  background-image: url('../imgs/error.png')
}

.Dialog_Information{
 background-image: url('../imgs/informacion.png') 
}

.Dialog_Question{
 background-image: url('../imgs/pregunta.png') 
}
.Dialog_Warning{
 background-image: url('../imgs/advertencia.png'); 
 padding: 10px 10px 10px 28px;
 min-height: 48px; 
 height: 48px
}

.Dialog_Buttons {
    background: #E5E5E5;
    border-top: 1px solid #DADADA;
    padding: 5px 5px 5px 10px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ZebraDialog_Buttons a {
    text-decoration: none;
    font-weight: bold;
    color: #000;
    background: transparent;
    border: 1px solid #AAA;
    padding: 4px 10px;
    float: right;
    margin-right: 5px;
    min-width: 60px;
    _width: 60px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.Dialog_Buttons a:hover 
 { background: #717366; color: #FFF }

.DialogOverlay{
 background: #666 }
 
 .tdchicaCenterWhiteBorderTop{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	font-weight: bold;	
	background-color: #FFFFFF;
    border-width:1px; 
    border-left-style:outset;
    border-top-style:outset;
    border-right-style:outset; 
}

.tdchicaCenterWhiteBorderDown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align:center;
	font-weight: bold;	
	background-color: #FFFFFF;
	border-width:1px; 
    border-left-style:outset;
    border-right-style:outset;
    border-bottom-style:outset;  
} 



.shadow {
    -moz-box-shadow: 3px 3px 4px #111;
    -webkit-box-shadow: 3px 3px 4px #111;
    box-shadow: 3px 3px 4px #111;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111')";
    background:#RRR;
}

.box h3{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:left;
	position:relative;
	top:19px;
}
.box h2{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-align:left;
	position:relative;
	top:19px;
}
.box {
	width:650px;
	height:90px;
	background:#FFF;
	margin:5px 5px;
}

.boxChico h3{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	position:relative;
	top:12px;
}
.boxChico h2{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:center;
	position:relative;
	top:12px;
	
}
.boxChico {
	width:200px;
	height:35px;
	background:#FFF;
	margin:3px 3px;
}


/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
}


.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
	font-size:10px !important;
}