@CHARSET "ISO-8859-1";

/*** override primefaces style ***/
.ui-message-info,.ui-message-error,.ui-message-warn,.ui-message-fatal {
	border: 0!important;
	margin: 0!important;
	padding: 0!important;
}
 
.ui-messages-error,.ui-message-error {
	color: #D8000C;
	background-color: #fff!important;
}

#contenedor{
margin:0 auto;/*para centrarlo el contenedor debe poseer este margen*/
padding:0;
width:632px;/*si queremos que salga 4 veces la imagen con separación de margenes a la derecha de 10px y  incluyendo bordes de 2px, quedando todo junto hacia el centro hacemos esto:
-->Multiplicamos el width=ancho x 4 del espacio 1 =   144 x 4 = 576px  +
-->Multiplicamos el margin=margen x 4 del espacio 1 =  10 x 4 =  40px
-->Sumamos el border=borde derecho y isquierdo del
espacio 1 y luego lo multiplicamos x 4 =            (2 + 2) 4 =  16px
                                                                ------
-->Y nos dar como el total el width que nesecitamos -----------> 632px

NOTA: si ponemos el width:auto del contenedor, todo se ira hacia el margen izquierdo. */
text-align:center;
height:auto;/*aqui puedes poner una altura deseada teniedo en cuenta que tiene que ser mayor o igual al de la imagen, y si tiene bordes la imagen se le suma a la altura, igual si el 
div->espacio 1 tuviera bordes se lo sumarias a la altura=height,  y cuando hablo que le sumarias el borde seria el borde de arriba + el borde de abajo ahi que tenerlo en cuenta, por recomendación usar height=auto */
background:transparent;
}

#container {
     display: table;
     //height: 100%;
     width: 100%;
     margin: 0;
   }
#espacio1{

	width:auto;
	float:left;
	background:transparent;
	height:auto;
	margin-right:3px;
	vertical-align: middle;
	display: table-cell;
 	position: relative;
}

.ui-datalist{
	width: 550px;
	margin: 5px;
}

.ui-datagrid{
	width: 550px;
	margin: 5px;
}

.ui-panelgrid tr {
    border: none !important;
    border-style: none !important;
}

.ui-panelgrid td{
	border: none !important;
	border-style: none !important;
}

//Version primefaces 6
.ui-panelgrid-cell td{
	border: none !important;
	border-style: none !important;
}

//Version primefaces 6
.ui-widget-header td{
	border: none !important;
	border-style: none !important;
}

td .ui-selectonemenu {
    display: block;
}

//Version primefaces 6
.ui-panelgrid .ui-panelgrid-cell {
	border: none  !important;
	border-style: none  !important;
}