* {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin: 10px;
    padding: 0px;
    /*background-color:beige;*/
    background-color: #FFFFFF;
}
h1 {
    background-color: #99CC33;
    color: white;
}
h2 {
    margin: 0px auto;
    color: black;
}
ul {
    list-style: none;
}
li a {
    border-right: : 1px solid gray;
    /*border-radius: 4px;*/
    margin-right: 1px;
    padding: 10px;
    float: left;
}
.logo {
    height: 250 px;
}
#nav_menu ul {
    list-style: none;
}
#nav_menu ul li {
    /*display: block;*/
}
#nav_menu ul li a {
    background-color: #99CC33;
    text-decoration: none;
    border: 1px solid black;
    color: black;
    font-size: 12px;
    box-shadow: 0px 0px 5px green;
    transition: hover 5s;
}
#nav_menu a:hover {
    background-color: #FAF5DF;
    box-shadow: 0px 0px 10px #093F69 inset;
    border-radius: 5px;
}
#nav_menu a:active {
    background-color: #093F69;
}
#caja {
    display: block;
}
#contenedor table {
    margin: 0px auto;
    border: 5px solid #99CC33;
}
#contenedor table tr td {
    text-align: center;
}
#contenedor table tr:nth-child(even) td {
    background: #f1f1f1;
}
.datosCliente {
    color: #3C4043;
}
#logo {
    display: block;
    float: right;
    margin: 0px auto;
    border-radius: 2px solid black;
}
.tabla {
    float: left;
    margin: 0px auto;
    border-radius: 2px solid black;
}
.form {
    border: 1px solid black;
    width: 700px;
    text-align: left;
    margin: 0px auto;
}
.form .datosModelo {
    font-size: 12px;
}
.mosaico {
    width: 50px;
}
.mosaico:hover {
    transform: scale(1.5, 1.5);
}
input[type="text"], input[type="email"] {
    padding: 1px;
    border-radius: 5px;
    box-shadow: 0px 0px 3px green inset;
    background-color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid #70b231;
    color: black;
    height: 10px;
}
input[type="button"], input[type="submit"], input[type="reset"], button {
    display: block;
    border: 1px solid black;
    width: 180px;
    padding: 5px;
    background-color: #99CC33;
    transition: all .5s;
}
input[type="text"]:hover, input[type="email"]:hover {
    background-color: beige;
}
input[type="submit"]:hover {
    background-color: teal;
    line-height: 1em;
    color: black bold;
    font-size: 1.5em;
    cursor: pointer;
}
input[type="button"]:after, input[type="submit"]:after, input[type="reset"]:after, {
    background-color: #093F69;
}
input[type="text"]:focus, input[type="email"]:focus {
    box-shadow: 0px 0px 20px teal;
    border: 5px solid green;
    border-radius: 5px;
    color: black;
    height: 15px;
    font-size: 15px;
    overflow: hidden;
}
/*

width: 50px;
    margin-left:510px;
    border: 10px solid black;
    padding: 5px;
    background-color: white;
    color: black;
    transition: all 1s;

*/

.clearFix {
    float: none;
    clear: both;
}
.V1 {
    background: #266F57;
    fill: #266F57;
}
.V2 {
    background: #25775B;
    fill: #25775B;
}
.V3 {
    background: #568B72;
    fill: #568B72;
}
.V4 {
    background: #7CAA90;
    fill: #7CAA90;
}
.V5 {
    background: #D2DEC6;
    fill: #D2DEC6;
    color: black;
}
.T1 {
    background: #005667;
    fill: #005667;
}
.T2 {
    background: #34677F;
    fill: #34677F;
}
.T3 {
    background: #477490;
    fill: #477490;
}
.T4 {
    background: #477B81;
    fill: #477B81;
}
.T5 {
    background: #62897E;
    fill: #62897E;
}
.A1 {
    background: #003465;
    fill: #003465;
}
.A2 {
    background: #00407C;
    fill: #00407C;
}
.A3 {
    background: #1E4F8B;
    fill: #1E4F8B;
}
.A4 {
    background: #005B9C;
    fill: #005B9C;
}
.A5 {
    background: #8CAFDB;
    fill: #8CAFDB;
    color: black;
}
.R1 {
    background: #A55D59;
    fill: #A55D59;
}
.R2 {
    background: #B56260;
    fill: #B56260;
}
.R3 {
    background: #C47C7D;
    fill: #C47C7D;
}
.R4 {
    background: #CE8684;
    fill: #CE8684;
}
.R5 {
    background: #DB9EA8;
    fill: #DB9EA8;
    color: black;
}
.N1 {
    background: #BE6256;
    fill: #BE6256;
}
.N2 {
    background: #CD866C;
    fill: #CD866C;
}
.N3 {
    background: #D78F70;
    fill: #D78F70;
}
.N4 {
    background: #D49A7D;
    fill: #D49A7D;
}
.N5 {
    background: #E4C1A6;
    fill: #E4C1A6;
    color: black;
}
.C1 {
    background: #4E3834;
    fill: #4E3834;
}
.C2 {
    background: #604642;
    fill: #604642;
}
.C3 {
    background: #6B4E4A;
    fill: #6B4E4A;
}
.C4 {
    background: #998789;
    fill: #998789;
    color: black;
}
.C5 {
    background: #BEB1B4;
    fill: #BEB1B4;
    color: black;
}
.G1 {
    background: #444242;
    fill: #444242;
    color: #fff;
}
.G2 {
    background: #504F51;
    fill: #504F51;
    color: #fff;
}
.G3 {
    background: #5C5A5D;
    fill: #5C5A5D;
}
.G4 {
    background: #676367;
    fill: #676367;
    color: #fff;
}
.G5 {
    background: #C1C2C7;
    fill: #C1C2C7;
    color: black;
}
.E1 {
    background: #8CA869;
    fill: #8CA869;
}
.E2 {
    background: #B2BC54;
    fill: #B2BC54;
}
.E3 {
    background: #8CC4D4;
    fill: #8CC4D4;
    color: black;
}
.E4 {
    background: #C54844;
    fill: #C54844;
}
.B1 {
    color: #777;
    background: #E6E6E6;
    fill: #E6E6E6;
}
.B3 {
    background: #F5F5DC;
    fill: #F5F5DC;
    color: black;
}
.B2 {
    background: #FEFBF3;
    fill: #FEFBF3;
    color: black;
}
.B1 {
    background: #FAF5DF;
    fill: #FAF5DF;
    color: black;
}
.Y1 {
    background: #C9AB5B;
    fill: #C9AB5B;
    color: black;
}
.Y2 {
    background: #E1C25D;
    fill: #E1C25D;
    color: black;
}
.Y3 {
    background: #EDD272;
    fill: #EDD272;
    color: black;
}
.Y4 {
    background: #F3DE91;
    fill: #F3DE91;
    color: black;
}
.Y5 {
    background: #F5E1AC;
    fill: #F5E1AC;
    color: black;
}