/*CSS JUMAK */


/* General Parameters */
*{font-family:Arial, Helvetica, sans-serif}
body{background:#333 url(../imagens/bg_body.jpg) repeat-x; width:100%; height:100%; margin:0; padding:0}
img{border:0}
h3{font-size:16px; padding:5px 0 0 0; margin:0; color:#0093DD}
h4{font-size:14px; padding:10px 0 0 0; margin:0; color:#000}
p{font-size:12px; padding:5px 0; margin:0; line-height:1.4em; color:#666}
a{text-decoration:none}
input, textarea{font-size:12px; padding:0; margin:0; margin-bottom:10px}
.marcador{padding-left:20px; background:url(../imagens/marcador.gif) no-repeat left center}
.suporte{width:760px; margin:0 auto; padding:0}
.clearing {width:0;height:0;margin:0;padding:0;font-size:0px;line-height:1em;white-space:nowrap;clear:both;	}
object{padding:0; margin:0; }


/* HEADER ------------------------------------------------------------------------------------------------------------ */

#contentHeader{
	position:relative;
	width:760px; height:190px;
	margin:0 auto; padding:0;	}

#contentHeader  #flash{
	position:absolute;
	top:0; left:0;
	float:left;
	width:760px; height:148px; margin:0 auto; padding:0}

#contentHeader  #menuPrincipal{
	position:absolute;
	top:148px; left:0;
	text-align:center;
	width:760px; height:42px;
	margin:0; margin-top:4px; padding:0;	}

#contentHeader  #menuPrincipal ul{
	height:34px; padding:0; margin:0;	}

#contentHeader  #menuPrincipal ul li{
	position:relative; float:left;
	list-style:none;
	margin:0; padding:0;	}

#contentHeader  #menuPrincipal ul li a{
	float:left; display:block; 
	font-weight:normal; font-size:12px;
	text-decoration:none;
	padding:10px 13px; margin:0; margin-right:-1px;
	color:silver;
	border-left:1px solid #333;  border-right:1px solid #333	}

#contentHeader  #menuPrincipal ul .first{
	padding:10px 19px; }
	
#contentHeader  #menuPrincipal ul li a:hover{
	background:url(../imagens/bg_menu.gif) no-repeat center bottom;
	color:white	}


/* BODY --------------------------------------------------------------------------------------------------------------- */

/* Default */
#contentBody a{color:#0093DD; text-decoration:underline}
#contentBody{float:left; width:760px; background-color:white; padding:0 0;}
#contentBody ol{ margin:0; padding:0}
#contentBody ol li{font-size:12px; line-height:1.4em; list-style-type:none; color:#666; padding:5px 0 0 15px; background:url(../imagens/marcador_lista.gif) no-repeat 0px 7px}

#contentBody .col1{float:left; width:232px; padding:10px;}
#contentBody .col2{float:left; width:486px; padding:10px;}
#contentBody .col3{float:left; width:740px; padding:10px;}

/* Home */
#contentBody .box{float:left;}
#contentBody .box img{width:82px; height:82px; padding:3px; margin:0px; margin-right:5px; background-color:white; border:1px solid #CCC}
#contentBody .box a{}

#contentBody #destaque {width:227px; margin:0px; padding:3px; text-decoration:none; cursor:pointer; float:left; background-color:white; border:1px solid #CCC}
#contentBody #destaque img{width:227px; height:169px; float:left}
#contentBody #destaque p{float:left; padding:5px; padding-top:2px; width:200px; padding-left:20px; margin:0; color:#333; font-size:13px; background:url(../imagens/marcador.gif) no-repeat 0px 4px}

#contentBody #news{float:left;  height:156px; background-color:#F3F3F3; border:1px solid #CCC}
#contentBody #news p{font-size:12px}
#contentBody #news a{float:left; text-decoration:none; padding:10px; display:block}
#contentBody #news .boxN{float:left; width:240px; height:140px; overflow:hidden; padding:0px}
#contentBody #news .data{color:#0093DD}
#contentBody #news .label{font-weight:bold; color:black}
#contentBody #news .cont{}
 
/* Produtos */
#contentBody #produtos{float:left; width:738px; padding:10px;}
#contentBody #produtos #subMenu {padding:0; width:760px; height:30px; margin:-10px; margin-bottom:20px; background-color:#0093DD; text-align:center}
#contentBody #produtos #subMenu ul{margin:0 70px; padding:0;}   
#contentBody #produtos #subMenu ul li{list-style:none; display:inline; float:left}
#contentBody #produtos #subMenu ul li a{color:white; padding:5px 5px 7px 5px; float:left; font-size:12px; text-decoration:none}
#contentBody #produtos #subMenu ul li a:hover{ text-decoration:underline}

#contentBody #produtos .boxCategories{width:227px; margin:5px; padding:3px; cursor:pointer; float:left; background-color:white; border:1px solid #CCC}
#contentBody #produtos .boxCategories a{text-decoration:none; display:block; float:left;}
#contentBody #produtos .boxCategories img{width:227px; height:169px; float:left}
#contentBody #produtos .boxCategories h3{float:left; padding:5px; padding-top:2px; width:200px; cursor:pointer; padding-left:20px; margin:0; color:#333; font-size:13px; background:url(../imagens/marcador.gif) no-repeat 0px 3px}

#contentBody #produtos .descProd{width:420px; float:right}

#contentBody #produtos .produtos_galeria{float:left; width:auto; padding:5px; text-align:center; width:300px}/* background-color:#DFDFDF}*/
#contentBody #produtos .produtos_galeria img{float:left; width:80px; height:60px; padding:4px; margin:5px; background-color:white; border:1px solid #CCC}
#contentBody #produtos .produtos_galeria .selectedImage{width:360px; height:240px;}


 /* Serviços */
#contentBody #servico .servico_header{float:left; cursor:pointer; width:700px; padding:10px 30px; background:url(../imagens/bg_div_servicos.jpg) no-repeat center bottom white}
#contentBody #servico .servico_header h3{padding:14px; float:left;}
#contentBody #servico .servico_header .mais {float:right; margin-top:10px; padding:0; text-align:center; width:20px; font-size:20px; color:#999}
#contentBody #servico .servico_header .ico_serv{float:left; margin:0px}

#contentBody #servico .servico_container{float:left; width:700px; display:none; visibility:hidden; padding:10px 30px; background-color:#F2F2F2}
#contentBody #servico .servico_container p{float:left; width:310px;}
#contentBody #servico .servico_container ul{float:left; width:250px; margin:0; padding:5px}
#contentBody #servico .servico_container ul li{font-size:12px; color:#666; list-style-type:none; padding:3px 0 0 15px; background:url(../imagens/marcador_lista.gif) no-repeat 0px 7px}

#contentBody #servico .servico_galeria{float:right; width:auto; padding:5px; text-align:center;}/* background-color:#DFDFDF}*/
#contentBody #servico .servico_galeria img{float:left; width:80px; height:60px; padding:4px; margin:5px; background-color:white; border:1px solid #CCC}

/* Notícias */
#contentBody #noticias{float:left; width:738px; padding:10px; background:url(../imagens/bg_noticias.gif) repeat-y right}
#contentBody #noticias img{float:left; margin: 10px 20px 5px 0; padding:4px; background-color:white; border:1px solid #CCC}
#contentBody #noticias .bloco{float:left; width:500px; padding:10px; background:url(../imagens/separador_not.jpg) no-repeat center bottom;}
#contentBody #noticias .data{color:#999; border-bottom:1px dashed #CCC; font-size:0.8em}
#contentBody #noticias #menu{float:right; width:120px}
#contentBody #noticias #menu h3 {color:white}
#contentBody #noticias #menu h4 {color:white}
#contentBody #noticias #menu a {color:white; padding:3px 0; float:left; width:100%; text-decoration:none; font-size:12px}
#contentBody #noticias #menu a:hover{text-decoration:underline}
 
 /* Contato */
#contentBody{position:relative}
#contentBody #formulario{height:200px; position:relative}
#contentBody #formulario form p{float:left; font-size:11px; margin:0; padding:0; color:#0093DD}
#contentBody #formulario form tr{height:17px}
#contentBody #formulario input, #contentBody #formulario textarea{float:left; width:230px; margin:0; font-size:12px; padding:0; border:1px solid #CCC}
#contentBody #formulario .btnSubmit{font-size:14px; font-weight:bold; float:right; padding:5px; text-decoration:none; padding-right:20px; color:#666; background:url(../imagens/marcador.gif) center right no-repeat;}
#contentBody #formulario #formStatus{ position:absolute; top:0; left:0; background:#efefef; width:150px; margin:20px auto; padding:5px; border:1px solid #CCC; display:none; }

#contentBody #mapa{position:absolute; top:0; left:0; background-color:white;}
#contentBody #mapFooter{background-color:black; float:left; width:740px; padding:10px}
#contentBody #mapFooter #removeMapa,#contentBody #mapFooter #googleMaps{font-size:14px; font-weight:normal; color:#0093DD; text-decoration:none}
#contentBody #mapFooter #removeMapa{float:right;padding-right:18px; background:url(../imagens/overlay_box_close.gif) center right no-repeat}
#contentBody #mapFooter #googleMaps{float:left; font-size:12px}

 /* Cotação/Orçamento */
 
.destaque {width:227px; margin:4px; padding:3px; float:left; background-color:white; border:1px solid #CCC}
.destaque img{width:227px; height:169px; float:left}
.destaque p{float:left; padding:5px; padding-top:2px; width:200px; padding-left:23px; margin:0; color:#333; font-size:13px; background:url(../imagens/marcador.gif) no-repeat 3px 4px}
.destaque a{
	text-decoration:none!important; display:block; float:left;}
	/*filter:alpha(opacity=80); opacity: 0.8;	}

.destaque a:hover{
	filter:alpha(opacity=100);	opacity: 1;	}
	*/
	
#formCotation{float:left; width:740px; padding:10px; font-size:12px;}
#formCotation #img_ref{position:absolute; top:10px; right:10px; width:500px; height:450px;}
	
#formCotation form{float:left; width:240px;}
#formCotation label {float:left; width:100%; clear:both; padding:2px 0;}
#formCotation legend {color:black}
#formCotation fieldset{margin:5px 0; float:left; width:200px; clear:both; padding:10px; border:1px solid #DFDFDF;}
#formCotation input{margin-bottom:0px}
#formCotation h4{padding-top:20px; clear:both; padding-bottom:3px; margin-bottom:10px; font-size:14px; color:#999; clear:both; border-bottom: 0px solid #0093DD}
#formCotation .bg{background:url(../imagens/bg_fieldset.png) repeat-x center top white}
#formCotation .formAlert{font-size:10px; color:red; margin-top:-8px;}

/* FOOTER --------------------------------------------------------------------------------------------------------------- */
#contentFooter{float:left; width:740px; padding:10px; background:url(../imagens/selo_brasil.gif) no-repeat right center black}
#contentFooter p, #contentFooter address{color:white; font-size:0.8em; padding:0; margin:0}
#contentFooter address{padding:3px 0}
#contentFooter span{color:#0093DD}

/* OUTROS --------------------------------------------------------------------------------------------------------------- */

/* overlayBox */
#overlayBox{position:absolute; top:0; left:0; z-index:90; width:100%; background-color:black}
#containerBox{position: absolute; top:50%; left: 50%; width:200px; height:200px; background:url(../imagens/loading.gif) fixed no-repeat center white; border: 2px solid #EFEFEF; margin-top:-100px; margin-left:-100px; z-index:100;}
#containerBox #containerHeader{float:left; width: 100%; background-color:#EFEFEF; display:none;}
#containerBox #containerHeaderLabel{float:left; font-weight:normal; font-size:14px; color:#666; padding:4px}
#containerBox #overlayBoxClose{float:right; width:11px; height:11px; padding:7px; cursor:pointer; background:url(../imagens/overlay_box_close.gif) no-repeat center}
#containerBox #containerData{width:100%; float:left; height:100%; overflow:hidden; overflow-x:hidden; display:none;}
#containerBox #containerData #imageSet{display:block}


#infoBox{padding:5px; float:left; position:absolute; display:none; left:0; top:0px; background:url(../imagens/bg_ajuda.gif) no-repeat 10px 0}
#infoBox p{font-size:0.7em; padding:6px 10px; float:none; background-color:#0093DD; color:white; text-align:center}

#ajaxStatus{width:100%; height:100%; float:left; background:url(../imagens/loading.gif) no-repeat center white;}