/*--------------------------------------------------------------
# Estilos CSS de YouTube
--------------------------------------------------------------*/

/* Para tener un ancho máximo debemos de establecer el width del DIV.delimitador */
.delimitador{
width:480px;
margin:auto;
}
/* El contenedor con el padding-top crea el tamaño del vídeo */
.contenedor{
border: 3px solid #0A607A;
height:0px;
width:100%;
max-width:560px; /* Así establecemos el ancho máximo (si lo queremos) */
padding-top:56.25%; /* Relación: 16/9 = 56.25% */
position:relative;
}

/* Lo que este código realiza es asumir la proporción de vídeos 16/9 , el ratio 56.25% y 
lo aplica como padding para mantener las proporciones del contenedor del vídeo.*/

/* El iframe se adapta al tamaño del contenedor */
iframe{
position:absolute;
height:100%;
width:100%;
top:0px;
left:0px;
}