@font-face {
  font-family: 'OpenSansRegular';
  src: url('./webfonts/open_sans_regular/OpenSansRegular.eot');/* IE9 Compat Modes */
  src: local('OpenSansRegular'), 
    url('./webfonts/open_sans_regular/OpenSansRegular.woff') format('woff'), /* Pretty Modern Browsers */
    url('./webfonts/open_sans_regular/OpenSansRegular.ttf') format('truetype'); /* Safari, Android, iOS */
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_16804">Text with this font applied</p> */
.fontsforweb_fontid_16804 {
  font-family: 'OpenSansRegular' !important;
}

@font-face {
  font-family: 'Century Gothic';
  src: url('./webfonts/century_gothic/century_gothic.eot');
  src: url('./webfonts/century_gothic/century_gothic.eot?#iefix') format('embedded-opentype'),
    url('./webfonts/century_gothic/century_gothic.woff') format('woff'),
    url('./webfonts/century_gothic/century_gothic.ttf') format('truetype'),
    url('./webfonts/century_gothic/century_gothic.svg#century_gothic') format('svg');
  font-weight: normal;
  font-style: normal;
}

*{
  margin: 0;
  padding: 0;
  /*font-family: 'My Riad Regular' !important;*/ 
  font-family: 'OpenSansRegular' !important; 
  font-size: 11px;
}

body {
  font-size: 11px !important;
  text-align: left !important;
  overflow-x: hidden !important;
  background-color: #333;
}

.bold {
  font-weight: bold;
}

div#main_wrapper{
  height: 960px;
  width: 960px;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
}

div#top_panel{
  height: 80px;
  width: 100%;
  background-color:  #fff;
  font-size:  2.5em;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

#top_panel_left{
  width: 700px;
  height: 100%; 
  overflow: hidden; 
  margin: 0;
  padding: 0;
  float:left;
}

#aurus_logo {
  height: 100%;
  width: 256px;
  display: box;
  float: right;
  /*border-left: 1px #999 solid;*/
  text-align: center;
  background-color: gold;
  margin: 0;
  padding: 0;
}

.empresa_logo {
  display: box;
  width: auto;
  float: left;
  margin: 0;
}

.factura_electronica_titulo {
  /*display: block;*/
  font-family: 'Century Gothic' !important;
  float: right;
  color: green;
  font-size: 14px;
  /*font-size: 40px;*/
  font-weight: bold;
  margin: 3px 0 0 0;
}

div#user_panel{
  height: 30px;
  width: 100%;
  background-color: #666;
  color: white;
  font-weight:  normal;
  overflow: hidden;
  font-size: 13px;
  padding: 0;
  margin: 0;
}

.ajax_loader {
  text-align: center;
  color: white;
  padding-top: 0;
  margin: 0 auto;
  height: 10px;
}

.button_bar {
  margin: 5px;
}

.empresa_info, .empresa_info a {
  display: inline-block; 
  color: #666;
  padding: 0 8px; 
  margin: 0;
}

.empresa_info a{
  text-decoration: none;
  padding: 0 !important;
  margin: 0;
}

#razon_social {
  font-size: 18px;
  font-weight: bold;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.datos_empresa{
  text-align: left;
  font-size: 8px !important;
  line-height:  12px;
}

.window_buttons_bar {
  width: -moz-calc(100% - 10px);
  width: -webkit-calc(100% - 10px);
  width: calc(100% - 10px);
  height: 50px;
  text-align: right;
  margin: 0;
  padding: 5px 10px 0 5px;
  border-top: 1px  #666 solid;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #cecace;
}


div#main_content_panel{
  width: 960px;
  margin: 0 auto;
  padding: 2px;
  height: 600px;
}

.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

div#comprobantes_button_bar {
  width: 100%;
  margin: 4px auto;
}