/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17-dic-2015, 17:05:19
    Author     : xiao
*/

.printable{
    display: none;
}

@media print{
    .menu_nav{
        display: none;
    }
    .encabezado{
        display:none;
    }
    input {
        border: none;
    }
    select{
        border:none;
        background: none;
    }
    .button3{
        display: none;
    }
    .button2{
        display: none;
    }
    .button4{
        display: none;
    }
    .button1{
        display: none;
    }
    .button{
        display: none;
    }
    html,body{
        height: 90%;
    }
    .headerdiv{
        min-height: 90%;
    }
    .noprint{
        display: none;
    }
    .printable{
        display: block;
    }
    .filter{
        display: none;
    }
    .tdstock{
        color: white;
        background-color: white;
    }
    select{
        appearance: none;
    }
}

body{
    font-family: monospace;
}

.headerdiv{
    min-height:92%;
}

.button1 {
    color: #FFF;
    padding: 5px 10px 5px 10px;
    border: solid 1px #CCC;
    margin-top: 10px;

    background: #D71A21;
    text-shadow: 0px 1px 0px #D71A21;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 0 1px 3px #111;
    -moz-box-shadow: 3px 3px 1px #999;
    -webkit-box-shadow: 3px 3px 1px #999;

    cursor: pointer;

}
.button1:hover {
    background: #FF0000;
}
.button2 {
    color: #FFF;
    padding: 5px 10px 5px 10px;
    border: solid 1px #CCC;
    margin-top: 10px;

    background: #6A963B;
    text-shadow: 0px 1px 0px #6A963B;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 0 1px 3px #111;
    -moz-box-shadow: 3px 3px 1px #999;
    -webkit-box-shadow: 3px 3px 1px #999;

    cursor: pointer;

}
.button2:hover {
    background: #66FF00;
}
.button3 {
    color: #FFF;
    padding: 5px 10px 5px 10px;
    border: solid 1px #CCC;

    background: #165788;
    text-shadow: 0px 1px 0px #165788;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 0 1px 3px #111;
    -moz-box-shadow: 3px 3px 1px #999;
    -webkit-box-shadow: 3px 3px 1px #999;

    cursor: pointer;

}
.button3:hover {
    background: #0000FF;
}
.button4 {
    color: #FFF;
    padding: 5px 10px 5px 10px;
    border: solid 1px #CCC;
    margin-top: 10px;

    background: #165788;
    text-shadow: 0px 1px 0px #6A963B;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 0 1px 3px #111;
    -moz-box-shadow: 3px 3px 1px #999;
    -webkit-box-shadow: 3px 3px 1px #999;

    cursor: pointer;

}
.button4:hover {
    background: #0000FF;
}
.button5 {
    color: #FFF;
    padding: 5px 10px 5px 10px;
    border: solid 1px #CCC;

    background: #6A963B;
    text-shadow: 0px 1px 0px #165788;

    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    box-shadow: 0 1px 3px #111;
    -moz-box-shadow: 3px 3px 1px #999;
    -webkit-box-shadow: 3px 3px 1px #999;

    cursor: pointer;

}
.button5:hover {
    background: #66FF00;
}
.errorinfo{
    margin-top: 50px;
    background: #D71A21;
    color: white;
    font-size: 1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.menu_nav {
    margin:0;
    padding:0;	
    width:1200px;
    height:37px;
    background: #2F803D;
    float: left;
}
.menu_nav ul {
    list-style:none;
    margin:0;
    padding:0;
}
.menu_nav ul li {
    margin:0;
    padding:0;
    float:left;
    color:#FDFFFE;
}

.menu_nav ul li a {
    display:block;
    margin:0 0 0 0;
    padding:10px 14px;
    color:#FDFFFE;
    text-decoration:none;
    line-height:16px;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
    color:#FDFFFE;
    text-decoration:none;
    background:#D71A21;
}

.menu_nav ul li ul {
    display:none;
    position:relative;
    min-width:140px;
    list-style:none;
}

.menu_nav ul li:hover > ul {
    display:block;
}

.menu_nav ul li ul li {
    position:relative;
    background-color: #2F803D;
    font-size:0.9em;
    top:0px;
}


.body{
    width: 960px;
    height: auto;
}

.image{
    height:80px;
    width: 900px;
    text-align: left;
    float: left;
}

.image2{
    height:80px;
    width: 400px;
    text-align: left;
    float: left;
}

.usr_close{
    height: 80px;
    width: 98.5%;
    float: left;
    text-align: right;
    position: absolute;
}

.encabezado{
    height: 80px;
    width: 100%;
}

.busqueda{
    background: #8dbdd8;
    width: 1200px; 
    height: 25px; 
    margin-top: 15px; 
    border: 1px solid black;
    text-align: left;
}

.lineabuscar{
    background-color:#165788; 
    color: white; 
    font-size: 1.5em;
    width: 990px;
}

.backmenu{
    width: 100%;
    height: 37px;
    background: #2F803D;
}

.datosdistribuidora{
    width: 990px;
}
.datosdistribuidora table {
    width: 100%;
}
.datosdistribuidora table th {
    text-align: left;
    color: deepskyblue;
}

.datoscliente{
    width: 990px;
    margin-top: 25px;
}
.datoscliente table {
    width: 100%;
}
.datoscliente table th {
    text-align: left;
    width: 120px;
}

.datosarticulos{
    width: 990px;
    margin-top: 25px;
    border: solid black 1px;
}
.datosarticulos table {
    width: 100%;
}
.datosarticulos table th {
    width: 280px;
    text-align: left;
}
.datosarticulos table td {
    width: 120px;
    font-weight: bold;
    text-align: center;
}

.datosentrega{
    width: 990px;
    margin-top: 25px;
}
.datosentrega table{
    width: 100%;
}

.titular{
    font-size: 30px;
    font-weight: bold;
    margin-top: 20px;
}

.artnumer{
    text-align: center;
}

.titularcaja{
    width: 100%;
    font-size: 30px;
    font-weight: bold;
    margin-top: 20px;
    background: #05a;
}

.contenedorcaja{
    width: 100%;
}

.cingresos{
    width: 100%;
    min-height: 200px;
    border: 1px solid green;
}

.titularingreso{
    font-size: 25px;
    font-weight: bold;
    background: green;
}

.cegresos{
    width: 100%;
    min-height: 200px;
    border: 1px solid red;
}

.titularegreso{
    font-size: 25px;
    font-weight: bold;
    background: red;
}

.datosconborde{
    border: 1px black solid;
    width: 1200px;
    margin-top: 20px;
}

.datossinborde{
    width: 1200px;
    margin-top: 20px;
}

.titudatos{
    font-size: 25px;
    color: white;
    font-weight: bold;
    background: gray;
}

.tabladatos{
    padding-top: 20px; 
    padding-bottom: 20px;
}

.tabladatos td{
    padding-top: 7px; 
    padding-bottom: 7px;
}

span{
    color: gray;
    font-size: 15px;
}

.mensaje{
    font-size: 2em;
}

.smallbox{
    width: 70px;
}

.colvertical{
    -webkit-transform: rotate(-90deg);
    width: 20px;
    margin-top: 45px;
}

.tabletitle{
    background-color: grey;
    color: white;
}

.stocklist{
    width: 400px;
    float: left;
}

.tddesc{
    width: 330px;
}

.tdstock{
    width: 50px;
    text-align: center;
}

.cantitem{
    text-align: right;
}

.filter{
    float: left;
}

.hremito{
    width: 1200px;
}

.logoremito{
    width: 590px;
    border: solid black 1px;
}

.datosremito{
    width: 590px;
    border: solid black 1px;
}

.marcax{
    border: solid black 1px;
    font-size: 2.5em;
    width: 40px;
    height: 45px;
    text-align: center;
    position: absolute;
    margin-left: 580px;
    background-color: white;
}

.datos{
    border: solid black 1px;
    width: 1200px;
}

.field{
    width: 800px;
    text-align: left;
}

.recepcajaT tbody tr:hover{
    background-color: #2F803D;
}

.recepcajaT tbody tr:hover td{
    color: white;
}

.recepcajaT thead tr {
    background-color: gray;
    color: white;
}

.cegresosdist{
    width: 100%;
    min-height: 200px;
    border: 1px solid red;
}

.cingresosdist{
    width: 100%;
    min-height: 200px;
    border: 1px solid green;
}

.tiny{
    width: 50px;
}

.artdata tr{
    height: 40px;
}

.hcontent{
    display: flex;
    background-color: #ccc;
    text-align: center;
}

.hcontent__logo_container{
    flex-grow: 1;
    margin: auto;
}

.hcontent__logo{
    min-width: 540px;
    display: flex;
}

.logopie{
    position: absolute;
    bottom: 0;
    display: flex;
    width: 800px;
}

.hcontent__logo_pie{
    margin: auto;
    width: 200px;
}

.hcontent__datos_pie{
    margin: auto;
    width: 600px;
}

.datospie {
    margin: auto;
}

#encabezado{
    margin-left: 10px;
}

.hcontent__logo-1{
    width: 300px;
    margin: 0 20px;
}

.hcontent__logo-2{
    width: 110px;
    margin: 5px 0;
}

.hcontent__logo-3{
    width: 100px;
    margin: auto;
}

.hcontent__menu{
    margin: auto 0;
    width: 100%;
    min-width: 725px;
    text-align: right;
}

.hcontent__menu ul{
    list-style: none;
    display: inline-flex;
}

.hcontent__menu li{
    margin: auto;
    padding: 5px 5px;
}

.hcontent__menu li a{
    text-decoration: none;
    color: #05a;
    font-style: italic;
    font-size: 20px;
    padding: 5px 5px;
}

.hcontent__menu li a:hover{
    border-bottom: red solid 2px;
}

.lupa{
    width: 20px;
    height: 20px;
}

.piepresu{
    width: 800px;
    display: flex;
}

.datoscomerciales{
    width: 400px;
}

.datostalleres{
    width: 400px;
}