* { margin: 0; padding: 0; }
body { border:0; width:100%; min-width:600px; font:90% arial, helvetica, sans-serif; font-size:1.3em; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; height:100%; min-height:700px; background:#FFF url(../imagenes/bg-Superior.png) left top repeat-x;padding-bottom:150px; }
a { color: #444; cursor: pointer; outline:none; text-decoration:none }
a:hover { color: #4183C4; }
a img { border:0 }
.sinBorde { border:none!important; }
a#saltar { display:none }
.clearLeft { clear:left }
a#saltar:focus, a#saltar:hover, a#saltar:active { background:#66CC33 none repeat scroll 0%; color:#FFF; text-indent:3em; display:block }
.hideFromScreen { display: none; margin: 0px; }
.clear { clear: both; margin: 0; padding: 0; border:0; }
.clear hr { border:0; }
.pixeles40 { height:40px; border-top:1px dotted #D8D8D8 !important }
strong, span { color:#666666; }
p { color:#535353; font-size:0.6em; line-height:1.4em; margin-bottom:10px }
p img { margin:5px 10px; padding:0; border:3px double #CCC; }
a.lightbox img { margin:5px 5px 0 0; padding:0; border:0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; line-height: 1em; }
h1 { color:#333; font-size:1.5em; font-weight:normal; margin:7px 0 22px 0; display:inline-block; text-shadow:2px 2px 0 #d8d8d8 }
h2 { color:#4183C4; font-weight:normal; font-size:1.2em; margin: 20px 0; font-weight:bold; text-shadow:2px 2px 0 #f1f1f1 }
.separador { clear:both; float:none; display:block; border-top:1px solid #ccc; border-bottom:#888 1px solid; height:0px; margin:10px 0; }
.bodyOscuro { background-color:#606060; }
.flotarIzq { float:left; }
a.boton { display:block; padding:5px 8px; width:auto; border:1px solid #ccc; font-size: 0.6em; margin-left: 5px; }
div#top { width:90%; margin:0 auto; min-height: 100px; padding:2px 15px; }
div#cuerpo { width:90%; margin:0 auto; padding:2px 5px; background:#fff; height:auto;margin-bottom:80px;}
/*boleta*/
label#buscarCodigo span { display:block; float:left; padding:2px 5px 0 5px; margin-top: 2px; }
label#buscarCodigo input { width:150px; padding:2px 5px; float:left; height:21px; margin-right:-2px }
#enterBuscarCodigoProducto { font-size:0.7em !important; height:21px !important; border-radius:0 5px 5px 0 }
a#eliminarArticulo { display:none; }
#Boleta legend{ font-size:1.25em}
/*boleta*/

fieldset { border:none; }
fieldset legend { font-weight:bold; font-size:1.7em; text-transform:uppercase; display:block; width:100%; border-bottom:1px solid #ccc; color:#4183C4; margin-bottom:20px }
/*informacion boleta*/

div#informacionBoletaTop { padding: 15px 0; }
div#informacionBoletaTop div:first-child { line-height: 1.8em; width:55%; float: left; font-size:.65em; padding:0; color:#444; }
div#informacionBoletaTop div { width:40%; float:left; padding-left:20px; }
div#informacionBoletaTop a { float:right; display:block; margin-left: 5px; }
span#totalBoleta { line-height: 1.8em; display: block; float: right; text-align: center; width: 150px; font-size:.65em; color:#444; }
table#ultimaBoleta { float:left; }
table#ultimaBoleta th, table#ultimaBoleta td { font-size:.6em; color:#666; padding:2px 5px; text-align:center; }
div#informacionBoletaPie { padding-bottom: 15px; }
div#informacionBoletaPie a { display:block; float:right; padding:5px 8px; width: 180px; border:1px solid #ccc; font-size: 0.6em; margin-left: 5px; }
/*informacion boleta*/

/*div#pie { width:900px; margin:0 auto; background:#333; border-bottom-left-radius:5px; border-bottom-right-radius:5px; color:#fff; text-align:center; }
*/
 .clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; }
div#pie { border-top: 1px solid #EBEBEB;  height: 35px; overflow: hidden;  width: 100%; }
.pieInterno { font-size: 0.6em; line-height: 0; padding-top: 9px; padding-left:50px; white-space: nowrap; }
.pieInterno ul { color: #999999; float: left; max-width: 80%; }
.pieInterno ul li { display: inline; padding: 0pt 1.5em 0pt 0pt; }
.pieInterno a { color: #333333; }
div#pie p { color:#fff; }
/*listado opciones*/
ul.opciones { height:30px; width:auto; display:none; list-style: none; height: 20px; margin: 0; position:absolute; left:56px; top:0; z-index:9999; background:#F5F5B4; padding:3px 8px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #B6A375; }
ul.opciones li { display: block; float: left; margin: 0 5px; padding: 0 10px 0 0 }
ul.opciones li a { display: block; color: #21759B }
/*listado opciones*/


input.cantidadNueva { width:50px; text-align:center; }
tr.totales td { text-align:center!important; }
tr.totales td:first-child { text-align:right!important; padding-right:5px!important; }
p.errorBusqueda strong,span#errorBusqueda { color:red; text-align:center; display:block; }
p.errorBusqueda { color:red; font-size:0.8 em; clear:both; background:transparent url(../imagenes/bgError.gif) left top repeat; border:1px solid #F9D2D2; padding:5px 10px; text-align:center; text-transform:capitalize; margin:5px 0 }
p.msgNormal { border:1px solid #E5E5E5; height:19px; margin:7px; padding:4px 16px 4px 176px; background-color:rgba(243, 243, 243, 0.85) }
p.msgNormal a { color:#1155CC; font-weight:bold }
/**/

ul.nav { background:#f5f5f5; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fcfcfc', endColorstr='#ececec');
background:-webkit-gradient(linear, 0% 0, 0% 100%, from(#fcfcfc), to(#e8e8e8)); background:-moz-linear-gradient(270deg, #fcfcfc, #ececec); border-color:#eee; border:1px solid #e9e9e9; border-bottom-color:#f5f5f5; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); margin:3px 0 0 0; white-space:nowrap; font-size:0.7em; padding:8px 3px 8px 2px; font-size:0.65em; font-weight:bold; text-shadow:1px 1px 0 #fff; overflow:auto; }
ul.nav li { list-style-type:none; display:inline; margin:0 15px 0 0; float:left; }
ul.nav li { margin:0; padding:0 11px 0 13px; background:url('../imagenes/nav-separador.png') 0 50% no-repeat; }
ul.nav li:first-child { background:transparent; }
ul.nav.navSuperiorSub { float:right; width:auto }
ul.nav.navSuperior { margin-top:10px }
ul.nav.navSuperior li.itemDerecha { float:right }
ul.botoneraSecundaria { display:inline-block; *display:inline;
margin:0; float:left }
ul.botoneraSecundaria li { list-style-type:none; display:inline-block; margin:0; }
ul.botoneraSecundaria li a { display:inline-block; padding:3px 10px; font-size:0.85em; color:#333; text-shadow:1px 1px 0 #fff; white-space:nowrap; overflow:visible; cursor:pointer; border:1px solid #d4d4d4; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#f5f5f5; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bbb', endColorstr='#eee');
background:-webkit-gradient(linear, 0% 0, 0% 100%, from(#bbb), to(#eee)); background:-moz-linear-gradient(270deg, #bbb, #eee); border-color:#eee; border:1px solid #e9e9e9; border-bottom-color:#f5f5f5; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); }
ul.botoneraSecundaria li a em, #enterBuscarCodigoProducto em { display:inline-block; position:relative; top:-1px; margin-left:2px; line-height:12px; padding:1px 3px 0 3px; font-size:0.7em; background:#f8f8f8; border:1px solid #afafaf; border-right-color:#ececec; border-bottom-color:#ececec; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; color:#000; font-weight:bold }
ul.botoneraSecundaria li:first-child a { border-left:none; margin-right:-3px; }
ul.botoneraSecundaria li a:hover { background-color: #357AE8; background-image: -moz-linear-gradient(center top, #4D90FE, #357AE8); border: 1px solid #2F5BB7; color: #FFFFFF; text-shadow: 0pt 1px rgba(0, 0, 0, 0.3); }
ul.botoneraSecundaria li:first-child a:hover { -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; }
ul.botoneraSecundaria li:last-child a:hover { -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; }
.lighter, .lighter:hover { color:#333; text-shadow:1px 1px 0 #fff; border:none; background:#fafafa; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fafafa', endColorstr='#dddddd');
background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd)); background:-moz-linear-gradient(top, #fafafa, #ddd); }
.green, .green:hover { color:#fff; text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3); background:#36b825; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#36b825', endColorstr='#28881b');
background:-webkit-gradient(linear, left top, left bottom, from(#36b825), to(#28881b)); background:-moz-linear-gradient(top, #36b825, #28881b); border-color:#4a993e; }
.blue, .blue:hover { color:#fff; text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.3); background:#448da6; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#448da6', endColorstr='#32687b');
background:-webkit-gradient(linear, left top, left bottom, from(#448da6), to(#32687b)); background:-moz-linear-gradient(top, #448da6, #32687b); border-color:#275666; }
/*.btnLogin { color:#333333; text-shadow:1px 1px 0 #FFFFFF; background:#438bb1; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4794bc', endColorstr='#3a7999');
background:-webkit-gradient(linear, 0% 0, 0% 100%, from(#FFFFFF), to(#E1E1E1)); background:-moz-linear-gradient(-90deg, #FFFFFF, #E1E1E1); border-bottom-color:#438bb1; height:30px; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3); float:left; padding:5px; display:block; font-size:1.2em }*/

ul#simbolizacion{
    list-style:none;
    font-size:.7em;
}

label span { font-size:0.8em; font-weight:bold; color:#555 }
input.text, textarea { padding:5px; border:1px solid #d8dee2; margin:.2em 0 1em 0; }
/*.listadatos {font-size: 0.9em; background: #fff; margin: 10px 5px; width: 100%; border-collapse: collapse; text-align: left; }
.listadatos th { font-size: 1em; font-weight: normal; color: #039; padding: 10px 8px; border-bottom: 2px solid #6678b1; }
.listadatos td { border-bottom: 1px solid #ccc; color: #669; padding: 6px 8px; }
.listadatos tbody tr:hover td { color: #009; }
*/

form#login { background-color:#F5F5F5; border:1px solid #E5E5E5; padding:25px; width:250px; float:right }
form#login legend { font-size:0.9em; text-transform:none }
form#login label { display:block; margin-bottom:0.7em }
form#login label span { display:block; margin-bottom:0.2em; font-size:0.65em }
input[type="email"], input[type="number"], input[type="password"], input[type="text"], input[type="url"] { border:1px solid #D9D9D9; border-top-color:#C0C0C0; height:29px; padding-left:20px }
form fieldset label input[type="email"], form fieldset label input[type="number"], form fieldset label input[type="password"], form fieldset label input[type="text"],form fieldset label input[type="url"]{ height:20px}


input.search_init{ height:20px !important; width:70%; padding-left:5px}

div#boleta_filter{ font-size:0.6em; font-weight:bold;}
div#boleta_filter input{ height:20px}


input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="text"]:hover, input[type="url"]:hover { border:1px solid #B9B9B9; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset }
.input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="text"]:hover, input[type="url"]:hover { border:1px solid #B9B9B9; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset }
.btnLogin { background-color: #4D90FE; background-image: -moz-linear-gradient(center top, #4D90FE, #4787ED); border: 1px solid #3079ED; color: #FFFFFF; text-shadow: 0pt 1px rgba(0, 0, 0, 0.1); padding:5px 10px; font-size:0.75em; vertical-align:bottom }
.btnLogin:hover { background-color: #357AE8; background-image: -moz-linear-gradient(center top, #4D90FE, #357AE8); border: 1px solid #2F5BB7; color: #FFFFFF; text-shadow: 0pt 1px rgba(0, 0, 0, 0.3); cursor:pointer}
.btnLogin:active { box-shadow: 0pt 1px 2px rgba(0, 0, 0, 0.3) inset; }
div#loginIzq { margin-right:400px; }

.nav li a em { display:inline-block; position:relative; top:-1px; margin-left:2px; line-height:12px; padding:1px 3px 0 3px; font-size:0.7em; background:#f8f8f8; border:1px solid #afafaf; border-right-color:#ececec; border-bottom-color:#ececec; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
table.listadatos tr.odd td { background: #f7f7f7; }
table.listadatos td { border-left: 1px solid #eee; font-size: 0.65em; padding: 5px; text-align: center; color:#555 }
table.listadatos th { border-left: 1px solid #eee; font-weight: normal; font-size: 0.65em; text-align: left; padding: 0px; }
table.listadatos tfoot th { line-height: 1.5em; padding: 2px 0; }
table.listadatos tfoot th img { margin: 3px 0 9px; }
table.listadatos thead th { color: #333; font-weight: bold; text-align: center; padding:6px 0; background:#f5f5f5; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fcfcfc', endColorstr='#ececec');
background:-webkit-gradient(linear, 0% 0, 0% 100%, from(#fcfcfc), to(#e8e8e8)); background:-moz-linear-gradient(270deg, #fcfcfc, #ececec); border-color:#eee; border:1px solid #e9e9e9; border-bottom-color:#f5f5f5; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); }
table.listadatos tfoot th { text-align: center; background: #fff; font-size: 0.6em; border-top:1px solid #EEEEEE }
table.listadatos tfoot th strong { font-size: 0.7em; font-weight: bold; margin: .5em .5em .5em 0; color: #333; }
table.listadatos tfoot th em { color: #4183C4; font-weight: bold; font-size: 1.8em; font-style: normal; display:block; text-align:right }
table.listadatos { border: 1px solid #d7d7d7; border-collapse: collapse; margin: 5px auto 20px auto; width:100% }
td.valNumerico { text-align:right !important; padding-right:10px !important; }
td.valAlfanumerico { text-align:left !important; padding-left:10px !important; }
/* pestañas */
div#pestaña { width:90%; min-height:400px; border:1px solid #777; }
div.pestana { display:none; width:auto; min-height:100px; padding:10px; }
ul.menupestana { height:29px; border-bottom:1px solid #ccc; list-style:none; }
ul.menupestana a { float:left; display:block; padding:5px 10px; font-size:.65em; }
a.seleccionPestana { text-shadow:1px 1px 0 #fff; white-space:nowrap; overflow:visible; cursor:pointer;-webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; background:#f5f5f5; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fcfcfc', endColorstr='#ececec');
background:-webkit-gradient(linear, 0% 0, 0% 100%, from(#fcfcfc), to(#e8e8e8)); background:-moz-linear-gradient(270deg, #fcfcfc, #ececec); border-color:#eee; border:1px solid #e9e9e9; border-bottom-color:#f5f5f5; text-decoration:none; color:#333; font-weight:bold }



div.pestana ul { list-style:none; }
div.pestana form { margin:15px 0; }
div.pestana li { margin:5px; }
div#log { margin-top:20px; }
div#log p { color:red; font-size:.9em; margin:2px 0; }
form.editarAjax, form#ajax2 { display:none; }
ul.opcionesRegistro { float:right; display:none; }
form#filtros { padding-top:30px; display:none; }
form#filtros label { display:block;clear: both;padding: 5px 0; }
form#filtros label span {
    display: block;
    float: left;
    font-size: 0.65em;
    width: 180px;
}
#perfilCont { display:none; }
form#formhistorial { display:none; }

tr#sinRegistro td{text-align:center;}
form#filtrarFlujo{display:none;}
h3#filtrarTitulo{cursor:pointer;}
div.divIzquierda{ float:left; margin-right:20px;}
div.divDerecha{ float:right; margin-right:20px;}
ul.listadoElemento li span{ margin-left:20px}

div.nomDia{width:120px;height:50px;float:left;border:1px solid #cc1;}
div.dia{width:120px;height:130px;float:left;border:1px solid #cc1;}
a.odt{float:right;}
strong.diaNumero{float:left;font-size:.9em;width:auto;height:auto;}
div.hoy{background:#F2EEB6}
div#calendario{position:relative;}
div.semana{}
div.absolute{position:absolute;z-index:-1;}
div.hoyCien{height: 300px;width: 100%;}

ul#opciones{list-style:none;}
ul#opciones li a{float:left;padding:5px 10px;}

div.odt ul{list-style:none;}
div.odt ul li{font-size:.6em;}

div.nota{font-size:.7em;margin:3px 0 5px 0;clear:both;}
div.nota p{font-size:1em;}
div.nota ul{list-style:none;float:right;}
div.nota ul li{float:left;}

p.detalle{width:30%;float:left;font-size:.7em;}
p.detalle strong{padding-right:10px;}

.entregada span,.entregada div{background:green;color:#fff;}
.tramite span,.tramite div{background:yellow;color:#000;}
.atrasadas span,.atrasadas div{background:red;color:#fff;}
/*#contenido{height:400px;}*/

form#buscarOdt{float:right;}

.btnAccionesSecundarias img{ border:0; margin:2px }
.btnAccionesSecundarias { padding:4px .5em 0; border:1px solid #ccc; font-weight:bold; color:#666; background:#f6f6f6; background-image:-moz-linear-gradient(top, #ffffff, #efefef); background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#efefef);
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; white-space:nowrap; vertical-align:middle; cursor:pointer; overflow:visible }
.btnAccionesSecundarias:hover, .btnAccionesSecundarias:focus, .btnAccionesSecundarias-hover { border-color:#999; background:#f3f3f3; background-image:-moz-linear-gradient(top, #ffffff, #ebebeb); background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb)); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff, endColorStr=#ebebeb);
outline:0; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999 }
.btnAccionesSecundarias:active, .btnAccionesSecundarias-active, .btnAccionesSecundarias-active:hover, .btnAccionesSecundarias-active:focus { border-color:#999; background:#ddd; background-image:-moz-linear-gradient(top, #cccccc, #ffffff); background-image:-webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#ffffff)); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cccccc, endColorStr=#ffffff)