/* Encabezado */
.navbar{
	margin-bottom: 20px;
}
.jumbotron{	
	background:#00297B; /*#900; /* #FF6600;*/
	color:#FFFF00;  
	padding: 50px 0;
	text-shadow: 5px 5px 10px #00297B;
	background-image:url(../images/fondo.png);
	background-repeat:repeat-x;
	box-shadow:2px 2px 8px #FFFF00;	
/*	background-repeat:no-repeat;*/
}
.logo{
	background:#00297B; /*#900; /* #FF6600;*/
	border-radius:25%;
}
.creditos{	
	background:#00297B;
	height:100%;
	color:#FF0;
	padding: 50px 0;
	text-shadow: 1px 1px 1px #FFF;
}

/*--POST--*/
.main{
	margin-bottom: 20px;
	margin-top: 20px;
}
.post{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #999;
}
.post .post-title a{
	color: #333;
}
.post .post-subtitle{
	color: #333;
	background:#CCCCCC;
}
.post .thumb{
	margin-right: 10px;
	margin-left: 10px;
	width: 35%;	
}

.post .thumb img{
	width: 100%;
}
.post .contenedor-botones{
	width: 100%
}

.portafolio{
	width: 100%;
	max-width: 1400px;
	margin: auto;	
}
.portafolio h1{
	text-align: center;
	font-size: 38px;
	margin: 15px 0px 40px;
}
.pfContainer{
	display: flex;
	justify-content: space-between;
}
.pfItem{
	width: 49%;
	position: relative;
	overflow: hidden;
}
.pfImg{
	transition: all 0.5s;
	border-radius: 20px;
	padding-left:15px;	
}
.pfTexto{
	position: absolute;
	bottom: 0;
	padding: 10px 10px;
	background: rgba(0,0,0,0.7);
	font-size: 12px;
	color: #FFF;
	transform: translateY(100%);
	transition: all .5s ease-out;
	border-radius: 20px;
}
.pfTexto p{
	text-align: justify;
}
.pfItem:hover .pfTexto{
	transform: translateY(0%);
}
.pfItem:hover .pfImg{
	transform: scale(1.15);
}
body{
	background-color: #173C94; /* #FFE;*/
	color:#FFF; /*#173C94;*/
}
h2{
	color:#173C94; /*#FFF;*/
	background:#F8EF3A; /*#173C94; /*#172D95; /*#900;*/
	text-shadow: 3px 3px 6px White;
	font-size:26px;
	box-shadow:2px 2px 4px Blue;
}
article{
	background:#337AB7;
	border-radius: 5px;
	box-shadow: 1px 1px 8px #FFF;
	padding: 10px;
}
.borde{
	background:#173C94; /*#337AB7;*/
	border-radius: 5px;
	box-shadow: 1px 1px 8px rgb(236, 221, 5);
	padding: 15px;
}
.formulario{
	border-radius: 5px;
	box-shadow: 2px 2px 8px #FFF;
	color:#000;
}
.tablas{
	background:#173C94; /*#337AB7;*/
	border-radius: 5px;
	box-shadow: 1px 1px 8px #FFF;
}
.texto{
	color:#000;
}
/*Querie*/
@media screen and (max-width: 768px){
	.post .thumb{
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0;
	}
}