/*formata o titulo e subtitulo do site*/
.brand {
	display: block;
      	color: #BD5151;
     	background: transparent;
	}
.brand:hover {
	color: #404040;
	text-decoration: none;
}
.brand .site-description {

	display: block;
      font-size: 16px;
      color: #404040;
      background: transparent;
	}


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

.navigation{
    	border-bottom: 4px solid #BD5151;
	padding-bottom: 0px;
	padding-top: 10px;
	border-top: none;
    z-index: 2;
} 
 
 .navigation .nav li a{
    	color: #222;
  	background: transparent;
      	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: #BD5151;
    	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*/

#content.span6 {
width: 65%;
}


.page-header {
	display: block;
	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: 0;
    position:relative;
}


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


.category-module {
	display: block-inline;
	width: 20%;
	min-width: 150px;
	overflow: auto;
	list-style-type: none;
border-left: 1px solid #cecece;
}

.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: #404040;
	padding: 6px 10px 6px 10px;
   border-bottom: 2px solid #BD5151;
	
}

.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;
	float: right;
}

#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 #BD5151;
}

/*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 #BD5151;
}
.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 1300px */

@media only screen and (max-width: 1300px) {

#content {
min-width: 810px;
} 

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

/*formata o submenu colocado ao lado de cada video do artigo*/
.category-module {
	display: block-inline;
	width: 10%;
	min-width: 150px;
	height: 300px;
	overflow: auto;
	list-style-type: none;
	border-left: 1px solid #cecece;
	font-size: small;
}

.category-module li a:hover{
	display: block-inline;
	background: #f2f2f2;
}
.moduletable {
   	background: #f3f4f5;
 	padding: 0px 10px 0px;
     	border: 1px solid #cecece;
display: none;
float: left;
}

#aside {

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

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

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


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

@media only screen and (max-width: 1100px) {
  
#sidebar {
 	
width: 100%;
border: 0px;
clear: right;
}

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


.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;
	float: left;
}

.moduletableart-vmenu {
display: inline-block;
height: 200px;
	overflow: auto;
float: left;
border-right: 1px solid #cecece;
padding: 10px;
margin-left: 10px;
width: 300px;
 
}

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


.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 #BD5151;
}
.horz {
display: block;
padding: 10px;
float: left;
clear: rigth;
width: 200px;
height: 200px;
padding: 10px;
background: #fff;
margin: 10px;

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

@media only screen and (max-width: 800px) {
  /* For mobile phones horiz position */

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

#content {
width: 760px;
}

.blog {
	width: 700px;
	float: center;
background: #f3f4f5;
}

.item-page {
	width: 700px;
	background: #f3f4f5;
}



}
@media only screen and (max-width: 400px) {
  /* For mobile phones vertcal position */

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

#content {
width: 400px;
}

.blog {
	width: 360px;
	float: left;
background: #f3f4f5;
}

.item-page {
	width: 360px;
	background: #f3f4f5;
}
.tbody {
width: 360px;
	float: left;
background: #f3f4f5;
}

/*formata o smart-slider*/

.n2-section-smartslider {
    display: none;
}


}