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

@font-face {
    font-family: 'FuturaStdMedium';
    src: url('futurastd-medium-webfont.eot');
    src: url('futurastd-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('futurastd-medium-webfont.woff') format('woff'),
         url('futurastd-medium-webfont.ttf') format('truetype'),
         url('futurastd-medium-webfont.svg#FuturaStdMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{margin:0px; padding:0px; color:#FFFFFF;}
.menu { background:url(../img/bg-menu.png) right bottom no-repeat; width:100%; height:78px;}
#menu{z-index:5; position:fixed; bottom:0; left:0; width:100%;  }
#logo-id{text-indent:-9999px; z-index:6; margin-bottom:10px; position:fixed; bottom:0; left:0; width:226px; height:156px; background: url(../img/logo-id.png) no-repeat;}
#logo-nome{ text-indent:-9999px; z-index:6; margin-bottom:10px; position:fixed; bottom:70px; left:226px; width:149px; height:32px; background: url(../img/logo-nome.png) no-repeat;}
#ead{ width:160px; margin-top:-78px; margin-right:70px;  height:77px; float: right;  text-indent:-9999px; background:url(../img/ead.png) center center  no-repeat; display:block;}
#ead:hover{ background:url(../img/ead-hover.png) center center  no-repeat;}
#ro{ width:90px; margin-top:-78px;  height:77px; float: right;  text-indent:-9999px; background:url(../img/ro.png) center center  no-repeat; display:block;}
#ro:hover{ background:url(../img/ro-hover.png) center center  no-repeat;}
ul.ul-menu { text-align:right; margin-right:220px; }
ul.ul-menu  li{ height:79px;  display:inline-block; list-style:none; background:url(../img/hr-menu.png) left no-repeat; margin-right:-4px;}
ul.ul-menu  li a{ margin-top:8px;color:#FFF; text-decoration:none; font-family:'FuturaStdMedium', "Trebuchet MS", Arial, Helvetica, sans-serif; height:79px;  display:inline-block; padding: 20px 24px 0 20px;}
ul.ul-menu  li a:hover{ color:#CCC;}
ul.ul-menu  li:hover{ background:url(../img/bg-menu-hover.png) left no-repeat; }
ul.ul-menu  li.lm{ margin-right:3px;}

/* CONTEÚDO */
#conteudo { height:65%; left:50%; margin:0 0 0 -40%; position:absolute; top:30px; width:80%;}

#main_content{
	width:100%;
	height:603px;
	position:absolute;
	background: url(../img/bg_content.png) bottom left;
	color: #FFFFFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow:auto;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior:url(border-radius.htc);
	padding:10px;
	left: -1px;
	top: 46px;
}
#carregando{width:150px; height:150px; font-weight:bold; display:none;}
#menu-content{ margin-left:20px;}
#menu-content ul li{ display:inline; list-style:none; margin-right:10px;}
#menu-content ul li a{ width:147px; height:22px; background:url(../img/bg-aba.png) no-repeat; display:block; display:inline-block; color:#FFF; text-decoration:none; font-family:'FuturaStdMedium', "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; font-size:14px; padding-top:6px; }
#menu-content ul li a:hover{ color:#CCC; background:url(../img/bg-aba-hover.png) no-repeat; }
#main_content em{ border-left:5px #333 solid;  background: #333; color:#FFF;}

a.tb-downlaod{ width:149px; height:22px; text-align:center; font-weight:bold; padding-top:3px; display:block; color:#FFF; background:url(../img/btn.png); font-size:12px; text-decoration:none;}
a.tb-downlaod:hover{ color:#CCC;}
.videos{ padding-left:15px; float:left; width:150px; font-size:10px; text-align:center}
.videos a img{ margin-top:20px;border: 3px  #fff solid;}
.videos a img:hover{ border: 3px  #999 solid;}
.video{ width:400px; height:440px;  float:right; margin-left:-50px;}
.apagado{width: 10; filter: gray}
.normal{width: 0; filter:}


#sliderWrap {
margin: 0 auto;
width: 300px;
}
#slider {

position: absolute;
background-image:url(img/slider.png);
background-repeat:no-repeat;
background-position: bottom;
width: 300px;
height: 159px;
margin-top: -141px;
}
#slider img {
border: 0;
}
#sliderContent {
margin: 50px 0 0 50px;
position: absolute;
text-align:center;
background-color:#FFFFCC;
color:#fff;
font-weight:bold;
padding: 10px;
}
#header {
margin: 0 auto;
width: 600px;
background-color: #F0F0F0;
height: 200px;
padding: 10px;
}
#openCloseWrap {
position:absolute;
margin: 143px 0 0 120px;
font-size:12px;
font-weight:bold;
}
#form-ead input{ padding-left:10px; border:none; margin-bottom:5px; color:#CCC; height:33px;	width:409px; background:url(../img/bginput.png) no-repeat;}

#form-ead input.submit{ background: url(../img/btn-enviar.png) no-repeat; width:169px; height:33px; overflow:hidden; line-height: 0;  text-indent:-9999px;}


#pop-ead{ float:left; margin-top:234px; margin-left:45px; }
#pop-ead input{ width:240px; height:31px; margin-bottom:13px; background:none; border:none;}
#pop-ead .submit{ width:188px; height:67px; background:url(../img/btn-pop-enviar.png) no-repeat; display:block; float:right; margin-right:-220px; margin-top:-105px; text-indent:-9999px;}
#pop-ead .submit:hover{ background:url(../img/btn-pop-enviar-hover.png) no-repeat;}
#mask {position:absolute;
z-index:9000;
background-color:#000;
display:none;
}

#boxes .window {
position:absolute;
width:559px;
height:385px;
display:none;
z-index:9999;
background:url(../img/bg-pop-ead.png) no-repeat;
left:25%;
top:10%;
}

/* Personalize a janela modal aqui. Você pode adicionar uma imagem de fundo. */
#boxes #dialog {
width:559px;
height:385px;

}

/* posiciona o link para fechar a janela */
a.close {
width:87px; height:37px; display:block; text-indent:-9999px; background: url(../img/fechar.png) no-repeat; float:right; margin-top:-14px; margin-right:-14px;
}
    #popup{
		z-index:-5;
    position: absolute; /*Define a posição absoluta da pop-up*/
    bottom: 70px; /*Distancia da margem superior da página */
    right: 10px; /*Distancia da margem esquerda da página */
    width: 253px; /*Largura da pop-up*/
    height: 283px; /*Altura da pop-up*/
    padding: 30px 10px 10px 10px; /*Margem interna da pop-up*/
    border-width: 0px; /*Largura da borda da pop-up*/
    border-style: solid; /*Estilo da borda da pop-up*/
    background: url(../img/bg-top.png) no-repeat; /*Cor de fundo da pop-up*/
    color: #CCC; /*Cor do texto da pop-up*/
    display: none; /* Estilo da pop-up*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
    /*fim pop-up*/
    }
	#popup a{ float:right; margin-top:-25px; font-size:12px; font-weight:bold; color:#999; text-decoration:none; margin-right:27px;}
	
	ul#demo-block{ margin:0 15px 15px 15px; }
			ul#demo-block li{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; background:url('img/bg-black.png'); font:11px Helvetica, Arial, sans-serif; }
			ul#demo-block li a{ color:#eee; font-weight:bold; }