/* Folha de Estilos Principal */

/* importando arquivos .css auxiliares */
/* Resetando a formatacao padrao dos navegadores */
@import url(reset_css.css);

html{
	color: #000;
	font: 62.5% Arial, Verdana, sans-serif;
}

	body{
		background: #056ecc url(../images/layout/bg_body.jpg) no-repeat fixed center;
		font-size: 1.3em;
		text-align: center; /* IE */
	}
	
		div#container{
			width: 780px;
			margin: 0 auto;
			text-align: left;
			overflow: hidden;
		}
			
			div#top{
				width: 100%;
				background: url(../images/layout/bg_navbar_container.jpg) repeat-x 0 83px;
			}
			
			div#top span#effect{
				display: block;
				width: 100%;
				height: 83px;
				background: url(../images/layout/bg_top.gif) no-repeat 0 0;
			}
			
				ul#navbar{
					width: 460px;
					height: 125px;
					margin: 0 auto;
				}
					
					ul#navbar li{
						float: left;
						margin: 25px 0 0 0;
					}
					
						ul#navbar li a{
							display: block;
							height: 80px;
							text-indent: -90000px;
							background: url(../images/layout/bg_navbar_itens.gif) no-repeat 0 0; 
						}
						
							ul#navbar li a#hom{
								width: 97px;
								background-position: 0 0; 
							}
							
							ul#navbar li a#hom:hover, body.home ul#navbar li a#hom{
								background-position: 0 -81px; 
							}
							
							ul#navbar li a#emp{
								width: 123px;
								background-position: -99px 0; 
							}
							
							ul#navbar li a#emp:hover, body.empresa ul#navbar li a#emp{
								background-position: -99px -81px; 
							}
							
							ul#navbar li a#col{
								width: 115px;
								background-position: -223px 0; 
							}
							
							ul#navbar li a#col:hover, body.colecao ul#navbar li a#col{
								background-position: -223px -81px; 
							}
							
							ul#navbar li a#con{
								width: 122px;
								background-position: -339px 0; 
							}
							
							ul#navbar li a#con:hover, body.contato ul#navbar li a#con{
								background-position: -339px -81px; 
							}
			
			div#content{
				background: #fff;
			}
			
			div#content:after{
				content: '.';
				visibility: hidden;
				display: block;
				clear: both;
				height: 0;
			}
				
				/* TITULOS DE PAGINAS */
				body div#content h2{
					font: 2em 'Trebuchet MS', Arial, Verdana, sans-serif;
					width: 702px;
					height: 294px;
					margin: 0 auto;
					color: #0657f6;
				}
				
					body div#content h2 span{
						display: block;
						width: 702px;
						height: 294px;
						position: absolute;
					}
					
					body.empresa div#content h2 span{background: url(../images/layout/bg_topo_empresa_temp.jpg) no-repeat 0 center;}
					body.colecao div#content h2 span{background: url(../images/layout/bg_topo_colecao.jpg) no-repeat 0 center;}
					body.contato div#content h2 span{background: url(../images/layout/bg_topo_contato.jpg) no-repeat 0 center;}
					body.erro404 div#content h2 span{background: url(../images/layout/bg_topo_error404.jpg) no-repeat 0 center;}
				
				/* H3 */
				body div#content h3{
					font: 1.8em Arial, Verdana, sans-serif;
					width: 702px;
					margin: 0 auto;
					color: #0657f6;
				}
				/**********************/
					
				/* H3 pagina de erro */
				body.erro404 div#content h3{
					font: 2em 'Trebuchet MS', Arial, Verdana, sans-serif;
					width: 702px;
					margin: 0 auto;
					color: #0657f6;
				}
				/**********************/
				
				body.home div#content img{
					display: block;
					margin: 0 auto;
				}
				
				body.home div#content ul{
					width: 500px;
					margin: 0 auto;		
				}
				
				body.home div#content ul:after{
					content: ".";
					visibility: hidden;
					clear: both;
				}
				
					body.home div#content ul li{
						float: left;
					}
					
						body.home div#content ul li a{
							display: block;
							width: 250px;
							height: 210px;
							text-indent: -90000px;
							background: url(../images/layout/bg_selos.jpg) no-repeat 0 0;
						}
						
							body.home div#content ul li a#go-emp{
								background-position: 0 0;
							}
							
							body.home div#content ul li a#go-col{
								background-position: -250px 0;
							}
							
			div#content p{
				width: 700px;
				margin: 0 auto;
				font: 1.1em/1.8em Arial, Verdana, sans-serif;
				padding: 1em 0;
			}
			
			/* MENSAGENS DO FORMULARIO DE CONTATO */
			p.error, p.success{
				color: #c00;
				border: 1px solid #c00;
				margin: 1em 0 0 0;
				text-align: center;
				padding: 5px;
			}
			
			p.success{color: #060; border-color: #060;}
			
			/* FORMULARIO DE CONTATO */
			form{
				width: 700px;
				font: 1.2em 'Trebuchet MS', Arial, Verdana, sans-serif;
				margin: 20px auto 0 auto;
				position: relative;
			}
				
				form fieldset legend{
					font-size: 0.8em;
					font-style: italic;
					color: #c00;
				}
			
					form fieldset label{
						color: #666;
						display: block;
						width: 100%;
						margin: 15px 0 0 0;
						cursor: pointer;
						font: 0.9em 'Arial Norrow', Arial, Verdana, sans-serif;
					}
					
					form fieldset label.error{
						color: #c00;
						margin: 0;
						font: 0.9em Arial, Verdana, sans-serif;
					}
					
					form fieldset div#dados input, form fieldset div#msg textarea{
						border: 1px solid #aaa;
						font: 1em Arial, Verdana, sans-serif;
						color: #666;
						width: 100%;
						padding: 6px 3px;
						margin: 5px 0 0 0;
					}
					
					form fieldset div#dados{
						width: 300px;
						float: left;
					}
					
					form fieldset div#msg{
						width: 370px;
						float: right;
					}
					
						form fieldset div#msg textarea{
							width: 98%;
							height: 158px;
						}
					
					form fieldset button{
						border: none;
						clear: both;
						background: #0657f6 url(../images/layout/bt_enviar.jpg) no-repeat 0 0;
						text-indent: -90000px;
						display: block;
						width: 140px;
						height: 35px;
						cursor: pointer;
						margin: 5px auto;
						float: right;
					}
					
			/* ERROS AO ENVIAR OS DADOS DO FORMULARIO */
			ul.error{
				border: 1px solid #c00;
				width: 80%;
				padding: 3px;
				margin: 0 auto;
				overflow: hidden;
			}
					
				ul.error li h4{
					font: 1.5em 'Trebuchet MS', Arial, Verdana, sans-serif;
					text-align: center;
					padding: 3px;
					color: #c00;
				}
				
				ul.error li{
					font: 0.9em/1.8em Arial, Verdana, sans-serif;
					color: #c00;
				}
			
			div#footer{
				clear: both;
				width: 100%;
				height: 160px;
				background: url(../images/layout/bg_footer.gif) no-repeat 0 0;
			}
			
				div#footer p{
					font: 0.9em 'Trebuchet MS', Arial, Verdana, sans-serif;
					text-align: right;
					position: relative;
					top: 60px;
					right: 5px;
					text-align: center;
				}
					
/**************************************************/
/* LINKS */
a.link:link{
    color: #056ecc;
    text-decoration: underline;
}

a.link:visited{
    color: #056ecc;
    text-decoration: none;
}

a.link:hover{
    background-color: #056ecc;
    color: #fff;
    text-decoration: none;
}

a.link:active{
    color: #ccc;
    background: none;
    text-decoration: underline;
}