/**
* Portal UFVJM CSS
* @version 1.0
* @copyright (C) 2009 by DTI-UFVJM - All rights reserved!
*/

@import url("http://livre.ufvjm.edu.br/css/nav.css");
@import url("http://livre.ufvjm.edu.br/css/forms.css");
@import url("http://livre.ufvjm.edu.br/css/footer.css");

/* ###################### OVER ############ALL SETTINGS########## */

* {
	border:0em none;
	border-collapse:collapse;
	list-style-image:none;
	list-style-type:none;
	margin:0em;
	padding:0em;
	text-decoration:none;
}

body {
	font-size: 0.7086em;
}

.contentpaneopen, .contentpaneopen p, .contentpaneopen td, .description {
	font-size: 1.05em;
}

body.template, body#template {
	text-align:center;
	background-color: #ffffff;
	background-image: url('http://livre.ufvjm.edu.br/img/page_header_tile-25.jpg');
	background-repeat: repeat-x;

	background-attachment: scroll;
}

.laydiv {
	position: relative;
	text-align:left;
}

.laydiv, #footer, #footer .bannergroup {
	margin-left: auto;
	margin-right:auto;
}

#topNav {
	background-color:#0064A8;
	margin-bottom:1em;
	background-position: center center;
	background-repeat: repeat-x;
}

.w, .template #footer, .template .laydiv, #footer .bannergroup, #template #footer {width: 990px;}

#wrapper { position: relative;  }
	#header {
		border-bottom:1px solid;
		border-color: #B8DC7C;
		margin-bottom:1em;
		margin-top:1em;
		padding-top:36px;
	}
	.home #header {margin-top:-25px !important; }

#content {width: 780px !important; background-color:#FFFFFF;}
	.template #conteudo, #template #conteudo {margin-top:0.8em;}
	.template #conteudo, #template #conteudo {
		display : block;
		float   :left;
		width:100%;
		line-height:1.45em;
		margin-bottom:0.8em;
	}

/* GRID */
.col1 {
	position: relative;
	width:200px;
	float:left;
}

.col2 {
	float: left;
	width: 600px;
	margin-left: 5px;
	margin-right:5px;
	padding-right:5px;
}

.col3 {
	float: right;
	padding-left:5px;
	width: 150px;
}

.home #content-outer {
	padding-top: 3.5em;
}

#content-outer .col1, #content-outer .col2 {
	border-right:1px;
	border-color: #B8DC7C;
	border-style:solid; 
}

	#header .col1 {
		border: 0px;
	}

		#content-outer .col1 .inner {
			margin-right:15px;
		}

		.hasnt-sidebar #content-outer .col2 {
			width:765px;
		}

	#header .col2 {
		border: 0px;
	}

	#content-outer .col3 {
		margin-bottom:1em;
	}

		#content-outer .col3 .inner {
			margin-left:5px;
		}

#content-inner .col1, #content-inner .col2  {
	width:47% !important;
}

	#content-inner .col1 {
		border-style:dotted;padding-left:5px;padding-right:15px;
	}

		#content-inner .col1 .inner {
			margin: 0px !important;
		}

	#content-inner .col2 {
		border-style:none !important;
	}

/* Casses */

.l, .article_column, #left, .alignleft, .col2 .moduletable {float: left;}
.r, #atalhos, .has-sidebar #sidebar, #content, .alignright {float:right;}
.c, #servicos-web img, #servicos-web span {
	clear:both;
	float:none !important;
	display:block;
}

/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
/* End Images */

.h, .contentpaneopen_home, .contentheading_home, .conteudo .contentpaneopen_home *, .dn, .home .breadcrumbs, .widget_pages h2, p.copyright {display:none;}

.contentpaneopen hr {display:block !important;}

.column_separator {padding-left:1.5em;}

.blog_more div strong { display: block; }

.contentheading h3 {margin-top:0em !important;}

h3, .contentpaneopen h3, .moduletable th, .blog_more div strong, .widget h2 {
	width: 100%;
}

/* ###################### MODULE SETTINGS, COMPONENT SETTINGS ###################### */
.moduletable, #left ul li.widget {
	width            : 100%;
	border-bottom    : 0px solid ;
	border-color: #DFEBF7;
}

.moduletable th, .moduletable .th, .widget h2 {
	color        : #6F9949;
	text-align   : left;
}

.col2 .moduletable {
	float: left !important; margin-top:0.5em; width: auto !important;
}

#header .col2 {paddingleft:10px;}

.col2 .moduletable { margin-bottom:0.5em;}

.col2 .moduletable .rawimages span#active-language img {border: 1px solid;}

#left .moduletable {margin-bottom:1em; border-bottom: 1px solid #B8DC7C; padding-bottom:1em;}
#left .moduletable:last-child {border-bottom: 0px none !important;}

.m4j_required { background-color: #900 !important; color: #FFF !important; display:block; float: left; padding:5px 5px 0px 5px; text-align:center; margin-right: 5px; margin-top:3px;}

/* ###################### CONTENT PAGE SETTINGS ###################### */
.moduletable td {
	vertical-align   : top;
}

.template #atalhos, /* .template #sidebar, */ #template #sidebar {	border-left: 1px solid #B8DC7C;}

.dm_taskbar li, .buttonheading { list-style-type:none !important; list-style-image:none !important;list-style-position:outside !important;}

#logo {
	width	:165px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	display:block;
}

#header #logo {
	background-image:url(http://www.ufvjm.edu.br/images/banners/logo-h64.gif);
	padding-left:225px;
	height:64px;
	background-repeat:no-repeat;
	background-position:left center;
}

.banneritem {margin-bottom:1em;}
#footer .banneritem {float:left; margin-left:0.4em; margin-right:0.4em;}
#footer .bannergroup {padding-top:1em; clear:both;}

.moduletablerss {float:right;}

#pp_search, .item574 {margin-top: 2em;}

.contact_sep {height:1em;}

.buttonsheading, .pagenav {float: right; clear: left; }
.buttonsheading *, .pagenav * {list-style-type:none; list-style-image: none;}
.buttonsheading li, .pagenav th {float: left;} 

/* Barra do Governo Federal */
#barra-wrap{
	position: absolute;
	clear: both;
	overflow: hidden;
	margin-left: -50%;
	width: 150%;
	min-width: 990px;
	height: 24px;
	background: #004b82;
	top: 0;
	z-index: 999;
}
#barraSuperior{
	width:990px; 	/* Para customizar o tamanho da barra altere esse valor e o valor de .bsCentro */
	display:block;
	height:24px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	/*background:url(../img/barra2_html/barra-brasil-v3-azul.gif);*/
}

#barraSuperior div{
	display:block;
	height:36px;	
}
#barraSuperior .bsEsquerda{
	float:left;
	background:url(../img/barra_html/BarraSuperior01.png);
	width:274px;
}
#barraSuperior .bsCentro{
	width:224px;
	float:left;
	background:url(../img/barra_html/BarraSuperior02.png);
	margin-left:auto;
	margin-right:auto;
}
#barraSuperior .bsDireita{
	float:right;
	background:url(../img/barra_html/BarraSuperior03.png);
	width:492px;	
}

#barraSuperior .bsDireita a{
	float:right;
	display:block;
	width:110px;
	height:29px;
	background:url(../img/barra_html/barraGovFed_logo.gif);
	margin-top:3px;
	margin-right:16px;
}
#barraSuperior .barraLogo{
	float:left;
	width:205px;
	height:26px;
	margin-left:50px;
	margin-top:6px;
	background:url(../img/barra_html/BarraLogo.png) no-repeat center center;
	_background:none!important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/BarraLogo.png',sizingMethod='scale');	
}

/* Fim - Barra do Governo Federal */

#footer div.laydiv {border-top: 1px solid #E0E0E0 !important; padding-top:1em;}

/* ###################### TABLE OF CONTENTS ###################### */

.contenttoc { float:right; display:block; margin-left:1.5em; margin-bottom:1.5em; width:30%; border: 1px solid #0064A8; background-color: #FFFFFF;}
.contenttoc h3.th  {background-color:#0064A8; margin:0em; padding:0em; color: #FFFFFF;}

/* ###################### MENU SERVICOS WEB ###################### */

#servicos-web li {float: left; text-align: center; margin-right:1ex;}

/* ###################### NOTICIAS ###################### */

.thumbsup li .thumbsup-intro {overflow: hidden; height:0em; -webkit-transition: height 0.25s linear; -moz-transition: height 0.25s linear; }
.thumbsup li:hover .thumbsup-intro {display:block; height:6em; -webkit-transition: height 0.25s linear;  -moz-transition: height 0.25s linear; }

.thumbsup-intro a {color: #333333 !important; font-weight:normal !important;}

/* ###################### BOXES ###################### */

.box, ul.contenttoc, ul.dm_mod_mostdown, .gs-promotion { padding:0.5em; border-style:solid; border-width:0.1em; border-color:#98BDE0; margin-bottom:1em; }

/* ###################### MARGENS ###################### */

.mr1 {margin-right: 1em;}

.gs-result:hover .gs-visibleUrl-short {display:none !important;}
.gs-result:hover .gs-visibleUrl-long  {display:block !important; overflow:hidden;}

/* ###################### BREADCRUMB E PAGINACAO ###################### */

.template .breadcrumbs, #template .breadcrumbs {
	top: -60px;
	position: absolute;
}

#cse {width: 100%;}

#globalNav {position: absolute; top: 0px; font-size: 12px; padding-left: 13.5px;}