/************************************************/
/*   Layout	   : Ítalo Araújo					*/
/*   Front-end : Djalma Araújo / Luiz Tiago		*/
/*   Empresa   : Prática Design					*/
/************************************************/

@charset "utf-8";
@import url(reset.css);

/* TAG's */

p,h1,h2,h3,h4,h5,h6,h7,input,ul,li,select,textarea,label,form,address { font-family: trebuchet ms, arial, tahoma, tahoma, verdana; color: #000; }

address { font-style: normal; font-size: 11px; text-align: center; }

body {
background: #93121E url(../img/bg.png) repeat-x;
margin: 10px;
}

input,textarea {
display: block;
}

label input, label textarea {
border: 1px solid #ccc;
border-left: 4px solid #ccc;
width: 300px;
height: 15px;
padding: 3px;
margin-bottom: 10px;
}

hr {
height: 1px;
overflow: hidden;
color: white;
border: 1px solid white;
border-bottom: 1px solid #CC0000;
}

/* ID's */

#container {
width: 760px;
margin-left: -380px;
left: 50%;
position: relative;
min-height: 400px;
background: #fff url(../img/bg-container.gif) no-repeat left bottom;
overflow: hidden;
}

#hd {
background: url(../img/bg-hd.gif) no-repeat;
height: 90px;
padding: 10px 10px 0 10px;
}

#marca {
padding-top: 20px;
padding-left: 6px;
}


.mn-quemsomos { background-image: url(../img/mn-quem_somos.gif); }
.mn-noticias { background-image: url(../img/mn-noticias.gif); }
.mn-sinistro { background-image: url(../img/mn-sinistro.gif); }
.mn-dicionario { background-image: url(../img/mn-dicionario_de_seguros.gif); }
.mn-sites { background-image: url(../img/mn-sites_uteis.gif); }
.mn-faleconosco { background-image: url(../img/mn-fale_conosco.gif); }

#nav {
	padding-left: 20px;
	padding-top: 20px;
	_padding-top: 21px;
	height: 185px;
	overflow: hidden;
	width:300px;
	background:url(../img/bg-mn.gif) 15px 17px no-repeat;
}

#nav li a {
	display: block;
	background-repeat: no-repeat;
	width: 212px;
	height: 24px;
	padding-left: 28px;
	padding-top: 7px;
	_margin-top: -1px;
	color: black;
}
#nav li a:hover {
	background-position: 0 -50px;
}

#nav li a {
width: 240px;
height: 24px;
display: block;
background-repeat: no-repeat;
text-indent: -4000px;
cursor: pointer;
}

#produtos {
padding-top: 20px;
padding-left: 15px;
height: 260px;
overflow: hidden;
}

#aba_produtos {
height: 38px;
overflow: hidden;
}

#aba_produtos li {
display: inline;
}

#aba_produtos li.aba_normal a {
width: 83px;
font-weight:bold;
padding-right: 4px;
height: 28px;
padding-top: 10px;
display: block;
float: left;
background: url(../img/aba-normal.gif);
color: white;
text-decoration: none;
text-align: center;
font-size: 10px;
text-transform: uppercase;
}

#aba_produtos li.aba_ultimo a {
background: url(../img/aba-ultima.gif);
padding-right: 14px;
}

#aba_produtos li.aba_normal a:hover {
color: #FFFF00;
text-decoration: underline;
}

#menu_ativo {
font-weight:bold;
width: 83px;
padding-right: 18px;
height: 28px;
padding-top: 10px;
position: absolute;
background: url(../img/aba-ativa.gif) no-repeat;
text-align: center;
font-size: 10px;
text-transform: uppercase;
cursor: pointer;
}

#menu_ativo p {
font-size: 10px;
}

#produto {
width: 673px;
height: 193px;
background: url(../img/bg-produto.gif) no-repeat;
padding: 18px 25px 10px 10px;
}

#produto h3 {
color: #FF0016;
padding: 20px 0 10px 10px;
width: 280px;
}

#produto p {
color: #666666;
padding: 10px 10px;
width: 280px;
}

#md {
padding: 11px 11px 0 11px;
}

#base.home {
width: 738px;
height: 510px;
background: url(../img/bg-base_home.gif) no-repeat;
position: relative;
}

.interna {
width: 738px;
height: 230px;
background: url(../img/bg-base_interna.gif) no-repeat;
position: relative;
}

#miolo {
top: 20px;
left: 175px;
position: absolute;
}

#box_parceiros {
float: right;
width: 225px;
padding: 20px 10px;
background: url(../img/bg-box_parceiros.jpg) no-repeat;
}

#box_parceiros h2 {
padding-bottom: 25px;
}

#content {
padding-top: 10px;
}

#bts{
height:50px;
width:200px;
position:absolute;
padding-top:21px;	
margin-left:570px;
}


#content p {
padding: 7px 0;
font-size: 12px;
line-height: 20px;
}

#content ul {
padding-bottom: 10px;
}

#content li {
background: url(../img/bg-lista.gif) no-repeat 0 7px;
padding: 3px 18px;
}

#content li a {
color: #666666;
}

#content li a:hover {
color: #CC0000;
text-decoration: none;
}

#content h3 {
padding: 7px 0 0 12px;
font-family:Georgia, "Times New Roman", Times, serif ;
font-size: 12px;
color: #CC0000;
}
#content h3 a{ text-decoration:none; color: #CC0000;}
#ft {
width: 740px;
padding: 10px;
height: 35px;
background: url(../img/bg-ft.png) no-repeat 10px 10px;
padding-top: 20px;
}

#faleconosco {
float: left;
}

#dicionario {
height: 300px;
background: #f0f0f0;
overflow-y: scroll;
border: 1px solid #ccc;
padding: 10px;
}

#dicionario p {
padding: 0;
}

#table_sinistro {
width: 320px;
float: right;
padding-left: 10px;
}

/* CLASS's */


.tit { text-indent: -4000px; width: 205px; height: 12px; background-position: top center; background-repeat: no-repeat }
.tit-nossos_parceiros { background-image: url(../img/tit-nossos_parceiros.gif); }

.tt { width: 741px; height: 55px; background: url(../img/bg-ttt.gif) no-repeat; overflow: hidden; margin:0 0 5px 0; }
.tt span { width: 741px; height: 45px;  background-repeat: no-repeat; background-position: 40px 21px; text-indent: -4000px; overflow: hidden; display: block; }

.tt-quem_somos span { background-image: url(../img/tt-quem_somos.gif); }
.tt-noticias span { background-image: url(../img/tt-noticias.gif); }
.tt-sinistro span { background-image: url(../img/tt-sinistro.gif); }
.tt-dicionario span { background-image: url(../img/tt-dicionario.gif); }
.tt-sites_uteis span { background-image: url(../img/tt-sites_uteis.gif); }
.tt-fale_conosco span { background-image: url(../img/tt-fale_conosco.gif); }
.tt-previdencia span { background-image: url(../img/tt-previdencia.gif); }
.tt-veiculos span { background-image: url(../img/tt-veiculos.gif); }
.tt-saude span { background-image: url(../img/tt-saude.gif); }
.tt-vida span { background-image: url(../img/tt-vida.gif); }
.tt-empresas span { background-image: url(../img/tt-empresas.gif); }
.tt-residencia span { background-image: url(../img/tt-residencia.gif); }
.tt-consorcio span { background-image: url(../img/tt-consorcio.gif); }
.tt-financiamentos span { background-image: url(../img/tt-financiamentos.gif); }

.lista { display: block; position: relative; float: left; }

.botao { background: #CC0000; color: white; border: none; padding: 3px 15px; font-size: 11px; }

.tb_sinistro {
border: 1px solid #ccc;
}

.linha1 {
background: #f0f0f0;
}

.linha2 {
background: #f9f9f9;
}

.linha1, .linha2 { text-align: left; }

.voltar {
	float:right;
}

.nextNoticia a{
    margin-left:20px;
	color:#000000;
	text-decoration:none;
}

.nextNoticia a:hover{
	text-decoration:underline;
}

/* MASTER CLASS's */

.fright { float: right; }
img.fleft { padding-right: 10px; }
.fleft { float: left; }
img.fright { padding-left: 10px; }
.center { text-align: center; }

.dicionario a{
   color:#f90618;
}

#faleconosco-bg-opcoes { background:url(../img/fale-conosco-bg-agende-envie.gif) no-repeat; padding:0 0 5px 20px; }
#faleconosco-bg-opcoes img {  }

#bg-interna { background:url(../img/bg-interna.jpg) no-repeat; width:741px; padding:5px 0 0 0;  }

#listaNoticias li{
    margin-left:10px;
}

#listaNoticias li a{
	text-decoration:none;
	font-weight: bold;
}

#retornoNoticias a{
   position:absolute;
   margin-left:780px;
}


/* FORMULÁRIOS DE COTAÇÃO */

caption {
	font-size:11px;
	text-align:left;
	margin:22px 0 16px;
	font-weight:bold;
}
.cotacao input, .cotacao textarea  {
	border: 1px solid #ccc;
	border-left: 4px solid #ccc;
	padding: 3px;
	margin-bottom: 10px;
	font-family: trebuchet ms, arial, tahoma, tahoma, verdana; 
	font-size: 11px;
}
.cotacao .nome, .cotacao .motivo, .cotacao .endereco {
	width:300px;
}
.ramoDeAtividade {
	width:200px;
}
.cotacao .profissao, .cotacao .parentesco {
	width:150px;
}
.cpf {
	width:80px;
}
.cep {
	width:55px;
}
.profissao {
	width:150px;
}
.cotacao .fone {
	width:60px;
}
.cotacao .uf {
	width:18px;
	text-transform:uppercase;
}
.cotacao .comentario {
	width:300px;
	height:100px;
}
.cotacao .ddd {
	width:18px;
}
.cotacao .moeda {
	text-align:right;
	width:80px;
}
.cotacao .data, .cotacao .idade {
	width:60px;
}
.cotacao .list {
	font-size:11px;
}
.cotacao .botao {
	border:0;
	padding:3px 15px;
}
.cotacao .radio, .cotacao .check {
	border:0;
}
.ilustracao {
	float:left;
	margin:0 15px 0 0;
}

input[type="hidden"] {
	display:none;
}