/* Base */
* { margin: 0; padding: 0; border: 0; }
.reset { clear: both; }
body { text-align: center; color: #000;
       background: #ffd url(../img/body_fundo_2.gif) repeat-x 0px 100px; letter-spacing: 0.03em;
       font: 80%/1.55 Tahoma, 'Trebuchet MS', Verdana, Arial, Sans-Serif; }
h2 { font-size: 150%; }
h3 { font-size: 115%; }
h3.destaque { font-size: 130%; }
h4 { font-size: 110%; margin-bottom: 10px; }
h5 { font-size: 105%; margin-bottom: 10px; }
h6 { font-size: 100%; margin-bottom: 5px; }

a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }
a span.link { text-decoration: underline; font-weight: bolder; }

/* Topo */
.banner_topo { background: url(../img/fundo_logo.gif) repeat-x; text-align: left; height: 98px; }
.banner { margin: 0 auto; width: 980px; }

/* Logotipo */
h1 { font-size: 90%; }
a.logo { float: left; display: block; background: no-repeat url(../img/logo.gif) left top;
         color: #000; padding: 90px 0 0 300px; text-decoration: none; letter-spacing: 0; }
h1 a:hover { color: #444; }
h1 a span { display: none; }

/* Menu */
.menu { font-weight: bold; margin-top: 10px; width: 210px;
        font-size: 1.3em; }
.menu ul { list-style: none; }
.menu li { margin: 0px; padding: 0px; }
.menu a { padding-left: 35px; height: 37px; text-decoration: none;
         display: block; color: #000; }
.menu a div { position: relative; /*padding-top: 5px;*/ }
.menu a:link, .menu a:visited { background: url(../img/menu2.png) -2px -2px no-repeat;  }
.menu a:hover { padding-left: 30px; background: url(../img/menu2.png) -2px -55px no-repeat; }
.menu a.ativo, .menu a:active { background: url(../img/menu2.png) -2px -88px no-repeat; }

/* Menu 2 */
.menu2 { text-align: left; font-size: 1.3em; font-weight: bold; }
.menu2 a { display: block; padding-left: 30px;
          background: url(../img/menu3.png) -4px -3px no-repeat;
          height: 32px; width: 210px; text-decoration: none; padding-top: 5px;}
.menu2 a:link, .menu a:visited { background: url(../img/menu3.png) -4px -3px no-repeat;  }
.menu2 a:hover { background: url(../img/menu3.png) -4px -44px no-repeat; }
.menu2 a.ativo, .menu a:active { background: url(../img/menu3.png) -4px -85px no-repeat; }


/* Menu Topo */
.menu_topo { height: 28px; background: url(../img/menu_fundo_topo.gif); }
.menu_topo a { color: #fff; display: inline-block; text-decoration: none;
              padding: 5px 10px; font-weight: bold; }
.menu_topo a:hover { background: #ffff33; color: #000; }

/* Newsletter & Área do Aluno */
.news { position: absolute; right: 10%; }
.news ul { list-style: none; }
.news li { float: left; }
.news a { font-size: 105%; display: block; padding: 10px 10px 7px 10px; margin-right: 4px;
          background: url(../img/box_fundo_03.jpg); font-weight: bold; /*color: #050;*/ }
.borda_inferior_menus { border-bottom: 2px solid #37A77B; border-right: 2px solid #37A77B; border-left: 2px solid #37A77B;
          -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;
          -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; }
.news a:hover { /*background: #ff2;*/ color: #000; padding-top: 15px; text-decoration: none; }
#novo_news { font-size: 1em; font-weight: bold; text-align: left; }
.novo_news { margin-top: 10px; }

/* Esqueleto */
.base_fundo_topo { padding-left: 1px; padding-right: 1px;
                  /*border-right: 1px solid #cc6; border-left: 1px solid #cc6;*/
                  width: 998px; margin: 0 auto; text-align: left;
                  background: #ffd url(../img/body_fundo_5.gif) repeat-x; }
.base_fundo_dir { background: #ffd; padding-bottom: 15px; }
.canto_dir  { margin-left: 10px; float: left; width: 220px; }
.canto_esq { margin-right: 10px; float: right; width: 745px; }

/* Boxes */
.box { margin-top: 10px; text-align: justify; padding-top: 1px; }
.amarelo_box { background: #FFC url(../img/box_fundo_05.gif) repeat-x left top; border: 1px solid #EECC00; }
.verde_box { background: #ffcc66 url(../img/box_destaque_01.jpg) repeat-y right top; border: 2px solid #000; }
.mais_verde_box { background: #FFF url(../img/box_fundo_06.gif) repeat-x left top; border: 1px solid #aca; }
.azul_box { background: #FFF url(../img/box_fundo_01.gif) repeat-x left top; border: 1px solid #acc; }
.laranja_box { background: #FFF url(../img/box_fundo_04.gif) repeat-x left top; border: 1px solid #feb63a; }
.mais_amarelo_box { background: #FFF url(../img/box_fundo_04.gif) repeat-x left top; border: 1px solid #000; }
.rosa_box { background: #FFF url(../img/box_fundo_07.gif) repeat-x left top; border: 1px solid #caa; }
.pub_scroll_box  { border: 2px solid #aca; text-align: center; padding-top: 5px; }
.spacing { letter-spacing: 0; }
.padding_box  { padding: 0 10px 10px 15px; }
.padding_box_pq { padding: 0 10px 5px 0px; }
.padding { padding: 10px; }
.header2_box h2 { margin: 10px; padding-bottom: 3px; border-bottom: 1px solid #000; }
.header3_box h3 { font-size: 110%; }
.header3_box_pq h3 { margin: 10px 10px 3px; padding-bottom: 3px; border-bottom: 1px solid #000; }
.borda_div { -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.borda_5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; }
p.destaque { font-size: 110%; }
div#equipe_box { padding: 6px; font-size: 85%; }
div#equipe_box h4 { border-bottom: 1px solid #000; padding: 0 0 2px; margin: 0 0 3px; font-size: 120%; }
.box a { text-decoration: none; color: #000; }
.box a:hover { text-decoration: underline; }
.box a.quadrado { display: block; float: left; margin: 0 5px 0 0; font-size: 130%; font-weight: bold; margin-top: 5px; text-decoration: none; }
.box_hidden { display: none; position: absolute; right: 10%; width: auto; }
.box_aluno, .box_news { background: url(../img/box_fundo_03.jpg) repeat-x #FFF; padding: 8px 0 0 8px; }
.fechar_box { text-align: right; }
.div_2 { width: 364px; float: left; }

/* Redes Sociais */
.redes_sociais { clear: both; margin-top: 10px; font-weight: bold;
	vertical-align: middle; padding: 10px 10px 0px 10px; height: 45px; }
.redes_sociais div { float: left; margin-bottom: 10px; padding-right: 12px; width: 225px;}
.redes_sociais img { width: 35px; float: left; margin-right: 8px; }
.redes_sociais p { padding-top: 8px; font-size: 1.1em; }
/* Formulários */
fieldset { padding: 4px; }
fieldset ul li { padding-bottom: 8px; }
textarea, .input { font-size: 90%; border: 1px solid #7A7; padding: 3px; background: #FDFDFD; }
.submit_inicio { float: right; }
.formulario label { float: left; width: 180px; font-weight: bold; }
.formulario div { padding: 5px 10px; }
.submit { margin-left: 250px; }

/* Validação Geral */
.validacao { width: auto; border: 1px solid #F88; background: #FDD; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 4px; margin-bottom: 3px; }
.aviso { border: 1px solid #CC8; background: #FF8; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 4px; margin-bottom: 3px; }

/* Outros Boxes */
.margem { margin-top: 10px; }
.box_normal { text-align: justify; margin-top: 10px; margin-left: 5px; padding: 10px;
               background: #FFE; border: 1px dotted #333; font-size: 130%; }
.box_normal p { padding-bottom: 10px; }
.box_normal ul { list-style: none; margin-left: 15px; margin-top: 10px; }
.box_normal li { margin: 3px; }
.calendario_curso { margin: 5px 0; padding: 5px; }
.calendario_curso p { margin-left: 10px; padding: 7px; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; }
.calendario_curso p.hoje { background: #ff9; }

/* Turmas */
.turma span, span.margem_2{ font-weight: bold; clear: both; float:left; width: 200px; }
.turmas ul li a { text-decoration: none; color: #080; }
.turmas ul li a:hover { text-decoration: underline; }

/* Corpo Docente */
.acord { display: block; margin-bottom: 8px; text-decoration: none; color: #333; margin-left: 15px; padding: 1px; }
.acord span { padding: 0 3px; border: 1px #000 solid; font-size: 110%; background: #FFF; }
.acord:hover { background: #AEA; text-decoration: none; }
.detalhes span { font-weight: bold; }
.professor_full { padding: 5px; margin-left: 35px; margin-bottom: 15px; }
.detalhes { float: left; padding: 5px; font-size: 90%;  width: 500px; margin-left: 8px; }
.professor { float: left; width: 94px; padding: 3px; font-size: 70%; height: 127px; background: #DDDDAA; text-align: center; }
.current span { padding: 0 6px; }

/* Separador */
hr.sep { border-top: 1px #666 dotted; margin: 5px 0 15px 0; height: 1px; background: #fff; }

/* Conteúdo */
.categoria { font-size: 1.2em; color: #060; }
.conteudo .padding_box { width: 640px; }

/* jQuery */
.dnull { display: none; }
.canto_sup_amarelo { background: #E3D45F; padding: 2px; margin-top: 10px; }
.canto_sup_verde { background: #BDDA6F; padding: 2px; margin-top: 10px; }

/* Info */
ol.info, ul.info, dl.info { padding: 10px; margin-bottom: 5px; }
.info li { margin-left: 30px; }

/* tabelas de info */
.resultado td { padding: 3px; }

/* Tour */
a.tour { color: #090; font-size: 110%; }

/* popup */
#popup { display: none; position: absolute; border: 1px solid #000; padding: 1px; background: #FFF; bottom: 10px; right: 10px; }
#fechar_popup { display: block; text-align: right; margin-right: 10px; font-weight: bold; margin-bottom: 3px; }

/* galeria */
.galeria { text-align: center; }

/* rodape */
.rodape { width: 980px; margin: 0 auto; }
.rodape div { float: left; width: 400px; margin-right: 10px; margin-left: 50px; }
.rodape div img { float: left; padding-right: 5px; padding-bottom: 5px; }
.rodape .link { display: block; font-size: 1.1em; padding: 5px 12px; }
.rodape .nm { margin-right: 0; }

/* meu aluno */
.menu_aluno_titulo { float: left; }
.menu_aluno {	float: right; font-size: 1.2em;
				border: 1px #000 solid; background: #E3D45F; padding: 0 10px; }
.material_tabela { border-collapse: collapse; font-size: 0.8em; text-align: left; }
.material_tabela tr.turma { background: #CCC; padding: 10px; font-size: 1.4em; font-weight: bold; }
.material_tabela td, .material_tabela tr, .material_tabela th { border: #000 1px solid; padding: 0.4em; }
a.link_material { color: #009; text-decoration: underline; }
tr.titulo { font-size: 1.2em; }

/* pdf */
.pdf {
	border: 1px #ccc solid;
	width: 120px;
	font-weight: bold;
	padding: 3px 7px;
	background: #ffc;
	font-size: 0.7em;
}

/* videos */
.videos {
	text-align: center;
}

.videos a {
	display:block;
	/*width: 440px;
	height: 270px;*/
	width: 450px;
	height: 300px;
	margin-left: 140px;
}