@font-face {
    font-family: Montserrat;
    src: url("/Serse/javax.faces.resource/css/Montserrat-Regular.otf.xhtml#");
}


body {
    background-image: url("/Serse/javax.faces.resource/img/background.png.xhtml"); 
    background-repeat: repeat;
    
 
}
body  .ui-layout-north .ui-widget-content
{
	 background-color: transparent ;
}

body .ui-widget-content .ui-layout-unit-content 
{
	background-color: transparent ;
}
#southPanel ,#centerPane
{
	 
	font-weight: bold;
	color: #ffffff !important;
	background-image: url("/Serse/javax.faces.resource/img/fondo.png.xhtml"); 
    background-repeat: repeat;
	background-color: #212529;
}

/*body   .ui-layout-unit .ui-layout-center
{
	 background-color: transparent ;
}
ui-layout-unit ui-widget ui-widget-content ui-corner-all ui-layout-center ui-layout-pane ui-layout-pane-center

*/
.container {
	 top: 0;
    position: relative;     
    
}
 .color {
    margin:0;    
}

.ui-layout-center {                    
    overflow:hidden !important;
}

.ui-layout-center .ui-layout-unit-content {
    overflow:hidden !important;
}     


.ii { 
	margin:10;
	top: 0;
    height:50px; width: auto;  
}


#cuadro
{
	margin:100 auto;
	width:16%;	 
	text-align: center;	  
}

.ui-login {
   
  color: #000000;
  background-color: #e2e2e2;

  border: 0px !important;
  border-radius: 15px;
   
}
.ui-login .ui-panel-titlebar {
  color: #5B5B62;
  font-size: 23;
  font-weight:bold;
  background: none !important;
  border: none;
}
.ui-login .ui-inputfield{  
  color: #000000;
  background-color: #ffffff!important; 
  border: none;
  border-radius: 10px;
}
::placeholder { 
    text-align: center;
}

.sistema {
    position: absolute;
    left: 0;
    top: 20;
    width: 100%;
    color: #000000 ;
}
.pa
{
     border: 0px !important;
     background: rgba(0, 0, 0, 0)!important;   
}

.dialog
{
	margin:70 auto;
	width:40%;
}
.pCenter td,.pCenter tr {
    text-align: center;
}

.mDialog
{
	margin:50 auto;
	width:40%;
}

.di
{
     border: 0px !important;
     background: rgba(0, 0, 0, 0)!important;
     
}
.req
{
     border: 0px !important;
     background: rgba(0, 0, 0, 0)!important;
}

.ui-widget .ui-button 
{
    background: #C8134E ;
    font-weight: bold;
    color: #ffffff;
    border: none!important;
}
.ui-widget button.ui-state-hover
{
  background-color: #5B5B62 !important;
}

.ui-tool {
			border: none ;
		    background: #212529;
		    font-weight: bold;
		    color: #000000;
		    height:45px; width: auto;  
		    background-image: url("/Serse/javax.faces.resource/img/fondo.png.xhtml"); 
            background-repeat: repeat;
		   
		}
		
.ui-foot {
		    font-weight: bold;
		    color: #ffffff;
	 
		    
		   
		}
#tab1{
	width: 50%; 
	float: left; 
	padding: 0px;
    }
#tab2{
	width: 45%; 
	float: left; 
	padding: 30px;
    }
.cheque { 
	margin:20%;
	top: 0;
    height:580px; width: auto;  
    
    margin:20 auto;
		
}
.pal{
	height:60px; 
	width: 100%; 
	left: 0%;
    margin-top:0px;
    bottom:0;    	
}