/*

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/03/2014, 12:57:55 PM

    Author     : Balvis

*/

 .tablaBorder {

     border: 1px solid #CCC;



     border-radius: 5px;

     /* min-width:400px;

    font-family: Helvetica,Arial; */

 }



 .tablaBorder td {

     padding: 2px;

 }



 /*Primera fila, primera celda*/

 .tablaBorder tr:first-child td:first-child {

     border-radius: 5px 0px 0px 0px;

 }



 /*Primera fila, última celda*/

 .tablaBorder tr:first-child td:last-child {

     border-radius: 0px 5px 0px 0px;

 }



 /*Última fila, primera celda*/

 .tablaBorder tr:last-child td:first-child {

     border-radius: 0px 0px 0px 5px;

 }



 /*Última fila, última celda*/

 .tablaBorder tr:last-child td:last-child {

     border-radius: 0px 0px 5px 0px;

 }





 .boton {

     vertical-align: middle;



 }

 body {

     background: url("../images/logo/2_new.jpg");

     background-position: center center;

     background-repeat: no-repeat;

     background-attachment: fixed;

     background-size: cover;

     font-family: verdana;

     font-size: 12px;

 }

 #centrado {



     background-color: whitesmoke;

     border: 1px solid gray;

     margin: -10px -10px -10px -10px;



 }

 header {

     background-color: #fff;
     /*#3A3A3A;*/

     color: #3A3A3A;

     text-align: left;

     width: 100%;

     vertical-align: middle;

     height: 80px;



 }

 footer {

     background-color: #3A3A3A;

     color: white;

     font-size: 14px;

     text-align: center;

     height: 80px;

     vertical-align: middle;







 }

 #logotipo {



     float: right;

     background-color: orange;

 }



 #textoCabecera {



     float: right;

     font-weight: bold;

 }







 #headerText {



     float: left;



     font-size: 35px;

     height: 68px;

     vertical-align: middle;



 }

 #error {



     float: left;

     font-size: 12px;

     background: transparent;

     color: red;



 }

 nav {



     background-color: #1e73be;
     /* #FF8924;*/



 }

 section {}

 .mantenimiento {

     width: 100%;





 }

 thead {

     background-color: orange;

     height: 30px;



 }

 #FiltroTabla {



     border: 1px solid #CCC;

     height: 50px;

     background-image: url('../images/fondo/2bg.gif');

     border-radius: 6px;



 }

 #FiltroTablaPop {



     border: 1px solid #CCC;





 }

 #divTitulo {

     margin: 0px 5px 1px 15px;

     background: transparent;

     font-size: 16px;

     font-weight: bold;



     vertical-align: bottom;

 }



 /*

.nav {

    margin: 0px;

    padding: 0px;

    list-style: none;

}



.nav li {

    float: left;

    width: 160px;

    position: relative;

}



.nav li a {

    background: #333;

    color: #fff;

    display: block;

    padding: 7px 8px;

    text-decoration: none;

    border-top: 1px solid orange;

}



.nav li a:hover {

    color: orange;

}

*/

 /*=== submenu ===*/

 /*

.nav ul {

    display: none;

    position: absolute;

    margin-left: 0px;

    list-style: none;

    padding: 0px;

}



.nav ul li {

    width: 160px;

    float: left;

}



.nav ul a {

    display: block;

    height: 15px;

    padding: 7px 8px;

    color: #fff;

    text-decoration: none;

    border-bottom: 1px solid #222;

}



.nav ul li a:hover {

    color: orange;

}*/



 #gridHtml {}

 #gridHtml tbody td {



     border: 1px solid #CCC;

     height: 25px;



 }

 #gridHtml thead td {



     border: 1px solid #CCC;

     height: 30px;

     font-weight: bold;

     text-align: center;

     color: white;



 }

 #gridHtml tfoot td {



     border: 0px solid #CCC;

     height: 30px;

     background: whitesmoke;

     font-style: italic;



 }



 #box-login {

     font-size: 12px;

     display: table;

     /*background-color: #FFF;*/

     /* background-color:#1e73be;*/

     opacity: 0.8;
     /* Opacidad 60% */

     -webkit-transition: opacity 0.3s;

     transition: opacity 0.3s;

     /*border: 1px solid #d9d9d9;*/

     /*

	-moz-box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);

	-webkit-box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);

	box-shadow: 0 0 16px -4px rgba(0, 0, 0, 0.5);

*/

     -webkit-border-radius: 3px;

     -moz-border-radius: 3px;

     border-radius: 3px;



     width: 390px;

 }

 #box-login-top {

     background: #00749eb0;

     padding: 20px;

 }

 #box-login-bottom {

     background: #3a3a3a;

 }



 #box-login-top form fieldset {

     margin: 0 0 20px 0;

     font-size: 14px;

 }

 #box-login-top form fieldset.form-actions {

     margin: 0;

 }

 #box-login-top form fieldset input.form-text {

     display: block;

     width: 340px;

     padding: 8px 7px;

     font-size: 14px;

     border: 1px solid #ddd;

     background: #f5f5f5;

     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);

     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);

     -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);

     -webkit-border-radius: 3px;

     -moz-border-radius: 3px;

     border-radius: 3px;

 }

 #box-login-top form fieldset input.form-text:focus {

     border: 1px solid #ccc;

     background: #fff;

 }

 #box-login-top form input[type="button"] {

     margin: 0;

     padding: 5px 10px;

     font-size: 13px;

     font-weight: bold;

     border: 0;

     background: #eee;

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

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

     border-radius: 5px 0 0 5px;



     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);

     -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);

     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);



     background: -moz-linear-gradient(19% 75% 90deg, #FF4D01, #FF8924);



     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5cb85c), to(#5cb85c));



     color: #fff;

     float: left;

     font-family: arial, helvetica, sans-serif;

     padding: 10px 2px;

     width: 160px;

     text-align: center;

 }

 #box-login-top form input[type="button"]:hover,

 #box-login-top form input[type="button"]:focus,

 #box-login-top form input[type="button"]:active {

     background: -moz-linear-gradient(19% 75% 90deg, #EB4701, #F58423);

     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#255625), to(#255625));

     cursor: pointer;
     width: 160px;

 }

 #box-login-top form a {

     margin: 0 0 0 3px;

     padding: 5px 10px;

     font-size: 13px;

     font-weight: bold;

     border: 0;

     background: #eee;

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

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

     border-radius: 0 5px 5px 0;



     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);

     -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);

     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);



     background-color: #444;

     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #989898), color-stop(10%, #6a6a6a), color-stop(50%, #3c3c3c), color-stop(50%, #353535), color-stop(100%, #4e4e4e));

     background-image: -moz-linear-gradient(top, #989898 0%, #6a6a6a 10%, #3c3c3c 50%, #353535 50%, #4e4e4e 100%);

     background-image: linear-gradient(top, #989898 0%, #6a6a6a 10%, #3c3c3c 50%, #353535 50%, #4e4e4e 100%);



     color: #fff;

     float: left;

     font-family: arial, helvetica, sans-serif;

     padding: 4px 2px;

     text-decoration: none;

     width: 180px;

     text-align: center;

 }

 #box-login-top form input a:hover,

 #box-login-top form input a:focus,

 #box-login-top form a:active {

     background-color: #3c3c3c;

     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #1e73be), color-stop(10%, #636363), color-stop(50%, #353535), color-stop(50%, #2d2d2d), color-stop(100%, #474747));

     background-image: -moz-linear-gradient(top, #919191 0%, #636363 10%, #353535 50%, #2d2d2d 50%, #474747 100%);

     background-image: linear-gradient(top, #919191 0%, #636363 10%, #353535 50%, #2d2d2d 50%, #474747);

     width: 180px;
 }



 #footer-login {

     background-color: #3A3A3A;

     -moz-border-radius: 0 0 3px 3px;

     -webkit-border-radius: 0 0 3px 3px;

     border-radius: 0 0 3px 3px;

     color: #BCBCBC;

     display: block;

     font-size: 13px;

     overflow: hidden;

     padding: 15px 20px;

     position: relative;

 }

 #footer-login>span {

     margin: 0;

     border: 0;

     padding: 0;

     float: left;

 }

 #wrap-middle {

     width: 900px;

     margin: 0 auto;

     background: transparent;

     overflow: hidden;

 }

 #wrap-bottom {

     width: 900px;

     margin: 50px auto 0;

     background: transparent;

     overflow: hidden;

     text-align: center;

 }



 #wrap-title {

     display: block;

     width: 700px;

     margin: 50px auto 0;

     background: transparent;

     overflow: hidden;

     font-size: 26px;

     font-weight: normal;

     color: gray;
     /*#f0f0f0;*/

     text-align: center;



 }

 #wrap-login {

     display: block;

     width: 400px;

     margin: 30px auto 0;

     background: transparent;

     overflow: hidden;

     color: #f0f0f0;

     line-height: 30px;

 }

 fieldset {

     display: block;

     -webkit-margin-start: 2px;

     -webkit-margin-end: 2px;

     -webkit-padding-before: 0.35em;

     -webkit-padding-start: 0.75em;

     -webkit-padding-end: 0.75em;

     -webkit-padding-after: 0.625em;

     border: 0px groove threedface;

     border-image-source: initial;

     border-image-slice: initial;

     border-image-width: initial;

     border-image-outset: initial;

     border-image-repeat: initial;

     min-width: -webkit-min-content;

 }



 input[type=text] {

     color: #333333;

     height: 20px;

     padding-left: 10px;

     text-decoration: none;



     background-repeat: repeat-x;

     border: 1px solid #777;

     border-radius: 5px
 }





 a:link {
     text-decoration: none;

     border: 0px;

 }



 img {

     border: 0px;

 }

 .headerGrillaHtml {

     border: 1px solid #4297d7;

     background: #5c9ccc url('extensions/jquery-ui-1.10.4/css/redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png') 50% 50% repeat-x;

     color: #ffffff;

     font-weight: bold;

     height: 30px;

 }







 #tblVenta td {



     text-align: left;



 }



 .opacity {

     background-color: #FACC2E;

     opacity: 0.7;
     /* Opacidad 60% */

     -webkit-transition: opacity 0.3s;

     transition: opacity 0.3s;

 }

 .opacity: hover {

     opacity: 1;
     /* Opacidad 60% */

 }



 .mainMessage {

     position: absolute;



     margin-top: 190px;

     margin-left: -20px;

     width: 80%;

     height: 100px;

 }



 .title_big {

     font-size: 20px !important;

     /*line-height: 56px;*/

     letter-spacing: -1;

     /*margin-bottom: 20px;*/

     text-transform: uppercase;

     color: #cff;

     font-weight: bold;
     ;

 }

 .sub_title_big {

     position: relative;

     font-size: 18px;

     line-height: 28px;

     margin: 0 0 30px;

     text-shadow: 1px 1px rgba(255, 255, 255, 0.25);

     font-family: 'Open Sans', sans-serif;

     font-weight: 500;

     color: #000;

 }


 .ui-state-default,
 .ui-widget-content .ui-state-default,
 .ui-widget-header .ui-state-default {
     border: 1px solid #00749eb0;
     background: #00749eb0 url(images/ui-bg_highlight-hard_15_459e00_1x100.png) 50% 50% repeat-x;
     font-weight: bold;
     color: #ffffff;
 }
 /*CAPTCHA*/
.contenedor-captcha {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.captcha {
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-style: italic;
    font-weight: bold;
    font-size: 1.5em;
    padding: 4px;
    text-decoration: line-through;
    color: WHITE;
    background-color: #414039;
    border-radius: 5px 0% 0% 5px;
}