@charset "utf-8";
/* CSS Document */

a .visited{ color:inherit;}

.back, .ondiv{
	height:25px;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#090;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	
	padding:3px;
	opacity:1;
	text-decoration:none;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	}
	
.ondiv{ background-color:#039;}
	
.back:hover{
	opacity:0.5;
	text-decoration:none;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	}

#idiomas{
	width:100%;
	height:100px;
	background-color:rgba(255,255,255, 0.8);
	top:50%;
	left:0px;
	margin-top:-50px;
	z-index:9;
	position:fixed;
	text-align:center;
}

.idioms_btn{	
	width:950px;
	left:50%;
	margin-left:-475px;
	position:absolute;
	}
	
.idioms_btn a{
	padding-top:40px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-right:20px;
	text-decoration:none;
	float:left;
	position:relative;
	opacity:1;
	cursor:pointer;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	}
	
.idioms_btn a:hover{
	opacity:0.5;
	cursor:pointer;
	
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	
	}

		
#h01 div{ float:left; position:relative; margin:10px;}
		
.footer {
bottom:0px;
position:fixed;

border-top:1px dotted #C4D8D9;
left:0px;
z-index:999;
width:100%;
padding-top:12px;

/*transition-property:bottom;
transition-duration: 0.4s;
transition-timing-function: ease;
-webkit-transition-property:bottom;
-webkit-transition-duration: 0.4s;
-webkit-transition-timing-function: ease;
-moz-transition-property:bottom;
-moz-transition-duration: 0.4s;
-moz-transition-timing-function: ease;
	
	
	cursor:pointer;	*/
	
}

.footer:hover {
/*	bottom:0px;
	transition-property:bottom;
	transition-duration: 0.4s;
	transition-timing-function: ease;
	-webkit-transition-property:bottom;
	-webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property:bottom;
	-moz-transition-duration: 0.4s;
	-moz-transition-timing-function: ease;*/
	

	
}




.top{
	width:100%;
	height:100px;
	left:0px;
	top:0px;
	position:fixed;
	z-index:9;
	background-color:#fff;
	}
	
.navbar{
	width:950px;
	left:50%;
	margin-left:-475px;
	height:150px;
	top:0px;
	position:fixed;
	z-index:9;
	}
	
.logo{
	float:left;
	margin-right:30px;
	}
	
.navbar a.menu {
	
	text-decoration:none;
	float:left;
	margin-left:30px;
	height:80px;
	width:80px;
	text-align:center;
	position:relative;
	padding-top:40px;
	padding-left:0px;
	padding-right:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#039;
	cursor:pointer;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
	}
	
.navbar a.menu:hover{
	color:#fff;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
	background-color:#090;
	}
	
	
.navbar a.menuS {
	text-decoration:none;
	
	float:left;
	margin-left:30px;
	height:80px;
	width:80px;
	text-align:center;
	position:relative;
	padding-top:40px;
	padding-left:0px;
	padding-right:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	cursor:pointer;
	background-color:#090;
	}
	

	
.pattern{
	width:100%;
	height:100%;
	background-image:url(../images/pattern.png);
	background-repeat:repeat;
	position:fixed;
	left:0px;
	top:0px;
	z-index:2;
	}
	
	
.slogan{
	width:950px;
	left:50%;
	margin-left:-475px;
	top:50%;
	height:200px;
	margin-top:-100px;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	color:#fff;
	position:absolute;
	z-index:5;
	}
	
	
.hidedivs{
	position:absolute;
	
	z-index:9;
	}
.conteudos{
	background-color: rgba(255, 255, 255, 0.8);
	width:950px;
	height:400px;}
	
.conteudos div{
	margin-left:0px;
	margin-right:0px;
	width:auto;
	float:left;
	position:relative;
	height:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:15px;}

#submenu{
	width:950px;
	height:30px;
}


#submenu a.submenu{
	width:auto;
	margin-right:1px;
	float:left;
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#fff;
	padding:7px;
	background-color:#090;
	font-weight:normal;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
	text-decoration:none;}
	
#submenu a.submenu:hover{
	background-color:#039;
	-webkit-transition: background-color 0.3s ease;
	-moz-transition: background-color 0.3s ease;
	-o-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;}
	
#submenu a.submenuS{
	
	background-color:#039;
	text-decoration:none;
	padding:7px;
	width:auto;
	margin-right:1px;
	float:left;
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#fff;
	
	}

.hidedivs2{
	height:auto;
	margin:0px;
	padding:0px;}
	
.hidedivs2 div{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	text-align:left;
	line-height:16px;
	top:0px;
	width:auto;
	margin-right:15px;}	
	
#video {
	/*background-color:transparent;
	background-image:url(../images/loader.gif);*/
	background-repeat:no-repeat; 
	background-position:center;
	padding:10px;
	z-index:999;

}

.slider-wrapper { 
	width: 80%; 
	margin: 100px auto;
}

#port{
	width:950px;
	padding:0px;
	height:300px;
	background-color:transparent;}
	
.subport{
	width:280px;
	height:170px;
	padding:5px;
	margin:1px;
	float:left;
	position:relative;
	background-color:#fff;
	border:1px solid #CCC;
	cursor:pointer;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;}
	
.subport:hover{
	opacity:0.5;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	cursor: pointer;
	font-weight: normal;
	border:1px solid #060;
}
.thumbnails{
	padding-left:5px;
	width:885px;
	float:left;
	position:relative;
	height:320px;}
	
.thumbs{
	width:279px;
	height:150px;
	padding:5px;
	margin:2px;
		border:1px solid #CCC;
	

	float:left;
	position:relative;
	background-color:#fff;
	cursor:pointer;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;}
	
.thumbs:hover{
	opacity:0.5;	
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	cursor: pointer;
	border:1px solid #069;}

.next{
	height:320px;
	width:25px;
	float:left;
	position:relative;
	background-image:url(../images/next.png);
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
	opacity:1}
	
.prev{
	height:320px;
	width:25px;
	float:left;
	position:relative;
	background-image:url(../images/prev.png);
	background-position:left;
	background-repeat:no-repeat;
	cursor:pointer;
	opacity:1}

.next:hover{
	opacity:0.5}

.prev:hover{
	opacity:0.5}

a.title{
	text-decoration:none;
	width:300px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#090;
	text-align:center;
	height:25px;
	}
		
.submenu2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#090;
	text-decoration:none;
	}
	
	
	
#gallery {
	padding-left:5px;
	width:885px;
	float:left;
	position:relative;
	height:320px;
	
	}
	
	/******************************SLIDE*****************************/
	
	#slideshow{
/*	background-color:#F5F5F5;
	border:1px solid #FFFFFF;*/
	height:306px;
	margin:0px auto 0;
	position:relative;
	width:550px;
	
/*	-moz-box-shadow:0 0 22px #111;
	-webkit-box-shadow:0 0 22px #111;
	box-shadow:0 0 22px #111;*/
}

#slideshow ul{
	height:306px;
	left:-40px;
	list-style:none outside none;
	overflow:hidden;
	position:absolute;
	top:-10px;
	width:550px;
}

#slideshow li{
	position:absolute;
	display:none;
	z-index:10;
}

#slideshow li:first-child{
	display:block;
	z-index:1000;
}

#slideshow .slideActive{
	z-index:1000;
}

#slideshow canvas{
	display:none;
	position:absolute;
	z-index:100;
}

#slideshow .arrow{
	height:86px;
	width:60px;
	position:absolute;
	background:url(../images/arrows.png) no-repeat;
	top:50%;
	margin-top:-43px;
	cursor:pointer;
	z-index:5000;
}

#slideshow .previous{ background-position:left top;left:0;}
#slideshow .previous:hover{ background-position:left bottom;}

#slideshow .next{ background-position:right top;right:0;}
#slideshow .next:hover{ background-position:right bottom;}