
text/css styles.css ( assembler source, ASCII text, with very long lines, with CRLF line terminators )

/* reset */
*{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}table,fieldset,img,abbr,acronym{border:0}address,caption,cite,code,dfn,em,strong,th,var{border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-style:normal;font-weight:normal;text-align:left}em{font-style:italic}strong{font-weight:bold}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:""}hr{display:none}

body, * {font: 12px arial, tahoma, sans-serif; color: #333; outline: none}

body {
	background-color: #eaede5;
	/* background-image: url(../img/bg/body.jpg); */
	background-repeat: no-repeat;
	background-position: center top;
}

a {text-decoration: none}
a:hover {text-decoration: underline}

/*p {margin: 0 0 10px 0}

div.hr {
	clear: both;
	width: 100%;
	height: 1px;
	padding-top: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #dfdfdf
}
div.hr * {display: none}*/

/* general class */
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}/*.clearfix {display:inline-block}html[xmlns]*/ .clearfix {display:block}* html .clearfix {height:1%}
.show {display: block !important}
.hide {display: none !important}
.left {float: left !important}
.right {float: right !important}
.clear {clear: both !important}
.rpl {display: block; text-indent: -9999px}

/*
 * ESTRUCTURE
 */

div#wrap {
  	background: url('../img/bg/wrap.jpg') repeat-y top right;
  	height:100%;
}

div#container {
	width: 1200px;
	margin: 0 auto;
	
}

div#header { padding: 15px 0 15px 0; width: 100%; text-align: center; }

div#header h1 {
	background: url('../img/logo.png') no-repeat top center;
	width: 100%;
	height: 100px
}

div#menu {
	border: 1px dotted;
	padding: 5px;
	display: block;
	width: 988px
}

div#menu ul { margin: 0 auto; display: block; }

div#menu ul li {
	float: left; 
	margin: 0 10px 0 0;
	border-right: 1px solid #333
}

div#menu ul li.last {border: 0}

div#menu ul li a { 
	font-size: 13px; 
	color: #333;
	padding-right: 10px;
	text-transform: uppercase;
	text-decoration: none 
}

div#menu ul.fz11 li {margin: 0 9px 0 0 !important;}
div#menu ul.fz11 li a { font-size: 11px !important; padding-right: 9px !important; }

div#content {width: 100%;}

table#tablemain { 
	width: 100%; 
	border: 1px solid #333;
	margin: 20px 0
}

table#tablemain tr.txtcenter td { text-align: center;}

/* tabelas genericas */
div.box {width: 490px; margin: 20px 0}

div.box.mr20 { margin-right: 20px}

div.box h2, div.box_legenda table td h2 { 
	font-size: 16px; 
	color: #333;
	padding-bottom: 10px;
	font-weight: bold;
}

div.box table {width: 100%;border: 1px solid #333;}

div.box table td {border: 1px solid #333; padding: 7px 5px}

table.noborder, table.noborder *, td.noborder { border: 0 !important }

div#box_quadro_geral { width: 100% }

div#box_quadro_geral h3 { 
	font-size: 16px; 
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
}

/* leganda */
div.box_legenda {width: 490px; margin:0 0 20px 0}

div.box_legenda table { width: 100%}

div.box_legenda table td {padding: 7px 5px}

div.box_legenda table td.color {border: 1px solid #333; width: 50px}

/* form */
fieldset#box_form {
	width: 595px; 
	margin: 0 auto;
	padding: 40px;
}

fieldset.login { width: 200px !important; }
fieldset.login input.field { width: 100px !important}
fieldset.login input.btn {margin-right:13px !important; }

fieldset#box_form p {
	font-size: 13px; 
	color: #333;
	font-weight: bold;
	padding-bottom: 10px
}

fieldset#box_form div {padding: 0 0 10px 0}

fieldset#box_form div label { 
	width: 75px; 
	display: block; 
	float: left; 
}

fieldset#box_form div input,
fieldset#box_form div select,
fieldset#box_form div textarea {border: 1px solid #333; padding: 4px}

fieldset#box_form div textarea { width: 400px; height: 70px }

fieldset#box_form div input.field { width: 400px;}

fieldset#box_form div input.btn { 
	background: #E43939; 
	color: #fff; 
	border: 0; 
	display:block;
	float:right;
	margin-right:110px;
}

/* botes */
a.bt_voltar {color: #fff; background:#4DAB47; padding: 4px; text-decoration: none;}
a.bt_editar, input.btn_blue {
	color: #fff; 
	background:#52A5DB; 
	padding: 4px;
	border: 0; 
	text-decoration: none;
}
input.btn_red, a.btn_red {
	background: #E43939; 
	color: #fff; 
	border: 0;
	padding: 4px;
	text-decoration: underline;
}





