body {
	margin-top: 0px;
	background-color: #FFFFFF;
}

.bannerback{
 background-color:#FFFFFF;
 
 font-family:Arial, Helvetica, sans-serif;  
 font-size: 18px;
}

.banner{
 position: relative;
 left:55px;
 top:0px;
 background-color:#FFFFFF;
 background-repeat:repeat;
 
 _display: inline-block; 
 max-width: 550px; 
 max-height: 550px; 
}

.banner img
{
 max-width: 60%;
 height: auto;
}

.bannerbackext{
 background-color:#FFFFFF;
 
 font-family:Arial, Helvetica, sans-serif;  
 font-size: 18px;
}

.bannerext{
 position: relative;
 top:0px;
 background-color:#FFFFFF;
 background-repeat:repeat;
 
 _display: inline-block; 
 max-width: 550px; 
 max-height: 550px; 
}

.bannerext img
{
 max-width: 60%;
 height: auto;
}

.lineabanner{
	font-family: sans-serif;
    width: 100%;
	height: 2px;
	background-image:url('../../SAC7WebCastillo/img/pattern-azul.jpg'); 
	background-repeat:repeat;
}

.styledefaultmr { 
 font-family:Arial, Helvetica, sans-serif;  
 font-size: 10px;
}

.border {
border-right-style:solid;border-right-color:#FFFFFF; border-right-width:2px;
}

.styledefaultmr { 
 font-family:Verdana, Arial, Helvetica, sans-serif;  
 font-size: 10px
}

.table_barra{
 background-color: #f2efe5;
}

.Login_table{ 
 background:#283033; 
}

.Login_table_Resp { 
 background: #B10135; 
 border-style:solid;
 border-width:1pt;
 border-color:#6A1213;
}

.Login_table td { 
 font-family: Arial, Helvetica, sans-serif;  
 font-size: 13px;
 color:white;}

.Login_table th{ 
 font-family:Arial, Helvetica, sans-serif;  
 font-size: 14px;
 color:white;}

.Login_table2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
	background: #81AFC9;
}

.textodireccion
{
	float: center;
	height: 70px;
	width: 924px;
	color: #9b8070;
	text-align: center;
	padding-top: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.textodireccionn
{
	color: #9b8070;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.botonmenu {
	text-align: left;
	color: #9b8070;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 15px;
	text-transform: uppercase;
	height:30;
}


.textospecialTITULOS {
	font-size: 16px;
	color: #9b8070;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.textospecialTITULOS th{
	font-size: 16px;
	color: #9b8070;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.textospecialTITULOS td{
	font-size: 16px;
	color: #9b8070;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.loginextgral
{
  font-size: 12px;
  font-family: sans-serif;
  overflow: hidden;
  width: 350px;
}

.loginextgral.small
{
  font-size: 12px;
  font-family: sans-serif;
  overflow: hidden;
  width: 350px;
}

logincampo {
  border: 0;
  margin: 0;
  padding: 0;
}

.loginext {
  padding: 20px 20px 0 20px;  
}	

.loginext label {
  color: #000000;
  display: block;
  font-size: 14px;
  padding-top: 2px;
  padding-bottom: 0px;
  font-weight:bold;
}

.loginext input {
  background: #fff;
  border: 1px solid #c6c7cc; /*c6c7cc*/
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
  padding: 10px;
  margin-top: 6px;
  width: 80%;
  font-size:14px;
}

/* WebKit browsers */
.loginext input::-webkit-input-placeholder { 
color: #999999;
}

/* Mozilla Firefox 4 to 18 */
.loginext input:-moz-placeholder { 
color: #999999;
}

/* Mozilla Firefox 19+ */
.loginext input::-moz-placeholder { 
color: #999999;
}

/* Internet Explorer 10+ */
.loginext input:-ms-input-placeholder {
color: #999999;
}

.loginext input:focus {
  box-shadow: 0 0 5px #2AC2F1; /*1465B1*/
  border: 1px solid #2AC2F1; /*1465B1*/
  outline-color: #2AC2F1; /*1465B1*/
}

.btn-main {
  display: inline-block;
  width: auto;
  height: auto;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  line-height: 1.5em;
  text-align: center;
  -webkit-transition: color 0.4s ease-in-out, opacity 0.4s ease, transform 0.4s ease, background-color 0.4s ease, border-color 0.4s ease;
  -moz-transition: color 0.4s ease-in-out, opacity 0.4s ease, transform 0.4s ease, background-color 0.4s ease, border-color 0.4s ease;
  transition: color 0.4s ease-in-out, opacity 0.4s ease, transform 0.4s ease, background-color 0.4s ease, border-color 0.4s ease;
}

.btn-main {
  background-color: #212121; /**/
  border: 1px solid #191919; /**/
  color: #fff; /**/
}

.btn-main:hover, .btn-main:active, .btn-main:focus {
  cursor: pointer;
  background-color: #2AC2F1; /*1465B1*/
  border-color: #2AC2F1; /*1465B1*/
  color: #fff;
}

.btn-main.xsmall {
  padding: 0.5rem 1.25rem;
  font-size: 10px;
}

.btn-main.small {
  padding: 0.75rem 1.5rem;
  font-size: 12px;
}

.btn-main.medium {
  padding: 1rem 1.75rem;
  font-size: 14px;
}

.btn-main.large {
  padding: 1.5rem 2.25rem;
  font-size: 16px;
}

*,
*:before,
*:after {
   box-sizing: border-box;
}

.entrada_table2.small
{
	font-family: sans-serif;
	font-size:12px;
	color:#000000;
    position:fixed;
    bottom:0px;
    width: 100%;
	height: 10px;
	background-image:url('../../SAC7WebCastillo/img/pattern-verde.jpg'); 
	background-repeat:repeat;
}

.help:hover {
  border: 1px solid #000000;
  width:20px;
  height:20px;
}	

/* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;

    width:100%;
    z-index:1;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 1px 1px 1px #555;
    display: inline-block;
    height: auto;
	width: 320px;
    height: 480px;
    vertical-align: middle;
    width: 320px;
    position: relative;
    border-radius: 8px;
    padding: 1px 5%;
    background-image:url('../../SAC7WebCastillo/img/EjemploTicket.png');			
	background-position:center;
	background-repeat:no-repeat;
	background-size: 320px 480px;
	
	border-top-color:#FFFFFF; border-top-style:solid; border-top-width:2px;
	border-bottom-color:#FFFFFF; border-bottom-style:solid; border-bottom-width:2px;	
}

.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.imgEjemploTicket{
   
   width: 277px;
   height: 450px;   
}

.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}
/* Popup box BEGIN */	

/* 20200807 */
.sistema_panel
{
 font-family:sans-serif;
 font-size:12px;
 font-weight:bold;
}

/* 20200819 */

.agrmsj {
  font-family:Arial, Helvetica, sans-serif;
  font-size:3vw; 
  -weight:bold;
} 

#masterparent {
  font-family:Arial, Helvetica, sans-serif;
  ddisplay: flex;
  display: block;
  border: 1px solid #000000;
  width: 800px;
  max-width: 95%;
  background: lightgray;
  
  padding: 10px;
}

#masterparent2 {
  font-family:Arial, Helvetica, sans-serif;
  display: flex;
  width: 100%;  
  
  flex-wrap:wrap;
  justify-content: center;
}

#contentleft{
 font-family:Arial, Helvetica, sans-serif;
 font-size:16px;
 text-align:left;
}

.contentright
{
 position: relative;
 font-family:Arial, Helvetica, sans-serif;
 font-size:3vw; 
 text-align:center;
}

.agrmsj {
  font-family:Arial, Helvetica, sans-serif;
  font-size:3vw; 
  -weight:bold;
} 


#camposform {
  border: 0;
  margin: 0;
  padding: 0;
}

.loginform {
  padding: 20px 20px 0 20px;  
}	


#camposform label{
  color: #000000;
  display: block;
  font-size: 14px;
  padding-top: 5px;
  font-weight:bold;
}

#camposform input {
  background: #fff;
  border: 1px solid #c6c7cc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
  padding: 5px;
  margin-top: 6px;
  width: 100%;
  font-size:18px;
}

.tiempomsj {
  font-family:Arial, Helvetica, sans-serif;
  color:#FF0000;
  font-size:3vw; 
  margin-bottom: 2px;
  margin-top: 2%;
  -weight:bold;
}

@media screen and (min-width: 600px) {
  .LeyendaNombreSistema {
     font-size: 16px;
  }

  .titleInt  {
     font-size: 20px;
  }

  .titlesubsistema {
     font-size: 18px;
  }

 .logoempresabr {
 }

 .container a {
  font-size: 14px;
 }

 .tiempomsj {
  font-size:16px;
 }
 
 .agrmsj{
  font-size:16px; 
 }
 .contentright{
  font-size:16px; 
 } 

 /*20190705*/ 
 .titleInt2 {
 font-size: 20px;
 display: none;
 height: 22px; 
 }
}
/**/



/*20200827*/
.bannercontainer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width:100%;
}

.banneritem1 {
  max-width:100%;
  background-image:url('../../SAC7WebCastillo/img/pattern-verde.jpg'); 
}

.banneritem2 {
  max-width:100%;
  text-align:center;
  background-color:#fff;
}

.banneritem3 {
  max-width:100%;
  background-image:url('../../SAC7WebCastillo/img/pattern-verde.jpg');  
}

.lineabanner {
  background-color:#A41E34;
}

.LogoEmpresa {
  width: 385px;
  height: 154px;
}
/**/


/*20201201*/
@media only screen and (max-width: 1600px) {
 .LogoEmpresa {
   width: 303px;
   height: 108px;
 }
}
/**/

/*2023123*/
.inputres:focus{
  box-shadow: 0 0 5px #1465B1;
  border: 1px solid #1465B1;
  outline-color: #1465B1;	
}
/**/


.loginext labelespecial {
  color: #000000;
  display: block;
  block-size: 150px;
  font-size: 14px;
  padding-top: 2px;
  padding-bottom: 0px;
  font-weight:bold;
}

#camposform labelespecial{
  color: #000000;
  display: block;
  block-size: 150px;
  font-size: 14px;
  padding-top: 5px;
  font-weight:bold;
}