html, body {
	background: #f7f7f7;
	color: #4d485b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}

a {color: #13a1ff;}
a:hover {color: #f47000;}

h2, h3, h4, h5 {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	vertical-align: middle;}
h2 img, h3 img, h img4, h5 img {vertical-align: middle;}
h2 {font-size: 36px;}
h3 {font-size: 30px; color: #424242;}

form label {
	display: block;
	clear: both;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	overflow: hidden;}
form label input,
form label textarea {
	position: relative;
	display: block;
	width: 318px;
	float: right;
	color: #666;
	border: 1px solid #dbdbdb;
	border-top-color: #b9b9b9;
	background: url(/img/input-bg.gif) top repeat-x #e7e7e7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 10px;
	z-index: 1;}
form label img {
	position: relative;
	display: block;
	float: left;
	margin-right: -20px;
	z-index: 2;}

p {
	text-align: justify;
	line-height: 1.7em;
	margin-bottom: 10px;}

textarea {overflow: auto;}

ul {padding: 15px;}
ul li {
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(/img/li_bg.gif) left center no-repeat;}

.topMenu {
	position: relative;
	border-top: 4px solid #424242;
	background: #fff;
	height: 60px;
	font-size: 24px;}

.logo img {
	margin-left: -15px;
	z-index: 50;}
.logo h1 {display: none;}

.menu {
	font-size: 14px;
	margin: 0px;
	text-align: right;
	float: right;
	padding: 0px;}
.menu li {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	background: none;}
.menu li a {
	display: block;
	float: left;
	height: 75px;
	background-position: center top;
	background-repeat: no-repeat;
	text-decoration: none;
	outline: none;}
.menu li a:hover {background-position: center -75px;}
.menu li a span {visibility: hidden;}
.menu li a.current {background-position: center -148px;}

.menu li a.quemSomos {background-image: url(/img/menu_quem_somos.gif); width: 130px;}
.menu li a.servicos {background-image: url(/img/menu_servicos.gif); width: 100px;}
.menu li a.portfolio {background-image: url(/img/menu_portfolio.gif); width: 120px;}
.menu li a.produtos {background-image: url(/img/menu_produtos.gif); width: 90px;}
.menu li a.blog {background-image: url(/img/menu_blog.gif); width: 90px;}
.menu li a.contato {background-image: url(/img/menu_contato.gif); width: 80px;}

.pullUp50 {margin-top: -50px;}

.panel {
	position: relative;
	width: 930px;
	height: 380px;
	background: #fff;
	overflow: hidden;}

.panel.reduced {width: 610px;}
.panel.tiny {width: 530px;}

.panel ul {
	padding: 0px;
	height: 380px;
	overflow: hidden;}
.panel ul li {
	padding: 0px;
	background: 0px;}
.panel ul li a {
	position: relative;
	display: block;
	text-decoration: none;}
.panel ul li a span {
	position: absolute;
	display: block;
	top: 0px;
	left: 50px;
	width: 230px;
	height: 320px;
	padding: 30px;
	background: #000;
	opacity: 0.8;
	font-size: 20px;
	color: #fff;}
.panel ul li a span big {
	font-size: 48px;
	color: #f47000;}
.panel ul li a span small {
	display: block;
	text-align: right;
	margin-top: 30px;}

.panelControl {
	position: relative;
	top: -150px;
	z-index: 30;}
.panelControl a.left {
	position: absolute;
	left: -7px;
	outline: none;}
.panelControl a.right {
	position: absolute;
	right: -7px;
	outline: none;}

.title {position: relative;}
.title h2 {
	overflow: hidden;
	height: 50px;
	margin-right: 50px;}
.title img {
	position: absolute;
	top: 5px;
	right: 0px;
	z-index: 30;}

.title2 {position: relative;}
.title2 h2 {
	overflow: hidden;
	height: 50px;
	margin-left: 50px;}
.title2 img {
	position: absolute;
	top: 5px;
	left: 0px;
	z-index: 50;}

.quickSpotNormal {
	position: relative;
	display: block;
	width: 290px;
	height: 210px;
	outline: none;
	text-decoration: none;
	margin-bottom: 30px;}
.quickSpotNormal dl {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #f47000;
	background-image: url(/img/arrow_up_orange_matte.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	color: #fff;
	width: 255px;
	height: 60px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 25px;}
.quickSpotNormal dl dt {font-size: 24px;}
.quickSpotNormal dl dd {
	display: none;
	font-size: 11px;
	color: #fff;}

.quickSpotNormal:hover,
.quickSpotHover {outline: 5px solid #d2d2d2;}
.quickSpotNormal:hover dl {
	height: 105px;
	background-color: #13a1ff;
	background-image: url(/img/arrow_down_blue_matte.gif);
	background-position: top right;}
.quickSpotNormal:hover dl dd {display: block;}

.map {position: relative; text-decoration: none;}
.map dl {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 410px;
	padding: 20px;
	display: block;
	background: #000;
	color: #c6ff00;
	opacity: 0.8;}
.map dl dt {
	font-size: 14px;
	margin-bottom: 10px;}
.map dl dd {margin-left: 20px;}

.post {
	background: url(/img/post-dv.png) bottom center no-repeat;
	padding-bottom: 30px;
	margin-bottom: 20px;}
.post h3 {
	overflow: hidden;
	margin-bottom: -10px;}
.post h3 a {
	color: #666;
	text-decoration: none;}
.post span.postData {
	font-size: 11px;
	margin-bottom: 10px;
	display: block;}

.postComments form label input,
.postComments form label textarea {width: 478px;}

.blogPanel {
	background: #e8e8e8;
	padding: 10px;}
.blogPanel div.blogSearch {
	position: relative;
	height: 40px;
	background: url(/img/blog-search.gif) center center no-repeat;
	margin-bottom: 10px;}
.blogPanel div.blogSearch input {
	position: absolute;
	top: 8px;
	left: 13px;
	background: none;
	border: none;
	width: 210px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 24px;
	color: #007eff;}
.blogPanel div.blogTitle {position: relative;}
.blogPanel div.blogTitle img {
	position: absolute;
	top: 9px;
	left: 0px;}
.blogPanel div.blogTitle h3 {margin-left: 30px;}

.blogPanel ul {
	padding-top: 0px;}
.blogPanel ul li {
	border-bottom: 1px solid #fff;
	padding-bottom: 7px;
	margin-bottom: 7px;
	background-image: url(/img/li_bg2.gif);}
.blogPanel ul li a {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
	color: #454545;
	text-decoration: none;}

.postComments div.comm {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 15px;}
.postComments div.comm h4 {
	font-size: 24px;
	margin: 0px;}
.postComments div.comm h4 a {
	text-decoration: none;
	color: #333;}
.postComments div.comm h4 a:hover {color: #13a1ff;}
.postComments div.comm span {
	font-size: 11px;
	color: #999;}

.pagination {
	text-align: center;
	vertical-align: middle;
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	font-style: italic;
	vertical-align: middle}
.pagination a {
	text-decoration: none;
	color: #666;
	vertical-align: middle;}
.pagination a:hover {color: #13a1ff;}
.pagination a.current {
	color: #f47000;
	font-size: 36px;}
.pagination a img {vertical-align: middle;}

.footer div.footerWrapper{
	margin: 30px 15px 0px 15px;
	background-color: #e5e5e5;}

.footer div.footerMenu ul {
	margin: 0px;
	list-style: none;
	background-color: #dadada;
	padding: 10px;}
.footer div.footerMenu ul li {
	display: inline;
	background: none;
	margin-left: 50px;}
.footer div.footerMenu ul li a {
	font-size: 14px;
	color: #565656;
	text-decoration: none;}

.footer h3.radig {
	font-size: 24px;
	color: #c5c5c5;
	line-height: 50px;
	padding: 0px;
	margin: 0px;}
.footer h3.radig.sIFR-replaced {
	height: 40px;
	margin-top: 7px;
	margin-bottom: -7px;}
.footer div.alpha div.padding {padding: 10px 0px 0px 20px;}
.footer div.omega div.padding {padding: 10px;}

.alignRight {text-align: right;}
.alignCenter {text-align: center;}

/* COLORS */
.blue {color: #13a1ff;}
.lightGrey {color: #d2d2d2;}
.orange {color: #f47000;}
/**/