@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700);

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,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:top}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}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:"" ""}img{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit}html{font-size:100%}

html,body{height:100%;}
body{font-size:9pt; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; background: url(../img/att/body.jpg) left top repeat-x #CCCCCC;}

p{margin:3px 0 10px; line-height:18px;}
strong{font-weight:bold;}
.noBorder{border: none !important;}

a {color: #06213F; font-weight: bold; text-decoration: none;}
a:hover {color: #0E417A; font-weight: bold;}

h1,h2,h3,h4{font-family: 'Libre Baskerville', serif; color:#06213F;}
h1{font-size:24px; font-weight: normal; margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #CCC;}
h2{font-size:22px;}
h3{font-size:22px; margin-bottom:10px;}
h4{font-size:18px;}
.welcome{font-size:32px;}

.center{width:980px;margin:auto;}
.center:after{display:block;clear:both;content:"" "";height:0;width:0;}

#container{height:auto!important; height:100%; min-height:100%; position:relative;}
	#content{height:auto; width:auto!important; width:100%; min-width:100%;}
	#content .center{height:auto; padding: 0 0 90px 0;}

header{height:400px;}
	#logo{width: 980px; height:130px; text-align:center; float:left;}
	#logo img{margin: 25px 0px 0px 0px;}
	#banner{width: 980px; height:270px; background:url(../img/att/banner.png) center no-repeat; float:left;}


nav,article{height:auto; float:left; padding: 10px 0 0 0;}
nav{width: 230px;}
	nav ul{margin: 0 20px 0 10px;}
	nav ul li{margin-bottom: 1px;}
	nav ul li a{display:block; color:#FFF; background: url(../img/att/arrow.png) 10px center no-repeat #06213F; padding: 8px 8px 8px 20px; border-radius: 5px;}
	nav ul li a:hover,nav ul li a.Ativo{background: url(../img/att/arrow.png) 10px center no-repeat #0E417A; color:#FFF;}
	
article{width: 740px;}
	.list{border-bottom: 2px dotted #999999;}
	.imgDetail{width: 220px; margin-bottom: 20px; float:right;}
		.imgDetail img{width: 200px; border: 3px solid #FFF; display:block; float:right;}
	.arqDown{width: 220px; margin-bottom: 20px; float:right;}
		.arqDown img{width: 210px; display:block; float:right;}	
		
	
/*** FOOTER ***/
footer{height: 90px; width:auto!important; width:100%; min-width:100%; position:absolute; bottom:0; background:url(../img/att/footer.jpg) center bottom repeat-x;}
	footer .center{height: 90px; background:url(../img/att/bottom.jpg) right top no-repeat; }
	address{width: 980px; height:30px; padding: 28px 0 0 0; text-align: center; color: #999; float:left;}
	address p strong{color:#FFF;}
	
/*** FORMS ***/
form {display: block;}
input, textarea, select {font-size: 9pt; padding:5px; color: #000000; margin-bottom: 10px; line-height: normal; vertical-align: middle; background: #FFF; border: solid 1px #999;}
input.ok{border-radius: 5px; padding: 5px 10px 5px 10px; background: #06213F; color:#FFF;}
label {width: 130px; line-height: 25px; text-align: left; float: left;}
#submit {margin-left: 130px;}