/*
Projeto: 
URL: http://www.site.com.br
Description: Desenvolvimento da primeira versão do site
Version: 
Author: Ioanna Lacôrte
Author URI: http://www.ioannalacorte.com.br
*/

@import url("pages.css");
@import url("formularios.css");

html {
	height: 100%;
}

body {
	background: #181818 url(images/bg-bloguni-volta.jpg) no-repeat 50% 22px;
	font: 12px/16px Arial, Helvetica, sans-serif;
}

/*----------------------------------
	Geral
----------------------------------*/
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

a:focus, object { outline: none; }

a { color: #f15a38; text-decoration: none; }
a:hover { text-decoration: underline; }


/*----------------------------------
	Estrutura
----------------------------------*/
#global {
	
}

#topo {
	background: #4a4a4a;
	height: 69px;
}

#cabecalho {
	height: 283px;
}

#corpo {
	
}

#conteudo {
	color: #555;
	display: inline;
	float: left;
	margin: 0 1px 0 46px;
	width: 615px;
}
	#conteudo .posts {
		background: #fff;
		padding: 44px 28px;
	}
	#conteudo .paginacao {
		padding: 25px 0 50px;
	}

#sidebar {
	background: url(images/fundo_sidebar.jpg) no-repeat 0 0;
	float: left;
	margin-top: 29px;
	min-height: 695px;
	padding: 43px 21px 0;
	width: 279px;
}

#rodape {
	background: #202020;
	padding: 33px 0 0;
}

#rodape-institucional {
	background: #4a4a4a;
	padding: 15px 0 0;
}

.wrapper {
	margin: 0 auto;
	position: relative;
	width: 1000px;
}

#rodape .wrapper,
#rodape-institucional .wrapper { width: 900px; }

#gadMembros body {
	padding: 0 !important;
}


/*----------------------------------
	Topo
----------------------------------*/
#logo-uni, #logo-uni a {
	display: block;
	height: 53px;
	width: 121px;
}

#logo-uni {
	left: 37px;
	position: absolute;
	top: 12px;
}
	#logo-uni a {
		background: url(images/logo_unibh.png) no-repeat 0 0;
		text-indent: -9999px;
	}

#busca {
	background: #5b5b5b;
	padding: 10px 2px 10px 10px;
	position: absolute;
	right: 156px;
	top: 10px;
	width: 287px;
}
	#container-busca {
		background: #fff url(images/fundo_busca.png) no-repeat 100% 0;
		height: 28px;
	}
		.campo-busca {
			border: 0 none;
			color: #4a4a4a;
			float: left;
			margin: 3px 0 0 3px;
			padding: 3px 0;
			width: 213px;
		}

#rss {
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	position: absolute;
	right: 24px;
	top: 20px;
	width: 115px;
}
	#rss a {
		background: url(images/ico_rss.png) no-repeat 0 0;
		color: #fff;
		display: block;
		height: 37px;
		padding-left: 34px;
		text-decoration: none;
		text-transform: uppercase;
	}
		#rss a:hover {
			text-decoration: underline;
		}



/*----------------------------------
	Cabecalho
----------------------------------*/
#logo-blog, #logo-blog a {
	display: block;
	height: 138px;
	width: 200px;
}

#logo-blog {
	display: inline;
	float: left;
	margin: 108px 0 0 43px;
}
	#logo-blog a {
		background: url(images/logo_blog_uni.gif) no-repeat 0 0;		
		text-indent: -9999px;
	}


#campanha {
	background: url(images/logo_campanha.png) no-repeat 0 0;
	display: inline;
	float: right;
	height: 158px;
	margin: 65px 338px 0 0;
	text-indent: -9999px;
	width: 363px;
}

#campanha a{
	float:right;
	width:100%;
	height:150px;
	text-indent:-99999px;
}

/*----------------------------------
	Rodapé
----------------------------------*/
.posts-populares, .arquivos {
	display: inline;
	float: left;
}
.posts-populares {
	margin-right: 25px;
	width: 475px;
}
.arquivos {
	width: 145px;
}

#mn-institucional {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 20px;
	top: 0;
}
	#mn-institucional li {
		display: inline;
		float: left;
		list-style: none;
		margin-right: 1px;
	}
		#mn-institucional li a {
			background: url(images/botoes_rodape.png) no-repeat;
			display: block;
			height: 22px;
			text-indent: -9999px;
		}
	#mn-sobre-blog {
		width: 79px;
	}
	#mn-termos-uso {
		width: 87px;
	}
		#mn-termos-uso a {
			background-position: -80px 0 !important;
		}

#container-drop {
	background: url(images/container_drop.png) no-repeat 0 0;
	height: 27px;
	position: absolute;
	right: 230px;
	top: 0;
	width: 192px;
}
	#container-drop select {
		background: #929292;
		color: #fff;
		font: 10px Tahoma, Geneva, sans-serif;
		margin: 5px 0 0 5px;
		width: 182px;
	}

#rodape-institucional img {
	display: block;
	padding-bottom: 15px;
}

/*----------------------------------
	Posts
----------------------------------*/
.post {
	margin-bottom: 70px;
	position: relative;
}

.data {	
	background-image:url(images/data-aba.png);
	background-repeat:no-repeat;
	background-position:0 0;
	font-size: 9px;
	left: -65px;
	padding: 8px 0 4px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 37px;
}
	.data span {
		display: block;
		line-height: 12px;
		text-transform: uppercase;
		color:#f15a38;
		background-color:#FFF;
	}
	.dia {
		font: bold 22px/25px Arial, Helvetica, sans-serif !important;
		padding-top:5px;
	}
	.ano{
		height:15px;
	}

.tit-post {
	border-bottom: 2px solid #e4e4e4;
	color: #3a2f75;
	font-size: 30px;
	font-weight: normal;
	line-height: 33px;
	margin: 0 0 9px;
	padding: 0 0 3px;
}

.meta {
	font-size: 11px;
	position: relative;
}
	.meta span {
		color: #f15a38;
	}
		.meta a {
			color: #555;
			text-decoration: none;
		}
		.meta a:hover {
			text-decoration: underline;
		}
	
	.meta .comentarios {
		position: absolute;
		right: 0;
		top: 0;
	}
		.meta .comentarios a span {
			font-weight: bold;
		}


/*----------------------------------
	Corpo
----------------------------------*/
.paginacao {
	/*margin-left: 46px;
	width: 615px;*/
}


/*----------------------------------
	Títulos
----------------------------------*/
.tit-posts-relacionados {
	background: url(images/tit_posts_relacionados.png) no-repeat 0 15px;
	border-top: 1px solid #E4E4E4;
	height: 12px;
	margin: 35px 0 15px;
	text-indent: -9999px;
	padding: 15px 0 0;
}

#tit-posts-populares {
	background: url(images/tit_posts_populares.png) no-repeat 0 0;
	height: 23px;
	margin: 0 0 15px;
}

#tit-arquivos {
	background: url(images/tit_arquivo.png) no-repeat 0 0;
	height: 24px;
	margin: 0 0 15px;
}

.tit_alternativos {
	font-size: 18px;
	padding: 20px;
	color: #4a4a4a;
	background-color: #e4e4e4;
}

/*----------------------------------
	Botões
----------------------------------*/
.btn-buscar {
	background: url(images/btn_buscar.png) no-repeat 0 0;
	border: 0 none;
	cursor: pointer;
	display: inline;
	font-size: 1px;
	float: right;
	height: 22px;
	line-height: 1px;
	margin: 3px 3px 0 0;
	text-indent: -9999px;
	width: 68px;
}


.paginacao a {
	display: block;
	background: url(images/btn_paginacao_posts.png) no-repeat;
	color: #5ac4be;
	font-size: 11px;
	height: 25px;
	line-height: 24px;
	width: 108px;
}
	.paginacao .anteriores { float: left; }
	.paginacao .anteriores a {
		padding-left: 18px;
	}
	.paginacao .proximos { float: right; }
	.paginacao .proximos a {
		background-position: 0 -25px;
		padding-left: 18px;
	}

/*----------------------------------
	Listas
----------------------------------*/
.posts-relacionados {
	margin: 0 0 0 25px;
	_margin: 0;
	padding: 0;
}
	.posts-relacionados li {
		border-right: 2px solid #E4E4E4;
		display: inline;
		float: left;
		font-size: 11px;
		list-style: none;
		margin: 0 10px 0 0;
		padding: 0 11px 0 0;
		width: 100px;
	}
	.posts-relacionados li a{
		display:block;
		color:#f15a38;
	}
		.posts-relacionados .last {
			border: 0 none;
			color:#f15a38;
		}
	
.compartilhe {
	background: #e4e4e4;
	display: block;
	height: 30px;
	margin: 25px 0 0;
	padding: 0;
	width: 100%;
}
	.compartilhe li {
		display: inline;
		float: left;
		list-style: none;
	}
	
#rodape ul {
	background: url(images/pontilhado.png) repeat-x 0 0;
	margin: 0 0 40px;
	padding: 0;
}
	#rodape ul li {
		background: url(images/pontilhado.png) repeat-x 0 100%;
		font-size: 11px;
		list-style: none;
		padding: 7px 12px;
	}
		#rodape ul li a {
			color: #ccc;
		}

.arquivos ul li {
	color: #5ac4be;
	list-style: disc inside !important;
}

.categorias {
	margin: 0 0 15px;
	padding: 0;
}
	.categorias li {
		display: inline;
		font-size: 11px;
		line-height: 25px;
		list-style: none;
		margin-right: 5px;
	}
		.categorias li a {
			background: #f15a38;
			color: #fff;
			text-transform: uppercase;
			padding: 2px;
		}

/*----------------------------------
	Comentários
----------------------------------*/
.coment_numero {
	padding: 15px;
	background-color: #e4e4e4;
}
.coment_numero p {
	font-size: 12px;
	color: #555;
	font-weight: bold;
	margin: 0;
}
.coment_numero span {
	color: #1987b4;
	font-weight: normal;
	font-size: 18px;
}
#comments { margin: 0; }

#comments li { list-style: none; margin: 20px 0; }
#comments > li { padding: 0 15px 20px 15px; }
#comments .depth-1 { border-bottom: 2px solid #e4e4e4; }
#comments .comment-body {
	background: url(images/bg_balao_coment.png) no-repeat;
}
#comments .comment-body > em,
#comments .comment-author,
#comments .comment-meta {
	margin-left: 28px;
}
#comments .comment-author,
#comments .comment-author cite,
#comments .comment-author cite span
{ 
	color: #1987b4;
	font-weight: bold;
}
#comments .comment-body > em { background-color: #f0f0f0; padding: 4px; }
#comments .comment-meta {
	margin-left: 28px;
	margin-bottom: 15px;
	font-size: 9px;
}
#comments .comment-body p {
	font-size: 11px;
	line-height: 1.2;
}
#comments .reply { margin-top: 0; }
#comments .reply a { 
	padding: 3px;
	background-color: #e4e4e4;
	color: #9a9a9a;
	text-decoration: none;
}


#comente { margin: 0; }
#comente li { list-style: none; margin: 0; }
#comente label { display: block; margin-top: 10px; font-size: 11px; }
#comente .coment_obrig { 
	padding-left: 10px; 
	font-weight: bold; 
	font-size: 11px; 
}
#comente .coment_legenda { 
	font-size: 9px; 
	float: right; 
}
#comente .form_comentario {
	width: 100%;
	padding: 2px;
	background-color: #e4e4e4;
	border: 1px solid #bcb5b5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
#comente .btn_enviar2 {
	float: right;
	border: none;
	background: url(images/btn_form_enviar.png) no-repeat;
	width: 127px;
	height: 24px;
	font-size: 11px;
	color: white;
	margin-top: 10px;
}


/*----------------------------------
	SideBar
----------------------------------*/
.box-padrao {
	background: #f15a38;
	margin: 15px 0;
}
.box-padrao2 {
	background: #f15a38;
	margin: 15px 0;
}

.subtit {
	display: block;
	text-indent: -9999px;
}

.banner_voltaasaulas {
	border: 4px solid #f15a38;
	margin: 15px 0;
}

/** como chegar **/
#tit-como-chegar {
	background: url(images/tit_como_chegar.png) no-repeat 14px 8px;
	height: 29px;
	/*width: 148px;*/
}
.content-como-chegar { 
	border-top: 1px solid #000000;
	color: white;
	padding: 2px 0 0 2px;
	font-size: 11px;
}
.content-como-chegar p { padding: 0 5px;}
.content-como-chegar ul { margin: 0; }
.content-como-chegar li {
	list-style: none;
	display: inline;
	padding: 0 10px 5px 3px;
}
.content-como-chegar li a {
	color: white;
	text-decoration: none;
}

/** nuvem de tags **/
#tit-nuvem-tags {
	background: url(images/tit_nuvem_tags.png) no-repeat 14px 12px;
	height: 29px;
	/*width: 148px;*/
}
#sb_nuvemtags {
	border-top: 1px solid #000000;
	padding: 10px 15px;
}
#sb_nuvemtags a { color: white; text-decoration: none; }
#sb_nuvemtags a:hover { text-decoration: underline; }



/** twitter **/
#tit-siga-nos-no-twitter {
	background: url(images/tit_siga_nos_no_twitter.png) no-repeat 14px 8px;
	height: 24px;
	/*width: 206px;*/
}

#twitter {
	background-color: #d95436;
	margin: 0;
	padding: 3px 0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#twitter li {
	list-style: none;
	margin: 5px;
	background-color: #f15a38;
	font-size: 11px;
	padding: 5px;
	color: white;
}
#twitter li a { 
	color: #c4e02a;
	text-decoration: none;
}
#twitter li p { 
	color: #c4e02a;
	font-size: 10px;
	margin: 0;
}
.sb_vejamais {
	height: 26px;
}
.sb_vejamais a {
	float: right;
	margin: 10px 10px;
	display: block;
	text-indent: -9999px;
	background: url(images/link_veja_mais.png) no-repeat;
	width: 45px;
	height: 10px;
}


/** fotos (flickr) **/
#tit-fotos {
	background: url(images/tit_fotos.png) no-repeat 14px 8px;
	height: 27px;
	/*width: 82px;*/
}
#sb_flickr {
	margin: 2px;
	background-color: #d95436;
	padding: 5px 3px;
}
#sb_flickr a img {
	margin: 2px 5px;
	border: 2px solid #d9d9d9;
}
.sb_veja_flickr {
	height: 26px;
}
.sb_veja_flickr a {
	float: right;
	margin: 10px 10px;
	display: block;
	text-indent: -9999px;
	background: url(images/link_veja_flickr.png) no-repeat;
	width: 165px;
	height: 10px;
}

/** videos **/
#tit-videos {
	background: url(images/tit_videos.png) no-repeat 14px 8px;
	height: 27px;
}

/** categorias **/
#tit-categorias {
	background: url(images/tit_categorias.png) no-repeat 0 0;
	height: 14px;
	margin-bottom: 15px;
	width: 107px;
}

/** Comunidade (Google Friends) **/
#tit-comunidade {
	background: url(images/tit_comunidade.png) no-repeat 14px 8px;
	height: 32px;
	/*width: 139px;*/
}



/*----------------------------------
	Tabelas
----------------------------------*/





/*----------------------------------
	Ícones de Redes Sociais
----------------------------------*/

.redes_sociais {
	background: #e4e4e4;
	margin: 20px 0 10px;
}
.redes_sociais li { 
	padding: 8px; 
	height: 14px; 
	list-style: none;
}
.delicious a {
	display: block;
	background: url(images/ico_delicious.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	text-indent: -99999px;
	border: none;
	float: left;
	margin-right: 5px;
}
.delicious a:hover {
	background: url(images/ico_delicious.png) no-repeat 0 -16px;
}
.facebook a {
	display: block;
	background: url(images/ico_facebook.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	text-indent: -99999px;
	border: none;
	float: left;
	margin-right: 5px;
}
.facebook a:hover {
	background: url(images/ico_facebook.png) no-repeat 0 -16px;
}
.orkut a {
	display: block;
	background: url(images/ico_orkut.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	text-indent: -99999px;
	border: none;
	float: left;
	margin-right: 5px;
}
.orkut a:hover {
	background: url(images/ico_orkut.png) no-repeat 0 -16px;
}
.digg a {
	display: block;
	background: url(images/ico_digg.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	text-indent: -99999px;
	border: none;
	float: left;
	margin-right: 5px;
}
.digg a:hover {
	background: url(images/ico_digg.png) no-repeat 0 -16px;
}
.google a {
	display: block;
	background: url(images/ico_google_reader.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	text-indent: -99999px;
	border: none;
	float: left;
	margin-right: 5px;
}
.google a:hover {
	background: url(images/ico_google_reader.png) no-repeat 0 -16px;
}
.technorati a {
	display: block;
	background: url(images/ico_technorati.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	text-indent: -99999px;
	border: none;
	float: left;
	margin-right: 5px;
}
.technorati a:hover {
	background: url(images/ico_technorati.png) no-repeat 0 -16px;
}
.twitter a {
	display: block;
	background: url(images/ico_twitter.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	text-indent: -99999px;
	border: none;
	float: left;
	margin-right: 5px;
}
.twitter a:hover {
	background: url(images/ico_twitter.png) no-repeat 0 -16px;
}
.ueba a {
	display: block;
	background: url(images/ico_ueba.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	text-indent: -99999px;
	border: none;
	float: left;
	margin-right: 5px;
}
.ueba a:hover {
	background: url(images/ico_ueba.png) no-repeat 0 -16px;
}
.dihitt a {
	display: block;
	background: url(images/ico_dihitt.png) no-repeat 0 0;
	width: 16px;
	height: 16px;
	text-indent: -99999px;
	border: none;
	float: left;
	margin-right: 5px;
}
.dihitt a:hover {
	background: url(images/ico_dihitt.png) no-repeat 0 -16px;
}

/*---------------------------------------------
Marcadores de fundo para calendario academico
----------------------------------------------*/
.Marcador{
	background-color:#c35687;
	font-weight:bold;
	color:#FFF;
	padding: 0 6px;
}

.Marcador_dois_digitos{
	background-color:#c35687;
	font-weight:bold;
    color:#FFF;
	padding: 0 2px;
}


/*-------------------------------------
  Titulos para pagina
---------------------------------------*/
.novoTitulo {
         color:#1987b4;
		 margin-top:14px;
}

.page_marcador_onibus{
    color:#FFF;
	background-color:#b2b2b2;
	margin:0 2px;
    padding: 0 2px;
    font-size:12px;
    font-weight: bold;
}


/*-------------------------------------------------
    Estilização para tabela (usando em horario de aulas)
------------------------------------------------*/
table.borda {border-collapse: collapse;}

table.borda tr td {border:2px solid #94b045;}

.page_titulo_horarios_aulas{
	background-color:#74ba43;
	color:#FFF;
	margin:0;
	padding-right:30px;
	position:relative;
	width:90px;
	text-align:center;
}

	
.page_tabela_externa{
	border:#5b7428 solid 1px;
	text-align:center;
	padding-right:4px;
	width:116px; !important
	position:relative;
	float:left;
	margin-left:7px;
	height:85px; !important
}

.clear{
	clear:both;
}


/*----------------------------------------
ESTILIZAÇÃO PARA TABELAS EM MAPAS DE SALA
------------------------------------------*/

.td{
	font-size:14px;
	font:Arial, Helvetica, sans-serif;
}


/*-------------
  Tabelas
---------------*/

.Corpo_principal{
	height:250px;
	width:550px;
}

/*Box onde contém todos as diciplinas*/
.materias_diamantina_box_esquerda{
	color:#FFF;
	background-color:#94b045;
	font-size:14px;
	margin: 0 0 5px 0;
	
}
	

/*----------------------------------------
ESTILIZAÇÃO PARA TABELAS EM MAPAS DE SALA
------------------------------------------*/

table.borda {
	border-collapse: collapse; 
	border: 0; 
	width: 256px; 
	margin: 0 0 5px 0; 
}

table.borda tr td {border:1px solid #94b045;}

.td{
	font-size:14px;
	font:Arial, Helvetica, sans-serif;
}

.tabLeft,
.tabRight{ width: 265px; float: left; }


.abaativa {
    font-family: verdana;
    font-size: 25px;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    text-transform: capitalize;
    color: #FFFFFF;
    background-color: #5b7428;
	float:left;
	text-align:center;
	width:168px;
	height:45px;
	margin: 0 0 2px 1px;
}

.abainativa {
    font-family: verdana;
    font-size: 20px;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    text-transform: capitalize;
    color: #FFFFFF;
    background-color: #94b045;
	float:left;
	width:152px;
	text-align:center;
	height:37px;
	margin: 8px 0 2px 1px;
}


.borda-menu{
	width:558px;
	border-bottom:2px solid #e4e4e4;
	margin:-3px;
}
.abaativa span{margin: 0 0 0 58px;}
.abainativa span{margin: 0 0 0 58px;}
.divimg{width:557px; height:650px; margin: 3px;}

/*-------------
  Tabelas
---------------*/

.Corpo_principal{
	height:250px;
	width:600px;
}

/*Box onde contém todos as diciplinas*/
.materias_box{
	color:#FFF;
	background-color:#94b045;
	font-size:14px;
	margin: 0 0 5px 0;
	font-weight:700;
	cursor: pointer;
}

/*---------
   Lourdes
-----------*/
.materias-box-lourdes{
	color:#FFF;
	background-color:#74ba43;
	font-size:14px;
	margin: 0 0 5px 0;
	font-weight:700;
	cursor: pointer;
	padding:4px;
}


table.tabela-lourdes{
	background-color:#74ba43;
	border-collapse: collapse; 
	text-align:center;
	margin: 0 0 5px 0; 
}

table.tabela-lourdes th{
	border:1px solid #74ba43;
	color:#FFF;
	text-align:center;
	
}

table.tabela-lourdes tr td {border:1px solid #94b045;}


.Corpo-principal-lourdes{
	height:600px;
	width:600px;
}

.titulo-curso{
	color:#616161;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	margin:25px 0 15px;
}

.titulo-curso-perido{
	color:#c7c7c8;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	margin:-251px 0 15px;
	text-align:center;
}

.tabela_periodo_turno{
	color:#000;
	background-color:#FFF;
	margin:1px;
	padding: 4px;
}

#titulo-leis-penais{
	background-color:#FFF;
	color:#797a7b;
	font-size:9px;
	line-height:11px;
	padding:0;
}

/*--------------------------------*/

	
/*----------------------------------------
Cores para tabelas de sala, periodo e turno
------------------------------------------*/
.cor_tabela_sala{
	color:#FFF;
	background-color:#7b5190;
	text-align:center;
}

.cor_tabela_cmp{
   color:#FFF;
   background-color:#ec008c;
}

.cor_tabela_periodo_turno{
	color:#000;
	background-color:#FFF;
	text-align:center;
}

.cor_tabela_estorilA2{background-color:#f26233; color:#FFF; text-align:center;}
.cor_tabela_estorilA4{background-color:#9dc150; color:#FFF; text-align:center;}
.cor_tabela_estorilB5{background-color:#00aeef; color:#FFF; text-align:center;}
.cor_tabela_estorilB6{background-color:#ec008c; color:#FFF; text-align:center;}
.cor_tabela_estorilB7{background-color:#be172e; color:#FFF; text-align:center;}
.cor_tabela_estorilB8{background-color:#43954f; color:#FFF; text-align:center;}
.cor_tabela_estorilC1{background-color:#ffcd07; color:#FFF; text-align:center;}
.cor_tabela_estorilC2{background-color:#683e98; color:#FFF; text-align:center;}