/*formata o titulo e subtitulo do site*/

.brand {
	float: none;
	display: block;
      	color: #c4b38b;
     	background: transparent;
	}
.brand:hover {
	color: #404040;
	text-decoration: none;
}
.brand .site-description {
	float: none;
	display: block;
      font-size: 12px;
      color: #404040;
      background: transparent;
	}

/*formata o main-menu horizontal a partir da formatação original do template*/

.navigation{
    	border-bottom: 4px solid #676954;
	padding-bottom: 0px;
	padding-top: 10px;
	border-top: none;
} 
 
 .navigation .nav li a{
    	color: #222;
  	background: transparent;
    	text-transform: normal;
      	padding: 8px 10px;
	margin-bottom: 0px;
}

.nav-pills > .active > a, .nav-pills > .active > a:hover,.navigation .nav li.active a, .nav-pills > .active > a:focus
{    
	background: #676954;
    	color: #fff;
	font-weight: bold;
	border-radius: 0px;

}
 .navigation .nav li a:hover{
	background: #ccc;
    	color: #333;
	border-radius: 0px;
}


nav {
    position: sticky;
    top: 0px;
    background-color: #fff;
}



/*formata o conteudo a começar pelo titulo do artigo*/


.page-header {
	display: block;
  	font-size: 14px;
  	text-transform: normal;
	margin: 10px;
	border-bottom: none;
	clear: left;
}

/*formata o smart-slider para ficar por baixo da barra de main-menu*/


.n2-section-smartslider {
    z-index: -1;
    position:relative;
}

/*formata o submenu colocado ao lado de cada video do artigo*/


.category-module {
	display: block-inline;
	clear: rigth;
	width: 20%;
	min-width: 200px;
	overflow: auto;
	list-style-type: none;
}

.category-module li a:hover{
	display: block;
	background: #f2f2f2;
}



/*cria uma legenda em cima do submenu*/

.category-module:before {
display: block;
	content:"Ver +";	
	font-size: 16px;
  	color: #fff;
	text-transform: bold;
	padding: 6px 10px 6px 10px;
	background: #676954;
	
}

.category-module li a:hover{
	background: #f2f2f2;
}
.category-module li {
	padding: 3px;
}

/*formata as colunas esquerda e direita*/

#sidebar {
 	width: 15%;
	min-width: 200px;
   	padding: 10px 0px 0px;
	border: 0px;

}

.mod-list {
  padding: 0px 10px 0px;
  color: #404040;


}
.mod-list li a {
  padding: 10px 10px 0px;
  color: #404040;
  
}
.span3 {
  	padding: 10px 0px 0px;

}

/*formata a coluna direita*/
#aside {
	padding-left: 1px;
	width: 10%;
	min-width: 200px;
	
}

#aside .well {
background: #fff;
 	
}


.moduletable {
   	background: #f2f2f2;
 	padding: 0px 10px 0px;
     	border: 1px solid #cecece;
}
.moduletable H3 {
  	font-size: 14px;
  	color: #404040;
   	padding: 4px 10px 0px;
}

.moduletableart-vmenu {
display: block;
padding: 10px;

 
}
.moduletableart-vmenu H3 {
   font-size: 16px;
  color: #404040;
   border-bottom: 2px solid #676954;
}

/*formata a position footer*/

.footer {

}

/*formata o elemento paragrafo na position footer*/
.footer p {
clear: both;
}

/*formata modulos marcados com o sufixo horz */
.horz .custom {
display: inline;
padding: 10px;
float: left;
width: 80%;
height: 120px;
margin: 10px;
}

.horz H3 {
   font-size: 16px;
  color: #404040;
   border-bottom: 2px solid #676954;
}
.horz {
display: block;
padding: 10px;
float: left;
clear: rigth;
width: 200px;
height: 200px;
padding: 10px;
background: #fff;
margin: 10px;

}
.pull-right {
clear: both;
}



/* formata a pagina e menus em ecrans menores que 1200px */

@media screen and all (max-width: 1200px) {
  

#sidebar {
 	width: 15%;
   	padding: 10px 0px 0px;
	border: 0px;
}

.category-module {
	display: block-inline;
	clear: rigth;
	width: 80%;
	min-width: 200px;
	overflow: auto;
	list-style-type: none;
}

.category-module li a:hover{
	display: block;
	background: #f2f2f2;
}

#aside {

	width: 100%;
border-top: 2px solid #f2f2f2;
margin-top: 20px;
background: #f2f3f5;
}

#aside .well {
display: block;
float: left;
margin-left: 10px;
padding-left: 10px;
width: 20%; 
height: 300px;
overflow: hide;
}

#aside .art-vmenu {
background: #fff;
}
}	


/* formata a pagina e menus em ecrans menores que 920px */

@media only screen and (max-width: 920px) {
  
#sidebar {
display: block; 	
width: 100%;
	border: 0px;
clear:both;
}

#content {
width: 100%;
margin-left: 0px;
}


.mod-list {
  padding: 0px 10px 0px;
  color: #404040;
display: block;
float: left;
}

.mod-list li a {
  padding: 10px 10px 0px;
  color: #404040;
}

.moduletable {
   	background: #f2f2f2;
 	padding: 0px 10px 0px;
     	border: 1px solid #cecece;
display: block;
float: left;
}

.moduletableart-vmenu {
display: block;
float: left;
border-right: 1px solid #cecece;
padding: 10px;
margin-left: 10px;
width: 150px; 
}

.moduletableart-vmenu H3 {
   font-size: 16px;
  color: #404040;
   border-bottom: 2px solid #676954;
}


.category-module {
	display: block-inline;
	clear: rigth;
	width: 80%;
	min-width: 200px;
	overflow: auto;
	list-style-type: none;
}

.category-module li a:hover{
	display: block;
	background: #f2f2f2;
}

#aside {

	width: 100%;
border-top: 2px solid #f2f2f2;
margin-top: 20px;
}

#aside .well {
display: block;
float: left;
margin-left: 10px;
padding-left: 10px;
width: 40%;
min-width: 160px;
height: 220px;
overflow: hidden;
}

#aside .art-vmenu {
background: #fff;
padding: 2px;

}
.horz .custom {
display: inline;
padding: 4px;
float: left;
width: 80%;
height: 200px;
margin: 5px;
font-size: 10px;
}

.horz H3 {
   font-size: 16px;
  color: #404040;
   border-bottom: 2px solid #676954;
}
.horz {
display: block;
padding: 10px;
float: left;
clear: rigth;
width: 200px;
height: 200px;
padding: 10px;
background: #fff;
margin: 10px;

}
.pull-right {
clear: both;
}
}