html, 
body {
	margin:0;
	padding:0;
	height:100%;
}

.grad {
  background: -webkit-linear-gradient(135deg, #fff, #ccc); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(135deg, #fff, #ccc); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(135deg, #fff, #ccc); /* For Firefox 3.6 to 15 */
  background: linear-gradient(135deg, #fff, #ccc); /* Standard syntax */
}

.grad2 {
  background: -webkit-linear-gradient(90deg, #fff, #ccc); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #fff, #ccc); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #fff, #ccc); /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #fff, #ccc); /* Standard syntax */
}

.grad-blog {
  background: -webkit-linear-gradient(135deg, #010204, #064662); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(135deg, #010204, #064662); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(135deg, #010204, #064662); /* For Firefox 3.6 to 15 */
  background: linear-gradient(135deg, #010204, #064662); /* Standard syntax */
}
.grad-title {
  background: -webkit-linear-gradient(90deg, #fff, #d8d8d8, #bdbdbd); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, #fff, #d8d8d8, #bdbdbd); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, #fff, #d8d8d8, #bdbdbd); /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, #fff, #d8d8d8, #bdbdbd); /* Standard syntax */
}
/*	-- MAIN must be same height as the footer     FOOTER - negative value of footer height */

#wrap {min-height: 100%;}

#main {
  overflow:auto;
  padding-bottom: 40px; 
}

#footer {
  position: relative;
  margin-top: -40px;
  height: 40px;
  clear:both;
} 


.article:hover {
	background-color:#ddd;
	margin:-5px -5px 0px -5px;
	padding:5px 5px 0px 5px;
}

.art-title{
	color:#555;
	font-weight:bold;
}
.art-autor{
	color:#555;
}
a.fill-div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}




	.nav-pills >li >a {
		color: #ccc;
		font-size:1.2em;
		background-color: transparent;
	}

	.nav-pills > li > a:visited {
		color:#ccc;
		font-size:1.2em;
		background-color: transparent;
	}
		.nav-pills > li > a:active {
		color:#ccc;
		font-size:1.2em;
		background-color: transparent;
	}

		.nav-pills > li > a:link {
		color:#ccc;
		font-size:1.2em;
		background-color: transparent;
	}	

	.nav-pills > li > a:hover {
		color:#fff;
		font-size:1.2em;
		background-color: transparent;
	}

	div.container {
		min-height: 10em;
		display: table-cell;
		vertical-align: middle