/*///////////////////////////////  <head> todo cabeçalho do CSS ///////////////////////////////*/

* {
	text-decoration:none;
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:middle;
	border:none;
}


body {
	margin:0;
	background:url(imagens/bg_topo.jpg) repeat-x #F4F4F4;
	font:11px Trebuchet MS, Arial, sans-serif;
	color:#000;
}

.tit_rosa {
	width:100%;
	display:block;
	margin:10px 0 0 0;
	float:left;
	background-image: url(imagens/bg_destaques.jpg);
	background-repeat: repeat-x;
	background-position: right center;
}

h1 {
	float:left;
	color:#003366;
	background:#FFF;
	padding:0 10px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
	

h2 {
	width:100% - 10px;
	height:18px;
	padding:2px 0 0 10px;
	color:#003366;
	background-image: url(imagens/bg_destaques.jpg);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

h3 {
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin:10px 0 10px 10px;
}

p {
	margin:10px;
}

/*///////////////////////////////  </head>  ///////////////////////////////*/



/*///////////////////////////////  Todas as divs estao aqui ///////////////////////////////*/



#global {
	width:640px;
	margin:0 auto;
}

#topo {
	height:640px;
	height:91px;
}

#conteudo {
	width:620px;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding:10px 10px;
	background:#FFF;
}

#rodape {
	width:100%;
	height:28px;
	color:#003366;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(imagens/rodape.jpg);
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

ul.menu {
	display:block;
	height:29px;
	margin:6px 10px 0 0;
}

ul.menu li {
	float:left;
	display:inline;
	margin:0 27px 0 0;
	padding:0 0 0 10px;
	background:url(imagens/bg_li_menu.jpg) no-repeat left 5px;
}

ul.menu li a {
	color:#291672;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

ul.menu li a:hover {
	color:#170D42;
}





/*///////////////////////////////  Todas as configurações secundária. => <span> & classes aplicadas  ///////////////////////////////*/


h1.logo {
	position:absolute;
	width:122px;
	height:87px;
	float:left;
	margin:0px 0 0 10px;
	background:url(imagens/img_logo.png) no-repeat;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='imagens/img_logo.png');
	text-indent:-5000em;
}

h1.logo a {
	width:122px;
	height:87px;
	display:block;
}

.slogan {
	width:203px;
	height:30px;
	margin:5px 0 0 0;
	display:block;
	float:right;
	background:url(imagens/img_slogan.png) no-repeat right 10px;
	_height:25px;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='imagens/img_slogan.png');
	text-indent:-5000em;
}

.clear {
	clear:both;
}

.fleft {
	float:left;
}

.dots {
	height:10px;
	clear:both;
	background:url(imagens/dots_line.jpg) repeat-x bottom left;
}

dl.newsletter {
	display:block;
	float:right;
	margin:15px 0 0 0;
}

dl.newsletter dt {
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:right;
	margin:0 0 5px 0;
}

dl.newsletter dd {
	font:11px Arial, Helvetica, sans-serif;
}

.coluna1 {
	width:370px;
	margin:4px;
	float:left;
}

.coluna2 {
	width:230px;
	margin:4px;
	float:left;
}

.coluna3 {
	width:190px;
	margin:10px;
	float:left;
}

.flash_prods {
	width:613px;
	height:140px;
	margin:10px auto 20px auto;
	padding:60px 0 0 12px;
}

.flash_prods .prod {
	width:300px;
	height:125px;
	overflow:hidden;
}

.flash_prods .prod img {
	display:block;
	float:left;
	padding:0 20px 0 10px;
}

.flash_prods .prod h4 {
	font:bold 17px Arial, Helvetica, sans-serif;
	color:#09F;
	margin:0 0 10px 0;
}

.flash_prods .prod p {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#1472D0;
}

.img_prod, .img_prod_g {
	width:160px;
	height:130px;
	margin:10px;
	float:left;
}

.img_prod_g {
	width:320px;
	height:auto;
	float:left;
	margin:20px;
	display:block;
}

.img_prod img, .img_prod_g img {
	float:left;
}

dl.prods, dl.prods_g {
	width:80px;
	float:right;
}

dl.prods_g {
	width:170px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
}

dl.prods dt {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
}

dl.prods_g dt {
	font:bold 20px Verdana, Arial, Helvetica, sans-serif;
	color:#FD1667;
}

dl.prods_g dd.ref {
	font:bold 10px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 2px 0;
}

dl.prods_g dd {
	margin:20px 0 0 0;
}

/*dl.prods dt:first-line {
	font:bold 15px Trebuchet MS, Arial, Helvetica, sans-serif;
}*/

dl.prods a {
	color:#291672;
}

dl.sessao {
	width:220px;
	margin:0 0 20px 5px;
}

dl.sessao dt {
	width:100% - 10px;
	height:18px;
	padding:2px 0 0 10px;
	color:#003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-image: url(imagens/bg_destaques.jpg);
}

dl.sessao dd {
	padding:10px 5px;
	background-color: #F4F4F4;
}

.desenvolvimento {
	width:206px;
	height:42px;
	overflow:hidden;
	float:right;
	display:block;
	margin: 5px;
}

.desenvolvimento a {
	width:129px;
	height:5px;
	display:block;
}

ul.categorias {
	width:180px;
	float:left;
	background-color: #F4F4F4;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 2px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #E8E8E8;
	border-bottom-color: #E8E8E8;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E8E8E8;
	border-left-color: #E8E8E8;
}

ul.categorias li {
	margin:0 0 7px 15px;
	padding:0 0 0 10px;
	background-image: url(imagens/bg_li_categorias.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

ul.categorias li a {
	color:#291672;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
}

ul.categorias li a:hover {
	color:#1E71BA;
}


.img_dicas, .img_calendario {
	display:block;
	float:left;
	padding:10px;
}

.login {
	width:325px;
	float:left;
	margin:0 20px 0 0;
	padding:20px 0 0 0;
	text-align:center;
	background:url(imagens/bg_login_top.jpg) no-repeat top left #F4F4F4;
}

.login_bottom {
	width:325;
	height:15px;
	display:block;
	clear:both;
	background:url(imagens/bg_login_bottom.jpg) no-repeat bottom left;
}

.login ul {
	display:block;
	width:250px;
}

.login ul li {
	float:none;
	height:20px;
	margin:10px;
}



/*///////////////////////////////  Todas as configurações para formularios  ///////////////////////////////*/

form.busca {
	display:block;
	float:left;
	margin:0 0 0 100px;
	padding:5px 0 0 0;
}

ul.forms {
	width:400px;
}

ul.forms li {
	line-height:24px;
	height:24px;
	vertical-align:middle;
}

.select {
	width:auto;
	height:16px;
	float:left;
	margin:0 3px 0 3px;
	font:bold 11px Arial, Helvetica, sans-serif;
	border:1px solid #666;
}

.label {
	width:90px;
	height:20px;
	padding:2px 3px 0 0;
	display:inline;
	float:left;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:right;
}

dl.newsletter dd label.label {
	width:50px;
	margin:0 0 0 10px;
	font:11px Arial, Helvetica, sans-serif;
}

input.text, textarea.text {
	width:auto;
	height:14px;
	margin:0 3px 0 0;
	padding:2px 0 0 3px;
	border:1px solid #666;
	font:11px Arial, Helvetica, sans-serif;
	background:#F4FFF9;
	color:#000;
	float:left;
}

input.botao {
	font:bold 11px Arial, Helvetica, sans-serif;
	padding:-2px 3px 0 3px;
	margin:0 0 0 5px;
	background:#FD1667;
	color:#FFF;
	border:1px solid #000;
}

textarea.text {
	height:auto;
	line-height:auto;
}

input:focus, textarea:focus {
	border:1px solid #E60005;
	background:#FFF9F9;
}



/* TABLES CONFIGURATIONS */

table {
	margin:5px 10px 0 0;
	float:left;
	background:#999;
}

table thead td {
	font:bold 11px Arial, Helvetica, sans-serif;
	height:20px;
	padding:5px 2px;
	background:#FFF;
}

table tbody th {
	font:normal 11px Arial, Helvetica, sans-serif;
	text-align:left;
	padding:2px;
	background:#FFF;
}

table tbody td {
	padding:2px;
	text-align:left;
	background:#FFF;
}

table tbody tr.odd td {
	background:#F4F4F4;
}

table tbody tr.checked td {
	background:#FFFFC1;
}

table.reports_table {
	width:530px;
	margin:20px auto;
}

table.reports_table thead th {
	font:bold 11px Arial, Helvetica, sans-serif;
	text-align:left;
	height:20px;
	padding:0px;
	background:#FFF;
}

table.reports_table tbody td {
	text-align:left;
	font-size:10px;
	vertical-align:top;
	padding:5px 0 5px 0;
	background:#FFF;
}

table.reports_table tbody td.line {
	padding:0;
	margin:0;
}

table.reports_table tbody td.center, table.reports_table thead th.center {
	text-align:center;
	vertical-align:middle;
}


table.tbl_cores {
	width:auto;
	margin:10px 10px 0 0;
	clear:both;
	border:none;
	background:url(imagens/dots_line.jpg) repeat-x top left;
}

table.tbl_cores caption {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#FD1667;
}

table.tbl_cores thead th {
	text-align:left;
	height:30px;
	padding:2px 0 0 4px;
}

table.tbl_cores tbody th, table.tbl_cores tbody td {
	font:normal 10px Arial, Helvetica, sans-serif;
	height:20px;
	text-align:left;
	padding:2px 0 0 2px;
}

table.tbl_cores tfoot td {
	font:bold 10px Arial, Helvetica, sans-serif;
	text-align:center;
	height:70px;
}
.coluna_prod {
	width:380px;
	margin:4px;
	float:left;
}
