﻿
/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* == GERAL == */
body {
	font:12px Comic Sans, Comic Sans MS, cursive;
	text-align:center;
	color:#065A85;
	background:url(pattern.gif) repeat top left;
}
strong {font-weight:bold;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}

/* SITE */
#border {
	width:632px;
	margin:20px auto;
	padding:4px 2px;
	border:2px solid #FFF;
	
	/* sombra */
	box-shadow:0 0 80px #FFFFFF;
	-moz-box-shadow:0 0 80px #FFFFFF;
	-webkit-box-shadow:0 0 80px #FFFFFF;
	
	/* bordas */
	border-radius: 35px; /* CSS 3 */
	-o-border-radius: 35px; /* Opera */
	-icab-border-radius: 35px; /* iCab */
	-khtml-border-radius: 35px; /* Konqueror */
	-moz-border-radius: 35px; /* Firefox */
	-webkit-border-radius: 35px; /* Safari */
}
#site {
	width:624px;
	margin:0 auto;
	background:#FFF url(halftone.gif) repeat-x 0 0;
	border:2px solid #00679B;
	
	/* sombra */
	box-shadow:0 0 80px #067FB9 inset;
	-moz-box-shadow:0 0 80px #067FB9 inset;
	-webkit-box-shadow:0 0 80px #067FB9 inset;
	
	/* bordas */
	border-radius: 30px; /* CSS 3 */
	-o-border-radius: 30px; /* Opera */
	-icab-border-radius: 30px; /* iCab */
	-khtml-border-radius: 30px; /* Konqueror */
	-moz-border-radius: 30px; /* Firefox */
	-webkit-border-radius: 30px; /* Safari */
}
#conteudo {
	padding:0 54px;
}
/* TEXTOS */
.tir {
	position:relative;
}
.tir .t {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
h1 {
	width:568px;
	height:70px;
	margin:23px 0 10px 28px;
	font-size:50px;
	font-family:impact, arial, sans-serif;
	color:#003064;
}
h1 .t {background:url(title.gif);}
a {color:#003064;text-decoration:none;}
a:hover {color:#000;text-decoration:underline;}

/* baloes */
#baloes div {
	width:258px;
	height:154px;
	float:left;
	/* font-family:impact, arial, sans-serif; */
	overflow:hidden;
	font-size:20px;
	line-height:120%;
	text-transform:uppercase;
}
#baloes h3 {height:154px;font-weight:normal;}
#balao1 h3 {padding:13px 15px 0 17px;}
#balao1 h3.linhas3 {padding-top:23px;}
#balao1 .dir {background:url(balao1_dir.png) no-repeat right 5px;}
#balao1 .esq {background:url(balao1_esq.png) no-repeat right 5px;}

#balao2 h3 {padding:24px 41px 0 36px;}
#balao2 .dir {background:url(balao2_dir.png) no-repeat center top;}
#balao2 .esq {background:url(balao2_esq.png) no-repeat center top;}

#balao3 h3 {padding:26px 22px 0 15px;}
#balao3 .dir {background:url(balao3_dir.png) no-repeat center top;}
#balao3 .esq {background:url(balao3_esq.png) no-repeat center top;}

#balao4 h3 {padding:35px 45px 0 40px;}
#balao4 .dir {background:url(balao4_dir.png) no-repeat center 20px;}
#balao4 .esq {background:url(balao4_esq.png) no-repeat center 20px;}

/* textos */
#textos {
	margin:0 auto 0;
	padding:8px 0 0;
	clear:both;
	text-align:left;
	font-size:20px;
	line-height:145%;
}
#textos li {
	padding:12px 0 12px 40px;
	background:url(bullet_e.gif) no-repeat left center;
	line-height:100%;
}


/* Ccontato */
#contato {
	width:400px;
	margin:31px auto 11px;
	font:20px 'comic sans ms', sans-serif;
	line-height:115%;
	overflow:hidden;
}

address {
	padding:10px 5px;
}
