
body {
	/*background-image: url("");*/
	background-repeat: no-repeat;
	background-color:#d2d2d2;
	background-position: top center;
	background-attachment: fixed;
	font-size: 11.5px;
	font-family: museo;
}

.red {
   background-color: red;
   color: white;
}

.encabezado{
	font-weight: bold;	
}

img {
	border: none;
}

.borderless tr td {
	padding: 0px !important; 
	border: 0px !important; 
	border-spacing: 0px !important;
}


.inputLargo {
	width: 200px;
}

#layout {
	border-style: solid;
	border-width: 1px;
	border-color: #58ACFA;
	background-color: #FFFFFF;
	border-spacing: 0px;
	padding: 0px;
}

#layout td {
	padding: 0px; 
	border: 0px; 
	border-spacing: 0px;
}

#header {
	text-align: center;
	font-weight: bold;
	width: 995px;
	height: 120px;
	border-width: 0px;
	background-image: url('/sisrgm/javax.faces.resource/images/header.jpg.xhtml'); 
	background-repeat: no-repeat; 
	background-position: top left; 
	background-attachment: inherit;
	border-spacing: 0px;
	padding: 0px;
}

#footer {
	text-align: center;
	font-weight: bold;
	width: 995px;
	height: 180px;
	border-width: 0px;
	background-image: url('/sisrgm/javax.faces.resource/images/footer.jpg.xhtml'); 
	background-repeat: no-repeat; 
	background-position: top left; 
	background-attachment: inherit;
	border-spacing: 0px;
	padding: 0px;
}

@font-face {
     font-family: museo;
     src: url('/sisrgm/javax.faces.resource/font/MuseoSans-300.woff.xhtml'); 
}

#header td {
	padding: 0px; 
	border: 0px; 
	border-spacing: 0px;
}

#menu {
	border-style: none;
	border-spacing: 0px;
	padding: 0px;
	width: 995px;
}

#menu td {
	padding: 0px; 
	border: 0px; 
	border-spacing: 0px;
}

#user {
	padding: 0px; 
	border: 0px; 
	border-spacing: 0px;
}

#user td {
	padding: 0px; 
	border: 0px; 
	border-spacing: 0px;
}

.menor{
    color: red;
}


#institucion {
	font-size: 18px;
	color: #5BB759;
}

#sistema {
	font-size: 20px;
	color: #214489;
}

#content {
	width: 993px;
	min-height: 550px;
	overflow: auto;
	background-color: #FFFFFF;
}

.contenedor {
	width: 100%;
	min-height: 550px;
	overflow: auto;
	background-color: #F2F2F2;
	/*padding-top: 5px;
	padding-bottom: 3px;*/
}

.tituloPantalla { /*float: left;*/
	font-weight: bold;
	font-size: 13px;
	width: auto;
	text-align: center;
	
}

.tituloPantalla2 { /*float: left;*/
	font-weight: bold;
	font-size: 16px;
	width: auto;
	text-align: center;
	
}

.noticia-titulo {
	font-weight: bold;
}

.noticia-cuerpo {
	width: auto;
}

.faq {
	width: auto;
	text-align:justify;
	font-family: museo;
	font-size: 14px;
}

#faq {
	width: auto;
	text-align:justify;
	font-family: museo;
	font-size: 14px;
	color: #FFFFFF;
}

#square {
  list-style-type: square;
}
.panel-titulo .ui-panel-title {
	font-weight: bold;
	font-size: 20px;
	text-shadow: 1px 1px 3px #707070;
}

.cuenta1 {
	/* */
}

.borderless-pg td, .borderless-pg tr {
	border: 0px !important;
	border-width: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;		
}

.borderless-panel .ui-panel .borderless-panel .ui-panel-content {
	border: 0px !important;
	border-width: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;		

}

.custom-pg.ui-panelgrid td {
	border-width: 1px;
	border-style: solid;
	border-color: inherit;
	padding: 1px 1px !important;
	
}

.custom-dt .ui-datatable-data td, .custom-dt .ui-datatable-data tr {
	border: 1px !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: inherit !important;
	padding: 4px 10px !important;
}

.custom-dt-borderless .ui-datatable-data td, .custom-dt .ui-datatable-data tr {
	padding: 4px 10px !important;
}

.custom-sp .ui-spinner-input {
	width: 35px;
}

.custom-dt-no-row-color .ui-datatable-data td .custom-dt-no-row-color .ui-datatable-data tr {
	background-color: #ffffff  !important;
}

.input-lwidth {
	width: 500px;
}
/************************************************************************************************
************************ESTILO DE MENSAJES*******************************************************
*************************************************************************************************/
.msg {
	border-style: solid;
	border-width: 1px;
	border-color: #FEE681;
	font-weight: bold;
	background: #FFFAE2;
	padding: 2px 2px 2px 2px;
}

.msgError {
	color: #FA5858;
}

.msgInfo {
	color: #58ACFA;
}

.msgWarn {
	color: #FF8000;
}

/************************************************************************************************
************************ESTILO DE FORMULARIOS****************************************************
*************************************************************************************************/
.ui-widget,.ui-widget .ui-widget {
	font-size: 11.5px !important;
	font-family: museo;
}

*************************************************************************************************/
/*
.ui-inputfield {
	width: 125px;
}
*/
.ui-autocomplete-input {
	text-transform: uppercase !important;	
}

.ui-selectmanymenu .ui-selectlistbox-item {
	vertical-align: top !important;	
	 	
}

.ui-spinner .ui-spinner-input {
	width: 35px;
}
.input-text-upper {
	text-transform: uppercase;
}

.input-text-readonly {
	background-color: #FFFAE2 !important;
	font-weight: bold;
}

.ui-panel {
	padding: 1px 2px !important;
}
.ui-panel .ui-panel-titlebar {
	overflow: hidden !important;
	padding-top: 7px !important;
	padding-bottom: 8px !important;
	padding-right: 10px !important;
	padding-left: 10px !important;
}

/************************************************************************************************/

.alignTop {
vertical-align: top;
}