/*
 *
 * Documento de CSS para o site www.agenciasdecomunicacao.com.br 
 * Criado por Andre Carneiro
 *
 */

*{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin: 0;
padding: 0;
}

body{
background-color:#9999cc;
}

div#topo, div#espaco, div#rodape, div#menu, div#faq, div#comprar, div#contato{
margin: 0 auto;
width:1000px;
border: 1px solid #000;
}

div#faq, div#comprar, div#contato{
width:980px;
padding:10px;
background-color:#FFFFFF;
}

div#faq{
height:1040px;
}

div#comprar{
height:1300px;
}

div#contato{
height: 330px;
}

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

div#topo{
height:80px;
background-color:#ccc;
}

div#menu{
text-align:right;
height:20px;
width:1000px;
background-color:#666;
}

div#menu ul{
background-color:#666;
}

div#menu ul li{
padding: 0;
margin-right:10px;
display:inline;
list-style:none;
}

div#menu ul li a{
padding-top:2px;
padding-bottom:6px;
padding-right:5px;
padding-left:5px;
font-weight:bold;
color:#fff;
text-decoration:none;
background-color:#000;
}

div#menu ul li a:hover{
color: #ccc;
}

div#espaco{
height: 480px;
background-image:url(imagens/background.gif);
}

div#rodape{
height:10px;
background-color:#666;
}

div#espaco img{
border:0;
}

/* Formulario de envio de contato*/
fieldset{
	margin:10px;
	margin-left:50px;
	border:0;
}

label{
	margin-right:10px;
	width:70px;
	float:left;
	text-align:right;
}

input.bot_enviar, input.bot_apagar{
	color:#666666;
	font-weight:bold;
	height:20px;
}

input, textarea{
	color:#000000;
	background-color:#fff;
	border: 2px solid #ccc;
}

input.bot_enviar{
	margin-left:80px;
}

input.bot_apagar{
	margin-left:20px;
}

/* Titulos */
h2, h3, h4{
color:#4e4e9a;
padding-bottom:10px;
padding-top:10px;
}

p, ol li, ul li{
padding-bottom:5px;
padding-top:5px;
}

p{
line-height:2em;
padding-bottom:5px;
padding-top:5px;
}

ol li, ul li{
margin-left:40px;
padding-top:5px;
}

blockquote{
border-left: 1px solid black;
margin-left:50px;
}

h1{
float:left;
background:url(imagens/agencias_logo.jpg);
background-repeat:no-repeat;
text-indent:-2000em;
height:80px;
width:160px;
}

h2{
font-size:16px;
}

h3{
font-size:14px;
}
/* Anuncios */

#lenoxweb {
	width:20px;
	height:20px;
	position:relative;
	top:100px;
	left:100px;
}

#b2web{
	width:20px;
	height:20px;
	position:relative;
	top:200px;
	left:490px;
}

#imera{
	width:20px;
	height:20px;
	position:relative;
	top:100px;
	left:220px;
}

#front{
	width:40px;
	height:40px;
	position:relative;
	top:0px;
	left:320px;
}

#torchetti{
	width:40px;
	height:40px;
	position:relative;
	top:200px;
	left:420px;
}

#digitown{
	width:60px;
	height:40px;
	position:relative;
	top:50px;
	left:820px;
}