/*======================================*/
/*Relacionados*/
/*======================================*/
.relacionado{
	padding: 40px 0px;
	position: relative;
	width: 100%;
}
	.relacionado .relacionado-titulo{
		margin: 0px auto;
		width: 50%;
	}
		.relacionado .relacionado-titulo h2 a{
			transition: color 0.4s ease-in-out 0s;
			-webkit-transition: color 0.4s ease-in-out 0s;
			-moz-transition: color 0.4s ease-in-out 0s;
			-o-transition: color 0.4s ease-in-out 0s;
			-ms-transition: color 0.4s ease-in-out 0s;
		}
		.relacionado .relacionado-titulo h2 a:hover{}
	.relacionado .relacionado-contenedor{
		margin: 20px auto 0;
		position: relative;
		width: 90%;
	}
		.relacionado .relacionado-contenedor .relacionado-elementos{
			height: 350px;
			position: relative;
			white-space: normal;
		}
		.relacionado .relacionado-contenedor .relacionado-elementos-estatico{
			float: left;
		}
		.relacionado .relacionado-contenedor .relacionado-elementos-rotacion{
			display: inline-block;
			margin-left: -4px;
			vertical-align: top;
		}
			.relacionado .relacionado-contenedor .relacionado-elementos .relacionado-elemento{
				bottom: 5%;
				left: 5%;
				position: absolute;
				right: 5%;
				top: 5%;
			}
				.relacionado .relacionado-contenedor .relacionado-elementos .relacionado-elemento .relacionado-imagen{
					height: 210px;
					overflow: hidden;
					position: relative;
					width: 100%;
				}
					.relacionado .relacionado-contenedor .relacionado-elementos .relacionado-elemento .relacionado-imagen a .relacionado-bgimagen{}
					.relacionado .relacionado-contenedor .relacionado-elementos .relacionado-elemento .relacionado-imagen a img{
						height: auto;
						max-width: 100%;
					    width: 100%;
					}
					.relacionado .relacionado-contenedor .relacionado-elementos .relacionado-elemento .relacionado-imagen:hover a img{}
					.relacionado .relacionado-contenedor .relacionado-elementos .relacionado-elemento .relacionado-imagen a .relacionado-capa{
						height: 100%;
						left: 0;
						position: absolute;
						top: 0;
					    transition: background-color 0.6s ease-in-out 0s;
						-webkit-transition: background-color 0.6s ease-in-out 0s;
					    -moz-transition: background-color 0.6s ease-in-out 0s;
					    -o-transition: background-color 0.6s ease-in-out 0s;
					    -ms-transition: background-color 0.6s ease-in-out 0s;
						width: 100%;
					}
					.relacionado .relacionado-contenedor .relacionado-elementos .relacionado-elemento .relacionado-imagen:hover a .relacionado-capa{}
				.relacionado .relacionado-contenedor .relacionado-elementos .relacionado-elemento .relacionado-titulo{
					box-sizing: border-box;
					display: -webkit-box;/*block,-webkit-box  para mostrar, none para ocultar*/
				    -webkit-line-clamp: 2;
				    -webkit-box-orient: vertical;
					margin: 10px auto;
					overflow: hidden;
				    text-overflow: ellipsis;
					width: 90%;
				}
					.relacionado .relacionado-contenedor .relacionado-elementos .relacionado-elemento .relacionado-titulo a{
					    transition: color 0.6s ease-in-out 0s;
						-webkit-transition: color 0.6s ease-in-out 0s;
					    -moz-transition: color 0.6s ease-in-out 0s;
					    -o-transition: color 0.6s ease-in-out 0s;
					    -ms-transition: color 0.6s ease-in-out 0s;
					}
					.relacionado .relacionado-contenedor .relacionado-elementos .relacionado-elemento .relacionado-titulo a:hover{}
		.relacionado .relacionado-contenedor .relacionado-elementos-cl{
			clear: both;
		}
	.relacionado .relacionado-left{
	    cursor: pointer;
		height: 50px;
		left: 1%;
		position: absolute;
		top: 40%;
	    transition: background-color 0.6s ease-in-out 0s;
	    -webkit-transition: background-color 0.6s ease-in-out 0s;
	    -moz-transition: background-color 0.6s ease-in-out 0s;
	    -o-transition: background-color 0.6s ease-in-out 0s;
	    -ms-transition: background-color 0.6s ease-in-out 0s;
		width: 50px;
	}
	.relacionado .relacionado-left:hover{}
		.relacionado .relacionado-left .relacionado-icon-left{
			margin: 10px 0px 0px 0px;
		}
	.relacionado .relacionado-right{
	    cursor: pointer;
		height: 50px;
		position: absolute;
		right: 1%;
		top: 40%;
	    transition: background-color 0.6s ease-in-out 0s;
	     -webkit-transition: background-color 0.6s ease-in-out 0s;
	    -moz-transition: background-color 0.6s ease-in-out 0s;
	    -o-transition: background-color 0.6s ease-in-out 0s;
	    -ms-transition: background-color 0.6s ease-in-out 0s;
		width: 50px;
	}
	.relacionado .relacionado-right:hover{}
		.relacionado .relacionado-right .relacionado-icon-right{
			margin: 10px 0px 0px 5px;
		}