@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family: 'Roboto';
	src: url('../EN/scripts/fonts/roboto.eot');
	src: url('../EN/scripts/fonts/roboto.eot?#iefix') format('embedded-opentype'), url('../EN/scripts/fonts/roboto.woff') format('woff'), url('../EN/scripts/fonts/roboto.ttf') format('truetype'), url('../EN/scripts/fonts/roboto.svg#Roboto') format('svg');
	font-weight: normal;
	font-style: normal;
}
.foto {
	float: left;
	position: relative;
}
p {
	color: #FFF;
	font-family: "Roboto", sans-serif;
	font-size:12px;
	line-height: 17px;
	text-align: justify;
}
.vPurple {background-color: #865CAA;}
.vCoral {background-color: #F16D6A;}
.vGreen {background-color: #00AAAD;}
.sPurple {color: #865CAA;}
.sCoral {color: #F16D6A;}
.sGreen {color: #00AAAD;}
.titulo-vimeo {
	font-family: "Roboto", sans-serif;
	color: #000000;
	font-size: 20px;
	line-height: 30px;
	height: 30px;
	padding-left: 15px;
	margin-bottom: 5px;
}
.subtitle-vimeo {
	padding-left: 15px;
	margin-bottom: 10px;
	font-family: "Roboto", sans-serif;
}
body {
	background-color: #000;
}
* {margin:0; padding:0;}
#contenedor{
    max-width:1000px;/* Recuerden aplicar el ancho máximo del contenedor*/
    margin:0 auto;
}

.videoResponsive{
    margin:0 auto;
    height:0px;
    width:100%; /*tomará el tamaño al 100% del #contenedor*/
    padding-top:56.25%; /*nos ayudara a la proporción del video*/
    position:relative;
}
.videoResponsive iframe{
    position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
}
.videoResponsive img{
    position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
}
.txtvideo{
	margin: 10px 0px 10px 0px;
	}