html, 
body {
	height:100%;
}

body {
	background-size: cover !important;
    background-position: 50% 50%;
    background-image:url('../images/bg-c.jpg');
	background-position:center;
	background-repeat:no-repeat !important;
	background-attachment: fixed !important;
	z-index: 1;
}

@font-face {
    font-family: 'pf_tempesta_seven_condensed';
    src: url('fonts/pf_tempesta_seven_condensed.eot');
    src: url('fonts/pf_tempesta_seven_condensed.eot?#iefix') format('embedded-opentype'),
         url('fonts/pf_tempesta_seven_condensed.woff') format('woff'),
         url('fonts/pf_tempesta_seven_condensed.ttf') format('truetype'),
         url('fonts/pf_tempesta_seven_condensed.svg#agencyb') format('svg');
    font-weight: normal;
    font-style: normal;
}

.h3 {
    font-family: 'pf_tempesta_seven_condensed';
	font-size:10px;
	color:#303030;
	text-align:right;
}


#stage {
	width: 100%;
	height: 100%;
	display:inline-table;
	margin:auto;
	text-align: center;
	padding-top:6%;
}

#logo {
	max-width: 426px;
    max-height: 236px;
	margin:auto;
}


.menu {
    height:169px;
	margin-top:5%;
	text-align: center;
	display:table;
}

.menu li {
    display: inline-block;
    height:169px;
    list-style:none;
}

.menu li a {
    overflow:hidden;
	text-indent:-9999px;
}

.menu a.item1, .menu a.item2, .menu a.item3, .menu a.item4, .menu a.item5, .menu a.item6, .menu a.item7, .menu a.item8 {
	display: block; 
	height: 169px;
	background:url('../images/menu.png');
}

.menu a.item1{ 
	width: 161px;
	background-position: 0px 0px;
	opacity:0.8;
	-webkit-transition: opacity 1s linear;
	-webkit-transition: opacity 1s;
	-moz-transition:    opacity 1s;
	-o-transition:      opacity 1s;
}

.menu a.item2{ 
	width: 151px;
	background-position: -160px 0px;
	opacity:0.8;
	-webkit-transition: opacity 1s linear;
	-webkit-transition: opacity 1s;
	-moz-transition:    opacity 1s;
	-o-transition:      opacity 1s; 
}

.menu a.item3{ 
	width: 151px;
	background-position: -305px 0px;
	opacity:0.8;
	-webkit-transition: opacity 1s linear;
	-webkit-transition: opacity 1s;
	-moz-transition:    opacity 1s;
	-o-transition:      opacity 1s; 
}

.menu a.item4{ 
	width: 140px;
	background-position: -455px 0px;
	opacity:0.8;
	-webkit-transition: opacity 1s linear;
	-webkit-transition: opacity 1s;
	-moz-transition:    opacity 1s;
	-o-transition:      opacity 1s; 
}

.menu a.item5{ 
	width: 145px;
	background-position: -600px 0px;
	opacity:0.8;
	-webkit-transition: opacity 1s linear;
	-webkit-transition: opacity 1s;
	-moz-transition:    opacity 1s;
	-o-transition:      opacity 1s; 
}

.menu a.item6{ 
	width: 145px;
	background-position: -750px 0px;
	opacity:0.8;
	-webkit-transition: opacity 1s linear;
	-webkit-transition: opacity 1s;
	-moz-transition:    opacity 1s;
	-o-transition:      opacity 1s; 
}

.menu a.item7{ 
	width: 130px;
	background-position: -895px 0px;
	opacity:0.8;
	-webkit-transition: opacity 1s linear;
	-webkit-transition: opacity 1s;
	-moz-transition:    opacity 1s;
	-o-transition:      opacity 1s; 
}

.menu a.item8{ 
	width: 130px;
	background-position: -1038px 0px;
	opacity:0.8;
	-webkit-transition: opacity 1s linear;
	-webkit-transition: opacity 1s;
	-moz-transition:    opacity 1s;
	-o-transition:      opacity 1s; 
}

.menu :hover a.item1, .menu :hover a.item2, .menu :hover a.item3, .menu :hover a.item4, .menu :hover a.item5, .menu :hover a.item6, .menu :hover a.item7, .menu :hover a.item8{
	position: relative;
	z-index: 10;
}

.menu :hover a.item1{ 
	background-position: 0px 167px;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s linear;
	filter: none;
	opacity:1;
}

.menu :hover a.item2{ 
	background-position: -160px 167px;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s linear;
	filter: none;
	opacity:1;
}

.menu :hover a.item3{ 
	background-position: -305px 167px;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s linear;
	filter: none;
	opacity:1;
}

.menu :hover a.item4{
	background-position: -455px 167px;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s linear;
	filter: none;
	opacity:1;
}

.menu :hover a.item5{ 
	background-position: -600px 167px;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s linear;
	filter: none;
	opacity:1;
}

.menu :hover a.item6{
	background-position: -750px 167px;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s linear;
	filter: none;
	opacity:1;
}

.menu :hover a.item7{
	background-position: -895px 167px;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s linear;
	filter: none;
	opacity:1;
}

.menu :hover a.item8{
	background-position: -1038px 168px;
	filter: alpha(opacity=100);
	-webkit-transition: opacity 1s linear;
	filter: none;
	opacity:1;
}


#direitos {
	width:100%;
    height:130px;
	margin-top:4%;
}

#comunicateca {
    width:180px;
	height:auto;
	padding:10px;
	float:right;
	margin:10px 0;
	
	background-color:#FFF;
	opacity:0.8;
	line-height:15px;
	border-radius: 10px 0;
}

#ava {
    width:150px;
	height:auto;
	padding:10px;
	float:right;
	margin:10px;
	
	background-color:#FFF;
	opacity:0.8;
	line-height:15px;
	border-radius: 10px 0;
}



#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#fff;
  display:none;
  opacity:0.3;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:700px; 
  height:auto;
  padding:10px;

}
.maintext{
	text-align: center;
	font-family: "Segoe UI", sans-serif;
	text-decoration: none;
}


#popupfoot{
	font-family: "Segoe UI", sans-serif;
	font-size: 14pt;
	padding: 10px 20px;
	color:#161616;
}

#popupfoot a{
	text-decoration: none;
	color:#161616;
}
.agree:hover{
	background-color: #ffffff;
}