/* ---
	Konkrex | Concreto de Alta Qualidade
	www.konkrex.com.br
	
	Classes criadas por Marcelo T. Menezes
	www.mirabile.com.br
--- */



/* --- TOPO e MENU --- */

		#menu a {
			background: none;
			font-size: 0.65em;
			height: 40px;
			text-decoration: none;
			text-align: center;
			line-height: 40px;
			color: #FFFFFF;
			display: block;
			float: left;
			position: relative;	}
		
		#menu a:hover {
			background-image:url(img/bg_mouseover.jpg); }
		
		#m1{ width: 88px; }
		#m2{ width: 100px; }
		#m3{ width: 120px; }
		#m4{ width: 129px; }
		#m5{ width: 125px; }
		
		#topmenu {
			background-image: url(img/bg_menu.gif);
			width: 562px;
			height: 40px;
			float: right;
			margin-top: 30px; }
			
		#toplogo {
			width: 194px;
			height: 95px;
			float: left; }
			
		#top {
			height: 100px;
			width: 100%;
			background-image: url(img/bg_top.jpg);
			background-repeat: repeat-x; }
		
		#topcenter {
			margin-left: auto;
			margin-right: auto;
			height: 100%;
			width: 776px; }


/* --- CORPO DA PÁGINA --- */

		body {
			margin: 0px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			background-image: url(img/bg_site.jpg);
			background-position: center;
			background-color: #E7EAEF; }
		
		#title {
			margin-left: auto;
			margin-right: auto;
			padding-top: 26px;
			padding-bottom: 20px;
			width: 775px; }
			
		#title h1 {
			font-size: 1em;
			color: #990000;
			font-weight: bold; }
		
		#content {
			margin-left: auto;
			margin-right: auto;
			height: 100%;
			width: 720px;
			font-size: 0.65em;
			line-height: 1.7em;
			clear: both; }
			
		#content h1 {
			font-size: 100%;
			color: #990000;
			font-weight: normal; }
		
		#content a, a:visited {
			color: #0B3FB9;
			text-decoration: none; }
		
		#content a:hover {
			text-decoration: underline;
			color: #993300; }
			
		#colunica {
			width: 722px;
			float: left; }
			
		#colunica a, a:visited {
			color: #993300;
			text-decoration: none; }
		
		#colunica a:hover {
			text-decoration: underline;
			color: #4371A3; }
			
		#col01 {
			width: 456px;
			float: left; }
			
		#col02 {
			width: 235px;
			float: right; }
						
	
/* --- CLASSES e BOXES --- */

		.vermelhoso {
			color: #993300;
			font-size: 100%; }

		.vermelhinho {
			color: #993300;
			font-size: 90%; }
		
		.azuloso {
			color: #4371A3; }

		#box_white {
			border: solid 1px #990000;
			background-color:#FFFFFF;
			padding-left: 10px;
			padding-right: 10px; }
		
		#box_selo {
			border: solid 1px #990000;
			background-color:#FFFFFF;
			padding-left: 10px;
			padding-right: 10px;
			height: 110px; }
			
		#box_selo p {
			line-height: 14px; }
			
		#bxselo_col1 {
			width: 60px;
			float: left;  }
		
		#bxselo_col2 {
			width: 145px;
			float: right; }
			
		#thb_foto { position: absolute; }
		
		#thb_legenda {
			height: 100%;
			line-height: 22px;
			padding-left: 10px;
			background-color: #B6C2D1;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #163561;
			padding-top: 176px;
			padding-bottom: 2px; }
	
	
/* --- HOME PAGE --- */

		#boxhometopo{
			border: #98A9B6 solid 5px;
			background-color: #FFFFFF;
			width: 710px;
			height: 262px;
			margin-top: 30px; }
			
		#boxhomeflash{
			width: 350px;
			height: 262px;
			float: left;
			background-color: #98A9B6; }
			
		#boxhomevantagens{
			border-left: #98A9B6 solid 5px;
			width: 355px;
			height: 262px;
			float: left;
			color: #333333;
			line-height: 20px; }
			
		#contentvantagens{
			width: 325px;
			margin-left: 15px;
			margin-top: 20px;
			list-style-position: inside; }
			
		#contentvantagens h1{
			font-weight: bold;
			color: #993300;
			font-size: 110%; }

		#boxhome{
			width: 166px;
			height: 96px;
			float: left;
			border: #98A9B6 solid 5px;
			background-color:#FFFFFF;
			color: #333333;
			position: relative;
			margin-right: 6px;
			line-height: 14px;
			margin-top: 20px; }
			
		#boxhomeultimo{
			width: 164px;
			height: 96px;
			float: left;
			border: #98A9B6 solid 5px;
			background-color:#FFFFFF;
			color: #333333;
			position: relative;
			line-height: 14px;
			margin-top: 20px; }
			
		#titleboxhome{
			width: 156px;
			margin-left: 6px;
			margin-top: 10px;
			font-size: 110%;
			font-weight: bold; }
			
		#titleboxhome a, a:visited {
			color: #993300;
			text-decoration: none; }
			
		#titleboxhome a:hover {
			color: #4371A3;
			text-decoration: underline; }
			
		#contentboxhome{
			width: 156px;
			margin-left: 6px;
			margin-top: 14px; }
		

/* --- PRODUTOS --- */

		#colprodutoslist {
			width: 220px;
			float: left; }
			
		#colprodutoslist li {
			list-style: none;
			padding-bottom: 8px;
			font-weight: bold; }
			
		#colprodutoslist a, a:visited {
			color: #993300;
			text-decoration: none; }
			
		#colprodutoslist a:hover {
			color: #4371A3;
			text-decoration: underline; }
			
		#produtosfoto {
			width: 710px;
			height: 128px;
			border: #98A9B6 solid 5px;
			background-image: url(img/img_produtos.jpg);
			background-repeat: no-repeat;
			clear: both;
			position: relative; }

		#colprodutos{
			border: #98A9B6 solid 5px;
			background-color: #FFFFFF;
			width: 470px;
			height: 294px;
			float: right;
			color: #333333;
			line-height: 12px;
			position: relative;
			margin-bottom: 30px; }
			
		#colprodutos h1 {
			color: #993300;
			font-weight: bold;
			font-size: 120%;
			line-height: 20px; }
			
		#colprodutos h2 {
			color: #98A9B6;
			font-weight: bold;
			font-size: 120%;
			line-height: 6px; }
		
		#produtosini {
			visibility: visible;
			padding-left: 20px;
			height: 100%; width: 440px;
			position: absolute;
			background-image: url(img/logo_clean.gif); background-position:center; background-repeat:no-repeat; }
				
		#produtos01 { visibility: hidden; padding-top: 16px;
			padding-left: 20px;
			height: 100%; width: 440px;
			position: absolute; }
		
		#produtos02 { visibility: hidden; padding-top: 16px;
			padding-left: 20px;
			height: 100%; width: 440px;
			position: absolute; }
		
		#produtos03 { visibility: hidden; padding-top: 16px;
			padding-left: 20px;
			height: 100%; width: 440px;
			position: absolute; }
		
		#produtos04 { visibility: hidden; padding-top: 16px;
			padding-left: 20px;
			height: 100%; width: 440px;
			position: absolute; }
		
		#produtos05 { visibility: hidden; padding-top: 16px;
			padding-left: 20px;
			height: 100%; width: 440px;
			position: absolute; }
		
		#produtos06 { visibility: hidden; padding-top: 16px;
			padding-left: 20px;
			height: 100%; width: 440px;
			position: absolute; }
		
		#produtos07 { visibility: hidden; padding-top: 16px;
			padding-left: 20px;
			height: 100%; width: 440px;
			position: absolute; }
		
		#produtos08 { visibility: hidden; padding-top: 16px;
			padding-left: 20px;
			height: 100%; width: 440px;
			position: absolute; }
		
		#produtos09 { visibility: hidden; padding-top: 16px;
			padding-left: 20px;
			height: 100%; width: 440px;
			position: absolute; }
		
		#produtos10 { visibility: hidden; padding-top: 16px;
			padding-left: 20px;
			height: 100%; width: 440px;
			position: absolute; }


/* --- FOTOS EMPRESA --- */

		#foto01 { visibility: visible; position: absolute; }
		#foto02 { visibility: hidden; position: absolute; }
		#foto03 { visibility: hidden; position: absolute; }
		#foto04 { visibility: hidden; position: absolute; }
		#foto05 { visibility: hidden; position: absolute; }
		#foto06 { visibility: hidden; position: absolute; }
		#foto07 { visibility: hidden; position: absolute; }
		#foto08 { visibility: hidden; position: absolute; }
		
		#fotos_menu {
			height: 22px;
			line-height: 22px;
			padding-left: 10px;
			background-color: #163561;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #FFFFFF;
			padding-top: 176px; }
		
		#fotos_menu a, a:visited {
			color: #FFFFFF;
			text-decoration: none; }
		
		#fotos_menu a:hover {
			text-decoration: none;
			background-color: #4371A3;
			color: #FFFFFF; }
			
		#menu_reciclagem {
			height: 22px;
			line-height: 22px;
			padding-left: 10px;
			background-color: #163561;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #FFFFFF; }
		
		#menu_reciclagem a, a:visited {
			color: #FFFFFF;
			text-decoration: none; }
		
		#menu_reciclagem a:hover {
			text-decoration: none;
			background-color: #4371A3;
			color: #FFFFFF; }
			
		#legenda_recicla {
			height: 100%;
			width: 235px;
			position: relative; }

		#legenda_recicla {
			height: 100%;
			width: 215px;
			line-height: 20px;
			padding-left: 10px;
			padding-bottom: 2px;
			padding-right: 10px;
			background-color: #B6C2D1;
			color: #163561; }
			
		#reciclagem {
			position: relative;
			height: 310px; }
	

/* --- FOTOS RECICLAGEM --- */

		#recicla01 { visibility: visible; position: absolute; }
		#recicla02 { visibility: hidden; position: absolute; }
		#recicla03 { visibility: hidden; position: absolute; }
		#recicla04 { visibility: hidden; position: absolute; }
		#recicla05 { visibility: hidden; position: absolute; }
		#recicla06 { visibility: hidden; position: absolute; }

	
/* --- FORMULÁRIO --- */
		
		#formcol1 {
			position: relative;
			float: left;
			width: 126px; }
			
		#formcol2 {
			position: relative;
			float: left;
			width: 165px; }
			
		#formcol3 {
			position: relative;
			float: left;
			width: 165px; }
		
		form { font-weight: bold; }
		
		input, textarea { 
			font: 1em Verdana, Arial, Helvetica, sans-serif;
			background-color: #B6C2D1;
			font-weight:bold;
			border-top: none;
			border-right: none;
			border: #163561 1px solid;
			color: #163561;
			padding: 2px; }
			
		.button {
			color: #FFFFFF;
			background-color: #163561;
			BORDER-RIGHT: #333333 1px solid;
			BORDER-TOP: #4270A2 1px solid;
			BORDER-LEFT: #4270A2 1px solid;
			BORDER-BOTTOM: #333333 1px solid;
			padding-bottom: 1px;
			padding-top: 1px;
			padding-left: 2px;
			padding-right: 2px; }