@import url(http://fonts.googleapis.com/css?family=Sansita+One);
@import url(http://fonts.googleapis.com/css?family=Oswald);
/* Left & Right alignment */
.left {
	float:left;
}
.right {
	float:right;
}
.wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
.clear {
	clear:both;
	width: 100%;
}
.last{
	background:none !important;
	border:none !important;
}

/* Global properties ======================================================== */
body, html, .extra{
	height:100%;
	min-width:1014px;
	min-height:880px;
}
body {
	overflow:hidden;
	border:0;
	font:13px/20px Arial, sans-serif;
	color:#8e7777;
	background: url(../images/bg_grad.jpg) 50% 50% no-repeat #264154;
}
/* Global Structure ============================================================= */
.extra{
	overflow:hidden;
	margin-bottom:-30px;
}
.main{
	position:relative;
	width:1014px;
	margin:0 auto;
}
.page_spinner {
	position:fixed;
	background: url(../images/main_spinner.gif) 50% 50% no-repeat #264154;
	z-index:99;
	width:100%;
	height:100%;
	top:0;
	left:0
}
/* ============================= main layout ====================== */
a {
	color:#8e7777;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#66c0eb;
	text-decoration:underline;
}
h1 {
	display:inline-block;
	padding:0 0 0 0;
}
h2 {
	font:25px/22px 'Sansita One', cursive;
	color: #29292a;
	padding-bottom:39px;
}
h3 {
	font:11px/20px Arial, sans-serif;
	color: #66c0eb;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:5px;
}
p {
	padding-bottom:29px;
}
/* ============================= header ====================== */
header{
	height:146px;
}
#logo {
	display:inline-block;
	position:relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:159px;
	height:146px;
	background:url(../images/logo.png) 0 0 no-repeat;
}
#info{
	overflow:hidden;
	display:inline-block;
	width:175px;
	color:#a9a9a6;
	font-size:9px;
	text-align:right;
	text-transform:uppercase;
}
#info span{
	display:block;
	padding:32px 0 10px;
	font:16px/20px 'Sansita One', cursive;
	color:#fff;
}
#info a{
	text-decoration:none;
	color:#fff;
}
#info a:hover{
	text-decoration:underline;
}
/* ============================= menu ====================== */
.menu{
	display:inline-block;
	width:672px;
}
#menu{
	text-align:center;
}
#menu > li {
	position:relative;
	display:inline-block;
	margin-right:-2px;
	width:124px;
	height:124px;
	background:url(../images/menu_item_plane.png) 0 0 no-repeat;
}
#menu > li > a {
	position:relative;
	text-align:left;
	display:block;
	width:100%;
	height:100%;
}
#menu > li > a img{
	position:relative;
	left:40px;
	top:40px;
}
#menu > li > a > span{
	position:absolute;
	left:0px;
	z-index:5;
}
#menu > li > span{
	position:absolute;
	top:105px;
	left:49px;
	width:27px;
	height:17px;
	background:url(../images/sel_pic.png) 0 0 no-repeat;
	z-index:-1;
}

.submenu_1 {
	position:absolute;
	display:block;
	top:150px;
	left:-13px;
	padding: 3px 0 3px;
	text-align:center;
	background-color:#66c0eb;
	z-index: 5;
}
.submenu_1 li{
	position:relative;
	display:block;
	width:147px;
	height:48px;
	padding-top:8px;
	border-bottom:1px solid #5cabd0;
} 
.submenu_1 a {
	display:inline-block;
	width:130px;
	height:27px;
	padding-top:13px;
	color: #fff;
	font:13px/13px 'Sansita One', cursive;
	text-transform:uppercase;
	text-decoration:none;

}
.submenu_1 li > a:hover {
	background-color:#03293e;
}
.submenu_2 {
	position:absolute;
	display:block;
	top:-3px;
	left:148px;
	padding: 3px 0 3px;
	text-align:center;
	background-color:#03293e;
	z-index: 5;
}
.submenu_2 li{
	border-bottom:1px solid #032335;
}
.submenu_2 li > a:hover {
	background-color:#66c0eb;
}
/* ============================= content ====================== */
#splash{
	position:absolute;
	width:100%;
	margin-top:-20px;
	text-align:center;
}
#splash div{
	position:absolute;
	top:400px;
	width:100%;
	color: #fff;
	font:75px/60px 'Sansita One', cursive;
	z-index:3;
}
#content > ul {
	position:relative;
	display:block;
	padding-top:46px;
	left:2px;
}
#content > ul > li {
	position:absolute;
	overflow:hidden;
	width:950px;
	height:611px;
	padding:0 30px;
	background:url(../images/content_plane.png) 0 0 no-repeat;
}

#conteudoInt{overflow-x:visible;overflow-y:visible;}

.map{
	z-index:999px;
	position:relative;
	background:#f00;
	display:inline;
}

.htooltip, .htooltip:visited, .tooltip:active {
	color: #0077AA;
	text-decoration: none;
	/*background: #F00;*/ /* posicionamento facil - debug */
}
		
.htooltip:hover {
	color: #0099CC;
}
		
.htooltip span {
	background-color: rgba(255,255,255, 0.98);
	border-radius: 15px 15px 15px 15px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
	color: #555;
	margin-left: -94px;
	margin-top: 16px;
	opacity: 0;
	padding: 20px 20px 20px 20px;
	position: absolute;
	text-decoration: none;
	visibility: hidden;
	width: 200px;
	z-index: 9999999px;
	text-align:left;
	font-size:10px;
			
	-moz-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
	-webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
		
.htooltip:hover span {
	position: absolute;
	opacity: 1;
	visibility: visible;
}
		
.htooltip span img {
	border: 0 none;
	float: left;
	margin: -71px 0 0 -74px;
	opacity: 0;
	position: absolute;
	visibility: hidden;
	z-index: -1;
			
	-moz-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
	-webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}
		
.htooltip:hover span img {
	opacity: 1;
	visibility: visible;
}

.topPad{
	padding-top:33px;
}
.rBorder{
	height:100%;
	padding-right:10px;
	background:url(../images/content_stepline.jpg) right 0 repeat-y;
}
.bBorder{
	position:relative;
	overflow:hidden;
	width:100%;
	height:1px;
	padding:0 0 37px 40px;
	left:-30px; 
	background:url(../images/content_stepline_h.jpg) 0 0 repeat-x;
}
.link{
	font-size:11px;
	font-weight:bold;
	color:#29292a;
	text-transform:uppercase;
}
.more{
	position:relative;
	overflow:hidden;
	display:inline-block;
	padding:15px 16px;
	font:13px/13px 'Sansita One', cursive;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px; 
	background-color:#29292a;
	-webkit-transition:color 0.5s ease;
	-moz-transition:color 0.5s ease;
	-o-transition:color 0.5s ease;
	transition:color 0.5s ease;
	z-index:1;
}
.imgPadBot{
	padding-bottom:16px;
}
.google_map{
	border:1px solid #322522;
    width: 462px;
    height: 192px;
	margin-bottom:48px;
    background: #fff;
}
.address {
	width:200px;
	padding-right:60px;
	float:left;
	margin-top:10px;
}
.address > span{
	display:block;
	width:395px;
	font:11px/20px Arial, sans-serif;
	color: #66c0eb;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:5px;
}
.mailLink{
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	color:#29292a;
}

.rolagem {
    width:20x;
	overflow:auto;
	overflow-x: hidden;
	height:450px;
}
.img_produtos{
float:left;
margin-right:40px;
}

/* ============================= lists ====================== */
.newList{
	width:240px;
}
.newList li{
	padding-bottom:34px;
}
.newList li > div{
	overflow:hidden;
	padding-bottom:8px;
}
.newList li > p{
	padding-bottom:0px;
}
.newList li > div h3{
	overflow:hidden;
	float:left;
	width:140px;
}
.newList li > div > div{
	padding-right:13px;
	float:left;
	width:47px;
	height:47px;
	font-size:10px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	background:url(../images/date_plane.jpg) 0 0 no-repeat
}
.newList li > div > div > span{
	display:block;
	padding-top:10px;
	margin-bottom:-4px;
	font: 16px/16px 'Oswald', sans-serif;
}
.list1, .list2{
	padding-bottom:7px;
}
.list1 li, .list2 li{
	overflow:hidden;
	display:block;
	width:250px;
	padding-bottom:3px;
}
.list1 li > img, .list2 li > img{
	float:left;
	padding-right:18px;
}
.list1 li > div, .list2 li > div{
	overflow:hidden;
	float:left;
	width:139px;
}
.list1 li > div a, .list2 li > div a{
	color:#66c0eb;
	text-decoration:none;
}
.list1 li > div a:hover, .list2 li > div a:hover{
	text-decoration:underline;
}
.list2 li{
	width:391px;
}
.list2 li > div{
	width:280px;
}
.listWithMarker{
	padding-bottom:20px;
}
.listWithMarker li {
	display:block;
	padding-bottom:10px;
	padding:0 0 4px 30px;
	color:#8a7372;
	text-decoration:none;
	background:url(../images/list_marker.jpg) 0 1px no-repeat;
}
.listWithMarker li a {
	
}
.listWithMarker li a:hover {
	text-decoration:underline;
}
.carouse {
	width:950px !important;
}
.carouse li {
	position:relative;
	width:225px;
	margin-right:17px;
}
.carouse li img {
	display:block;
	margin-bottom:16px;
}
.carouse li a span{
	position:absolute;
	width:225px;
	height:122px;
	background:url(../images/page3_hover.png) 0 0 no-repeat;
}
.carouse li h3 {
	padding-bottom:0px;
}

.center {
margin-top:50px;
margin-left:120px;
text-align:center;
}

#next, #prev{
	position:absolute;
	width:29px;
	height:29px;
	top:60px;
}
#next {
	right:30px;
	background:url(../images/arr_next.jpg) 0 0 no-repeat;
}
#prev {
	right:64px;
	background:url(../images/arr_prev.jpg) 0 0 no-repeat;
}
/* ============================= footer ====================== */
footer{
	text-align:center;
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
}
footer a{
	color:#fff;
	text-decoration:none;
}
/* ============================= forms ============================= */
#form1 {
	position:relative;
	top:-4px;
}
#form1 fieldset > span{
	display:block;
	padding-bottom:4px;
	width:99px;
}
#form1 input {
	margin:0;
	border:1px solid #dddddd;
	background-color:#fff;
	padding:3px 0 3px 3px;
	width:258px;
	box-shadow:none;
}
#form1 textarea {
	resize: none;
	margin:0;
	border:1px solid #e1e1e1;
	background-color:#fff;
	padding:3px 0 3px 3px;
	width:375px;
	height:133px;
	overflow:auto; 
	line-height:17px;
}
#form1 label {
	position:relative;
	display:inline-block;
	min-height:36px;
}
#form1 .error, #form1 .empty {
	position:relative;
	top: -3px;
	display:none;
	font-size:11px;
	color:#5a5c6c;
}
.btns{
	padding-top:35px;
}
.btns a{
	display:inline-block;
	margin-right:10px;
}
/* Form defaults */
input, select, textarea {
	font: 12px/ 12px Arial, sans-serif;
	color:#5e3d3d;
}