@font-face {
		font-family: 'DINPro Regular';
		src: url(../fonts/DINPro/DINPro-Regular.ttf) format('truetype');
		font-weight: normal;
		font-style: normal;
	}
	@font-face{
		font-family: 'DINPro Medium';
		src: url(../fonts/DINPro/DINPro-Medium.ttf) format('truetype');
		font-weight: medium;
		font-style: normal;
	}
	@font-face{
		font-family: 'DINPro Bold';
		src: url(../fonts/DINPro/DINPro-Bold.ttf) format('truetype');
		font-weight: bold;
		font-style: normal;
	}
	@font-face{
		font-family: 'DINPro Light';
		src: url(../fonts/DINPro/DINPro-Light.ttf) format('truetype');
		font-weight: lighter;
		font-style: normal;
	}


#carrusel{
	position: relative;
    width: 100%; /* 900px - border*2 - paddig-left - padding-right */
    border:1px solid #DDD;
    overflow: hidden;
	background: #e7e7e7;
    background: -moz-linear-gradient(left, #e7e7e7 0%, #ffffff 20%, #ffffff 50%, #ffffff 80%, #e7e7e7 100%);
    background: -webkit-linear-gradient(left, #e7e7e7 0%,#ffffff 20%,#ffffff 50%,#ffffff 80%,#e7e7e7 100%);
    background: linear-gradient(to right, #e7e7e7 0%,#ffffff 20%,#ffffff 50%,#ffffff 80%,#e7e7e7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=1 );
	height: 290px;
}

#carrusel .carrousel-header
{
    width: 100%;
    display: flex;
    justify-content: center;
}
#carrusel .carrousel-header h3
{
    font-family: 'DINPro Bold';
    background-color: #d39e14 ;
    font-size: 1.2em;
    color: #FFF;
    margin: 0;
    padding: 10px 20px;
}

#carrusel .container {
  	display: flex;
	height:100%;
	margin-left: 20px;
}
#carrusel .container div {
  flex: 0 0 265px;
  text-align: center;
  padding: 10px;
  font-size: 14px;
}
#carrusel .container div img{
	border-radius: 50%;
	width: 100px;
	max-height: 100px;
}
#carrusel .container .carrusel-autor img
{
	width: 25px;
    border-radius: 0;
}
#carrusel .container div.carrusel-autor, .container div.carrusel-articulo
{
	padding: 0;
	
}
#carrusel .container div.carrusel-autor
{
	font-family: 'DINPro Light';
}
#carrusel .container div.carrusel-articulo
{
	font-family: 'DINPro Bold';
	padding-top: 0px;
}
#carrusel a:link, a:visited
{
	color: #303b58;
	text-decoration: none;
	font-size: 1.2em;
}
#carrusel>.carrousel-header a:link, a:visited
{
	color: #FFF;
}

#carrusel .izquierda_flecha {
   position: absolute;
    left: 20px;
    z-index: 1;
    top: 50%;
    margin-top: -9px;
}
#carrusel .derecha_flecha {
    position: absolute;
    right: 20px;
    z-index: 1;
    top: 50%;
    margin-top: -9px;
}