html {
    box-sizing: border-box;
    height: 100%;
}

*, *:before, *:after {
    box-sizing: inherit;
}

*{
    text-indent:0px; 
    margin:0px;
    padding:0px;
    list-style: none;
    text-decoration: none;
    /*font-family: sans-serif;
    box-sizing: border-box; */
}

#global {
    background-color: #E8E6E5;
    width:1100px; 
    margin:0px auto; 
    border:0px solid black;
}

.btn {
     font-size: 2rem;
     text-decoration: none;
}

.btn:hover {
     cursor: pointer;
}

.btn-editar {
     color: var(--secundario);
}

.btn-borrar{
     color: var(--primario);
}

.volver {
     background-color: var(--secundario);
     border-radius: 5px;
     text-align: center;
     color: #000000;
     font-weight: 700;
     font-size: 1.2rem;
     padding: .5rem;
}

.sombra {
     -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.5);
     -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,.5);
     box-shadow: 0px 2px 5px 0px rgba(0,0,0,.5);
     border-radius: 10px;
}

.btn {
     font-size: 1.2rem;
     text-decoration: none;
}

.btn:hover {
     cursor: pointer;
}

.btn {
    background-color: #E8E6E5;
    color: black;
    padding: 10px 30px;
    margin-top: 30px;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 6px;
    width: 100px;
    height: 30px;
    border: 1px solid black;
    text-align: center;
    transition: background-color .5s ease-in-out;
}

.btn:hover {
    cursor: pointer;
    background-color: rgb(161, 194, 169)!important;
    text-decoration: none;
    font-size: 12px;
}

.btn-agregar {
    background-color: #3393FF;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 3px;
    width: auto;
    height: auto;
    transition: background-color .5s ease-in-out;
}

.btn-agregar:hover {
    cursor: pointer;
    background-color: rgb(161, 194, 169)!important;
    text-decoration: none;
    font-size: 18px;
}



.derecha {
    text-align:right;
}

.centro {
    text-align: center;
}

.contenedor{
    width:1100px; 
    /*position:relative;*/
    margin:auto;
    height: auto;
}

p {
    text-align:justify; 
    margin-top:10px ; 
    margin-bottom:10px; 
    margin-left:10px;
    margin-right:10px; 
    color:blue;
}

h1 {font-size:1.2em; 
    color:blue; 
    font-weight:bold; 
    text-decoration:underline; 
    text-align:center;
}

h2 {
    font-size:1.1em; 
    color:blue; 
    font-weight:bold; 
    text-decoration:none; 
    text-align:center;
}

h3 {
    font-size:1.2em; 
    color:blue; 
    font-weight:bold; 
    text-decoration:none; 
    text-align:center;
}

body {text-align:center;
      background-color: #F5F6CE;
      }

header {
    width:1090px;
    height:32px;
    background:blue;
    margin:0px;
    border:0px;
    padding:0px;
    }

section {
    width:1100px;
    background:blue;
    margin:0px;
    border:0px solid yellow;
    padding:0px;
    }

#cabecera {
    background-color:white; 
    width:990px; }

#logotipo {
    background-color:white; 
    width:990px; 
    float:left;}

.fz13{
    font-size: 13px;
}

.fz14{
    font-size: 14px;
}

.fz15{
    font-size: 15px;
}

.fz16{
    font-size: 16px;
}

#publicidad {
    background-color:pink; 
    width:518px;
    float:right; 
    margin-top:0px;
}

a {
    color:blue; 
    font-size:1.3em; 
    text-decoration:none; 
    display:block;
}
a:link{}
a:visited {}
a:hover {
    color:red; 
    font-size:1.3em; 
    text-decoration:underline;
    background-color: silver;
}

a:active {}

#navegacion {
    background-color: #E8E6E5; 
    width:659px; 
    height:30px;
    margin:0 auto; 
    border:0px solid black;
    float:left
}

#espacionav {
    background-color: #E8E6E5;  
    width:330px; 
    height:30px; 
    float:left; }

ul, ol {List-style:none;}

.nav li a {
	background-color:#F3F781;
	color:#08298A;
	text-decoration:none;
    text-align:left;
    font-size:16px;
	padding:5px 6px;
	display:block;
	           }
.nav li a:hover {background-color:gray; color:white}

.nav > li {float:left;}
	
.nav li ul {display:none; position:absolute; min-width:140px;}
	
.nav li:hover > ul {display:block;}
	
.nav li ul li {position:relative;}
	
.nav li ul li ul {right:-140px; top:0px;}

/** Barra **/
body.index {
    height: 100vh;
}

.barra {
    background-color: #455A64;
    padding: 10px;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.barra h1 {
    color: white;
    margin:0;
    font-size: 1.3rem;
}

.barra a {
    color: white;
    text-decoration: none;
}

.cajamenu {
    text-decoration: none;
    width: 130px;
    height:35px;
    font-size: 10px;
    color: black;
    float: left;
    background-color: #E8E6E5;
    text-align: center;
    border: 1px solid black;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
    /*display: block; */
    font-weight: 400;
    transition: background-color .5s ease-in-out;
    border-radius: 6px;
}

#contenido {
    background-color: #E8E6E5;
    width:1100px;
    height:auto;
    margin:auto;
    float:left;
}

#contenido p {
    padding:5px 10px 5px 10px;
    text-indent:15px;
}

#contenido1 {
    background-color:#E8E6E5; 
    width:700px; 
    float:left;
}

#contenido2 {
    background-color:#E8E6E5; 
    width:900px; 
    float:left;
}

#contenido3 {
    background-color:#E8E6E5; 
    width:900px; 
    float:left;
}

.contenido {
    background-color: #E8E6E5;
    width:1100px;
    height:auto;
    margin:auto;
}

.contenido-header {
    background-color: #E8E6E5;
    width:1100px;
    height:50;
    margin:auto;
}

#consulta1 {
    background-color: #E8E6E5;
    float:left; 
    width:1090px;
    /*height:850; */
    border:0px;
    text-align: left;
}

.fila1090-15 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:15px;
    font-size: 12px;
    color: black;
    display: flex;
    padding-top: 3px;
}

.fila1090-20 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:20px;
    font-size: 12px;
    color: black;
    display: flex;
    
}

.fila1090-22 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1090px;
    height:22px;
    font-size: 12px;
    color: black;
    float: left;
}

.fila1090-25 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1090px;
    height:25px;
    font-size: 12px;
    color: black;
    float: left;
}

.fila1090-26 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:35px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    padding: 0px;
}

.fila1090-27 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:35px;
    font-size: 12px;
    display: flex;
    justify-content: start;
    padding: 0px;
}

.fila1090-28 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:20px;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px;
}

.fila1090-29 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:45px;
    font-size: 12px;
    display: flex;
    text-align: left;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px;
    border: 0px solid black;
}

.fila1100-26 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:25px;
    font-size: 12px;
    color: black;
    display: flex;
}

.fila1100-29 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:30px;
    font-size: 12px;
    display: flex;
    text-align: left;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px;
    border: 0px solid black;
}

.fila1090-30 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:20px;
    font-size: 12px;
    display: flex;
    color: black;
}

.fila1090-31 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1090px;
    height:35px;
    font-size: 12px;
    display:flex;
    flex-direction: row;
    justify-content: center;
}

.fila1100-31 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:31px;
    font-size: 12px;
    display: flex;
    color: black;
}

.fila1100-32 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:31px;
    font-size: 12px;
    display: flex;
    color: black;
}

.fila1100-50 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:50px;
    font-size: 12px;
    display: flex;
    color: black;
}

.fila1100-75 {
    background-color: #E8E6E5;
    width:1100px;
    height:75px;
    display: flex;
    text-align: left;
    font-size:12px;
}

.fila1100-86{
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:80px;
    font-size: 12px;
    display:flex;
    flex-direction: row;
    justify-content: start;
}

.fila1100-19 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:18px;
    display: flex;
    font-size: 12px;
    color: black;
    text-align: left;
}

.fila1100-20 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:20px;
    display: flex;
    font-size: 12px;
    color: black;
    text-align: left;
}

.fila1100-25 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:25px;
    display: flex;
    font-size: 12px;
    color: black;
    text-align: left;
}

.fila1100-30 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:30px;
    display: flex;
    font-size: 12px;
    color: black;
    text-align: left;
}

.fila1100-35 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:35px;
    display: flex;
    font-size: 12px;
    color: black;
    text-align: left;
}

.fila1100-21 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:18px;
    display: flex;
    font-size: 12px;
    color: black;
    text-align: left;
}

.fila1100-25 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:25px;
    font-size: 12px;
    color: black;
    display:flex;
    text-align: left;
}

.fila989-33 {
    background-color:#E8E6E5; 
    width:989px; 
    height:33px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:1px solid black;
    /*border-top:0px solid black;*/
}

.fila1100-40-verde {
    background-color: #E8E6E5;
    /*background-color: lightgreen; */
    text-decoration: none;
    width: 1090px;
    height:50px;
    font-size: 12px;
    color: black;
    float: left;
}

.fila1100-40 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:40px;
    display:flex;
    font-size: 12px;
    color: black;
}

.fila1100-60 {
    background-color: #E8E6E5;  
    width:1090px; 
    height:60px; 
    text-align: left; 
    font-size:12px; 
    border:0px solid black;
    border-top:black 0px solid;
    border-left:black 0px solid;
}

.fila1100-76 {
    background-color: #E8E6E5;
    width:1090px;
    height:76px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:0px solid black;
    border-top:black 0px solid;
    border-left:black 0px solid;
}

.fila1100-100-amarilla {
    background-color: #E8E6E5;
    /*background-color: yellow; */
    text-decoration: none;
    width: 1100px;
    height:100px;
    font-size: 12px;
    color: black;
}

.fila1100-120 {
    background-color: #E8E6E5;
    background-color: yellow;
    text-decoration: none;
    width: 1100px;
    height:100px;
    font-size: 12px;
    color: black;
}

.fila1100-200-amarilla {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1100px;
    height:150px;
    font-size: 12px;
    color: black;
    float: left;
}

.fila300-120{
    background-color: #E8E6E5;
    width:300px; 
    height:85px;
    text-align: left; 
    font-size:12px;
    display: flex;
    flex-direction: column;
    border:0px solid black;

}

.fila300-121{
    background-color: #E8E6E5;
    width:300px; 
    height:85px;
    text-align: left; 
    font-size:12px;
    display: flex;
    flex-direction: row;
    border:0px solid black;

}

.fila200-120{
    background-color: #E8E6E5;
    width:200px; 
    height:85px;
    text-align: left; 
    font-size:12px;
    display: flex;
    flex-direction: row;
    border:0px solid black;
}

.fila90-90{
    background-color: #E8E6E5;
    width:70px; 
    height:85px;
    text-align: left; 
    font-size:12px;
    display: flex;
    flex-direction: column;
    border:0px solid black;
}

.fila20-120{
    background-color: #E8E6E5; 
    width:20px; 
    height:85px;
    text-align: left; 
    font-size:12px;
    display: flex;
    flex-direction: column;
    border:0px solid black;
}

.fila300-20 {
    background-color: #E8E6E5;
    width:300px;
    height:18px;
    text-align: left; 
    font-size:12px;
    display: flex;
    border:0px solid black;
}

.fila300-40 {
    background-color: #E8E6E5; 
    width:300px; 
    height:35px;
    text-align: left; 
    font-size:12px;
    display: flex;
    border:0px solid black;

}


.fila1090-81 {
    background-color: #E8E6E5; 
    background-color: yellow; 
    width:400px; 
    height:30px; 
    text-align: left; 
    font-size:12px;
    display: flex;
}

.fila250-20 {
    background-color: #E8E6E5;
    /*background-color: yellow; */
    width: 250px;
    height:20px;
    float:left;
    text-align: left; 
    font-size: 12px;
    padding:3px; 
    /*color: black;*/
    border:0px solid black;
    border-top:0px solid black;
}

.fila250-25 {
    background-color: #E8E6E5;
    width: 266px;
    height:25px;
    text-align: left; 
    font-size: 12px;
    display: flex;
    padding:3px;
    border:0px solid black;
    border-top:0px solid black;
}

.fila250-26 {
    background-color: #E8E6E5;
    width: 270px;
    height:35px;
    text-align: left; 
    font-size: 12px;
    display: flex;
    justify-content: space-between;
}

.fila496-33 {
    background-color: #E8E6E5;  
    width:496px; 
    height:33px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:black 0px solid;
}

.fila250-30 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 250px;
    height:30px;
    float:left;
    font-size: 12px;
    text-align: left; 
    color: black;
    border:0px solid black;
    border-top:0px solid black;
}

.fila250-35 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 266px;
    height:35px;
    display: flex;
    font-size: 12px;
    text-align: left; 
    color: black;
    border:0px solid black;
    border-top:0px solid black;
}

.fila500-25 {
    background-color: #E8E6E5;
    /*background-color: yellow; */
    text-decoration: none;
    width: 500px;
    height:25px;
    float:left;
    font-size: 12px;
    text-align: left; 
    color: black;
    border:0px solid black;
    border-top:0px solid black;
}

.fila530-38 {
    background-color: #E8E6E5;  
    width:550px; 
    height:30px; 
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:black 0px solid;
}

.fila330-20 {
    background-color: #E8E6E5;
    width:328px;
    height:20px;
    display:flex;
    text-align: left; 
    font-size:12px;
}

.fila330-35 {
    background-color: #E8E6E5;
    width:328px;
    height:35px;
    display:flex;
    text-align: left; 
    font-size:12px;
}

.fila330-80 {
    background-color: #E8E6E5;
    width:329px;
    height:79px;
    display:flex;
    text-align: left; 
    font-size:12px;
    border:1px solid #A9A9A9;
}

.fila390-80 {
    background-color: #E8E6E5;
    width:360px;
    height:79px;
    display:flex;
    text-align: left; 
    font-size:12px;
    border:1px solid #A9A9A9;
}

.fila390-20 {
    background-color: #E8E6E5;
    width:360px;
    height:20px; 
    display:flex;
    text-align: left; 
    font-size:12px;
}

.fila390-35 {
    background-color: #E8E6E5;
    width:360px;
    height:35px; 
    display:flex;
    text-align: left; 
    font-size:12px;
}

.fila400-20 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 410px;
    height:20px;
    display: flex;
    font-size: 12px;
    text-align: left; 
    color: black;
    border:0px solid black;
    border-top:0px solid black;
}

.fila400-30 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 360px;
    height:30px;
    float:left;
    font-size: 12px;
    text-align: left; 
    color: black;
}

.fila400-20 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 400px;
    height:20px;
    display:flex;
    font-size: 12px;
    text-align: left; 
}

.fila410-20 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 410px;
    height:20px;
    display:flex;
    font-size: 12px;
    text-align: left; 
}

.fila410-25 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 410px;
    height:25px;
    display:flex;
    font-size: 12px;
    text-align: left; 
}

.fila400-31 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 360px;
    height:35px;
    display:flex;
    flex-direction: row;
    justify-content: center;
    font-size: 12px;
    text-align: left; 
}

.fila410-35 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 410px;
    height:35px;
    display:flex;
    font-size: 12px;
    text-align: left; 
}

.fila410-80 {
    background-color: #E8E6E5;
    width:410px;
    height:79px; 
    display:flex;
    text-align: left; 
    font-size:12px;
    border:1px solid #A9A9A9;
}


.fila300-30 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 300px;
    height:30px;
    float:left;
    font-size: 12px;
    text-align: left; 
    color: black;
    border:0px solid black;
    border-top:0px solid black;
}


.fila470-30 {
    background-color: #E8E6E5;
    /*background-color: yellow; */
    text-decoration: none;
    width: 470px;
    height:30px;
    float:left;
    font-size: 12px;
    text-align: left; 
    color: black;
    border:0px solid black;
    border-top:0px solid black;
}

.fila677-25 {
    background-color: #E8E6E5;  
    width:677px; 
    height:25px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.fila750-25 {
    background-color: #E8E6E5;  
    width:750px; 
    height:25px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.fila750-26 {
    background-color: #E8E6E5;  
    width:750px; 
    height:35px; 
    display: flex;
    justify-content: space-between;
    text-align: left; 
    font-size:12px;
}

.fila750-35 {
    background-color: #E8E6E5;  
    width:750px; 
    height:35px; 
    display: flex;
    justify-content: space-between;
    text-align: left; 
    font-size:12px;
}
.fila48-25 {
    background-color: #E8E6E5;
    width: 50px;
    height: 25px;
    float: left;
    text-align: left;
    font-size: 9px;
    border: 0px solid black;
    padding:3px;
}

.fila48-26 {
    background-color: #E8E6E5;
    width: 50px;
    height: 35px;
    text-align: left;
    font-size: 10px;
    padding-top:13px;
}

.fila48-35 {
    background-color: #E8E6E5;
    width: 50px;
    height: 35px;
    text-align: left;
    font-size: 10px;
    padding-top:13px;
}

.tblproductos{
    border:1;
    border-collapse: collapse;
    
}

.table5 {
border:inset 1px #300208;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:right;
background-color:#DDE0FC;
}

thead{
    border:1;
    text-align: center;
}

tbody{
    border:1;
    text-align: left;
}

.espacio1 {
    background-color: white;  
    width:200px; 
    height:20px; 
    float:left; 
}
.espacio2 {
    background-color: white;  
    width:100px; height:100px; 
    float:left; }

.encabezado {
    background-color: #E8E6E5;  
    width:1030px;
    height:15px; 
    text-align: left; 
    font-size:12px; 
    border:0px solid black;
    border-top:0px solid black;
}

.campotitulos {
    /*background-color: #FE07EB;*/
    background-color: #E8E6E5;
    width:1070px;
    height:15px;
    text-align: left;
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
    float:left;
}

.titulo1100-20 {
    background-color: #E8E6E5;
    /*background-color: lightgreen; */
    text-decoration: none;
    width: 1090px;
    height:20px;
    font-size: 14px;
    color: black;
    display: flex;
    text-align: left;
}

.fila900-25 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 723px;
    height:20px;
    font-size: 14px;
    color: black;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.fila900-21 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 900px;
    height:20px;
    font-size: 14px;
    color: black;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.fila900-20 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 900px;
    height:20px;
    font-size: 12px;
    color: black;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.fila823-25 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 823px;
    height:20px;
    font-size: 14px;
    color: black;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.fila850-20 {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 850px;
    height:20px;
    font-size: 12px;
    color: black;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.titulo1100-25 {
    background-color: lightgreen;
    background-color: #E8E6E5;
    text-decoration: none;
    width: 1090px;
    height:25px;
    font-size: 12px;
    color: black;
    float: left;
    text-align: left;
}

.campotitulos570-15 {
    /*background-color: #FE07EB; */
    background-color: #E8E6E5;
    width:570px;
    height:15px;
    text-align: right;
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
    float:left;
}

.campotitulos500-15 {
    /*background-color: #FE07EB;*/
    background-color: #E8E6E5;
    width:500px;
    height:15px;
    text-align: left;
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
    float:left;
}

.campotitulos400-15 {
    /*background-color: #FE07EB;*/
    background-color: #E8E6E5;
    width:400px;
    height:15px;
    text-align: left;
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
    float:left;
}

.linea1070-60 {
    /*background-color: gray;*/
    background-color: #E8E6E5;
    width:1070px;
    height:60px;
    float:left;
    text-align: left;
    font-size:12px; 
    border:0px solid black;
    border-top:black 0px solid;
    border-left:black 0px solid;
}

.linea1070-68 {
    background-color: #E8E6E5;
    width:1070px;
    height:74px;
    float:left;
    text-align: left;
    font-size:12px; 
}

.linea1070-25 {
    /*background-color: #078AFE;  */
    background-color: #E8E6E5;
    width:1070px; 
    height:25px; 
    float:left;
    text-align: center; 
    font-size:12px; 
    border:0px solid black;
    border-top:0px solid black;
    border-top:black 0px solid;
    border-left:black 0px solid;
}


.campoproductos {
    background-color: #E8E6E5;
    width:1070px;
    height:200px;
    float:left;
    text-align: left;
    font-size:12px; 
    border:1px solid black;
    border-top:black 0px solid;
    border-left:black 0px solid;
}

.campoproductos1 {
    background-color: #E8E6E5;
    width:1070px;
    height:20px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:0px solid black;
    /*border-top: 1px solid black ;*/
    /*border-left: 1px solid black ;*/
    /*border-right: 1px solid black ;*/
}
.campoproductos2 {
    background-color: #E8E6E5;
    width:1070px;
    height:20px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:1px solid black;
}
.campoproductos3 {
    background-color: #E8E6E5;
    width:500px;
    height:60px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:1px solid black;
}
.campo10 {
    background-color: #FE1507;
    background-color: #E8E6E5;
    width:1070px;
    height:20px;
    text-align: left;
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
    float:left;
}

.campo11 {
    background-color: #97239E;
    background-color: #E8E6E5;
    width:1090px;
    height:22px;
    float:left;
    text-align: left;
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.nota500-60 {
    /*background-color: yellow;*/
    background-color: #E8E6E5;
    width:505px;
    height:60px;
    float:left;
    text-align: left;
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.relleno60-60 {
    background-color: #E8E6E5;  
    width:60px; 
    height:60px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:0px solid black;
    border-top:black 0px solid;
    border-left:black 0px solid;
}

.relleno535-18 {
    background-color: #E8E6E5; 
    width:484px; 
    height:18px; 
    float:left;
    text-align:left;
    font-size:13px;
    border:0px solid black;
    border-top:0px solid black;
}

.relleno490-18 {
    background-color: #E8E6E5; 
    width:492px; 
    height:18px; 
    float:left;
    text-align:left;
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}
.relleno400-60 {
    /*background-color: orange;*/
    background-color: #E8E6E5;
    width:397px; 
    height:60px; 
    float:left;
    text-align:left;
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.relleno450-60 {
    /*background-color: violet;*/
    background-color: #E8E6E5;
    width:450px; 
    height:60px; 
    float:left;
    text-align:left;
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.relleno557-60 {
    /*background-color: cyan;*/
    background-color: #E8E6E5;
    width:554px; 
    height:60px; 
    float:left;
    text-align:right;
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}
.relleno157-60 {
    /*background-color: blue;*/
    background-color: #E8E6E5;
    width:157px; 
    height:60px; 
    float:left;
    text-align:right;
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.relleno80-65 {
    background-color: blue;
    background-color: #E8E6E5;
    width:80px; 
    height:65px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:0px solid black;
    border-top:black 0px solid;
    border-left:black 0px solid;
}

.relleno90-25 {
    background-color: blue;
    background-color: #E8E6E5;
    width:260px; 
    height:25px; 
    float:left;
    text-align: right; 
    font-size:12px; 
    border:0px solid black;
    border-top:black 0px solid;
    border-left:black 0px solid;
}

.relleno500-25 {
    /*background-color: #078AFE;  */
    background-color: #E8E6E5;
    width:650px; 
    height:25px; 
    float:left;
    text-align: center; 
    font-size:14px; 
    border:0px solid black;
    border-top:0px solid black;
    border-left:black 0px solid;
}

.relleno900-25 {
    /*background-color: #078AFE;   */
    background-color: #E8E6E5;
    width:900px; 
    height:25px; 
    float:left;
    text-align: center; 
    font-size:12px; 
    border:0px solid black;
    border-top:0px solid black;
}

.campo12 {
    background-color: #E8E6E5;
    width:1100px; 
    height:25px; 
    float:left;
    text-align: center; 
    font-size:12px; 
    border:0px solid black;
    border-top:0px solid black;
}

.campo13 {
    /*background-color: #078AFE;  */
    background-color: #E8E6E5;
    width:1070px; 
    height:25px; 
    float:left;
    text-align: right; 
    font-size:12px; 
    border:0px solid black;
    border-top:0px solid black;
}

.campo15 {
    background-color: #E8E6E5;
    width:260px; 
    height:25px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.campo16 {
    background-color: #E8E6E5;
    width: 48px;
    height: 25px;
    float: left;
    text-align: left;
    font-size: 9px;
    border: 0px solid black;
}

.campo17 {
    background-color: #E8E6E5;  
    width:677px; 
    height:25px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.campo18 {
    background-color: #E8E6E5;  
    width:278px; 
    height:28px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.campo2 {
    background-color: #E8E6E5;  
    width:530px; 
    height:33px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:black 0px solid;
}

.campo21 {
    background-color: #E8E6E5;  
    width:200px; 
    height:21px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:black 0px solid;}

.campo22 {
    background-color: #E8E6E5;  
    width:495px; 
    height:52px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:black 0px solid;
}

.campo23 {
    background-color: #E8E6E5;  
    width:495px; 
    height:33px; 
    float:right;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:black 0px solid;
}

.campo24 {
    background-color: #E8E6E5;  
    width:526px; 
    height:33px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:1px solid #BDBDBD;
    border-top:black 1px solid #BDBDBD;
}

.campo3 {
    background-color: #8E44AD;  
    width:495px; 
    height:96px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:0px solid black;
    border-top:black 0px solid;
}

.campo31 {
    background-color: #E8E6E5;  
    width:495px; 
    height:84px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:0px solid black;
    border-top:black 0px solid;
}

.campo32 {
    background-color: #E8E6E5;  
    width:495px; 
    height:84px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:0px solid black;
    border-top:black 0px solid;
}

.campo33 {
    background-color: #E8E6E5;  
    width:495px; height:84px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:0px solid black;
    border-top:black 0px solid;
}

.campo34 {
    background-color: #E8E6E5; 
    width:350px; 
    height:77px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:0px solid black;
    border-top:black 0px solid;
}

.campo35 {
    background-color: #E8E6E5; 
    width:27px; 
    height:75px; 
    float:left;
    text-align: left; 
    font-size:16px; 
    border:0px solid black;
    border-top:black 0px solid;
}

.campo36 {
    background-color: #E8E6E5; 
    width:50px; 
    height:75px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:0px solid black;
    border-top:black 0px solid;
}

.campo4 {background-color: #E8E6E5; 
    width:495px; 
    height:38px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:0px solid black;
    border-top:0px solid black;
}

.campo5 {
    background-color: #E8E6E5; 
    border:0px;  
    width:489px; 
    height:86px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.campo60 {
    background-color: #E8E6E5;  
    width:989px; 
    height:40px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.campo61 {
    background-color:#E8E6E5; 
    width:489px; 
    height:96px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.campo62 {
    background-color:#E8E6E5; 
    width:989px; 
    height:33px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.campo63 {
    background-color:#E8E6E5; 
    width:250px; 
    height:94px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.campo64 {
    background-color:#E8E6E5;  
    width:739px; 
    height:94px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.campo65 {
    background-color:#E8E6E5; 
    width:989px; 
    height:50px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.campo66 {
    background-color:#E8E6E5; 
    width:250px; 
    height:76px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.campo67 {
    background-color:#E8E6E5;  
    width:739px; 
    height:76px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:0px solid black;
    border-top:0px solid black;
}

.campo68 {
    background-color:#FFFFFF; 
    width:1060px;
    height:33px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:1px solid #BDBDBD;
    border-top:1px solid #BDBDBD;
}

.campo7 {
    background-color: #E8E6E5;  
    width:245px; 
    height:74px; 
    float:left;
    text-align: left;
    font-size:12px;
    border:1px solid #A9A9A9;
    /*border-top:black 0px solid;*/
}


.campo71 {
    background-color: #E8E6E5;  
    width:250px;
    height:74px; 
    float:left;
    text-align: left;
    font-size:12px; 
    border:1px solid #A9A9A9;
    /*border-top:black 1px solid;*/
    border-left:black 0px solid;
}

.campo72 {
    background-color: #E8E6E5;  
    width:172px; 
    height:60px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:0px solid black;
    border-top:black 0px solid;
    border-left:black 0px solid;
}

.campo73 {
    background-color: #E8E6E5;  
    width:140px; 
    height:74px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:1px solid #A9A9A9;
    /*border-top:black 0px solid;*/
    border-left:black 0px solid;
}

.campo74 {
    background-color: #E8E6E5;  
    width:130px; 
    height:60px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:0px solid black;
    border-top:black 0px solid;
    border-left:black 0px solid;
}

.campo75 {
    background-color: #E8E6E5;  
    width:248px; 
    height:74px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:0px solid #A9A9A9;
    /*border-top:black 0px solid;*/
    /*border-left:black 0px solid;*/
    /*border-right: black 0px solid;*/
}

.campo80 {
    background-color: #E8E6E5;  
    width:245px; 
    height:76px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:1px solid black;
    border-top:black 0px solid;
}

.campo81 {
    background-color: #E8E6E5;
    width:450px;
    height:74px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:1px solid #A9A9A9;
    /*border-top:black 0px solid;*/
    border-left:black 0px solid;
}

.campo82 {
    background-color: #E8E6E5;  
    width:313px; 
    height:76px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:1px solid black;
    border-top:black 0px solid;
    border-left:black 0px solid;
}

.campo83 {
    background-color: #E8E6E5;
    width:989px;
    height:84px;
    float:left;
    text-align: left; 
    font-size:12px; 
    border:1px solid black;
    border-top:black 0px solid;
}

.campo84 {
    background-color: #E8E6E5; 
    width:418px; 
    height:60px; 
    float:left;
    text-align: left; 
    font-size:12px; 
    border:0px solid black;
    border-top:black 0px solid;
    border-left:black 0px solid;
}

.campo85 {
    background-color: #E8E6E5;
    width:450px; 
    height:74px;
    float:left;
    text-align: left; 
    font-size:12px; 
    border:1px solid #A9A9A9;
    /*border-top:black 0px solid;*/
    /*border-left:black 1px solid;*/
}

.campo86 {
    background-color: #E8E6E5;
    width:410px;
    height:74px; 
    float:left;
    text-align: left; 
    font-size:12px;
    border:1px solid #A9A9A9;
    /*border-top:black 0px solid;*/
    /*border-left:black 0px solid;*/
}

.texto1 {
    font-size:13px; 
    text-align:left; 
    margin-top:0px; 
    margin-bottom:0px; 
    margin-left:0px;
    margin-right:0px;
    color:black; }

.botonmenu {
    text-decoration: none;
    width: 180px;
    height: 30px;
    font-size: 12px;
    color: black;
    float: right;
    background-color: #E8E6E5;
    text-align: center;
    border: 1px solid black;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
    display: block;
    font-weight: 400;
    transition: background-color .5s ease-in-out;
    border-radius: 6px;
}

.botonmenu:hover {
    cursor: pointer;
    background-color: rgb(161, 194, 169)!important;
    text-decoration: none;
    font-size: 12px;
}

.boton {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 150px;
    height: 20px;
    font-size: 12px;
    color: black;
    float: right;
    text-align: center;
    border: 1px solid black;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
    display: block;
    font-weight: 400;
    transition: background-color .5s ease-in-out;
    border-radius: 6px;
}

.boton:hover {
    cursor: pointer;
    background-color: rgb(161, 194, 169)!important;
    text-decoration: none;
    font-size: 12px;
}

.boton_validar {
    text-decoration: none;
    width: 42px;
    height: 19px;
    font-size: 12px;
    color: black;
    float: left;
    background-color: #E8E6E5;
    text-align: center;
    border: 1px solid black;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
    display: block;
    font-weight: 400;
    transition: background-color .5s ease-in-out;
    border-radius: 6px;
}

.boton_validar:hover {
    cursor: pointer;
    background-color: rgb(161, 194, 169)!important;
    text-decoration: none;
}

.btn-guardar-trabajo {
    text-decoration: none;
    width: 85px;
    height: 20px;
    font-size: 12px;
    color: black;
    float: right;
    background-color: #E8E6E5;
    text-align: center;
    border: 1px solid black;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
    display: block;
    font-weight: 400;
    transition: background-color .5s ease-in-out;
    border-radius: 6px;
}

.boton-guardar-trabajo:hover {
    cursor: pointer;
    background-color: rgb(161, 194, 169)!important;
    text-decoration: none;
    font-size: 12px;
}

.boton_guardar {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 85px;
    height: 20px;
    font-size: 12px;
    color: black;
    text-align: center;
    border: 1px solid black;
    padding:3px;
    font-weight: 400;
    transition: background-color .5s ease-in-out;
    border-radius: 6px;
}

.boton_guardar:hover {
    cursor: pointer;
    background-color: rgb(161, 194, 169)!important;
    text-decoration: none;
    font-size: 12px;
}

.btn_validarcliente {
    text-decoration: none;
    width: 42px;
    height: 19px;
    font-size: 12px;
    color: black;
    float: left;
    background-color: #E8E6E5;
    text-align: center;
    border: 1px solid black;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
    display: block;
    font-weight: 400;
    transition: background-color .5s ease-in-out;
    border-radius: 6px;
}

.btn_validarcliente:hover {
    cursor: pointer;
    background-color: rgb(161, 194, 169)!important;
    text-decoration: none;
}

.btn_guardarcliente {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 90px;
    height: 19px;
    font-size: 12px;
    color: black;
    float: center;
    text-align: center;
    border: 1px solid black;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
    display: block;
    font-weight: 400;
    transition: background-color .5s ease-in-out;
    border-radius: 6px;
}

.btn_guardarcliente:hover {
    cursor: pointer;
    background-color: rgb(161, 194, 169)!important;
    text-decoration: none;
}

.btn_validarcliente {
    text-decoration: none;
    width: 42px;
    height: 19px;
    font-size: 12px;
    color: black;
    float: left;
    background-color: #E8E6E5;
    text-align: center;
    border: 1px solid black;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
    display: block;
    font-weight: 400;
    transition: background-color .5s ease-in-out;
    border-radius: 6px;
}

.btn_validarcliente:hover {
    cursor: pointer;
    background-color: rgb(161, 194, 169)!important;
    text-decoration: none;
}

.btn_guardarcliente {
    background-color: #E8E6E5;
    text-decoration: none;
    width: 90px;
    height: 19px;
    font-size: 12px;
    color: black;
    float: center;
    text-align: center;
    border: 1px solid black;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
    display: block;
    font-weight: 400;
    transition: background-color .5s ease-in-out;
    border-radius: 6px;
}

.btn_guardarcliente:hover {
    cursor: pointer;
    background-color: rgb(161, 194, 169)!important;
    text-decoration: none;
}

.boton_actualizar {
    text-decoration: none;
    width: 85px;
    height: 20px;
    font-size: 12px;
    color: black;
    /*float: right; */
    background-color: #E8E6E5;
    text-align: center;
    border: 1px solid black;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
    display: block;
    font-weight: 400;
    transition: background-color .5s ease-in-out;
    border-radius: 6px;
}

.boton_actualizar:hover {
    cursor: pointer;
    background-color: rgb(161, 194, 169)!important;
    text-decoration: none;
    font-size: 12px;
}

.btn_actualizar_cliente {
    text-decoration: none;
    width: 85px;
    height: 20px;
    font-size: 12px;
    color: black;
    float: right;
    background-color: #E8E6E5;
    text-align: center;
    border: 1px solid black;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
    display: block;
    font-weight: 400;
    transition: background-color .5s ease-in-out;
    border-radius: 6px;
}

.btn_validarcliente:hover {
    cursor: pointer;
    background-color: rgb(161, 194, 169)!important;
    text-decoration: none;
}

.btn_borrar {
    text-decoration: none;
    width: 85px;
    height: 20px;
    font-size: 12px;
    color: black;
    /*float: right; */
    background-color: #E8E6E5;
    text-align: center;
    border: 1px solid black;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
    display: block;
    font-weight: 400;
    transition: background-color .5s ease-in-out;
    border-radius: 6px;
}

.btn_borrar:hover {
    cursor: pointer;
    background-color: rgb(161, 194, 169)!important;
    text-decoration: none;
    font-size: 12px;
}

.btn-vtasCons {
    text-decoration: none;
    width: 85px;
    height: 16px;
    font-size: 12px;
    color: black;
    float: right;
    background-color: #E8E6E5;
    text-align: center;
    border: 1px solid black;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
    display: block;
    font-weight: 400;
    transition: background-color .5s ease-in-out;
    border-radius: 6px;
}

.btn-vtasCons:hover {
    cursor: pointer;
    background-color: rgb(161, 194, 169)!important;
    text-decoration: none;
    font-size: 12px;
}

.btn-vtasFecha {
    text-decoration: none;
    width: 85px;
    height: 16px;
    font-size: 12px;
    color: black;
    float: right;
    background-color: #E8E6E5;
    text-align: center;
    border: 1px solid black;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    padding-bottom:3px;
    display: block;
    font-weight: 400;
    transition: background-color .5s ease-in-out;
    border-radius: 6px;
}

.btn-vtasFecha:hover {
    cursor: pointer;
    background-color: rgb(161, 194, 169)!important;
    text-decoration: none;
    font-size: 12px;
}

.varios{
    text-transform: uppercase;
}

#menu {
    background-color:yellow; 
    width:150px; 
    float:left; 
    text-align:left;
    margin:4px 8px 4px 6px
}

#menu li {
    list-style:none;
    margin:0px 0px 0px 0px;
}
#menu h1 {
    text-decoration:none; 
    font-size:10px;
}

#pie {
    background-color:green; 
    border-left:black 0px solid; 
    width:990px;
    border-right:black 0px solid;
    border-top:black 0px solid;
}

#pie a {color: blue; text-decoration:none ; display: block }

#pie li {list-style:none;font-size:12px;}

#pieuno {background-color:#A3E4D7; float:left; width:250px; height:80px; 
         border-right: black 1px solid;}

#piedos {background-color:#A3E4D7; float:left; width:489px; height:80px;}

#pietres {background-color:#A3E4D7; float:left; width:250px; height:80px;
          border-left: black 1px solid;}

#cajaformulario{float: left; padding: 20px; border: 1px solid #999999;}

#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

#foto1 {float:left; width:900px; background-color:white }
#video1 {float:right; width:450px; background-color: white }
#formulario1 {float:left; width:498px;heigth:500; background-color: yellow }