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

/* resetando o css */
@import url('reset.css');
/* resetado */

/* */

/* 1. Estilos principais */
body {
	margin-top:10px;
	background:url(../images/bg-bi-mba-internacional.jpg) repeat-x #1E3B49;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}
#wrapper {
	margin:auto;
	width:960px;
	overflow:hidden;
}

/* 2. menu */
#menu-content{
	width: 100%;
	height: 30px;
	float: left;
	margin: 0;
}

.lava_menu {
	height: 30px;
	width: 960px;
	overflow: hidden;
	text-align:center;
	float: left;
	margin: 0px 0px 0px -560px;
	padding: 0px 0px 0px 85px;
	left: 50%;
	position:relative;
}
		.lava_menu li {
			float: left;
			list-style: none;
		}
			.lava_menu li.back {
				background: url(../images/img-menu-superior-hover.jpg) no-repeat right;
				width: 0px;
				height: 30px;
				z-index: 8;
				position: absolute;
				
			}
				.lava_menu li.back .left {
					background: url(../images/img-menu-superior-hover.jpg) no-repeat top left;
					height: 27px;
					margin-right: 8px; /* 7px is the width of the rounded shape */
				}
			.lava_menu li a {
					text-transform:uppercase;
					font-size: 15px;
					color:#1d3b48;
					text-decoration: none;
					outline: none;
					letter-spacing: 0;
					z-index: 20;
					display: block;
					float: left;
					height: 27px;
					position: relative;
					overflow: hidden;
					padding: 5px 7px 0px 7px;
			}
				.lava_menu li a:hover, .lava_menu li a:active, .lava_menu li a:visited, .lava_menu li a.current {
					border: none;
				}

/* 3. menu lateral */
#lateral {
	float:left;
	display:block;
	width:300px;
	overflow:hidden;
}
#lateral #menu-interno {
	float:left;
	overflow:hidden;
	display:block;
	width:242px;
	padding:130px 0 20px 30px;
	background:url(../images/img-menu-lateral-seta-grande.png) no-repeat;
}
#lateral #menu-interno ul {
	font-size:13px;
	text-transform:uppercase;
	position:relative;
	width:222px;
}
#lateral #menu-interno ul li {
	float:left;
	clear:left;
	width:auto;
}
#lateral #menu-interno ul li a{
	z-index:20;
	color:#fff;
	display:block;
	float: left;
	position: relative;
	padding:0 0 15px 30px;
	text-decoration:none;
	white-space:nowrap;
}
#lateral .seta {
	display:block;
	background:url(../images/img-menu-lateral-seta-pequena.png) no-repeat;
	width:242px;
	height:46px;
	float:left;
	clear:left;
}
#lateral #menu-interno ul li.back {
				background: url(../images/img-menu-lateral-hover.png) no-repeat left;
				width: 0px;
				height: 52px;
				z-index: 8;
				position: absolute;
				left:0;
				
			}
				
/* 4. index */
#index-content {
	height:955px;
	width:960px;
	display:block;
	overflow:hidden;
	float:left;
	clear:left;
	background:url(../images/img-index-setas-do-rodape.png) left bottom no-repeat;
}
#index-content p.conhecimento {
	margin:0 0 20px 115px;
	background:url(../images/img-index-conhecimento-global-para-abrir-caminhos.png) no-repeat;
	width:666px;
	height:21px;
	text-indent:-15000px;
	display:block;
}
#index-content p.valor {
	background:url(../images/img-index-valores.png) no-repeat;
	margin:70px 0 0 140px;
	text-indent:-15000px;
	display:block;
	width:409px;
	height:55px;
}
#index-content h1.rodape-index a{
	background:url(../images/img-logo-bi-international-rodape-index.png) no-repeat;
	margin:50px 0 0 90px;
	text-indent:-15000px;
	display:block;
	width:289px;
	height:78px;
	float:left;
}
#index-content #parcerias {
	margin:50px 0 0 40px;
	display:block;
	float:left;
}
#index-content #parcerias dt {
	background: url(../images/img-parcerias-internacionais.png) no-repeat;
	margin:0 0 18px 0;
	text-indent:-15000px;
	display:block;
	width:160px;
	height:12px;
}
#index-content #parcerias dd.berkeley {
	background: url(../images/img-logo-berkeley-rodape-index.png) no-repeat;
	margin:0;
	text-indent:-15000px;
	display:block;
	width:111px;
	height:36px;
	float:left;
}
#index-content #parcerias dd.columbia {
	background: url(../images/img-logo-columbia-rodape-index.png) no-repeat;
	margin:0 0 0 30px;
	text-indent:-15000px;
	display:block;
	width:229px;
	height:36px;
	float:left;
}
#index-content .index-rodape-linha-um {
	clear:both;
	display:block;
	float:left;
	width:580px;
	overflow:hidden;
	font-size:13px;
	text-align:right;
	margin-top:80px;
}
#index-content .index-rodape-linha-um p{
	margin-bottom:12px;
}
#index-content p.index-rodape-telefone {
	background: url(../images/img-index-telefone-11-3014-1000.png) no-repeat;
	margin:80px 0 0 50px;
	text-indent:-15000px;
	display:block;
	width:172px;
	height:28px;
	float:left;
}


/* 5. páginas internas */
#conteudo-interno {
	padding-top:50px;
	width:650px;
	display:block;
	float:right;
	overflow:hidden;
	margin-bottom:100px;
}
#conteudo-interno h1 {
	font-size:50px;
	margin-bottom:50px;
	text-transform:uppercase;
	font-weight:normal;
}
#conteudo-interno p {
	clear:left;
	font-size:14px;
	line-height:24px;
	margin-bottom:35px;
}
#conteudo-interno.mba p strong {
	font-weight:normal;
}
#conteudo-interno p a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#conteudo-interno p a:hover{
	text-decoration:underline;
}
#conteudo-interno #berkeley {
	background: url(../images/img-logo-berkeley-rodape-index.png) no-repeat;
	text-indent:-15000px;
	display:block;
	width:111px;
	height:36px;
	float:left;
}
#conteudo-interno #columbia {
	background: url(../images/img-logo-columbia-rodape-index.png) no-repeat;
	text-indent:-15000px;
	display:block;
	width:229px;
	height:36px;
	float:left;
}
#conteudo-interno .depoimento {
	margin-bottom:30px;
	line-height:22px;
}
#conteudo-interno h2 {
	padding-bottom:20px;
	font-size:33px;
}
#conteudo-interno ul {
	padding-bottom:20px;
}
#conteudo-interno ul.diferenciais {
	padding-bottom:20px;
	list-style:disc;
	padding-left:20px;
}
#conteudo-interno ul.diferenciais li {
	padding-bottom:15px;
	padding-left:15px;
}

#conteudo-interno ul li ul {
	padding-left:30px;
	padding-bottom:0;
}
#conteudo-interno .depoimento .aluno {
	padding-top:12px;
	font-style:normal;
	font-size:12px;
}
#conteudo-interno .depoimento .aluno .nome_do_aluno {
	font-weight:bold;
	margin-right:5px;
	font-size:14px;
}
#conteudo-interno form fieldset {
	margin-bottom:10px;
	clear:both;
}
#conteudo-interno form fieldset label {
	width:100px;
	float:left;
	display:block;
	overflow:hidden;
	text-align:right;
	height:22px;
}
#conteudo-interno form fieldset input, #conteudo-interno form fieldset textarea {
	width:350px;
}
#conteudo-interno form fieldset #DDD_Res, #conteudo-interno form fieldset #DDD_Com, #conteudo-interno form fieldset #DDD_Cel {
	width:30px;
}
#conteudo-interno form fieldset #Tel_Res, #conteudo-interno form fieldset #Tel_Com, #conteudo-interno form fieldset #Celular {
	width:90px;
}
#conteudo-interno form #como-tomou-conhecimento fieldset {
	margin:5px 0;
	clear:none;
	float:left;
	display:block;
	width:180px;
}
#conteudo-interno form #como-tomou-conhecimento fieldset label {
	width:auto;
	float:left;
	display:block;
	overflow:hidden;
	text-align:left;
	height:22px;
}
#conteudo-interno form #como-tomou-conhecimento fieldset input {
	float:left;
	clear:left;
	width:15px;
	margin-left:100px;
}
#conteudo-interno form #como-tomou-conhecimento fieldset #outros-quais {
	float:left;
	clear:none;
	width:250px;
	margin:0 0 0 5px;
}






#conteudo-interno form fieldset #submit {
	width:90px;
	margin-left:360px;
}
#conteudo-interno form dl {
	line-height:22px;
}
#conteudo-interno form dl dd{
	padding-left:20px;
}

#conteudo-interno form dl a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
#conteudo-interno form dl a:hover {
	text-decoration:underline;
}
/* 6. rodapes */
#rodape-interno {
	display:block;
	width:500px;
	clear:both;
	background:url(../images/img-rodape-seta-para-direita.png) left bottom no-repeat;
	height:150px;
	bottom:0;
}
#rodape-interno h1.rodape-index a{
	background:url(../images/img-logo-bi-international-rodape-interna.png) no-repeat;
	margin:10px 0 0 31px;
	text-indent:-15000px;
	display:block;
	width:179px;
	height:49px;
	float:left;
}
#rodape-interno #parcerias {
	margin:10px 0 0 35px;
	display:block;
	float:left;
}
#rodape-interno #parcerias dt {
	background: url(../images/img-parcerias-internacionais-interna.png) no-repeat;
	margin:0 0 18px 0;
	text-indent:-15000px;
	display:block;
	width:100px;
	height:8px;
}
#rodape-interno #parcerias dd.berkeley {
	background: url(../images/img-logo-berkeley-rodape-interna.png) no-repeat;
	margin:0;
	text-indent:-15000px;
	display:block;
	width:69px;
	height:23px;
	float:left;
}
#rodape-interno #parcerias dd.columbia {
	background: url(../images/img-logo-columbia-rodape-interna.png) no-repeat;
	margin:0 0 0 20px;
	text-indent:-15000px;
	display:block;
	width:142px;
	height:22px;
	float:left;
}
#rodape-interno .interna-rodape-linha-um {
	clear:both;
	display:block;
	float:left;
	width:435px;
	overflow:hidden;
	font-size:13px;
	text-align:right;
	margin-top:20px;
}
.laranja {
	color:#f7941e;
}
#lateral img {
	margin:40px 0 0 40px;
}

/* css do relatório do formulário de contato */
#estatistica {
	margin-top:30px;
	margin-bottom:60px;
	display:block;
}
#estatistica h1 {
	padding:30px 0;
	font-size:30px;
}

#estatistica .tipo_resposta {
	display:block;
	float:left;
	clear:left;
	text-align:right;
	padding: 5px 15px;
	width:300px;
}
#estatistica .quantidade_resposta {
	display:block;
	float:left;
	padding: 5px 15px;
	width:300px;
}
#estatistica .tipo_internauta {
	display:block;
	float:left;
	clear:left;
	text-align:right;
	padding: 5px 15px;
	width:300px;
	font-weight:bold;
}
#estatistica .quantidade_internauta {
	display:block;
	float:left;
	padding: 5px 15px;
	width:300px;
	font-weight:bold;
}
#estatistica .tipo_quantidade {
	display:block;
	float:left;
	clear:left;
	text-align:right;
	padding: 5px 15px;
	width:300px;
	font-weight:bold;
}
#estatistica .quantidade_quantidade {
	display:block;
	float:left;
	padding: 5px 15px;
	width:300px;
	font-weight:bold;
}
#estatistica form {
	display:block;
	clear:left;
	width:700px;
	margin:auto;
	padding-top:25px;
	padding-bottom:100px;
	font-size:10px;
}
#estatistica #data_select {
	display:block;
	float:left;
}
#estatistica #data_ok {
	float:left;
	height:22px;
	width:22px;
	background:#F90;
	border:#F60 solid 1px;
	color:#fff;
	font-size:9px;
	font-weight:bold;
}
#estatistica #bar1 {
	margin:auto;
	width:400px;
	text-align:center;
	margin-bottom:20px;
}
#estatistica table {
	margin:20px;
}
#estatistica table td {
	width:200px;
	padding:5px;
	border:solid 1px #fff;
}
#estatistica table td a{
	color:#fff;
	text-decoration:none;
}
#estatistica table td a:hover {
	color:#F60;
}
#estatistica table td.data {
	width:120px;
}
#conteudo-interno form #pequeno-form fieldset {
	width:110px;
	float:left;
	clear:none;
}
#conteudo-interno form #pequeno-form .input {
	width:10px;
	float:left;
}
#conteudo-interno form #pequeno-form .label {
	float:left;
	display:block;
	width:70px;
	text-align:left;
	padding-left:5px;
}
#conteudo-interno form #pequeno-form #outros-quais {
	width:100px;
}
h6.receba-pdf a{
	padding-top:15px;
	width:183px; 
	height:79px;
	display:block;
	background:url(../images/img-botao-receba-em-seu-email-o-programa-completo-do-curso-em-pdf.jpg) center center no-repeat;
	text-indent:-15000px;
}
h6.receba-pdf a:hover { 
	background:url(../images/img-botao-receba-em-seu-email-o-programa-completo-do-curso-em-pdf-hover.jpg) center center no-repeat;
}