body{font-size:18px;background:transparent;}
a{text-decoration:none;}a:visited{text-decoration:none;}
*{margin:0;padding:0;} 

#div_general{position:relative;background-color:transparent;text-align:center;}
#div_encabezado{margin:0 auto;text-align:left;margin-bottom:0;padding-bottom:0;z-index:1;}
#div_sesion_usuario{position:absolute;display:none;text-align:center;width:100%;margin:0 auto;padding:0%;
-webkit-border-radius:12%; -moz-border-radius:12%; border-radius: 12%;z-index:777;box-sizing:border-box;}
#div_contenido_fondo{position:relative;margin:0 auto;height:auto;position:relative;text-align:center;overflow: hidden;width:100%;}
/*#div_contenido_centro_1{margin-right:0%;float:left;text-align:justify;line-height:1.5em;text-indent:0em;
letter-spacing:none;position:relative;z-index:0;word-wrap: break-word;width:86%;}
#div_contenido_centro_2{margin-left:1%;padding-top:0.1%;margin-top:0.7%;padding-bottom:0.1%;margin-bottom:0.7%;margin-right:1%;background:red;}
#div_contenido_centro_3{width:89.7%;margin-left:0.15%;padding-bottom:50px;padding-left:5%;padding-right:5%;padding-top:1.4%;background:green;}*/
#div_final{text-align:center;padding-bottom:1%;z-index:1;}


.img_usuario{margin-left:70%;width:22%;border:none;}

.clase_div_encabezado{width:72%;text-align:center;background:transparent;padding-top:0.2%;padding-bottom:0.2%;box-sizing:border-box;float:left;margin-left:14%;}
.clase_titulo_div_encabezado{-webkit-border-radius:5em; -moz-border-radius:5em; border-radius:0.4em; border: 0px solid black;
width:100%;padding:1%;padding-top:0%;padding-bottom:0.2%;box-sizing:border-box;}

.clase_banner_principal_div_encabezado{width:70%;}

.clase_div_sesion_usuario{z-index:1;padding:0.1%;margin:3%;border-bottom: 2px solid rgba(0,0,0, 0.2);border-top: 2px solid rgba(255,255,255, 0.5);}

.clase_enlace_div_sesion_usuario{text-decoration:none;}
.clase_enlace_div_sesion_usuario:hover{color:orange;text-decoration:none;}
.clase_enlace_div_sesion_usuario:visited{text-decoration:none;}

.contenido_centro_titulos{margin-top:1%;margin-bottom:0.5%;}
.contenido_centro_unico_titulos{margin-top:0%;margin-bottom:0.5%;}
.contenido_centro_titulos_encabezado{margin-top:0%;margin-bottom:0.5%;}

.login_usuario_fondo{padding-top:3%;padding-bottom:5%;}
.login_usuario_formulario{text-align:center;padding:1%;-webkit-border-radius:5%; -moz-border-radius:5%; border-radius: 5%;margin:0 auto;width:22%;}

.login_usuario_input{text-align:center;padding:2%;border:none;margin-bottom:0.3%;margin-top:0%;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius: 0.3em;}
.login_usuario_boton{border:none;padding:3.5%;padding-left:4%;padding-right:4%;border:none;margin-bottom:0.3%;
margin-top:0%;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius: 0.3em;box-sizing:border-box;width:78%;margin-left:1%;}

.titulo_carrito{padding:0.5%;max-height:35em;overflow-x:hidden;overflow-y:scroll;}

.boton_eliminar_articulo_carrito{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;float:left;margin-bottom:0.2%;
margin-left:1.5%;padding:0.8%;padding-left:1%;padding-right:1.6%;text-align:right;padding-top:0.7%;text-align:center;}

.paginacion_numeracion{padding:0.5%;padding-left:0%;padding-right:0%;margin-left:0.1%;border:none;font-weight:normal;
margin-bottom:0.3%;margin-top:0%;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius: 0.3em;text-align:center;}
.paginacion_numeracion_hover{padding:0.5%;padding-left:0%;padding-right:0%;margin-left:0.1%;border:none;
margin-bottom:0.3%;margin-top:0%;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius: 0.3em;text-align:center;}
.paginacion_boton_adelante_atras{padding:0.5%;padding-top:0.7%;padding-bottom:0.6%;padding-left:0%;padding-right:0%;margin-left:0.1%;border:none;
margin-bottom:0.3%;margin-top:0%;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius: 0.3em;text-align:center;}
.paginacion_registros_y_paginas{padding:0.5%;margin-left:0.1%;margin-bottom:0.3%;margin-top:0%;border:none;
-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius: 0.3em;text-align:center;}


#div_buscador{width:30%;float:left;margin-top:0.5%;background:silver;color:#000;border:1px solid gray;box-sizing:border-box;
display: inline-block;zoom: 1;margin-right:0.5%;
*display: inline;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);padding: 0.2em 0.2em; box-shadow: 0 1px 0px rgba(0,0,0,.1);}

#div_buscador .searchfield {
padding: 0.3em 0.3em 0.3em 0.3em; box-sizing:border-box;
outline: none;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);box-shadow: inset 0 1px 2px rgba(0,0,0,.2);}

.div_buscador{width:30%;float:left;margin-top:0.5%;background:silver;color:#000;border:1px solid gray;box-sizing:border-box;
display: inline-block;zoom: 1;
*display: inline;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);padding: 0.2em 0.2em; box-shadow: 0 1px 0px rgba(0,0,0,.1);}

.div_buscador .searchfield {
padding: 0.3em 0.3em 0.3em 0.3em; box-sizing:border-box;
outline: none;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);box-shadow: inset 0 1px 2px rgba(0,0,0,.2);}

.searchfield{-webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em;float:left;
text-align:left;width:88%;}

.contenido_centro_color_fondo_1{padding:0.6%;padding-bottom:0.4%;padding-left:0%;padding-right:0%;}
.contenido_centro_color_fondo_2{padding:0.6%;padding-bottom:0.4%;padding-left:0%;padding-right:0%;}
.contenido_centro_color_articulo_fondo_1{padding:1%;padding-left:0%;padding-right:0%;cursor:pointer;}
.contenido_centro_color_articulo_fondo_2{padding:1%;padding-left:0%;padding-right:0%;cursor:pointer;}

.contenido_mostrar_articulos{padding:0.4%;padding-bottom:0.2%;overflow-x:hidden;overflow-y:scroll;}

.boton_total{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;margin-bottom:0.2%;
padding:0.5%;text-align:center;text-align:center;margin-top:0.2%;}
.boton_monto{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;margin-bottom:0.2%;
padding:0.5%;text-align:center;text-align:center;margin-top:0.2%;}
.boton_cambio{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;margin-bottom:0.2%;
padding:0.5%;text-align:center;text-align:center;margin-top:0.2%;}

.boton_guardar_cambios{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;border:1px solid #bcbbbb;padding:3%;}
.boton_modificar{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;border:1px solid #bcbbbb;padding:3%;}
.boton_imprimir{padding:0.5%;padding-top:0%;padding-bottom:0%;border:none;
-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius: 0.3em;text-align:center;float:left;}

.boton_crear_input{-webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;
padding:1%;padding-top:0.9%;padding-bottom:0.9%;text-align:center;margin-top:0.5%;margin-left:0.2%;}
.boton_crear_select{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:1%;padding-top:0.7%;padding-bottom:0.7%;text-align:center;margin-top:0.5%;margin-left:0.2%;}
.boton_crear_textarea{resize:none;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:0.5%;padding-top:0.2%;padding-bottom:0.1%;text-align:center;margin-top:0.5%;vertical-align:bottom;margin-left:0.2%;}
.boton_guardar_nuevo{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;border:1px solid #bcbbbb;padding:0.9%;margin-top:0.5%;}
.btn_estilo_dinamico{float:left;font-size:0.8em;width:13.7%;margin-right:0.5%;padding:0%;box-sizing:border-box;
-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;border:1px solid navy;}

.boton_cancelar_creacion_nuevo{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;border:1px solid #bcbbbb;padding:0.9%;margin-top:0.5%;}

#div_pdf{width:99%;float:right;text-align:right;box-sizing:border-box;}

.boton_visualizar_exportar_pdf{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;border:1px solid #bcbbbb;
padding:0.9%;box-sizing:border-box;}
.boton_visualizar_exportar_excel{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;border:1px solid #bcbbbb;
padding:0.9%;box-sizing:border-box;}

.boton_crear_nuevo{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;border:1px solid #bcbbbb;padding:0.9%;
margin-left:1%;padding-left:0.8%;padding-right:0.8%;box-sizing:border-box;}

.custom-input-file {overflow: hidden;position: relative;cursor: pointer;}
.custom-input-file .input-file {margin: 0;padding: 0;outline: 0;font-size: 10000px;border: 10000px solid transparent;opacity: 0;filter: alpha(opacity=0);
position: absolute;right: -1000px;top: -1000px;cursor: pointer;}

.boton_encabezado_input{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:1%;margin-top:0.3%;margin-left:0.2%;text-align:center;float:left;}
.boton_encabezado_select{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:0.95%;margin-top:0.3%;margin-left:0.2%;text-align:center;float:left;}
.boton_encabezado_textarea{resize:vertical;border:none;padding:1%;text-align:justify; overflow: auto;float:left;
margin-top:0.3%;margin-left:0.2%;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;margin-bottom:0;font-size:0.7em;
}
@-moz-document url-prefix(){.boton_encabezado_textarea{padding:0.35%;}}


.boton_encabezado_input_sin_busqueda{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:1%;margin-top:0.3%;margin-left:0.2%;text-align:center;float:left;}
.boton_encabezado_select_sin_busqueda{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:0.95%;margin-top:0.3%;margin-left:0.2%;text-align:center;float:left;}
.boton_encabezado_textarea_sin_busqueda{resize:vertical;border:none;padding:1%;text-align:justify; overflow: auto;float:left;
margin-top:0.3%;margin-left:0.2%;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;margin-bottom:0;font-size:0.7em;
}
@-moz-document url-prefix(){.boton_encabezado_textarea{padding:0.35%;}}




.boton_cancelar_encabezado{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:1%;padding-top:1%;padding-right:1%;margin-top:0.25%;margin-left:1%;width:13%;float:left;}

.boton_aceptar_encabezado{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:1%;padding-top:1%;padding-right:1%;margin-top:0.25%;margin-left:0.5%;width:13%;float:left;}

.boton_crear_input{-webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;
padding:1%;padding-top:0.9%;padding-bottom:0.9%;text-align:center;margin-top:0.5%;margin-left:0.2%;}
.boton_crear_select{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:1%;padding-top:0.7%;padding-bottom:0.7%;text-align:center;margin-top:0.5%;margin-left:0.2%;}
.boton_crear_textarea{resize:none;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:0.5%;padding-top:0.2%;padding-bottom:0.1%;text-align:center;margin-top:0.5%;vertical-align:bottom;margin-left:0.2%;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.boton_crear_textarea{padding-top:0.7em; padding-bottom:0.7em;}}

.boton_modificar_input{-webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;
padding:1%;padding-top:0.9%;padding-bottom:0.9%;text-align:center;margin-top:0%;margin-left:0.2%;}
.boton_modificar_select{-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:1%;padding-top:0.7%;padding-bottom:0.7%;text-align:center;margin-top:0%;margin-left:0.2%;}
.boton_modificar_textarea{resize:none;-webkit-border-radius:0.3em; -moz-border-radius:0.3em; border-radius:0.3em;
padding:0.5%;padding-top:0.2%;padding-bottom:0.1%;text-align:center;margin-top:0%;vertical-align:bottom;margin-left:0.2%;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.boton_modificar_textarea{padding-top:0.7em; padding-bottom:0.7em;}}

.titulo_modificar{padding:1%;padding-top:1%;padding-bottom:0;text-align:center;margin-top:1%;margin-left:0.2%;border:none;
-webkit-border-radius:0.5em; -moz-border-radius:0.5em; border-radius:0.5em;margin-left:0.2%;}
.titulo_modificar{background-color:transparent;color:#FFF;width:22.2%;}
.titulo_modificar_principal{padding:1%;padding-top:0.2%;padding-bottom:0.2;text-align:center;margin-top:0.5%;margin-left:0.2%;border:none;float:left;}
.titulo_modificar_principal{background-color:transparent;color:#000;}

.modal-contenido{background-color:#FFF;width:70%;padding:5%;position:absolute;top:10%;left:10%;overflow:auto;max-height:70%;
padding-top:2%;padding-bottom:2%;z-index:999999999999;}
.modal-contenido-modificar{width:90%;padding:5%;position:absolute;top:10%;left:0%;overflow:auto;max-height:70%;padding-top:2%;padding-bottom:2%;z-index:999999999999;}
.modal{background-color: rgba(0,0,0,.8);position:fixed;top:0;right:0;bottom:0;left:0;transition: all 2s;z-index:99999999999999999999999;}



/*************************************************************************************************************************************************************/
/*Configuración para el menu responsive*/
/*************************************************************************************************************************************************************/
.menu_bar{display:none;}
header {width: 14%;font-size:0.9em;box-sizing: border-box;float:left;text-align:left;min-height:50em;z-index:1000;}
header nav {z-index:1000;max-width: 1000px;width:100%;box-sizing: border-box;text-align:left;}
header nav ul {list-style:none;padding:0;margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
header nav ul li {/*display:inline-block; -- Esta linea se agrega si se quiere que el menu sea en horizontal*/
display:block;position: relative;border-top:1px solid #ffffff;border-top:1px solid rgba(255,255,255, 0.2);}
header nav ul li:hover {background:#F39C12;}
header nav ul li a {color:#fff;display:block;text-decoration:none;padding: 0%;padding-top: 3%;padding-bottom:3%;padding-left:3%;box-sizing: border-box;}
header nav ul li a span {margin-left:3%;}
header nav ul li:hover .children {/*display:block; Esta linea va si queremos que el efecto sea onmouseover si queremos efecto onclick colocamos display:none;*/
display:none;}
header nav ul li .children {display: none;background:#2874A6;/*position: absolute;width: 150%; Código para que los submenus aparezcan abajo de los menu y no a la derecha*/
position: relative;width: 100%;}
header nav ul li .children li {display:block;overflow: hidden;border-top:1px solid rgba(255,255,255, 0.2);padding-top: 5%;padding-bottom:5%;}
header nav ul li .children li a {display: block;}
header nav ul li .children li a span {float: right;position: relative;top:3px;margin-right:0;margin-left:0px;}
header nav ul li .caret {position: relative;top:3px;margin-left:0px;margin-right:0px;}
.clase_fuentes_menu{margin-right:3%;font-size:2em;/*font-size:2.2em; line-height: 1em; margin-top:25em;vertical-align: middle;*/}