body {
    margin:0px;
    background:#FFF;
}
.newweb{
    font-family: cursive;
    font-size: 24px;
    color:gray;
}
.newwebbt{
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    background: #3498db;
    padding: 10px 20px 10px 20px;
    border: solid #1f628d 2px;
    text-decoration: none;
}
.newwebbt:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}
.logofondo{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
bodyPruebas table{
    background-color: #dce9f9;
}
table{
    border-radius:5px 5px 5px 5px;
}
.sombra{
    -moz-box-shadow: 3px 3px 4px #999;
    -webkit-box-shadow: 3px 3px 4px #999;
    box-shadow: 3px 3px 4px #999;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}
button{
    border-radius:10px 10px 10px 10px;
}
input{
    border-radius:5px 5px 5px 5px;
}
select{
    border-radius:5px 5px 5px 5px;
}
tr {
    border-radius:5px 5px 5px 5px;
}
td {
    border-color:#dce9f9;
    font:14px Arial, Helvetica, sans-serif;
    border-radius:5px 5px 5px 5px;
}
a {
    /*	color: #c3dcfa;*/
    color: #5C3D74;
    text-decoration: none;
}
a:hover {
    /*	color: #003366;*/
    color: #3D5C74;
}
img {
    margin-left:5px;
    margin-right:5px;
}
/* ID Styles */

#navigation td {
    border-bottom: 2px solid #F4FFE4;
}
#navigation a {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #003366;
    line-height:16px;
    letter-spacing:.1em;
    text-decoration: none;
    display:block;
    padding:8px 6px 10px 20px;
}
#navigation a:hover {
    background: #99CC66;
    color:#c3dcfa;
}
#logo {
    font:24px Arial, Helvetica, sans-serif;
    color: #c3dcfa;
    letter-spacing:.2em;
    line-height:30px;
}
#tagline {
    font:11px Arial, Helvetica, sans-serif;
    color: #c3dcfa;
    letter-spacing:0.4em;
    line-height:18px;
}
#monthformat {
    border-bottom: 1px dashed #c3dcfa;
}
#dateformat {
    font:11px Arial, Helvetica, sans-serif;
    color: #993300;
    letter-spacing:.2em;
}
#dateformat a {
    font:11px Arial, Helvetica, sans-serif;
    color: #993300;
    font-weight:bold;
    letter-spacing:.1em;
    text-decoration:none;
}
#dateformat a:hover {
    color: #F4FFE4;
    letter-spacing:.1em;
}
/* Class Styles */

.bodyText {
    font:10px Arial, Helvetica, sans-serif;
    color:#666666;
}
.bodyText3 {
    font:10px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#666666;
}
.pageName {
    color: #003366;
    letter-spacing:0.25em;
    background-color: #c3dcfa;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 20px;
    font-style:italic;
    font-variant:small-caps;
    padding: 10px;
    margin: 5px;
    font-weight: bold;
    text-align: center;
}
.subHeader {
    font:bold 11px Arial, Helvetica, sans-serif;
    color: #993300;
    line-height:22px;
    letter-spacing:.2em;
}
.quote {
    font: 20px Arial, Helvetica, sans-serif;
    color: #759DA1;
    line-height:30px;
}
.smallText {
    font: 10px Arial, Helvetica, sans-serif;
    color: #666666;
    line-height: 22px;
}
.smallText2 td{
    font: 11px Arial, Helvetica, sans-serif;
    color: #aeacac;
    font-weight: bold;
    line-height: 22px;
}
.navText {
    font: 11px Arial, Helvetica, sans-serif;
    color: #003366;
    line-height:16px;
    letter-spacing:.1em;
    text-decoration: none;
}
.navText2 {
    font: 18px Arial, Helvetica, sans-serif;
    color: #003366;
    line-height:16px;
    letter-spacing:.1em;
    text-decoration: none;
    vertical-align: middle;
}
.navText3 {
    font: 18px Arial, Helvetica, sans-serif;
    color: #FF3366;
    line-height:16px;
    letter-spacing:0.1em;
    text-decoration: none;
    vertical-align: middle;
}
.bodyText2 {
    color:#003366;
    line-height:20px;
    margin-top:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.flecha {
    cursor: pointer;
}
.elecciones ,.elecciones2,elecciones3{
}
.elecciones:hover td{
    cursor:pointer;
    color: #333;
    font-weight:bolder;
    font-size: 14px;
}
.elecciones2:hover {
    cursor:pointer;
    color: #EEEEEE;
    background-color: #000077;
}
.elecciones3:hover {
    cursor:pointer;
    color: #3a3;
    background-color: #bbb;
}
#contenedor {
    width: 100%;
    height: 40px;
    background-color: #c3dcfa;
}
#cabecera {
    background-color: #c3dcfa;
    height:36px;
    padding:2px;
    color: #003366;
    text-align: left;
    width: 550px;
    position: absolute;
    margin-left: 100px;
}
#imagenes{
    text-align: left;
    width: 200px;
    margin-left: 100px;
}
#dondestoy {
    background-color: #c3dcfa;
    height: 36px;
    position: static;
    text-align: right;
    padding: 2px;
    margin-right: 100px;
    color: #003366;
}
#contenido {
    background-color: gray;
    width:740px;
    height:100%;
}
#mensajes {
    background-color: blue;
    clear: both;
}
#mainIconos {
    position: absolute;
    width: 200px;
    right: 20px;
    text-align: right;
    height: 39px;
    line-height:39px;
}
#mainIconos img{
    vertical-align:middle;
}
#subIconos {
    position: absolute;
    margin-left:150px;
}
#logoTA {
    position: absolute;
    width:140px;
}
.tabla {
    font: 11px Arial, Helvetica, sans-serif;
    color: #003366;
    line-height:16px;
    background-color: #c3dcfa;
    border:thin solid #036;
}
.tabla2 {
    font: 11px Arial, Helvetica, sans-serif;
    color: #003366;
    line-height:16px;
    background-color: #B9DFB6;
    border:thin solid #360;
}
.tabla3{
    font: 11px Arial, Helvetica, sans-serif;
    color: #660303;
    line-height:16px;
    background-color: #DFB6B6;
    border:thin solid #630;
}
.tabla4{
    font: 11px Arial, Helvetica, sans-serif;
    color: #660303;
    line-height:16px;
    background-color:#FFFF99;
    border:thin solid #630;
}
.tabla4 td{
    font-weight: bold;
}
.encabezadoListalineas{
    font: 11px Arial, Helvetica, sans-serif;
    color: #660303;
    line-height:16px;
    background-color: #AAAAFF;
    border:thin solid #630;
}
.dragand{
    cursor: move;
}
.scroll
{
    height:900px;
    overflow:auto;
    border:1px solid #000000;
}

.flecha
{
    cursor:pointer;
}
.fondoblanco{
    background-color: white;
    padding: 2px;
    font-size: 16px;
    font-weight: bold;
    margin: 2px;
}
#menuBotones{
    height:40px;
}
#contenedorBotones{
    width: 100%;
    position:fixed;
}
.contador{
    background-color: #F55;
    color:#FFF;
    font-weight: bold;
    padding: 2px;
}

.stockAlerta0,.stockAlerta1,.stockAlerta2{
    font-weight: bold;
}
.stockAlerta0{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dce9f9), to(#FF9999));/*Chrome y Safari*/
    background-image: -moz-linear-gradient(top,#dce9f9, #FF9999);/*Firefox*/
    background-image: -o-linear-gradient(top, #dce9f9, #FF9999);/*Opera*/
    background-image: linear-gradient(top, #dce9f9, #FF9999);/*Estandar*/
}
.stockAlerta1{
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dce9f9), to(#FFC799));/*Chrome y Safari*/
    background-image: -moz-linear-gradient(top,#dce9f9, #FFC799);/*Firefox*/
    background-image: -o-linear-gradient(top, #dce9f9, #FFC799);/*Opera*/
    background-image: linear-gradient(top, #dce9f9, #FFC799);/*Estandar*/
}
.stockAlerta2{
}
.inventario{
    border-color:#759DA1;
    border-spacing: 0;
}
.colPar{
    background-color: #F4FFE4;
    padding: 2px;
}
.colImpar{
    font-weight: bold;
    padding: 2px;
    border-color: #993300;
}
#lineamaxima,#salidamaxima{
    font-weight: bold;
}
.botonancho{
    height:35px;
    font-size: large;
    margin-top: 20px;
}
.trtachado td{
    color:#A00;
    text-decoration: line-through;
}
.tablaTrimestre thead{
    background: #6A7AAA;
    color:#FFF;
    height: 25px;
}
.tablaTrimestre tbody{
    background: #bbeebb;
    text-align:right;
}
.tablaTrimestre tbody td{
    height:25px;
    font-style: italic;
}
.tablaTrimestre .fila1{
    background: #FFFF99;
    text-align: center;
}
.tablaTrimestre .filaTotal{
    background: #FFFF99;
    text-align: center;
    font-weight: bold;
}
.tablaTrimestre .filaTotal td{
    font-weight: bold;
}
.tablaTrimestre .col1{
    background: #FFF;
    text-align:left;
}
.tablaTrimestre .resumenTrimestral{
    background:#FFD7A9;
}
.tablaBotonera{
    padding: 15px;
}
.tablaBotonera button{
    width: 100px;
    height: 40px;
}
.botongrande{
    height:35px;
    font-size: 24px;
}
.estructura{
    font: 11px Arial, Helvetica, sans-serif;
    background-color: #B9DFB6;
}
.eUnidades{
    display: inline-block;
    align-content: center;
}
.tEstructura{
    display: table;
    border: 2px solid #000;
    width: 85%;
    text-align: center;
    margin: 0 auto;
}
.cabeceraCliente, .cabeceraPresupuesto{
    display: table;
    font-weight: bold;
    font-size: large;
    width: 85%;
    text-align: center;
    margin: 0 auto;
}

.tFila            {
    display: table-row;
    background-color: #D9FFAA;
}

.tCelda            {
    display: table-cell;
    border: solid;
    border-width: thin;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    font-size: 1.2em;
}
.tCelda button{
    margin:0 auto;
    height: 25px;
    width: 25px;
}
.tCelda input{
    margin:0 auto;
    height: 35px;
    width: 35px;
}
.tFila:nth-child(even){
    background-color: #F1FFDF;
}
.tPie{
    font-size:1.3em;
    background-color: lightskyblue;
}
.tPie button{
    width:48px;
    height: 36px;
    background-image: url("../../imagenes/imprimir.png");
    background-repeat: no-repeat;
    background-position: center;
}
.col10{
    width: 5%;
}
.col15{
    width: 10%;
}
.col35{

}
.badge {
    min-width: 10px;
    padding: 3px 3px;
    font-size: 9px;
    font-weight: 700;
    line-height: 0;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: top;
    border-radius: 10px;
    background-color: lightcoral;
}
.listazul tbody tr:nth-child(even) {

    background-color: #D0D0FF;

}

.listazul tbody tr:nth-child(odd) {
    background-color:#D0D0D0;
}
.grupo {
    padding:5px;
    display: flex;
    width: 100%;
}
.grupo-izq-ver{
    width: 30%;
    text-align: center;
}
.grupo-der-hor{
    width: 70%;
    text-align: right;
}
.centrado{
    min-width: 10px;
    padding: 3px 3px;
    line-height: 0;
    text-align: center;
}