html, body {
	padding:0;
	margin: 0;
	height: 100%;
	width:100%;
	overflow:hidden;
	font-family: 'Sarala', sans-serif;
	font-size: 15px;
	font-weight:400;
}

.labels {
 color: black;
 // background-color: rgba(255,255,255,0.8);
 font-size: 14px;
 font-weight:bold;
 text-align: center;
 width: 180px;     
 height: 20px;
 padding-top:5px;
 text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;

}
.labels2 {
 color: black;
 // background-color: rgba(255,255,255,0.8);
 font-size: 14px;
 font-weight:bold;
 text-align: center;
 width: 140px;     
 height: 50px;
 padding-top:5px;
 text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;
}



.bg_slide {
	width:100%;
	height:100%;
	background-color:transparent; 
	background-size:cover; 
	background-position: center center;  
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;	
}

.base {
	width:100%;
	height:100%; 
	background-color:transparent; 
	position:absolute;
	top:0;
	left:0; 
	overflow:hidden;	
}

.menu-item {
	float:left; 
	min-width: 10%;
	padding:0%;
	padding-left:4px;
	padding-right:4px;
	height: 100%; 
	color: #ffffff; 
	background-color: #0A7876;
	cursor:pointer;	
	margin-right:2px;
	position: relative;
}

.menu-text {
	position:relative; 
	top: 15%;
	font-size:12px;
	
}



.sub-menu-item {
	min-width: 12%;
	width: 14%;
	height: auto; 
	color: #ffffff; 
	background-color: rgba(10,120,118,1);
	cursor:pointer;	
}

.sub-menu-text {
	position:relative; 
	background-color: 'transparent';
	height:25px;	
	padding-left:8px;
	padding-top:5px;
	text-align:left;
}



a {
	padding:0;
	margin: 0;
	color: #ffffff;
	font-family: 'Sarala', sans-serif;
}


a:hover {
	padding:0;
	margin: 0;
	color: #000000;
	font-family: 'Sarala', sans-serif;
	text-decoration: underline;
	cursor: pointer;	
}


h1 {
	padding:0;
	margin: 0;
	line-height: 100%;
	font-family: 'Sarala', sans-serif;
	font-size: 40px;
	font-weight:700;	
	color:white;
}

h2 {
	padding:0;
	margin: 0;
	line-height: 100%;
	font-family: 'Sarala', sans-serif;
	font-size: 22px;
	font-weight:700;	
	color:white;
}

h3 {
	font-family: 'Sarala', sans-serif;
	font-weight:400;	
	color:white;
}



.photos_sm {
	cursor: pointer; 
	width: 100px; 
	height: 60px; 
	margin-left: 5px; 
	margin-right: 5px; 
	margin-top: 5px;
	opacity: 0.5; 
	float: left;	
	z-index: 1200; 
}



.tooltip_cont {
	max-width: 200px;
	width:auto;
	height: 19px;
	position:absolute;
	bottom:60px;
	z-index:9000;

}

.tooltip {
	font-size: 14px;
	padding-top:4px;
	padding-bottom:4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgba(255,255,255,0.8); 
	border: 2px rgba(250,250,250,1) solid;
	width: 100%;
	height: 100%;
}


.zoom_cont {
	width:100%;
	height:100%; 
	background-color: rgba(0,0,0,0.95);
//	background-image: url('../images/bg_madeiras.jpg');
	background-size: cover;
	position:absolute;
	left:0%; 
	top:0%;
	color:white;
	display:none; 
	z-index:3000;	
	
}





input {
	font-size: 15px;
	font-family: 'Sarala', sans-serif;
	width: 300px;
	height: 25px;
	padding-left:5px;
	border: none;
	background-color: rgba(255,255,255,1);
	color: black;
	-webkit-appearance: none;
	border-radius: 0;
	
}

::-webkit-input-placeholder {
   color: black;
}

:-moz-placeholder {
   color: black;
}

::-moz-placeholder {
   color: black;  
}

:-ms-input-placeholder {  
   color: black;  
}




select {
	font-size: 15px;
	font-family: 'Sarala', sans-serif;
	width: 315px;
	height: 27px;
	padding-left:15px;
	border: none;
	background-image: url('../images/select.png');
	background-position:right top;
	backgorund-size: cover;
	color: black;
	-webkit-appearance: none;
	border-radius: 0;

	
}


textarea {
	font-size: 15px;
	font-family: 'Sarala', sans-serif;
	width: 300px;
	height: 100px;
	padding-left:5px;
	border: none;
	background-color: white;
	color: black;
	resize: none;
	-webkit-appearance: none;
	border-radius: 0;
	
}