﻿/** ESPM Hotsite Pós-Graduação **/

/* DEFAULT ------------------------------------------------------------------------------------------- */

html, body{height:100%;} 

body{
background:#000 !important;
font-family:"Trebuchet MS";
font-size:12px !important;
line-height:15px !important;
color:#fff;}

h1{font-weight:normal; margin:0 0 10px 0;}

h2{font-weight:normal; margin:0 0 10px 0; color:#00adef; font-size:18px;}

h3{font-weight:normal; margin:0 0 3px 0; color:#00adef; font-size:12px;}

h4{font-weight:bold; margin:0; color:#00adef; font-size:18px;}

a{color:#fff; text-decoration:none;}
a:active{color:#fff; text-decoration:underline;}
a:visited{color:#fff; text-decoration:none;}
a:hover{color:#fff; text-decoration:underline;}

a img{border:0; text-decoration:none;}

p{margin:20px 0; font-weight:normal;}

/* GLOBAL -------------------------------------------------------------------------------------------- */

.global{
width:922px; 
min-height:100%;
margin:0 auto; 
padding:0 38px;
position:relative;}

* html .global{height: 100%;}

/* CONTENT ------------------------------------------------------------------------------------------- */

.content{padding:0 0 39px 0;}

/* HEADER -------------------------------------------------------------------------------------------- */

.header{
background:url("/Candidato/Documents/Img/Header/bgHeader.gif") repeat-x left bottom;
width:100%;
height:90px;
padding:17px 0 0 0;}

.header .logo{margin:0 15px 0 0;}

.header img{float:left;}

.header div{
width:380px;
float:right;
text-align:right;
position:relative;}

.header div span{
clear:both; 
display:block;
margin:0 0 9px 0;}

.header div img{float:none;}

.header div label{
font-size:11px; 
color:#00adf0; 
font-weight:normal;}

.header div input.nome, .header div input.pass{
border:none; 
margin-right:3px; 
padding:1px;}

.header div input.nome{width:120px;}
.header div input.pass{width:114px;}

.header div input[type="image"]{position:relative; top:3px;}

.header ul, .header ul li{height:30px;}

.header ul{ 
width:680px; 
padding:0 0 0 20px;
margin:14px 0 0 0; 
*margin:12px 0 0 0; 
float:right;}

.header ul li{float:left;}

.header ul li.separador{
width:1px; 
background:#fff; 
margin:0 28px;}

/* MAIN ---------------------------------------------------------------------------------------------- */

.main{
width:100%;
padding:25px 0 15px 0;
position:relative;}

/* MAIN . HOME ------------------------------------------------ */

.main .principal{
width:470px;
padding:0 62px 0 0;
_padding:0 20px 0 0;
float:left;}

.main .rightBar{
width:360px;
border-left:solid 1px #fff;
padding:10px 0 10px 27px;
_padding:10px 0 10px 22px;
float:right;}

.hr{
background:url("/Candidato/Documents/Img/Header/bgHeader.gif") repeat-x left bottom;
width:100%;
height:2px;
margin:15px 0;}

/* MAIN . CURSOS ------------------------------------------------ */

.sideBar{
width:152px;
float:left;
padding:10px 0 0 0;}

.sideBar p{
text-align:center; 
margin:10px 0 0 0;}

.sideBar p a{
font-size:14px; 
line-height:16px;}

.sideBar p a.on{color:#00adef;}

.conteudo{
float:right;
font-size:12px;
line-height:15px;
width:726px;
_width:700px;
min-height:600px;
border-left:solid 1px #fff;
padding:10px 0 10px 38px;}

.imgConteudoG{
background:url("/Candidato/Documents/Img/Estrutura/bgImageG.gif") repeat-x;
margin-left:5px;
padding:5px;
float:right;}

.imgConteudoP{
background:url("/Candidato/Documents/Img/Estrutura/bgImageP.gif") repeat-x;
padding:5px;}

.imgNucleos{
margin:10px; 
float:left;}

.conteudo .parceria li{float:left; width:142px; height:140px; font-size:10px; text-align:center; margin:10px 0 0 0;}
.conteudo .parceria li.separador{width:3px; border:0;}

/* MAIN . SOBRE . ACREDITACOES ------------------------------------------------ */

.acreditacoes {width:100%; margin:20px 0;}
.acreditacoes li{float:left; margin-right:5px; text-align:justify;}
.acreditacoes li.link{float:right; padding-top:10px;}

/* INSTALACOES */

.instalacoes{padding:1px 5px 3px; font-family:Arial; font-size:11px; margin:2px;}
.instalacoesOn{padding:1px 5px 3px; background:#00adef; font-family:Arial; font-size:11px; margin:2px;}

.descricao{font-size:12px; line-height:15px;}

/* MAIN . SOBRE . NUCLEOS DE ESTUDO ------------------------------------------- */

.hide{display:none;}

.show{display:block;}

.nucleos{margin:30px 0 0 0;}

.nucleos li.titulo a{
font-size:14px; 
color:#00adef; 
font-size:20px; 
padding:0 0 0 5px; 
text-decoration:none;}

.nucleos li.separador{
background:url("/Candidato/Documents/Img/Header/bgHeader.gif") repeat-x left bottom; 
height:2px; 
font-size:0; 
line-height:0; 
margin:15px 0;}

.nucleos p.veja{text-align:right;}

.nucleos p.veja a{
background:url("/Candidato/Documents/Img/Botoes/bulletMais.gif") no-repeat center left; 
padding:0 0 0 12px; 
font-weight:bold;}

/* MAIN . CURSOS PRINCIPAL ----------------------------------------------------- */

.campusSP{
width:404px; 
float:left; 
padding-left:30px}

.campusSP .acesse{
float:right; 
margin:10px 10px 0 0;}

.campusBR{
width:403px; 
float:right;}

.campusBR .acesse{
float:right; 
margin:11px 30px 0 0;}

/* MAIN . CURSOS INTERNA -------------------------------------------------------------*/

.curso{width:555px; float:left;}

.curso a.indique{
background:url("/Candidato/Documents/Img/Cursos/icoFaleConosco.gif") no-repeat left center; 
padding:0 0 0 20px; 
margin:0 30px 0 0;
font-weight:bold;
font-size:13px;}

.curso a.inscreva{
background:url("/Candidato/Documents/Img/Cursos/icoInscrevase.gif") no-repeat left center; 
padding:0 0 0 10px; 
margin:0 30px 0 0;
font-weight:bold;
font-size:13px;}

.curso ul li h4{margin-top:35px;}

.curso ul li.lista{ 
margin:10px 0 0 0; 
background:url("/Candidato/Documents/Img/Botoes/bulletLink.gif") no-repeat left 5px; 
padding:0 0 0 13px;}

.curso ul li.texto{margin:20px 0 0 0;}

.nav{margin:15px 0 0 0;}

.side{
width:340px; 
float:right;
padding:70px 0 0 0;}

.side .professor{
background:url("/Candidato/Documents/Img/Cursos/bgProfessor.gif") repeat-x left top; 
padding:10px 10px 0; 
min-height:143px;}

.side .professor h4{
background:url("/Candidato/Documents/Img/Cursos/icoProfessor.gif") no-repeat left center; 
padding:0 0 0 20px; 
margin:0 0 10px 0;}

.side .professor a.comigo{
background:url("/Candidato/Documents/Img/Cursos/icoFaleConosco.gif") no-repeat left center; 
padding:0 0 0 16px; 
display:; 
margin:2px 0 0 5px;}

.side .professor a.video{
background:url("/Candidato/Documents/Img/Cursos/icoVideo.gif") no-repeat left center; 
padding:0 0 0 16px;  
display:; 
margin:2px 0 0 5px;}

.side .professor div.img{
width:135px; 
float:left}

.side .professor div.img img{
background:url("/Candidato/Documents/Img/Estrutura/bgImageP.gif") repeat-x;
padding:5px;}

.side .professor div.desc{
width:175px; 
float:right;}

.side .professor div.desc p{margin:0;}

.side .pdf{
background:url("/Candidato/Documents/Img/Cursos/bgPdf.gif") repeat-x left top; 
padding:10px 10px 0; 
min-height:143px; 
margin:25px 0 0 0;}
.side .pdf h4{
background:url("/Candidato/Documents/Img/Cursos/icoInformacoes.gif") no-repeat left center; 
padding:0 0 0 20px; 
margin:0 0 15px 0;}

.side .pdf img{
float:left; 
margin:0 10px 0 0;}

.side .pdf p{margin:0 0 10px 0;}

.side .pdf a.download{
background:url("/Candidato/Documents/Img/Cursos/icoDownload.gif") no-repeat left center; 
padding:0 0 0 10px;}

.cursoRodape{
background:url("/Candidato/Documents/Img/Cursos/bgRodape.gif") repeat-x; 
height:100px; 
padding:10px 0 0 57px; 
margin:30px 0 0 0;}

.cursoRodape li{
float:left; 
text-align:center;}

.cursoRodape li span{
font-weight:bold; 
font-size:20px; 
line-height:28px;
white-space:nowrap;}

.cursoRodape li.separador{
background:#fff; 
width:1px; 
margin:0 50px; 
height:42px;}


/* NOVO LAYOUT DE CURSOS . SAIBA MAIS ----------------------------------------- */

.sideRight {
float:right;
width:340px;
padding:0;
}

.cursoRight{
background:url("/Candidato/Documents/Img/Cursos/bgRodape.gif") repeat-x; 
padding:10px 10px 0 10px; 
margin:80px 0 0 0;}

.cursoRight li{
text-align:center;
margin:7px 0 7px 0;
}

.cursoRight li span{
font-weight:bold; 
font-size:20px; 
line-height:28px;}

.cursoRight hr{
color:#FFF;
width: 150px;
margin:0 auto;
height:0px;
border:1px #FFF solid;
}


/* MAIN . LISTAGEM DE CURSOS --------------------------------------------------- */

ul.listaPosL{float:left;}
ul.listaPosR{float:right;}

ul.listaPosL, ul.listaPosR{
width:446px; 
display:block;}

ul.listaPosL li, ul.listaPosR li{
clear:both; 
margin:20px 0 0 0; 
display:block; 
height:90px;}

ul.listaPosL img, ul.listaPosR img{
float:left; 
margin:0 10px 0 0;}


ul.listaPosL li.separador, ul.listaPosR li.separador{
background:url("/Candidato/Documents/Img/Header/bgHeader.gif") repeat-x left bottom;
width:100%;
height:2px;
margin:10px 0 10px 0;}


ul.listaPosL a , ul.listaPosR a{ 
background:url("/Candidato/Documents/Img/Botoes/bulletLink.gif") no-repeat left 6px; 
font-size:18px; 
padding:0 0 0 10px; 
display:block;
height:100%;
line-height:18px;
margin:15px 0 0 0;}

/* MAIN . LISTAGEM DE CURSOS SEM IMAGEM - INTENSIVOS ----------------------------- */

ul.listaPosLInt{float:left;}
ul.listaPosRInt{float:right;}

ul.listaPosLInt, ul.listaPosRInt{
width:446px; 
display:block;}

ul.listaPosLInt li, ul.listaPosRInt li{
clear:both; 
/*margin:20px 0 0 0;*/ 
display:block; 
/*height:20px;*/}

/*ul.listaPosLInt img, ul.listaPosRInt img{
float:left; 
margin:0 10px 0 0;}
*/

ul.listaPosLInt li.separador, ul.listaPosRInt li.separador{
background:url("/Candidato/Documents/Img/Header/bgHeader.gif") repeat-x left bottom;
width:100%;
height:2px;
margin:10px 0 10px 0;}


ul.listaPosLInt a , ul.listaPosRInt a{ 
background:url("/Candidato/Documents/Img/Botoes/bulletLink.gif") no-repeat left 6px; 
font-size:18px; 
padding:0 0 0 10px; 
display:block;
height:100%;
line-height:18px;
margin:20px 0 0 0;}


/* MAIN . IMPRENSA ------------------------------------------------------ */

.imprensa {margin:15px 0; font-family:Trebuchet MS !important;}
.imprensa h2 {font-weight:normal; margin:0 0 5px 0 !important !important; color:#00adef; font-size:18px;}
.imprensa a {font-weight:normal; margin:0 0 10px 0; color:#ffffff !important; font-size:14px !important; text-decoration:none !important;}
.imprensa a:hover {text-decoration:underline !important;}
.imprensa .data {margin:0; padding:0; font-size:14px;}

.separador {border-bottom:1px solid #FFF;}

/* MAIN . EVENTOS ------------------------------------------------------- */

.eventos{margin:30px 0 45px 0;}
.eventos .imgDestaque{float:left; margin:0 30px 0 0;}

/* MAIN . EVENTOS ------------------------------------------------------- */

.unidade{text-align:right; position:absolute; right:0; margin-top:0px;}
.unidade select{border:solid 1px #abadb3; margin-left:5px; padding:2px;}

/* LIGHTBOX ------------------------------------------------------------- */

.blackBox{
display: none;
position:fixed;
_position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #666;
z-index:5000;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);}
 
.whiteBox {
display: none;
position: fixed;
_position: absolute;
top: 25%;
left: 50%;
width: 500px;
height: 370px;
margin:0 0 0 -260px;
padding:10px;
background-color:#fff;
z-index:5002;
overflow: hidden;
color:#000;}

.segura{
width:330px; 
/*background:url(/Candidato/Documents/Img/Lightbox/topoMsg.gif) no-repeat left top; */
padding:6px 0 0 0;
margin:0 auto;}

.msg{
/*background: #fff url(/Candidato/Documents/Img/Lightbox/footerMsg.gif) no-repeat left bottom; */
width:328px; 
color:#000; 
text-align:center;  
padding:0 0 10px 0}

/* FORMULARIO -------------------------------------------------------------- */

.formulario{width:478px;}
.formulario label{padding:0 10px 0 0; }
.formulario .data, .formulario .evento{padding:0 5px 10px 0; display:block; float:left;}
.formulario input[type="text"]{width:320px;}
.formulario .botoes{padding:10px 33px 0 0;}

.formulario td{
	padding-bottom:6px;
}

.formulario .nome{width:320px;}

/* FALE CONOSCO ------------------------------------------------------------ */

.faleConosco{
width:350px;
padding:10px;
float:left;
margin:0 10px 0 0;
background:url(/Candidato/Documents/Img/Estrutura/bgFaleConosco.gif) repeat-x left top;}

.faleConosco label{
float:left; 
width:63px; 
*width:61px;
_width:61px; 
text-align:right; 
padding:0 5px 0px 0;}

.faleConosco input, textarea{
clear:right; 
margin-bottom:10px; 
width:258px;
border:solid 1px #abadb3;}

.faleConosco img{margin:0 0 0 5px;}

.faleConosco .botao{margin:0 20px 0 0;}

.faleConosco .inputContato{margin:0 0 10px 0;}

.msn{
width:270px; 
float:left;}

.contato{width:228px; float:right}
.contato ul li{padding:5px 0 0 0;}
.contato ul li.telefone{float:left; margin-right:10px}

/* MINI CV ---------------------------------------------------------------------------- */

.mini{
width:450px; 
margin:0 auto; 
text-align:justify;}
	
/* FOOTER -------------------------------------------------------------------------------------------- */

.footer{
width:922px;
position:absolute;
bottom:15px;
z-index:1000;}

/* AUXILIAR ------------------------------------------------------------------------------------------ */

.clear{clear:both;}

.fRight{float:right;}

.fLeft{float:left;}

.lnk{ 
background:url("/Candidato/Documents/Img/Botoes/bulletLink.gif") no-repeat center right;
padding:0 10px 0 0;}

.numero{font-family:arial; font-size:13px; font-weight:bold;}

.linkInterno{color:#fff !important; text-decoration:underline !important;}

.ms-consoletoolbar a{color:#003399; text-decoration:none;}
.ms-consoletoolbar a:hover{color:#003399; text-decoration:none;}
.ms-consoletoolbar a:active{color:#003399; text-decoration:none;}
.ms-consoletoolbar a:visited{color:#003399; text-decoration:none;}

.ms-consolestatus a{color:#003399; text-decoration:none;}
.ms-consolestatus a:hover{color:#003399; text-decoration:underline;}
.ms-consolestatus a:active{color:#003399;}
.ms-consolestatus a:visited{color:#003399;}

.ms-consoleerror a{color:#003399; text-decoration:none;}
.ms-consoleerror a:hover{color:#003399; text-decoration:underline;}
.ms-consoleerror a:active{color:#003399;}
.ms-consoleerror a:visited{color:#003399;}

/* PREHOME */

        .preblack_overlay{
            display: none;
            position: fixed;
            _position: absolute;
            top: 0%;
	_top:-120px;
            left: 0%;
            width: 100%;
            height: 100%;
            _height: 930px;
            background-color: black;
            z-index:1101;
            -moz-opacity: 0.9;
            opacity:.90;
            filter: alpha(opacity=90);}
			
			
        .prewhite_content {
            display: none;
            position: fixed;
            _position: absolute;
            top: 50px;
            left: 50%;
			margin-left: -400px;
            width: 800px;
            height: 470px;
            z-index:1102;
            }
            
.BotaoSkype {
/*	display:none; */
}

#skypedetectionswf{
visibility:hidden;
}

/* Na midia */
.DataNaMidia  {
    color: #FFFFFF;
    float: left;
    font-weight: normal;
    margin-left: 10px;
}

h3.TituloMidia  {
    color: #FFFFFF;
    float: left;
    margin-right: 5px; 
}



