@charset "utf-8";

/* 
CSS Document

========================
Top Gás
Junio Albino
Masters Web
www.mastersweb.com.br
contato@mastersweb.com.br
criado em: 07/05/08
modificado em: 25 jun 2008
========================

Body 
*/

body
	{
	margin: 0;
	text-align: justify;
	background-color: #c8c8c8;
	}
	
body, textarea, select, caption, address, blockquote, code
	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #606060;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
	}
	
address, blockquote, code, h1, h2, h3, h4, h5, h6, p, form, table
	{
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	}
	
h1{
font-size:24px;
}
	
h2
	{
	font-size: 18px;
	}

h2
	{
	font-size: 14px;
	}
	
/*Links*/

a:link, a:visited, a:active, a:hover
	{
	font-weight: normal;
	}
	
a:link, a:visited, a:active
	{
	text-decoration: underline;
	}
	
a:visited{
	color: #999999;
	}

a:hover 
	{
	text-decoration: none;
	}
	
a:link img, a:visited img, a:active img, a:hover.img, img
	{
	text-decoration: none!important;
	border: none!important;
	}
	
/*Ids e Classes*/

.centralizado
	{
	text-align: center!important;
	}
	
.borderNone{
border:none !important;
}

.paddingTop{
padding-top: 0px!important;
}

#todo1
	{
	margin: auto;
	padding-top: 20px;
	padding-bottom: 10px;
	width: 760px;
	}
	
#logo, #menu_superior, #telefone, #flash_caminhao
	{
	position: absolute;
	}
	
#todo2, #cabecalho, #conteudo, #conteudo2, #flash_destaque, #contato, #index, #paginas, #colunaEsquerda, #coluna_direita, .coluna1, #coluna2, .quadro1, #quadro2 #rodape, #rodape1, #login, #info, #coluna_direita_espaco, #coluna_direita_espaco2
	{
	position: relative;
	float: left;
	}
	
#cabecalho, #rodape
	{
	background-attachment: scroll;
	background-position: top left;
	background-repeat: no-repeat;
	}
	
#cabecalho
	{
	width: 760px;
	height: 188px;
	top: 0px;
	left: 0px;
	}
	
#logo
	{
	width: 279px;
	height: 135px;
	top: 22px;
	left: 27px;
	}
	
#menu_superior
	{
	width: 339px;
	height: 25px;
	top: 16px;
	left: 397px;
	}
	
#telefone
	{
	width: 249px;
	height: 48px;
	top: 39px;
	left: 398px;
	}
	
#telefone address
	{
	color: #FFFFFF !important;
	font-family: Verdana, Arial, sans-serif, !important;
	font-size: 26px !important;
	}

#flash_caminhao
	{
	width: 156px;
	height: 104px;
	top: 77px;
	left: 579px;
	}
	
#conteudo
	{
	background-color: #EBEBEB;
	width: 760px;
	padding-bottom: 15px;
	}
	
#flash_destaque
	{
	width: 500px;
	height: 199px;
	padding-left: 18px;
	padding-top: 18px;
	}
	
#contato
	{
	width: 173px;
	height: 196px;
	left: 38px;
	top: 18px;
	}
	
#paginas
	{
	width: 720px;
	left: 20px;
	margin-top: 20px;
	}

#conteudo2
	{
	width: 760px;
	}
	
.coluna1, #coluna2
	{
	padding-top: 30px;
	text-align: left!important;
	}
	
.coluna1
	{
	width: 215px;
	}
	
#colunaEsquerda
	{
	width: 205px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #606060;
	padding-left: 20px;
	}
	
#coluna_direita{
width: 175px;
}

#coluna_direita_espaco
	{
	width: 20px;
	height: 200px;
	}

#coluna_direita_espaco2
	{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #606060;
	}
	
#coluna2
	{
	width: 285px;
	padding-left: 20px;
	padding-right: 10px;
	}	
	
#quadro2
	{
	width: 100%;
	}
	
.quadro1{
	width:180px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #606060;
	padding-bottom: 10px;
	padding-top: 10px;
}

.quadro1 img{
margin-right: 5px;
}

.quadro1 a:link, .quadro1 a:visited, .quadro1 a:active, #quadro2 a:hover, #quadro2 a:link, #quadro2 a:visited, #quadro2 a:active, a:hover
	{
	font-weight: normal!important;
	}
	
.quadro1 a:link, .quadro1 a:visited, .quadro1 a:active, #quadro2 a:link, #quadro2 a:visited, #quadro2 a:active
	{
	text-decoration: none!important;
	}
	
.quadro1 a:hover, #quadro2 a:hover{
text-decoration:underline!important;
}
	
#rodape
	{
	width: 760px;
	height: 55px;
	text-align: center;
	padding-top: 3px;
	line-height: 22px !important;
	background-image: url(../midia/fundo_rodape.gif);
	clear: both;
}
	
#rodape #estiloRodape1, #rodape #estiloRodape2
	{
	font-size: 13px;
	}
	
#rodape #estiloRodape1
	{
	color: #000000;
	}
	
#rodape #estiloRodape2
	{
	color: #FFFFFF;
	}
	
#rodape1
	{
	width: 740px;
	}
	
#login
	{
	width: 200px;
	height: 350px;
	top: 100px;
	left: 280px;
	}
	
table tr th
	{
	padding: 5px 10px 5px 10px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #606060;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #606060;
	}
	
#info
	{
	width: 16px;
	height: 16px;
	margin-top: 2px;
	}