/* CSS Document */
html{overflow-y:auto; overflow-x:hidden;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; background-color:#ffffff; margin: 0% 0% 0% 0%; color: #41423a;}

/*----- Div Sesion -----*/
/*.vtnSesion { margin:auto; width:50%; max-width:500px; background:#F3F3F3; padding:30px; border:1px solid rgba(0,0,0,0.2); }*/
/*.vtnSesion { position: fixed; width: 700px; height: 500px; top: 0; left: 0; font-size: 12px; font-weight: normal; border:1px solid #333333; background-color: #FAFAFA; color: #000000; }*/
/*.vtnSesion { position: fixed; width: 700px; height: 500px; top:0; left:0; background:#F3F3F3; border:1px solid rgba(0,0,0,0.2); padding:15px; }*/

.vtnSesion { display: block; position: fixed; margin:auto; width:30%; max-width:500px; background:#F9F9F9; padding:30px; border:1px solid rgba(0,0,0,0.2); top:30%; left:35%; }
.vtnSesionML { display: block; position: fixed; margin:auto; width:30%; max-width:500px; background:#F9F9F9; padding:30px; border:1px solid rgba(0,0,0,0.2); top:20%; left:-25%; }
.vtnSesionRS { display: block; position: fixed; margin:auto; width:30%; max-width:500px; background:#F9F9F9; padding:30px; border:1px solid rgba(0,0,0,0.2); top:35%; left:30%; }
.campoSesion { display:block; padding:10px; width:95%; margin:30px 0; font-size:16px; }
.btnSesion { width:45%; height:40px; font-size:14px; font-weight:bold; font-style:italic; color:#FFFFFF; background:linear-gradient(#4e8abe,#1f374c); border:0; opacity:0.8; cursor:pointer; border-radius:20px; margin-bottom:0%; margin-left: 28%; }
.btnSesion:hover { opacity:1; }
.btnSesion:active{ transform:scale(0.95); }


/*----- Estilos Acceso IE - RH -----*/
.box { width:100%; margin:0px auto; padding:0px; }
.div_Principal { margin:10px; height:70px; width:98%; float:right; background:#FFFFFF; border-bottom:1px solid #d2d6d8; }
.div_Logo { width:80%; float:left; }
.img_Logo { height:60px; margin:0px 25px; }
.div_Sesion { width:20%; float:right; }
.btn_Sesion { border-radius:20px; width:135px; background:#4e8abe; color:#FFFFFF; padding:9px 25px; margin:15px 50px; border:1px solid transparent; cursor:pointer; float:right; }
.btn_Sesion:hover { background:#1f374c; }
.btn_Cerrar { border-radius:20px; width:135px; background:#4e8abe; color:#FFFFFF; padding:9px 25px; margin:15px 50px; border:1px solid transparent; cursor:pointer; float:right; }
.btn_Cerrar:hover { background:#1f374c; }
.titulo_Logo { font-size:20px; font-weight:bold; }
.div_Frame { margin:15px; }

.div_Menu { margin:10px 10px; height:40px; width:98%; float:right; background:#FFFFFF; border-bottom:2px solid #43515c; }
#menu ul li { background:#FFFFFF; border-right: 1px solid #d2d6d8; }
#menu ul { list-style:none; margin:0; padding:0; }
#menu ul a { display:block; color:#000000; text-decoration:none; font-size:11pt; padding:10px 8px; font-family:Arial, Helvetica, sans-serif; }
#menu ul a:hover { color:#8dbbf5; }
#menu ul li { position:relative; float:left; margin:0; padding:0; }
#menu ul li:hover { background:#FFFFFF; /*background:#e6f3fc;*/ }
#menu ul li ul:hover { background:#FFFFFF; }
#menu ul li ul li:hover { background:#FFFFFF; }
#menu ul ul { display:none; position:absolute; top:100%; left:0; padding:0; }
#menu ul ul li { float:none; width:100px; border:0px; width:200px; }
#menu ul ul a { line-height:120%; /* padding:10px 15px;*/}
#menu ul li:hover > ul { display:block; }
.fragmento{width: 100%; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #ccc; color: #555; display: block; box-sizing: border-box; text-decoration: none; height: 30px;}
.fragmento:hover { cursor: pointer; box-shadow: 2px 2px 5px rgba(0,0,0,.2);}
.cerrar { float: right; background: #cd0a0a; color: #FFFFFF; font-weight:bold; height: 15px; width: 15px; border-radius: 10px; text-align: center; /*position: absolute; right: 290px; top: 50px; */}
.marquee{ width: 96%; margin-left: 20px; margin-top: 5px; }    
/*Estructura de la P�gina*/
div.div_Pagina { width: 100%; position: absolute; height: auto ! important; min-height: 100%; height: 92%; left: 0px;}
div.div_TituloVentana{ background:#293844; height:22px; margin-top:0px; width:100%; margin:0px auto;}
label.titulo_VentanaIzq{ float:left; padding-left:8px; margin-left:8px; margin-top:2px; font-weight:bold; color: #fff;}
div.div_ContenidoVentana{ background:#FFFFFF; border: 1px solid #d2d6d8; height: auto;}/* height:400px; width:100%; margin:0px auto; padding-bottom:4px;*/
table.tablaGenerica{ border:0; margin:5px 15px;}
table.tablaGenerica td{ padding:0px 5px;}
table.tablaGenerica label{ margin: 2px; }
.tb_Encabezado{ background:#385e6c; border-bottom:2px solid #d2d6d8; color:#FFFFFF; font-size:11pt;}/*font-weight:bold;*/


/*Botones*/
.btnHabilitado {font-family: Arial; font-weight:500; font-size: 11pt; width: 105px; height: 25px; color:#FFFFFF; border:0px; background:#4e8abe; cursor:pointer; margin-left:8px;}
.btnHabilitado:hover {font-family: Arial; font-weight:500; font-size: 11pt; width: 105px; height: 25px; color: #FFFFFF; border:0px;  background:#1f374c; cursor:pointer; margin-left:8px;}
.btnHabilitadoConstancia {font-family: Arial; font-weight:500; font-size: 11pt; width: 105px; height: 25px; color:#FFFFFF; border:0px; background:#00888B; cursor:pointer; margin-left:8px;}
.btnHabilitadoConstancia:hover {font-family: Arial; font-weight:500; font-size: 11pt; width: 105px; height: 25px; color: #FFFFFF; border:0px;  background:#006466; cursor:pointer; margin-left:8px;}
.btnInhabilitado {font-family: Arial; font-weight:500; font-size: 11pt; width: 105px; height: 25px; color:#FFFFFF; border:0px; background:#c9dbeb; margin-left:8px;}
.btnInabilitadoConstancia {font-family: Arial; font-weight:500; font-size: 11pt; width: 105px; height: 25px; color:#FFFFFF; border:0px; background:#c9dbeb; cursor:pointer; margin-left:8px;}

.btnVerde {font-family: Arial; font-weight:800; font-size: 11pt; width: 105px; height: 25px; color:#FFFFFF; border:0px; background:#4e8abe; cursor:pointer; margin-left:8px;}
.btnVerde:hover {font-family: Arial; font-weight:800; font-size: 11pt; width: 105px; height: 25px; color: #FFFFFF; border:0px;  background:#1f374c; cursor:pointer; margin-left:8px;}
.btnGris {font-family: Arial; font-weight:800; font-size: 11pt; width: 105px; height: 25px; color:#FFFFFF; border:0px; background:#c9dbeb; margin-left:8px;}


label.lb_Titulo { font-size:16px; font-weight:bold; color:#333333;}
.divRubro { height:15px; width:15px; border-radius:10px;}


/*Campos*/
.cmbEntrada { width:95%; display: inline-block; border: 1px solid #7e8081; border-radius: 4px; box-sizing: border-box; }
.campoEntrada { display: inline-block; border: 1px solid #7e8081; border-radius: 4px; box-sizing: border-box; }
.campoBloqueado { display: inline-block; border: 1px solid #7e8081; border-radius: 4px; box-sizing: border-box; background:#d2d6d8; }
.campoNumerico { text-align:right; }
.campo_label {border:0px; background-color:#FFFFFF; }
.campo_Total { border:0px; text-align:right; background-color:#FFFFFF;}
.campoError { display: inline-block; border: 1px solid #cd0a0a; border-radius: 4px; box-sizing: border-box; }

/*Tipo de Letra*/
.cursiva { font-style: italic; }
.Negrita { font-weight:bold; }
.Negrita_Negro { color:#000000; font-weight:bold; }
.TituloCol {font-weight:bold; color:darkred; font-size: 12pt;}
.TituloAzul {font-weight:bold; color:darkblue; font-size: 12pt;}
.subrayado { text-decoration: underline }
.cursor { cursor:pointer; }
.radio { vertical-align:middle };

.topnav-right { 
  float: right;
  padding: 0px 16px;
}
.div_usuario{ float: right; padding: 0px 16px;}


/*----- Ventana Modal -----*/
.div_mascara { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 70%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.1); }
/*.div_mascara { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 70%; overflow: auto; background-color: rgb(0,0,0); opacity:0.5; }*/
.vtn_Modal { position:fixed; width:600px; height:250px; top:50px; left:350px; font-family:Arial, Helvetica, sans-serif; font-size:11pt; font-weight:normal; border: 1px solid #333333; background-color:#FAFAFA; color:#000000; }
.btnModal { border:0px; border-bottom: 1px solid #65c888; }


/*----- Ventana Modal Mensaje -----*/
.div_mascaraMensaje { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 85%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.1); }
.vtn_ModalMensaje { position:fixed; width:550px; height:250px; top:50px; left:350px; font-family:Arial, Helvetica, sans-serif; font-size:11pt; font-weight:normal; background-color:#FFFFFF; color:#000000; }
.div_mascaraMensajeDoc { display: none; position: fixed; z-index: 99999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 85%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.1); }
.btnModal { border:0px; border-bottom: 1px solid #65c888; }
.td_msjizq {background:#4e8abe;}

/*----- CLASS RADIOBUTTONS COMUNIDAD*/
label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}
label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}
label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
    height: 25px;
    width: 25px;
    -webkit-filter: saturate(5);
    -webkit-filter: drop-shadow(5px 5px 5px gray);
    background-image: url("../../assets/img/agrega_Rubro.png");
}

.radio{vertical-align: middle}

/* Estilo para Articulos (ver carrito)*/
.contenidodiv {border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px px; border: 1px solid #d2d6d8; background: #F5F5F5; height:40px; padding:5px 5px;}




@media screen and (max-width: 1300px){
    .div_Menu { margin: 2px 10px; height: 30px; width: 98%; float: right; background: #FFFFFF; /*border-bottom: 0px solid #43515c;*/ }
    #menu ul li { background:#FFFFFF; border-right: 1px solid #d2d6d8; }
    #menu ul { list-style:none; margin:0; padding:0; }
    #menu ul a { display:block; color:#000000; text-decoration:none; font-size:11pt; padding:5px 8px; font-family:Arial, Helvetica, sans-serif; }
    #menu ul a:hover { color:#8dbbf5; }
    #menu ul li { position:relative; float:left; margin:0; padding:0; }
    #menu ul li:hover { background:#FFFFFF; /*background:#e6f3fc;*/ }
    #menu ul li ul:hover { background:#FFFFFF; }
    #menu ul li ul li:hover { background:#FFFFFF; }
    #menu ul ul { display:none; position:absolute; top:100%; left:0; padding:0; }
    #menu ul ul li { float:none; width:100px; border:0px; width:200px;}
    #menu ul ul a { line-height:120%; /* padding:10px 15px;*/}
    #menu ul li:hover > ul { display:block; }
    
    .fragmento{width: 95%; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #ccc; color: #555; display: block; box-sizing: border-box; text-decoration: none; height: 30px; float:right;}
    .fragmento:hover { cursor: pointer; box-shadow: 2px 2px 5px rgba(0,0,0,.2);}
    .cerrar { float: right; background: #cd0a0a; color: #FFFFFF; font-weight:bold; height: 15px; width: 15px; border-radius: 10px; text-align: center; /*position: absolute; right: 290px; top: 50px; */}
    .marquee{ width: 95%; margin-left: 20px; margin-top: 5px; } 
    
    .div_usuario{ float: right; padding: 0px 10px; font-size: 11pt;}
    .titulo_Logo { font-size:20px; font-weight:bold; padding: 0px 15px;}
}

@media screen and (max-width: 1200px){
    .div_Menu { margin: 2px 10px; height: 30px; width: 98%; float: right; background: #FFFFFF; /*border-bottom: 0px solid #43515c;*/ }
    #menu ul li { background:#FFFFFF; border-right: 1px solid #d2d6d8; }
    #menu ul { list-style:none; margin:0; padding:0; }
    #menu ul a { display:block; color:#000000; text-decoration:none; font-size:10pt; padding:5px 8px; font-family:Arial, Helvetica, sans-serif; }
    #menu ul a:hover { color:#8dbbf5; }
    #menu ul li { position:relative; float:left; margin:0; padding:0; }
    #menu ul li:hover { background:#FFFFFF; /*background:#e6f3fc;*/ }
    #menu ul li ul:hover { background:#FFFFFF; }
    #menu ul li ul li:hover { background:#FFFFFF; }
    #menu ul ul { display:none; position:absolute; top:100%; left:0; padding:0; }
    #menu ul ul li { float:none; width:100px; border:0px; width:200px;}
    #menu ul ul a { line-height:120%; /* padding:10px 15px;*/}
    #menu ul li:hover > ul { display:block; }
    
    .fragmento{width: 95%; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border: 1px solid #ccc; color: #555; display: block; box-sizing: border-box; text-decoration: none; height: 30px; float:right;}
    .fragmento:hover { cursor: pointer; box-shadow: 2px 2px 5px rgba(0,0,0,.2);}
    .cerrar { float: right; background: #cd0a0a; color: #FFFFFF; font-weight:bold; height: 15px; width: 15px; border-radius: 10px; text-align: center; /*position: absolute; right: 290px; top: 50px; */}
    .marquee{ width: 95%; margin-left: 20px; margin-top: 5px; } 
    
    .div_usuario{ float: right; padding: 0px 10px; font-size: 10pt;}
    .titulo_Logo { font-size:20px; font-weight:bold; padding: 0px 15px;}
    /*img { width:14; height:14; }*/
}
.enlace {
  display:inline;
  border:0;
  padding:0;
  margin:0;
  text-decoration:none;
  background:none;
  font-size: 1em;
  line-height:1em;
  padding:5px 8px;
}
.enlace:hover {
  color:#8dbbf5;
  cursor:pointer;
}