.ui-datalist-content {  
    border: none;
}      

.basicStyle {
    /*text-align: inherit; optinal*/
}

.centerStyle{
    text-align: center;
}

.rightStyle {
    text-align: right;
}

.ui-widget {
	font-size: 12px !important;
}

.my-state-active .ui-layout-unit-content {
 border: 1px solid #7096ab;
    background: #85b2cb url("#{resource['primefaces-aristo:images/ui-bg_inset-hard_65_85b2cb_1x100.png']}") 50% 50% repeat-x;
    background: #85b2cb linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));
    background: #85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.4)));
    background: #85b2cb -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4)); /*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#CCFFFFFF);     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#CCFFFFFF)"; */
    font-weight: bold;
    color: #1C4257;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);	
}

.my-widget-header .ui-layout-unit-content {
    border: 1px solid #a8a8a8;
    background: #c4c4c4 url("#{resource['primefaces-aristo:images/ui-bg_highlight-soft_100_c4c4c4_1x100.png']}") 50% 50% repeat-x;
    background: #c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
    background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
    background: #c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0)); /*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)"; */
    color: #333;
    font-weight: bold;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
}

a:link {
	text-decoration: none;
	background-image: ui-icon-circle-triangle-e;
	color: #004a7f;
}

a:visited {
	text-decoration: none;
	color: #004a7f;
}

a:hover {
	text-decoration: underline;
	color: #004a7f;
}

a:active {
	text-decoration: underline;
	color: #004a7f;
}

html,body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	/*	background-image: url("/prototipo-web/images/imagemFundo.png");
	background-repeat: repeat;
	*/
}

#geral {
	width: 100%;
	position: relative; /*Contexto de posicionamento */
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
	border: dotted #fff;
	border-width: 0 1px;
	/*background-color: #fafafa; */
}

#login {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -230px;
	width: 600px;
	background-color: #fafafa;
	padding: 0px;
}

* html #geral {
	height: 100%;
}

#conteudo {
	padding-bottom: 70px;
	margin-bottom: 5px;
	width: 100%;
}

#cabecalho {
	background: #fff;
	width: 100%;
	border-bottom: 0px;
	padding-top: 0px;
}

#menu {
	width: 15%;
	float: left;
	margin-top: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	min-height: 400px;
}

#principal {
	width: 80%;
	float: left;
	margin-top: 5px;
	margin-left: 20px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

#rodape {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border: none;
	border-width: 0px 0;
	padding-bottom: 0px;
	padding-top: 0px;
}

.clear {
	clear: both;
}