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

.gradient {
	
background: #ff7372; /* Old browsers */
background: -moz-linear-gradient(left,  #ff7372 0%, #f85234 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff7372), color-stop(100%,#f85234)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ff7372 0%,#f85234 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ff7372 0%,#f85234 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ff7372 0%,#f85234 100%); /* IE10+ */
background: linear-gradient(to right,  #ff7372 0%,#f85234 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7372', endColorstr='#f85234',GradientType=1 ); /* IE6-9 */

	
}


.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: #7fc1ec;
	cursor:pointer;	
	margin-right:2px;
	position: relative;
	
}

.menu-text {
	position:relative; 
	top: 15%;
	font-size:12px;
	color:#000000;
	font-family: 'Luckiest Guy', cursive;

	
}



.sub-menu-item {
	min-width: 12%;
	width: 14%;
	height: auto; 
	color: #ffffff; 
	background-color: rgba(127,233,107,0.9);
	cursor:pointer;	
}

.sub-menu-text {
	position:relative; 
	background-color: 'transparent';
	height:25px;	
	padding-left:8px;
	padding-top:5px;
	text-align:left;
	color: #000000;
	font-family: 'Luckiest Guy', cursive;
}



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


a:hover {
	padding:0;
	margin: 0;
	color: rgb(127,233,107);
	font-family: 'Luckiest Guy', 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;
	
}