@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Special+Elite);

body { margin:0; padding:0; width:100%; background:#1a1a1a url(images/main_bg.jpg) top repeat-x;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }
.resize { width:997px; margin:0 auto;}


img.shadow {margin: 10px 10px 10px 10px; padding: 4px; border: 1px solid #DDD; -moz-box-shadow: 3px 3px 5px #999; box-shadow: 3px 3px 5px #999; -webkit-box-shadow: 3px 3px 5px #999; float:none;
}

a.fotos {padding:0; margin:0; float:none; text-decoration:none;}

/********** header **********/
.header { }

.block_header {margin:0 auto; width:997px; height:180px; padding:0; }
.top_menu { float:right; padding:4px 10px; font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; line-height:1.6em;}
.top_menu a { font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; text-decoration:none;}
.top_menu a:hover {text-decoration:underline;}

/* logo */
.logo { float:left; padding:0; margin:10px 0 0 -20px; width:307px;}
/* menu */	
.menu {
	padding:0;
	margin:20px 0 0 0;
	width:690px;
	float: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#F00;
}
.menu ul { padding:3px 0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0}
.menu ul li a { float:left; margin:0 1px 0 0; padding:12px 0; color:#fff; font:normal 13px  Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:12px 6px; background:none;}
.menu ul li a:hover { background: url(images/r_menu.gif) no-repeat right; }
.menu ul li a:hover span {background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active {  background:url(images/r_menu.gif) no-repeat  right;}
.menu ul li a.active span {background:url(images/l_menu.gif) no-repeat left;}
/********** slider **********/
.slider {background:url(images/simple_bg.gif) top no-repeat; margin:0 auto; padding:5px 0 0 0 ; height:210px;}
.slider2 { background:url(images/simple_2_bg.jpg) top no-repeat; margin:0 auto; padding:0; height:113px; width:997px;}
.slider2 h2 { font: normal 48px Arial, Helvetica, sans-serif; width:350px; float:left; color:#fff; padding:0; margin:20px 0 0 30px;}
.slider2 p { width:500px; float:left; font:bold 13px  Arial, Helvetica, sans-serif; color:#c0c0c0; margin:0; margin:20px 0 0 0; line-height:1.8em;}
.slider div.slice1 { margin:0 auto ; width:997px; padding:0;}
.slider div div div { margin:0; padding:0; width:997px; height:210px; border:0;}
.slider div div div p.img { float:right; padding:9px 40px; margin:0;}
.slider div div div h2 { font:normal 48px   Arial, Helvetica, sans-serif; color:#fff; margin:0; margin:0; padding:15px 0 10px 0; line-height:1.2em;}
.slider div div div h2 span { color:#b9efff;}
.slider div div div p { font:bold 13px  Arial, Helvetica, sans-serif; color:#bcbcbc; margin:0; margin:0; line-height:1.8em;}
.slider div div div p.img img.promo {
	border: 1px solid #CCC;
}

/**********RSS*************/
.RSS {margin:0 auto; padding:0; width:998px; height:58px; background:#141414;}
.rs { width:70px; border:1px solid #373737; background:url(images/RSS.gif) 2px center no-repeat; padding:4px 30px; margin:15px 30px; float:left; font: normal 11px Arial, Helvetica, sans-serif; color:#484848;}
/* search */
.search { float:right; width:100px; padding:0; margin:80px 0px 0px 0px; text-align:right}
.search span { display:block; float:left;}
.search a {  padding:5px 5px 0 5px; text-decoration:none;}


.search a:hover { text-decoration:underline;}
.search form { display:block; float:right; padding:0px 0px 0 10px;}
.search form .keywords { float:left; background: url(images/searh_bg.gif) top no-repeat; border:0; height:15px; width:266px; padding:5px 10px; line-height:15px; margin:0 10px 0 0; font:normal 12px Tahoma, Geneva, sans-serif; color:#fff;}
.search form .button { float:left; margin:2px 0 0 0; padding:0;}


.promobanner { float:left; width:550px; padding:0; margin:15px 5px 0px 20px; text-align:left}
.promobanner span { display:block;}
.promobanner a {  padding:10px 10px 0 10px; text-decoration:none;}


.promobanner a:hover { text-decoration:underline;}
.promobanner a span.promocatalogo {
float:right;
	width:222px;
	height:68px;
	padding: 20px 0px 0 10px;
	line-height: 15px;
	text-transform:lowercase;
	margin: 0 10px 0 -10px;
	font: bold 28px 'Special Elite', Tahoma, Geneva, sans-serif;
	letter-spacing:-0.1em;
	color: #ED1C24;
	background-image: url(images/promo-frame.png);
	background-repeat: no-repeat;
	background-position: left -2px;
	transform: rotate(5deg) ;
-webkit-transform: rotate(5deg) ;
-moz-transform: rotate(5deg) ;
-o-transform: rotate(5deg) ;
-ms-transform: rotate(5deg) ;}

/********** block index **********/
.body { }
.body h2 {
	font:normal 18px Tahoma, Geneva, sans-serif;
	color:#900;
	border-bottom:1px solid #252525;
	padding:10px 10px 15px 30px;
	margin:0;
}
.body h2.News {
	background: url(images/h2_News.gif) left no-repeat;
	text-transform: uppercase !important;
}
.body h2.What { background:url(images/h2_what.gif) left no-repeat;}
.body h2.Client { background:url(images/h2_say.gif) left no-repeat;}
.body h2.sub_nav { background:url(images/h2_sub_nav.gif) left no-repeat;}
.body p { font:normal 11px Arial, Helvetica, sans-serif; color:#666666; line-height:1.8em;}
.body span {
	color:#900;
	font:normal 12px Arial, Helvetica, sans-serif;
}
.body a {
	color:#F00;
	text-decoration:none;
}
.body a:hover {
	color:#F00;
	text-decoration:underline;
}
.body_resize { width:998px; margin:10px auto; padding:0;}
/*******blog****/

.blog { width:230px; float:right; margin:5px 10px 5px 45px; padding:5px 5px;}
.blogQuemsomos { width:230px; float:left; margin:5px 10px 5px 5px; padding:5px 5px;}
.blogContact { width:250px; float:left; margin:5px 10px 5px 70px; padding:5px 5px;}

.blogContact p { font-size:12px;}


.blogPromoHeader { width:670px; float:left; margin:5px 0px; padding:5px 5px;}
.blogPromo {
	width:320px;
	height: 450px;
	float:left;
	margin:5px 10px;
	padding:5px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3B3B3B;
}
.blogPromo p.promo span.tit{
	font-size:16px;
	color:#CCC;
	padding:0;
	float:left;
	font-weight:bold;
}
.blogPromo p.promo span.preco{
	position:absolute;
	font-size:16px;
	color:#CCC;
	padding:7px 0 0 0;
	margin:-10px 10px 5px 220px;
	text-align:center;
	float:right;
	width:75px;
	height:39px;
	font-weight:bold;
	background-image: url(images/preco_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.blogPromo p.promo { font-size:12px; padding:0px 0 0px 5px;}

.blogPromo img  {margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding: 4px; border: 1px solid #DDD; -moz-box-shadow: 5px 5px 7px #999; box-shadow: 5px 5px 7px #999; -webkit-box-shadow: 5px 5px 7px #999;}

.blogPromo div.preco {
	float:right;
	width:92px;
	height:71px;
	background-image: url(images/preco_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-align:center;
	position:absolute;

}
.blogPromo div.preco p {
	padding:5px 0 0 0;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
}

.blogPromo p.promoDesc { font-size:12px; margin:0px 0 0px 15px;}


.blogPromo a { font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#CCC;}
.blogPromo a:hover { font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#CCC;}


.blogPromoPgHeader { width:970px; float:left; margin:5px 10px; padding:5px 5px;}

.blogPromoPg { width:300px; height:430px; float:left; margin:5px 10px; padding:5px 5px; border-bottom:1px solid #252525;}
.blogPromoPg p.promo span.tit{
	font-size:16px;
	color:#CCC;
	padding:0;
	float:left;
	font-weight:bold;
}
.blogPromoPg p.promo span.preco{
position:absolute;
	font-size:16px;
	color:#CCC;
	padding:7px 0 0 0;
	margin:-20px 10px 5px 220px;
	text-align:center;
	float:right;
	width:75px;
	height:39px;
	font-weight:bold;
	background-image: url(images/preco_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.blogPromoPg p.promoDesc { font-size:12px; padding:0px 0 0px 15px;}
.blogPromoPg img  {margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; padding: 4px; border: 1px solid #DDD; -moz-box-shadow: 5px 5px 7px #999; box-shadow: 5px 5px 7px #999; -webkit-box-shadow: 5px 5px 7px #999;}




.blog ul { margin:10px  auto; padding:0; list-style:none;}
.blog li { background:url(images/sub_nav_bg.gif) left no-repeat; padding:5px 30px; margin:0;}
.blog li a { color:#6f6f6f; text-decoration:none;  font:normal 13px Arial, Helvetica, sans-serif;}
.blog li a:hover {
	color:#F00;
	text-decoration:underline;
}

.blog ul li{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:1.8em;
	background-image: url(images/sub_nav_bg.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	}
	
.blog ul li span{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:12px;
	}



.blogQuemsomos ul { margin:10px  auto; padding:0; list-style:none;}
.blogQuemsomos li { background:url(images/sub_nav_bg.gif) left no-repeat; padding:5px 30px; margin:0;}
.blogQuemsomos li a { color:#6f6f6f; text-decoration:none;  font:normal 13px Arial, Helvetica, sans-serif;}
.blogQuemsomos li a:hover {
	color:#F00;
	text-decoration:underline;
}

.blogQuemsomos ul li{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:1.8em;
	background-image: url(images/sub_nav_bg.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	}
	
.blogQuemsomos ul li span{
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:12px;
	}
	
.lorem { width:670px; float:left; margin:5px 40px 5px 10px; padding:5px 5px;}
.lorem img.sombra {float: right; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding: 4px; border: 1px solid #DDD; -moz-box-shadow: 5px 5px 7px #999; box-shadow: 5px 5px 7px #999; -webkit-box-shadow: 5px 5px 7px #999;}
.lorem a.mapa { color:#CCC;}
.lorem p { font-size:12px; padding:5px 5px 5px 35px;}
.lorem p.geo { font-size:12px; padding:5px 40px 5px 35px; text-align:right;}
.lorem ul { margin:10px  auto; padding:0; list-style:none; width:300px;}
.lorem li { background:url(images/ul_lu_about.gif) left no-repeat; padding:5px 30px; margin:0;}
.lorem li a {
	color:#F00;
	text-decoration:none;
	font:normal 12px Arial, Helvetica, sans-serif;
}
.lorem li a:hover { text-decoration:underline;}
.lorem span { font:bold 14px Arial, Helvetica, sans-serif; color:#b0b0b0;}

.loremQs { width:680px; float:left; margin:5px 40px 5px 10px; padding:5px 5px;}
.loremQs img.sombra {float: right; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding: 4px; border: 1px solid #DDD; -moz-box-shadow: 5px 5px 7px #999; box-shadow: 5px 5px 7px #999; -webkit-box-shadow: 5px 5px 7px #999;}
.loremQs a.mapa { color:#CCC;}
.loremQs p { font-size:13px; padding:0px 5px 0px 35px; line-height:24px;}
.loremQs ul { margin:10px  auto; padding:0; list-style:none; width:300px;}
.loremQs li { background:url(images/ul_lu_about.gif) left no-repeat; padding:5px 30px; margin:0;}
.loremQs li a {
	color:#F00;
	text-decoration:none;
	font:normal 12px Arial, Helvetica, sans-serif;
}
.loremQs li a:hover { text-decoration:underline;}
.loremQs span { font:bold 14px Arial, Helvetica, sans-serif; color:#b0b0b0;}




.loremGal { width:700px; float:left; margin:5px 20px 5px 10px; padding:5px 5px;}
.loremGal p { padding:0px 0px 0px 0px;}

.loremCatalogo { width:960px; float:left; margin:5px 10px 5px 10px; padding:5px 5px;}


/********** contact form **********/
#contactform { margin:0; padding:5px 10px 5px 30px; width:570px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#666666; font: normal 11px  Arial, Helvetica; text-transform:capitalize; float:left;}
#contactform label span { color:#ff0000;}
#contactform input.text { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left;}
#contactform textarea { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF; float:left;}
p.response { text-align:center; color:#666666; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}
/*******************************FBG************************/
.FBG { background:#0d0d0d; border-top:1px solid #000; }
.FBG h2 { font:bold 16px Tahoma, Geneva, sans-serif; color:#fff; padding:5px 5px; }
.FBG p { font:normal 11px Tahoma, Geneva, sans-serif; color:#575757; line-height:1.8em; }
.FBG ul { list-style:none; margin:0; padding:0 0 0 10px; }
.FBG li { background:url(images/FBG_ul_li.gif) left no-repeat; padding:0 0 5px 20px; margin:0; }
.FBG a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#F00;
	text-decoration:none;
}
.FBG a:hover { text-decoration:underline; }
.FBG_resize { width:1000px; margin:0 auto; padding:0; }
.blog2 { width:900px; margin:auto; text-align:center; padding:10px 0}

.blog2 span{ color:#999; padding:0 10px}

.Subsribe { width:290px; margin:15px 10px; padding:5px 10px; float:left; }
.Subsribe p { margin:0; padding:3px 10px; text-align:left; color:$fff;}
.Subsribe span.bg1 { display:block; background: url(images/Subscride_bg_r.gif) no-repeat right; height:20px; width:200px; }
.Subsribe span.bg1 span { display:block; background: url(images/Subscride_bg_l.gif) no-repeat left; height:20px; padding:0 5px; }
.Subsribe span input { background:none; border:0; margin:0; padding:2px 0; width:190px; }


.paginacao { font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:12px; color:#999}
.paginacao a {
	color:#F00;
	text-decoration:none;
}
.paginacao a:hover {
	color:#F00;
	text-decoration:underline;
}

/*************footer**********/
.footer { background: #1b1b1b; padding:20px 0; border-top:12px solid #404040;}
.footer .resize p.footer_logo {width:49%; padding:0; margin:auto;}
.footer .resize div { margin:auto;color:#696969; font:normal 11px Arial, Helvetica, sans-serif; text-align:center;}
.footer .resize div p { float:left; padding:0; margin:0;}
.footer .resize div img { float:left;}
.footer .resize div a { color:#696969; font:normal 11px Arial, Helvetica, sans-serif; padding:0 5px; text-decoration:none;}
.text_left { text-align:right;}


.footer div span {
	color:#fff;
	font-size:14px;
	font-weight:bold;

}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #2c2c2c; padding:0; margin:5px 0; background:none; line-height:0;}



/* tooltip */
#tooltip { position: absolute; border: 1px solid #333; background: #f7f5d1; padding: 2px 5px; color: #333; display: none; font-family: "Courier New", Courier, monospace; font-size: 12px;  }

/*   Ir para o Topo  */
#toTop { width: 30px; text-align: center; padding: 5px; position: fixed; bottom: 10px; right: 10px; cursor: pointer; color: #900; text-decoration: none; font-size: 0.6em;  }



#contactform .butenviar { background-image: url(../images/enviar.gif); background-repeat: no-repeat; background-position: center center; width: 99px; height: 28px; border: none; background-color: #FFF; margin:0 0 0 280px;}
.lorem p.contactossucesso { font-size: 12px; color: #900;  }
#contactform  span.erro { display: block; color: #F00; font-size: 10px; margin: 0px 0 0 0;  }
#contactform  span.errocodigo { display: block; color: #F00; font-size: 10px; margin: 0px 0 0 0;  }
#contactform  img.seta { margin:0;padding:0; float:none; border:none; background-color:none; -moz-box-shadow:0px 0px 0px none; box-shadow: 0px 0px 0px none; -webkit-box-shadow: 0px 0px 0px none; }


/* tabs */

#scroller-header a {
	text-decoration:none; 
	color:#867863; 
	padding:0 2px;
}

#scroller-header a:hover {
	text-decoration:none; 
	color:#4b412f
}

a.selected {
	text-decoration:underline !important; 
	color:#4b412f !important;
}

#scroller-header {
	width:500px;
	height:100px;
	padding:35px 0 0 0px;
	font-weight:700;
	margin:0 auto;
}

#scroller-body {
	background:url(images/body.gif) no-repeat bottom center;
	width:500px;
	padding-bottom:30px;
	margin:0 100px;
}

#mask {
	width:500px;
	overflow:hidden;
	margin:0 auto;
}

#panel {

}

#panel div {
float:left;

}

/* Extra styling for each panel*/

#panel ul {
list-style:none;
margin:0 5px;
padding:0;
}

	#panel ul li {
		padding:5px 25px;
		color:#557482;
		/* border-bottom:1px dotted #ccc; */
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}

	#panel ul li.last {
		border-bottom:none !important;
	}

#panel-1 {
}

#panel-2 {
}

#panel-3 {
	padding:0 0 0 230px;
}

span.iva_txt {
	font-size:10px;
	color:#900;
}