@charset "utf-8";
@import url('import/global.css');	/* CSS GLOBAL */

/*-----------------------------------------------------------------------------------*/
/* = INICIO CSS = */
/*-----------------------------------------------------------------------------------*/
/* banner */
body.index #banner { height:255px; background:url(../imagens/bg-banner.jpg) center top no-repeat #585858}
body.index #galeria {width:970px;}
body.index #centerslide {width:960px; margin:auto}
body.index #galeria {max-height: 255px; max-width: 960px; margin:0px; position:absolute; z-index:500}
body.index .fotos {height: 255px; width: 960px; padding:0; margin:0; overflow: hidden;}
body.index .fotos img {height: 255px; width: 960px; padding: 0;top:0; left:0;}
body.index .setas_esq , .setas_dir {background:none;min-height:70px; min-width:30px;z-index:800;top:175px;position:relative; cursor:pointer}
body.index .setas_esq {left:0px;}
body.index .setas_dir {right:0px;}
/* conteudo */
body.index .box {background:#F5F5F5; border:1px solid #C1C1C1; float:left; height:215px; width:215px; margin-left:18px; margin-top:18px}
body.index .box a {background:#000066; padding:5px 10px; color:#FFF; font-size:16px; position:relative; top:70px;}
body.index .box a:hover {padding-left:20px;}
body.index .n1 {width:685px;background:url(../imagens/fotos/papel.png) no-repeat right 30px #F5F5F5}
body.index .n1 p, .n1 h3 {float:left; margin-left:15px; margin-top:13px}
body.index .n2 h3 { text-align:center; margin-top:13px;} .n2 img {margin-top:20px;}
body.index .n3 { background:url(../imagens/fotos/box-1.jpg) no-repeat center top; height:180px}
body.index .n4 { background:url(../imagens/fotos/box-2.jpg) no-repeat center top; height:180px}
body.index .n5 { background:url(../imagens/fotos/box-3.jpg) no-repeat center top; height:180px}
body.index .n6 { background:url(../imagens/fotos/box-4.jpg) no-repeat center top; height:180px}

/*-----------------------------------------------------------------------------------*/
/* = EMPRESA CSS = */
/*-----------------------------------------------------------------------------------*/
/* banner */
body.empresa #banner { height:255px; background:url(../imagens/metal.png) repeat}
body.empresa #galeria_empresa {width:970px;}
body.empresa #centerslide {width:960px; margin:auto}
body.empresa #galeria_empresa {max-height: 255px; max-width: 960px; margin:0px; position:absolute; z-empresa:500}
body.empresa .fotos {height: 255px; width: 960px; padding:0; margin:0; overflow: hidden;}
body.empresa .fotos img {height: 255px; width: 960px; padding: 0;top:0; left:0;}
body.empresa .setas_esq , .setas_dir {background:none;min-height:70px; min-width:30px;z-empresa:800;top:175px;position:relative; cursor:pointer}
body.empresa .setas_esq {left:0px;}
body.empresa .setas_dir {right:0px;}
/* conteudo */
body.empresa .box {background:#F5F5F5; border:1px solid #C1C1C1; float:left; height:500px; width:450px; margin-left:18px; margin-top:18px}
body.empresa .box h1 { margin-left:15px; margin-top:10px}
body.empresa .box p {margin-left:15px; margin-top:5px; width:420px; text-align:justify}
/*  fotos empresa */
body.empresa #empresa_fotos {margin-left:15px; margin-top:10px}
body.empresa #empresa_fotos img {width:420px; height:150px}

/*-----------------------------------------------------------------------------------*/
/* = CONTATO CSS = */
/*-----------------------------------------------------------------------------------*/
/* conteudo */
body.contato .box {background:#F5F5F5; border:1px solid #C1C1C1; float:left; height:500px; width:450px; margin-left:18px; margin-top:18px}
body.contato .box h1 {margin-left:15px; margin-top:10px}
body.contato .box p {margin-left:15px; margin-top:5px; width:420px; text-align:justify}


/*-----------------------------------------------------------------------------------*/
/* = PRODUTOS CSS = */
/*-----------------------------------------------------------------------------------*/
/* conteudo */
body.produtos .boxesq {background:#F5F5F5; border:1px solid #C1C1C1; float:left; height:auto; width:250px; margin-left:18px; margin-top:18px;padding-bottom:20px;}
body.produtos .boxesq h2 { margin-left:15px; margin-top:10px; font-size:28px}

body.produtos .boxdir {background:#F5F5F5; border:1px solid #C1C1C1; float:left; width:930px; margin-left:18px; margin-top:18px; padding-bottom:20px;}
body.produtos .boxdir h1 { margin-left:15px; margin-top:10px}
body.produtos .boxdir p {margin-left:15px; margin-top:5px; width:95%; text-align:justify}

/*-----------------------------------------------------------------------------------*/
/* = DETALHES CSS = */
/*-----------------------------------------------------------------------------------*/
/* conteudo */
body.detalhes .boxesq {background:#F5F5F5; border:1px solid #C1C1C1; float:left; height:auto; width:250px; margin-left:18px; margin-top:18px;padding-bottom:20px;}
body.detalhes .boxesq h2 { margin-left:15px; margin-top:10px; font-size:28px}
body.detalhes .boxdir {background:#F5F5F5; border:1px solid #C1C1C1; float:left; width:650px; margin-left:18px; margin-top:18px; padding-bottom:20px;}
body.detalhes .boxdir h1 { margin-left:15px; margin-top:10px}
body.detalhes .boxdir p {margin-left:15px; margin-top:5px; width:95%; text-align:justify}
body.detalhes .boxdir .foto a{ float:left; clear:left; background:#F2F2F2; margin-left:15px; width:200px; padding:10px;margin-top:10px; text-align:right; color:#999}
body.detalhes .boxdir h1 a {color:#333}
body.detalhes .boxdir .foto a:hover {background:#eee;}
body.detalhes .boxdir .foto img {width:200px; margin-bottom:5px;}
body.detalhes .boxdir .descricao { float:right; clear:right; width:390px;margin-right:15px; background:none;margin-top:10px;}
body.detalhes .boxdir .descricao h3 { margin-left:10px; color:#313B84}
body.detalhes .boxdir .descricao h4 { margin-left:10px; color:#999}
body.detalhes .boxdir .formulario {float:left; clear:both; width:620px; margin-left:15px; margin-top:20px; border-top:1px dotted #CCC; padding-top:10px}

/*-----------------------------------------------------------------------------------*/
/* = REPRESENTANTES CSS = */
/*-----------------------------------------------------------------------------------*/
body.representantes li.logo img:hover {opacity:1.0; filter:alpha(opacity=100);}
body.representantes li.logo img {opacity:0.7;filter:alpha(opacity=70);margin-bottom:7px;}
body.representantes li.logo a {float:left; background:#f5f5f5; padding:10px; margin-left:15px; margin-top:15px; text-align:center; color:#666; border:1px solid #CACACA}
body.representantes li.logo a:hover {background:#f2f2f2; color:#000066}
body.representantes .boxdir {background:#F5F5F5; border:1px solid #C1C1C1; float:left; width:930px; margin-left:18px; margin-top:18px; padding-bottom:20px; min-height:500px}
body.representantes .boxdir h1 { margin-left:15px; margin-top:10px}
body.representantes .boxdir p {margin-left:15px; margin-top:5px; width:95%; text-align:justify}


/* Retorno Mensagem */
#msg_retorno {width:915px; margin-left:20px !important; margin-top:20px !important; float:left}
#msg_retorno.msg_erro {color:#C00; background:#FCC; border:1px solid #C00; text-align:center; font-size:14px;padding:10px 0px; cursor:pointer; margin:10px 0px} /* Erro */
#msg_retorno.msg_sucesso {color:#360; background:#E6FFE6; border:1px solid #093; text-align:center; font-size:14px;padding:10px 0px; cursor:pointer; margin:10px 0px} /* Sucesso */
.required {border-color:#F00; background:#FFE6E6} /* Erro - Campo Obrigatorio */