﻿body {
 margin: 0;
 font-family : Verdana; 
}
div.cabecera {
  background-color : Maroon;
  height:40px;
}
div.footer {
  background-color : Maroon;
  height:100px;
}
label.tituloAplicacion {
  display:inline;
  position:absolute;
  left:10px;
  top:20px; 
  font-family : Verdana; 
  font-size : 16px;
  font-weight:bold; 
  color:White; 
}
img.imgSindicato {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom:auto;
}
div.central {
 height: 600px;
}
ul#menu {
   margin: 0 0 5px;
   padding-right:15px;
   text-align: right;
   font-family  : Arial; 
   font-size : 14px;   
}
ul#menu li {
        display: inline;
         padding-left:15px;
         padding-right:15px;
        border:1px solid #CCCCCC;
 }
        ul#menu li a  {
            color:Maroon;
            background: none;
            text-decoration: none;
        }
        ul#menu li a:hover {
            color: #CD0000;
            text-decoration: none;
        }
ul#menu1 {
     margin: 0 0 5px;
     padding-right:15px;
     text-align: left;
     font-family  : Arial; 
     font-size : 14px;   
}
ul#menu1 li {
        display:block;
         padding-left:15px;
         padding-right:15px;
        border:1px solid #CCCCCC;
 }
        ul#menu1 li a  {
            color:Maroon;
            background: none;
            text-decoration: none;
        }
        ul#menu1 li a:hover {
            color: #CD0000;
            text-decoration: none;
        }
    
div.contenedorImgLogoSOM , div.contenedorImgLogoSTVTAV {
 border: 1px solid Transparent;
 margin-left: auto;
 margin-right: auto;
 margin-top: auto;
 margin-bottom:auto;
 width : 500px;
 height: 400px;
 background-repeat:no-repeat;
 background-position:center;
}
div.contenedorImgLogoSOM {
 background-image: url("/images/ImgPortada.jpg") ;
}
div.contenedorImgLogoSTVTAV  {
 background-image: url("/images/ImgPortadaSTVTAV.jpg?version=1.1.2") ;
}
div.Login {
  border: 1px solid #CDC9A5;
  margin: 0px auto;  
  margin-top: 80px;
  width:400px;
  height:202px;
  background-color: #CDC9A5;
  opacity:0.95;
  filter:alpha(opacity=95);
}
div.Login_renew_pass {
  border: 1px solid #CDC9A5;
  margin: 0px auto;  
  margin-top: 80px;
  width:510px;
  height:252px;
  background-color: #CDC9A5;
  opacity:0.95;
  filter:alpha(opacity=95);
}

div.separador40px {
 height:40px;
}
div.separador20px {
 height:20px;
}
div.separador10px {
 height:10px;
}
.etiquetas {
  display:inline-block;
  width: 160px;
  text-align:right;
  color:Black;
  font-family:'Verdana',Arial,sans-serif;
  font-size : 14px;
  text-shadow:#CDC9A5 0 1px 0;
}
.etiquetas_renew_pass {
  display:inline-block;
  width: 220px;
  text-align:right;
  color:Black;
  font-family:'Verdana',Arial,sans-serif;
  font-size : 14px;
  text-shadow:#CDC9A5 0 1px 0;
}

.textLogin {
  display:inline-block;
  width: 160px;
  color:Black;
  font-family:'Verdana',Arial,sans-serif;
  font-size : 14px;
}
label.etiquetasError {
  display:inline-block;
  width: 320px;
  text-align:right;
  color:Red;
  font-family:'Verdana',Arial,sans-serif;
  font-size : 12px;
  text-shadow:#CDC9A5 0 1px 0;
}
label.etiquetasError_center {
  display:inline-block;
  width: 320px;
  text-align :center;
  color:Red;
  font-family:'Verdana',Arial,sans-serif;
  font-size : 12px;
  text-shadow:#CDC9A5 0 1px 0;
}
.btn {
     margin-right:20px;  
     color:Maroon;
     background: none;
     text-decoration: none;
     border:1px solid  White;
     font-family  : Arial; 
     font-size : 14px;
     cursor:pointer;
}
fieldset.default {
  width : 400px;
  height: 202px;
  margin: 0;
  padding: 0;
}
fieldset.renew_pass {
  width : 510px;
  height: 252px;
  margin: 0;
  padding: 0;
}
/*..................
/*PRINCIPAL
--------------------*/
div.contenedorEmpleadosLogoRapi {
   height:44px;
   padding-top:4px;
}
div.contieneEmpresa {
 border: 1px solid black;
 color:Black;   
 height :32px;
}
div.dataEmpresa {
  float:right;
  height :32px;
  font-family:Arial; 
  font-size : 15px;
  font-weight:bold;
  margin-right: 4px;
}
div.contieneEtiquetaEmpleados{
  font-family:Arial; 
  float:left;
  width:20%;
  color: Black;
  font-size : 14px;
  font-weight: bold;
  margin-left: 4px;
  padding-top:4px;
}
div.contieneLinkSucursales{
    float:right; 
    width:auto;   
}
div.contieneLogoRapiPago{
    float:right; 
    width:auto;
}
div.contienePFiscal{
  font-family:Arial; 
  left:50%;
  min-width:600px; 
  width:auto;
  height:auto; 
  margin: 0 auto;
  padding: 0px;
  color: Black;
  font-size : 14px;
  font-weight: bold;
}
div.etiquetasDateTotales {    
   font-family:Arial; 
   font-size : 14px;
   font-weight: bold;
   border: 1px solid black;
   height:80px;
   /*height:68px;*/
   overflow: hidden;
   width:100%;
}
div.contieneVencimientos{
  display:block;
  float :left;
  color: Black;
  height:auto;
  font-size : 14px;
  font-weight: bold;
  font-family:Arial;
  width:300px; 
}
div.contieneTotales{
  display:block;
  float:right;
  color: Black;
  height:auto;
  font-size : 14px;
  font-weight: bold;
  font-family:Arial;
  width:340px;   
}
div.contieneBotonera {
  display:block;
  min-width:400px;
  width:400px;
  height:auto; 
  background-color:White;
  margin: 0 auto; 
  padding: 10px;
}
img.imgUpExcel{
 cursor:pointer;
 width:auto;
 height:auto; 
 padding:0px;
 visibility:inherit;
}
img.imgAyuda {
 cursor:pointer;
 width:auto;
 height:auto; 
 padding-left:1px;
 visibility:inherit;
}
img.imgRecargar {
 cursor:pointer;
 width:auto;
 height:auto; 
 padding-left:1px;
 visibility:inherit;
}
.imgBotonera{
 cursor:pointer;
 width:auto; 
 height:auto;
}
button.btnEnviar {
 visibility:hidden;
  position: relative;
  overflow: hidden;
  float: left;
  margin-right: 1px;
}
div.contieneGrilla{
 
}
div.contieneGrilla table {
margin: 0 auto;
text-align: left;
}
table.mySATGrid {
   font-size : 14px;
   font-family:Arial;
   width:80%;
   border: 1px solid black;
   border-color:#D2B48C	;
   border-collapse:collapse;
   color: Black;
   background-color:#FAFAD2;
   display:table;
}
table.mySATGrid th {
  font-weight: bold;
   border: 1px solid black;
   border-color:Maroon;
     background-color:#EEE8AA	
}
table.mySATGrid tr {
  
   border: 1px solid black;
   border-color:Maroon;
    
}
table.mySATGrid td {
  
   border: 1px solid black;
   border-color:Maroon;
    
}
.Etiquetaslbl {
  color : Blue;
  font-size : 14px;
  font-family:Arial;
  
}
div.contieneTotales_lbl_Left {
  min-width:230px;
  float:left;
  text-align:right; 
}
div.contieneTotales_lbl_Right {
  width:100px;
  float:left;
  text-align:right; 
}
div.contieneVencimientos_lbl_Left {
  min-width:180px;
  float:left;
  text-align:right; 
}
div.contieneVencimientos_lbl_Right {
  width:80px;
  float:left;
  text-align:right; 
}
div.contieneNovedades {
 font-size : 16px;
  font-weight: bold;
  font-family:Arial; 
  text-align:center;
}
#divbotonContinuar {
  text-align:center;
  height:200px;
  padding : 200px;
  
}
.txtEditPrecios {
 width:100px;
}

#imgSubir {
     
}
#imgGrabar {
         
}
ul#menuContinuar {
     margin: 0 auto;
     text-align:center;
     font-family  : Arial; 
     font-size : 14px;
     width: 100px;   
}
ul#menuContinuar li {
        display:block; 
        border:1px solid #CCCCCC;
 }
        ul#menuContinuar li a  {
            color: Black;
            background: none;
            text-decoration: none;
        }
        ul#menuContinuar li a:hover {
            color: #CD0000;
            text-decoration: none;
        }

div.contieneTextosNovedades_lbl_Right {
  min-width:500px;
  float:left;
  text-align:justify; 
  padding-left:10px;  
  height:40px;
  
}
div.contieneTextosNovedades_lbl_Left {
  min-width:500px;
  float:left;
  text-align:right;
  height:40px;  
}
canvas {
    -ms-touch-action: double-tap-zoom;
}
#avisoAfip {
  font-family : Verdana; 
  font-size : 10px;
}
div.myFileLoad_A {
}
.myFileLoad_I {
  left : 646px;
  min-width : 160px;
  width : 160px;
  border: 1px dotted  white;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color:White;
  background-color: Green;
  text-align:center;
  font-size : 12px;
  /*para Firefox*/
  -moz-border-radius: 2px 2px 2px 2px;
  /*para Safari y Chrome*/
  -webkit-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
}
.myFileLoad_I .input-file {
    margin: 0;
    padding: 2;
    outline: 0;
    border: 10000px dotted transparent;
    cursor: pointer;
    right: -1000px;
    top: -1000px;
    position: absolute;
    background-color: transparent;
}
.mySpan {
  width:32px;
    height:32px;
    cursor: pointer;
overflow: hidden;
background-color: transparent;
   
}
.mySpan .upfile {
  overflow: hidden;
  width:10px;
    height:10px;
   left :30px;
    margin : 0;
    padding: 0;
    outline: 0;
    border: 1px solid transparent;
    cursor: pointer;
    position: relative;
    background-color: transparent;
}
.myLoading {
    text-align:center;
    display: block;
    margin: 0 auto;    
}
.imgLoading {
  width:38px;
    height:38px;
        
}