/*
CSS Renascença Rent a Car, by Lilly Corrêa (http://www.lillycorrea.com.br/)

ATENÇÃO
Não é permitido reproduzir total ou parcialmente o conteúdo deste site, incluindo
imagens, texto, scripts e css, sem a PRÉVIA permissão da empresa E do desenvolvedor.
*/


/* ELEMENTOS E AFINS -> COMUNS */

body /* body */
{
	margin: 0;
	padding: 0;
	font: 12px verdana, helvetica, sans-serif;
	background: url("../img/fundo.png") #dfdfdf repeat-x;
}

#box  /* div que contém tudo */
{
	width: 768px;
	margin: 0 auto;
	padding: 0 15px 5px 10px;
	background: #dfdfdf;
	color: #454545;
}

	table  /* tabela --> geral */
	{
		text-align: center;
		font: 11px arial, sans-serif;
	}

	.white /* tabela tarifas --> 1rst linha e coluna */
	{
		background-color: white;
	}

	.l1 /* tabela tarifas --> linhas alternadas 1*/
	{
		background-color: #ffd782;
	}

	.l2 /* tabela tarifas --> linhas alternadas 2 */
	{
		background-color: #dfdfdf;
	}
	
	.table_clientes /* tabela clientes */
	{
		margin: 0 0 25px -10px;
		padding: 0 0 0 0;
	}	
	
	#form /* formulário --> geral */
	{
		padding: 5px 5px 5px 0;
		width: 550px;	
	}
	
	fieldset {background-color: #dfdfdf;}
	
	label, input, textarea, select
	{
		border-bottom: 1px solid #ccc;
		width: 500px;
		padding: 3px;
	}
	
	.campopqno1 {width: 200px;}
	
	.campopqno2 {width: 210px;}
	
	#b1 {margin: 5px 15px 5px 100px;}
	
	#b2 {margin: 5px 15px 5px 100px;}
	
	.botao
	{
		background: url("../img/botao.jpg") repeat-x #fff;
		width: 100px;
		margin-top: 5px;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-bottom: 2px solid #999;
		border-right: 2px solid #999;
	}

h1
{
	font: 12px verdana, helvetica, sans-serif;
}
 
h2
{
	font: 18px bold verdana, helvetica, sans-serif;
}

h3
{
	background: url("../img/fx.png") no-repeat;
	text-indent: 8px;
	text-align: center;
	font: 14px verdana, helvetica, sans-serif;
}

h4
{
	font: 12px verdana, helvetica, sans-serif;
	text-align: justify;
}

h5
{
	font: 11px verdana, helvetica, sans-serif;
	text-align: justify;
	margin: 1px 0 15px -5px;	
}

ul
{
	list-style-type: circle;
}

a
{
	color: blue;
	width: 128px;
}

a:hover 
{ 
	color: red;
	width: 128px;
}



/* TOPO */

#topo
{
	width: 760px;
	height: 250px;
	margin: 0 0 0 10px;
	background: url("../img/topo.png") no-repeat center;
}



/* FAIXA DIREITA */

#faixadir /* contém menu, msn e foto */
{
	float: right;
	width: 180px;
	height: 300px;
}

	#menu /* menu */
	{
		position: relative;
		text-align: center;
		text-indent: -15px;	
	}

		#menu ul
		{
			list-style-type: none;
			margin: 15px 0 1px 0;
			padding: 0 0 0 0;
		}

		#menu a
		{
			display: block;
			padding: 1px 0 4px 18px;
			background: url("../img/menu1.png") no-repeat;
			color: #000;
			text-decoration: none;
			width: 128px;
		}

		#menu a:hover 
		{ 
			display: block;
			padding: 1px 0 4px 18px;
			background: url("../img/menu2.png") no-repeat;
			color: #fff;
			text-decoration: none;
			width: 128px;
		}
	
	#msn
	{
		padding: 10% 0 5% 12%;
	}
	
	#frota /* fotos */
	{
		padding: 25% 0 0 25%;		
		height: 70px;
	}

	/* Faixa direita --> caixa arredondada*/

	.box2borders
	{
		background: url("../img/box2borda.png") repeat-y;
	}

	.box2top
	{
		background: url("../img/box2top.png") no-repeat;
		background-position: top left;
	}

	.box2bottom 
	{
		background: url("../img/box2bottom.png") no-repeat;
		background-position: bottom left;
		padding: 1px 5px 15px 23px;
	} 



/* PARTE PRINCIPAL */

#conteudoesq /* contém o conteudo de cada página*/
{
	width: 585px;
	text-align: justify;
	background: white;
	margin: 0 0 15px 0;
	line-height: 150%;
}

	#conteudoesq hr
	{
		color: yellow;
	}

	#conteudoesq img
	{
		float: left;
		margin: 15px 5px 0 0;
		border: none;
	}

	.up a
	{
		text-decoration: none;
	}
	
	/* Parte principal --> caixa arredondada*/
	.borders
	{
		background: url("../img/borders.png") repeat-y;
	}

	.top1
	{
		background: url("../img/top1.png") no-repeat;
		background-position: top left;
	}

	.top2
	{
		background: url("../img/top2.png") no-repeat;
		background-position: top left;

	}

	.bottom 
	{
		background: url("../img/bottom.png") no-repeat;
		background-position: bottom left;
		padding: 1px 15px 10px 23px;
	} 

	#ie5_posterior
	{
		color: white;
		background: url("../img/ie5_posterior.png") no-repeat;
	}


/* RODAPÉ */

#rodape  /* rodape */
{
	text-align: center;
	padding: 0 0 0 20px;
	font-size: 11px;
}

	#rodape p
	{
		text-align: right;
	}
	
/* PROMOÇÃO */
#promocao /* contém o conteudo de cada página*/
{
	font: 15px;
	color: #006400;
	width: 585px;
	text-align: center;
	background: red;
	margin: 0 0 15px 0;
	line-height: 150%;
}