/* ///////////////////////////////////////MENU DESPLEGABLE//MENU DESPLEGABLE///////////////////////////////////////////*/


/* /////////////////////////////////////////////MENU DESPLEGABLE//MENU DESPLEGABLE/////////////////////////////////////*/


/* /////////////////////////////////////////////MENU DESPLEGABLE//MENU DESPLEGABLE///////////////////////////////////////*/


/* //////////////////////////////////////////////////////////MENU DESPLEGABLE//MENU DESPLEGABLE/////////////////////*/


/*
body{
	
	width:900px;
	background      : #ffffff;
	font: 10pt 'Arial', Helvetica, sans-serif; 
	

*/

body {
    background: #ffffff;
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

html {
    min-height: 100%;
    position: relative;
}

div#footer {
    position: relative;
    z-index: 1;
    margin-bottom: 0px;
    /*background:#E8E8E8;*/
    background-color: #E7E7E7;
    bottom: 0;
    width: 100%;
    height: 330px;
    color: white;
}

.demo_wrapper {
    z-index: 3;
    width: 100%;
    margin: 0 auto;
}

@media only screen and (max-device-width: 800px),
screen and (max-width: 800px) {
    .demo_wrapper {
        position: relative;
        z-index: 2;
        width: 80%;
    }
}

.demo_block {
    position: relative;
    z-index: 3;
    width: 100%;
}

.input-file-container {
    width: 225px;
}

.js .input-file-trigger {
    display: block;
    z-index: 4;
    padding: 14px 45px;
    background: #3893F2;
    border-radius: 15px 15px 15px 15px;
    color: #fff;
    font-size: 1em;
    cursor: pointer;
}

.js .input-file {
    top: 0;
    left: 0;
    width: 225px;
    opacity: 0;
    padding: 14px 0;
    cursor: pointer;
}

.js .input-file:hover+.input-file-trigger,
.js .input-file:focus+.input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
    background: #34495E;
    color: #fff;
}

.file-return {
    margin: 0;
}

.file-return:not(:empty) {
    margin: 1em 0;
}

.js .file-return {
    font-style: italic;
    font-size: .9em;
    font-weight: bold;
}

.js .file-return:not(:empty):before {
    content: "Selected file: ";
    font-style: normal;
    font-weight: normal;
}

.txtcenter {
    margin-top: 4em;
    font-size: .9em;
    text-align: center;
    color: #aaa;
}

.copy {
    margin-top: 2em;
}

.copy a {
    text-decoration: none;
    color: #1ABC9C;
}

div#status {
    z-index: 4;
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    color: #6A6A6A;
    /* Document Style */
    background: #000;
    /* Document Style */
    margin-left: 0px;
    margin-top: 0px;
    /*width:300px; /* Document Style */
    height: 300px;
    /* Document Style */
    padding: 0px;
    /* Document Style */
    border: solid 2px #ffffff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    position: absolute;
}

#PantallaTransparente1 {
    position: fixed;
    z-index: 20;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    /*IE*/
    filter: alpha(opacity=88);
    /*FireFox Opera*/
    opacity: .8;
}

#panelcentrado1 {
    position: fixed;
    z-index: 50;
    /*nos posicionamos en el centro del navegador*/
    top: 20%;
    left: 49%;
    /*determinamos una anchura*/
    width: 400px;
    /*indicamos que el margen izquierdo, es la mitad de la anchura*/
    margin-left: -200px;
    /*determinamos una altura*/
    height: 490px;
    /*indicamos que el margen superior, es la mitad de la altura*/
    margin-top: -150;
    border: 1px solid #808080;
    background-color: #fff;
    padding: 5px;
    border-radius: 15px 0 15px 0;
}

#PantallaTransparente2 {
    position: fixed;
    z-index: 20;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    /*IE*/
    filter: alpha(opacity=88);
    /*FireFox Opera*/
    opacity: .8;
}

#panelcentrado2 {
    z-index: 31;
    position: fixed;
    /*nos posicionamos en el centro del navegador*/
    top: 20%;
    left: 49%;
    /*determinamos una anchura*/
    width: 400px;
    /*indicamos que el margen izquierdo, es la mitad de la anchura*/
    margin-left: -200px;
    /*determinamos una altura*/
    height: 490px;
    /*indicamos que el margen superior, es la mitad de la altura*/
    margin-top: -150;
    border: 1px solid #808080;
    background-color: #fff;
    padding: 5px;
    border-radius: 15px 0 15px 0;
}

.imagensubida {
    max-width: 100px;
    cursor: pointer;
    cursor: hand;
    background-color: #fff;
    color: #ffffff;
    font-size: 13px;
    border: solid 1px #000;
    padding: 1px;
    border-radius: 15px 15px 15px 15px;
}

.imagensubida:hover {
    max-width: 105px;
    color: #ffffff;
    border: solid 1px #3893F2;
    padding: 1px;
}

.img {
    transition: all .5s ease-in-out;
}

.contenedorzoom {
    transition: all .5s ease-in-out;
    overflow: hidden;
}

.contenedorzoom:hover .img {
    transition: all .5s ease-in-out;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
    cursor: hand;
}

.gallery>img {
    padding: 5px;
    max-width: 232px;
    min-height: 150px;
    max-height: 150px;
    opacity: 0.5;
}

.gallery>img:hover {
    padding: 5px;
    max-width: 232px;
    min-height: 150px;
    max-height: 150px;
    opacity: 0.9;
}

.diveliminacion {
    cursor: hand;
    opacity: 0.5;
    position: absolute;
    background-image: url(/borrarimagen2.png);
    float: left;
    margin-left: 1px;
    width: 30px;
    height: 30px;
}

.diveliminacion:hover {
    opacity: 0.9;
}

.divmoverizquierda {
    cursor: hand;
    opacity: 0.5;
    position: absolute;
    background-image: url(/izquierda.png);
    float: left;
    margin-left: 1px;
    width: 51px;
    height: 51px;
}

.divmoverizquierda:hover {
    opacity: 0.9;
}

.divmoverderecha {
    cursor: hand;
    opacity: 0.5;
    position: absolute;
    background-image: url(/derecha.png);
    float: right;
    margin-left: 185px;
    width: 51px;
    height: 51px;
}

.divmoverderecha:hover {
    opacity: 0.9;
}


/*
.zoomed:hover{
	
	
transition:all .5s ease-in-out;

border-radius:50%;
-webkit-border-radius:50%;
box-shadow: 0px 0px 15px 15px #ec731e;
-webkit-box-shadow: 0px 0px 15px 15px #ec731e;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);

}

*/

#botonregistrarse {
    font: 9pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    position: absolute;
    padding: 5px;
    border: solid 1px #016BDB;
    background-color: #3893F2;
    text-align: center;
    color: #fff;
    margin-left: 900px;
    margin-top: -60px;
    border-radius: 10px 10px 10px 10px;
    line-height: -6px;
    width: 100px;
    text-align: left;
    height: 26px;
    cursor: pointer;
    cursor: hand;
}

#botonregistrarse:hover {
    color: #fff;
    background-color: #6FAFFC;
    border: solid 1px #6FAFFC;
    text-decoration: none;
}

#botoniniciarsesion {
    font: 9pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    position: absolute;
    padding: 5px;
    height: 26px;
    border: solid 1px #2C5F94;
    background-color: #2C5F94;
    text-align: center;
    color: #fff;
    margin-left: 987px;
    margin-top: -60px;
    border-radius: 10px 10px 10px 10px;
    width: 100px;
    cursor: pointer;
    cursor: hand;
}

#botoniniciarsesion:hover {
    color: #fff;
    background-color: #F0410E;
    border: solid 1px #F0410E;
    text-decoration: none;
}

#copyright {
    z-index: 18;
    line-height: 4.5em;
    width: 100%;
    background-color: #ccc;
    color: #000;
    z-index: -4;
    height: 60px;
    box-shadow: 5px 1px 5px #000;
    ' 

}

#cerrarsesionnew {
    font: 9pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    position: absolute;
    padding: 5px;
    height: 26px;
    line-height: 17px;
    background-color: #FF3333;
    text-align: center;
    color: #fff;
    margin-left: 945px;
    margin-top: -60px;
    border-radius: 10px 10px 10px 10px;
    width: 100px;
    cursor: pointer;
    cursor: hand;
}

#cerrarsesionnew:hover {
    color: #fff;
    background-color: #F0410E;
    text-decoration: none;
}

#usuarioconectado {
    font: 9pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    position: absolute;
    padding: 5px;
    border: solid 1px #eee;
    height: 61px;
    background-color: #fff;
    text-align: center;
    color: #767575;
    margin-left: 1120px;
    margin-top: -30px;
    border-radius: 10px 10px 10px 10px;
    width: 188px;
    line-height: 15px;
}

#usuarioconectado {
    text-decoration: none;
}

#botondemenu {
    cursor: pointer;
    cursor: hand;
    width: 160px;
    background-color: #ffffff;
    color: #000000;
    font-size: 12px;
    border: solid 1px #eeeeee;
    padding: 30px;
    text-align: center;
    margin-top: -1px;
    border-radius: 0 0 0 0;
}

#botondemenu:hover {
    background-color: #4C4C4D;
    /*background-color: #1478FF;*/
    color: #fff;
    border: solid 1px #ffffff;
    border-radius: 0 0 0 0;
}

#botondemenuesquinaizquierda {
    cursor: pointer;
    cursor: hand;
    width: 160px;
    background-color: #ffffff;
    color: #000000;
    font-size: 12px;
    border: solid 1px #eeeeee;
    padding: 30px;
    text-align: center;
    margin-top: -1px;
    border-radius: 15px 0 0 15px;
}

#botondemenuesquinaizquierda:hover {
    background-color: #4C4C4D;
    color: #fff;
    border: solid 1px #ffffff;
    border-radius: 15px 0 0 15px;
}

#botondemenuesquinaderecha {
    cursor: pointer;
    cursor: hand;
    width: 160px;
    background-color: #ffffff;
    color: #000000;
    font-size: 12px;
    border: solid 1px #eeeeee;
    padding: 30px;
    text-align: center;
    margin-top: -1px;
    border-radius: 0 15px 15px 0;
    /*background: #423b3b; 
background: -moz-linear-gradient(top, #423b3b 0%, #ffffff 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, #423b3b 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #423b3b 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#423b3b', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#botondemenuesquinaderecha:hover {
    /*background-color: #1478FF;*/
    background-color: #4C4C4D;
    color: #fff;
    border: solid 1px #ffffff;
    border-radius: 0 15px 15px 0;
}

#botondemenu2 {
    width: 175px;
    cursor: pointer;
    cursor: hand;
    background-color: #ffffff;
    color: #000000;
    font-size: 12px;
    border: solid 1px #eeeeee;
    padding: 10px;
    text-align: center;
}

#botondemenu2:hover {
    font-size: 12px;
    /*background-color: #1478FF;*/
    background-color: #2C5F94;
    color: #fff;
    border: solid 1px #eeeeee;
    padding: 10px;
}

div#menudesplegablealex {
    /* aqui estan los botones bodega sala y eso */
    z-index: 1;
    cursor: hand;
    margin: auto;
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    color: #000000;
    /* Document Style */
    background-color: #E8E8E8;
    margin-top: -182px;
    width: 1400px;
    border: solid 0px #eeeeee;
    height: 180px;
    /* padding:0px; /* Document Style */
}

ul,
ol {
    list-style: none;
}

.opcionesalex li a {
    background-color: #000000;
    color: #000000;
    text-decoration: none;
    padding: 10px 15px;
    display: block;
    border: solid 0px #eeeeee;
}

.opcionesalex li a:hover {
    background-color: #81F7D8;
    color: #000000;
}

.opcionesalex>li {
    float: left;
}

.opcionesalex li ul {
    display: none;
    position: absolute;
    min-width: 140px;
}

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

.opcionesalex li ul li {
    right: 40px;
    position: relative;
}

.opcionesalex li ul li ul {
    right: -215px;
    top: 0px;
}

#botoncerrarsesion {
    cursor: pointer;
    cursor: hand;
    background-color: #FF7808;
    color: #ffffff;
    font-size: 12px;
    border: solid 0px #000000;
    padding: 2px;
    border-radius: 78px;
    -moz-border-radius: 78px;
    -webkit-border-radius: 78px;
}

#botoncerrarsesion:hover {
    background-color: #FF4008;
    color: #ffffff;
    padding: 2px;
    border: solid 0px #ffffff;
}

div#nombredesistema {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    color: #ffffff;
    /* Document Style */
    background: #005EF4;
    /* Document Style */
    margin-left: 0px;
    margin-top: 0, 75px;
    /*width:300px; /* Document Style */
    height: 100px;
    /* Document Style */
    padding: 10px;
    /* Document Style */
    border: solid 1px #1C83DC;
    /*position: absolute;*/
    /* left: 50%;
    top: 20%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	
	   border-radius: 10px; 
        -moz-border-radius: 10px; 
        -webkit-border-radius: 10px;  */
}

.reintento7 {
    cursor: pointer;
    cursor: hand;
    background-color: #26A226;
    color: #ffffff;
    font-size: 13px;
    border: solid 1px #eeeeee;
    padding: 5px;
    border-radius: 78px;
    -moz-border-radius: 78px;
    -webkit-border-radius: 78px;
}

.reintento7:hover {
    background-color: #75D475;
    color: #ffffff;
    padding: 5px;
}

div#mensajeria {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    color: #000000;
    width: 296px;
    height: 338px;
    background-color: #ffffff;
    padding: 10px;
    /* Document Style */
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: solid 1px #027FDB;
    overflow-y: scroll;
}

textarea.mensaje {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    padding: 0px;
    font-size: 12px;
    display: block;
    width: 240px;
    height: 35px;
    line-height: 13px;
    border: solid 1px #027FDB;
    outline: none;
    resize: none;
    overflow: auto;
    padding: 0;
}

textarea.mensaje:hover {
    padding: 6px;
    font-size: 12px;
    display: block;
    border: solid 1px #7856E1;
    background: #ffffff;
    padding: 0;
}

textarea.preguntadevisitante {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    padding: 0px;
    font-size: 12px;
    display: block;
    width: 240px;
    height: 35px;
    line-height: 18px;
    border: solid 0.25pt #DEDEDE;
    outline: none;
    resize: none;
    overflow: auto;
    padding: 0;
}

textarea.preguntadevisitante:hover {
    padding: 6px;
    font-size: 12px;
    display: block;
    border: solid 0.25pt #9B9B9B;
    background: #ffffff;
    padding: 0;
}

textarea.preguntadevisitante:focus {
    border: solid 0.25pt #aacfe4;
    background: #ffffff;
}

input[type="text"].mejorado {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    padding: 6px;
    font-size: 12px;
    display: block;
    width: 250px;
    height: 30px;
    line-height: 25px;
    border: solid 0.25pt #DEDEDE;
    outline: none;
    resize: none;
    overflow: auto;
    padding: 0;
}

input[type="text"].mejorado:hover {
    border: solid 0.25pt #9B9B9B;
    background: #ffffff;
}

input[type="text"].mejorado:focus {
    border: solid 0.25pt #aacfe4;
    background: #ffffff;
}

input[type="password"].mejorado {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    padding: 6px;
    font-size: 12px;
    display: block;
    width: 250px;
    height: 30px;
    line-height: 25px;
    border: solid 0.25pt #DEDEDE;
    outline: none;
    resize: none;
    overflow: auto;
    padding: 0;
}

input[type="password"].mejorado:hover {
    border: solid 0.25pt #9B9B9B;
    background: #ffffff;
}

input[type="password"].mejorado:focus {
    border: solid 0.25pt #aacfe4;
    background: #ffffff;
}

input[type="text"].renovadotext {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    padding: 10px;
    font-size: 12px;
    display: block;
    width: 400px;
    height: 40px;
    line-height: 25px;
    border: solid 0.25pt #DEDEDE;
    outline: none;
    resize: none;
    overflow: auto;
    padding: 0;
}

input[type="text"].renovadotext:hover {
    border: solid 0.25pt #9B9B9B;
    background: #ffffff;
}

input[type="text"].renovadotext:focus {
    border: solid 0.25pt #aacfe4;
    background: #ffffff;
}

input[type="password"].renovadotext {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    padding: 10px;
    font-size: 12px;
    display: block;
    width: 400px;
    height: 40px;
    line-height: 25px;
    border: solid 0.25pt #DEDEDE;
    outline: none;
    resize: none;
    overflow: auto;
    padding: 0;
}

input[type="password"].renovadotext:hover {
    border: solid 0.25pt #9B9B9B;
    background: #ffffff;
}

input[type="password"].renovadotext:focus {
    border: solid 0.25pt #aacfe4;
    background: #ffffff;
}

input[type="text"].dinero {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    padding: 10px;
    font-size: 16px;
    display: block;
    width: 400px;
    height: 40px;
    line-height: 25px;
    border: solid 0.25pt #DEDEDE;
    outline: none;
    resize: none;
    overflow: auto;
    padding: 0;
}

input[type="text"].dinero:hover {
    border: solid 0.25pt #9B9B9B;
    background: #ffffff;
}

input[type="text"].dinero:focus {
    border: solid 0.25pt #aacfe4;
    background: #ffffff;
}

textarea.renovadotextarea {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    padding: 6px;
    font-size: 12px;
    display: block;
    width: 250px;
    height: 30px;
    line-height: 25px;
    border: solid 0.25pt #DEDEDE;
    outline: none;
    resize: none;
    overflow: auto;
    padding: 0;
}

textarea.renovadotextarea:hover {
    border: solid 0.25pt #9B9B9B;
    background: #ffffff;
}

textarea.renovadotextarea:focus {
    border: solid 0.25pt #aacfe4;
    background: #ffffff;
}

.perfil {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    padding: 10px;
    font-size: 16px;
    display: block;
    width: 400px;
    height: 40px;
    line-height: 25px;
    border: solid 0.25pt #DEDEDE;
    outline: none;
    resize: none;
    overflow: auto;
    padding: 0;
}

.perfil:hover {
    border: solid 0.25pt #9B9B9B;
    background: #ffffff;
}

.perfil:focus {
    border: solid 0.25pt #aacfe4;
    background: #ffffff;
}

.recuperar {
    cursor: pointer;
    cursor: hand;
    color: #000;
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    text-decoration: underline #000;
}

.recuperar:hover {
    cursor: pointer;
    cursor: hand;
    color: blue;
}

.recuperar:focus {
    color: #eee;
}


/*
select {
     background: transparent;
     border: none;
     font-size: 14px;
     height: 30px;
     padding: 2px;
     width: 165px;
	 border: 1px solid #BEC6D6;
  }
  
select:hover {
	
border: 1px solid #0099ff;
background: #ffffff;
border: 1px solid #0099ff;
background: #ffffff;
 }
 */

select {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    padding: 10px;
    font-size: 12px;
    display: block;
    width: 400px;
    height: 40px;
    line-height: 25px;
    border: solid 0.25pt #DEDEDE;
    outline: none;
    resize: none;
    overflow: auto;
    padding: 0;
}

select:hover {
    border: solid 0.25pt #9B9B9B;
    background: #ffffff;
}

select:focus {
    border: solid 0.25pt #aacfe4;
    background: #ffffff;
}


/*///////////////////////////////////AREA DE BOTONES GENERALES////////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////AREA DE BOTONES GENERALES////////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////AREA DE BOTONES GEENRALES////////////////////////////////////////////////////////////////////////////*/


/*///////////////////////////////////AREA DE BOTONES GENERALES////////////////////////////////////////////////////////////////////////////*/

#botonenviariniciosesion {
    cursor: pointer;
    cursor: hand;
    color: #ffffff;
    /*cursor:pointer;*/
    background-color: #005EF4;
    border: 1px solid #ffffff;
    padding: 8px;
    width: 150px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#botonenviariniciosesion:hover {
    color: #ffffff;
    background-color: #F0410E;
    border: solid 1px #F0410E;
}

#botoncerrarsesion {
    cursor: pointer;
    cursor: hand;
    background-color: #FF7808;
    color: #ffffff;
    font-size: 12px;
    border: solid 0px #000000;
    padding: 2px;
    border-radius: 78px;
    -moz-border-radius: 78px;
    -webkit-border-radius: 78px;
}

#botoncerrarsesion:hover {
    background-color: #FF4008;
    color: #ffffff;
    padding: 2px;
    border: solid 0px #ffffff;
}

.cursorhand:hover {
    cursor: pointer;
    cursor: hand;
}

.reintentoNEW {
    cursor: pointer;
    cursor: hand;
    background-color: #2C5F94;
    color: #ffffff;
    font-size: 13px;
    border: solid 1px #eeeeee;
    padding: 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.reintentoNEW:hover {
    background-color: #6FAFFC;
    color: #ffffff;
    padding: 5px;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.reintentoNEW:focus {
    background-color: #6FAFFC;
    color: #ffffff;
    padding: 5px;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.reintentoNEWROJO {
    cursor: pointer;
    cursor: hand;
    background-color: #FC2F1A;
    color: #ffffff;
    font-size: 13px;
    border: solid 1px #eeeeee;
    padding: 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.reintentoNEWROJO:hover {
    background-color: #F0A59D;
    color: #ffffff;
    padding: 5px;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.reintentoNEWGREAT {
    /*
background-image:linear-gradient( #EEE , #838383);
*/
    background-color: #CCCCCC;
    color: #fff;
    font-size: 13px;
    border: solid 1px #eeeeee;
    padding: 6px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.reintentoNEWGREAT:hover {
    cursor: pointer;
    cursor: hand;
    background-color: #80ACCD;
    color: #FFF;
    padding: 6px;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.reintentoNEWGREAT:focus {
    border: solid 0.25pt #aacfe4;
    text-decoration: none;
    background: #ffffff;
}


/*
   transform: translate(350px, -350px) rotate(360deg);
    -webkit-transform: translate(350px, -350px) rotate(360deg);
    -o-transform: translate(350px, -350px) rotate(360deg);
    -moz-transform: translate(350px, -350px) rotate(360deg);


	 transform: rotate(100deg);
    -webkit-transform: rotate(100deg) scale(2);
    -o-transform: rotate(100deg); 
    -moz-transform: rotate(100deg);
	
*/


/*

.reintento{
cursor:pointer; cursor: hand;
background-color: #3893F2;
color: #ffffff; 
font-size:13px;
border:solid 1px #eeeeee;
padding:5px;
   border-radius: 95px; 
        -moz-border-radius: 95px; 
        -webkit-border-radius: 95px;

}
.reintento:hover{
background-color: #2C5F94;
color: #ffffff;
padding:5px; 
}

*/

.reintento {
    background: #a8089b;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    padding: 6px 19px;
    border-radius: 6px;
    border: 2px solid #a8089b;
    transition: all 0.3s ease;
}

.reintento:hover {
    color: #a8089b;
    background: #fff;
}


/*
.hoverlupa{
cursor:pointer; cursor: hand;
background-color: #3893F2;
color: #ffffff; 
font-size:13px;
border:solid 1px #eeeeee;
padding:5px;
   border-radius: 95px; 
        -moz-border-radius: 95px; 
        -webkit-border-radius: 95px;

}

*/

.img {
    transition: all .5s ease-in-out;
}

.zoomable:hover .img {
    transition: all .5s ease-in-out;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
    cursor: hand;
}

.zoomable {
    transition: all .5s ease-in-out;
    overflow: hidden;
}


/*/////////////////////////////////ESTO ES PARA LAS TABLAS//////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////ESTO ES PARA LAS TABLAS//////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////ESTO ES PARA LAS TABLAS//////////////////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////ESTO ES PARA LAS TABLAS//////////////////////////////////////////////////////////////////////////////*/

#divparatablas {
    font: 9pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    color: #414040;
    z-index: 0;
    width: 350px;
    height: 60px;
    background-color: #eeeeee;
    border: 1px solid #89898A;
    margin-top: 35px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 10px;
}

div#resultadocontador {
    margin-top: 35px;
    font: 9pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    background-color: #ffffff;
    border: 2px solid #000000;
    width: 300px;
    padding: 5px;
    border-radius: 78px;
    -moz-border-radius: 78px;
    -webkit-border-radius: 78px;
}

#divparatablas2 {
    margin-top: 40px;
    width: 1500px;
    background-color: #eeeeee;
}

table {
    font: 9pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    width: 100%;
    background-color: #ffffff;
    text-align: left;
    border-collapse: collapse;
    /*quita estacitos entre lineas*/
    border-radius: 80px;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
}

th,
td {
    border: 0.10px solid #ADADAD;
    padding: 3px;
}

tr:hover td {
    background-color: #F2F6FF;
    color: #000000;
}

thead {
    font: 9pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    background-color: #777c84;
    color: #ffffff;
    border: 1px solid #000000;
}

tr:nth-child(even) {
    background-color: #eeeeee;
}

.eliminar {
    cursor: pointer;
    cursor: hand;
    background-color: #FF0000;
    color: #ffffff;
    font-size: 13px;
    border: solid 1px #ffffff;
    padding: 5px;
    border-radius: 78px;
    -moz-border-radius: 78px;
    -webkit-border-radius: 78px;
}

.eliminar:hover {
    background-color: #DF7401;
    color: #ffffff;
    padding: 5px;
}

.botoncerrar {
    margin-top: 10px;
    cursor: pointer;
    cursor: hand;
    background-color: #ccc;
    color: #ffffff;
    font-size: 13px;
    border: solid 1px #ffffff;
    padding: 5px;
    border-radius: 78px;
    -moz-border-radius: 78px;
    -webkit-border-radius: 78px;
}

.botoncerrar:hover {
    background-color: #2C5F94;
    color: #ffffff;
    padding: 5px;
}

input[type="text"].renovadotext {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    padding: 3px 3px;
    font-size: 12px;
    display: block;
    width: 80%;
    max-width: 400px;
    height: 30px;
    line-height: 25px;
    border: solid 0.25pt #DEDEDE;
    outline: none;
    resize: none;
    overflow: auto;
}

input[type="text"].renovadotext:hover {
    border: solid 0.25pt #9B9B9B;
    background: #ffffff;
}

input[type="text"].renovadotext:focus {
    border: solid 0.25pt #aacfe4;
    background: #ffffff;
}

input[type="password"].renovadotext {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    padding: 3px 3px;
    font-size: 12px;
    display: block;
    width: 80%;
    max-width: 400px;
    height: 30px;
    line-height: 25px;
    border: solid 0.25pt #DEDEDE;
    outline: none;
    resize: none;
    overflow: auto;
}

input[type="password"].renovadotext:hover {
    border: solid 0.25pt #9B9B9B;
    background: #ffffff;
}

input[type="password"].renovadotext:focus {
    border: solid 0.25pt #aacfe4;
    background: #ffffff;
}

input[type="search"].renovadotext {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    padding: 6px 6px;
    font-size: 12px;
    display: block;
    width: 400px;
    height: 40px;
    line-height: 25px;
    border: solid 0.25pt #DEDEDE;
    outline: none;
    resize: none;
    overflow: auto;
}

input[type="search"].renovadotext:hover {
    border: solid 0.25pt #9B9B9B;
    background: #ffffff;
}

input[type="search"].renovadotext:focus {
    border: solid 0.25pt #aacfe4;
    background: #ffffff;
}

input[type="search"].renovadotext:focus:hover {
    border: solid 1px #6cc51d;
    background: #FFFFFF;
}

input[type="search"].inputdatalist {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    padding: 6px 6px;
    font-size: 12px;
    display: block;
    width: 90%;
    height: 30px;
    line-height: 25px;
    border: solid 0.25pt #DEDEDE;
    outline: none;
    resize: none;
    overflow: auto;
}

input[type="search"].inputdatalist:hover {
    border: solid 0.25pt #9B9B9B;
    background: #ffffff;
}

input[type="search"].inputdatalist:focus {
    border: solid 0.25pt #aacfe4;
    background: #ffffff;
}

input[type="text"].inputdatalist {
    font: 10pt 'Arial', Helvetica, sans-serif;
    /* Document Style */
    padding: 6px 6px;
    font-size: 12px;
    display: block;
    width: 90%;
    height: 30px;
    line-height: 25px;
    border: solid 0.25pt #DEDEDE;
    outline: none;
    resize: none;
    overflow: auto;
}

input[type="text"].inputdatalist:hover {
    border: solid 0.25pt #9B9B9B;
    background: #ffffff;
}

input[type="text"].inputdatalist:focus {
    border: solid 0.25pt #aacfe4;
    background: #ffffff;
}