/******************************************************************************************************************
 *      Web:            Museo Thyssen-Bornemisza                                                                  *   
 *      Autor:          Ruben Manzano ruben.manzano@gmail.com                                                     *
 *      Hoja:           videoPlayer.css                                                                           *
 *      Descripcion:    css para el reproductor de video                                                          * 
 *      Fecha:          13/02/2009                                                                                *
 **************************************************************************************************************** */

/* reinicio de estilos */
@import url("reinicio.css");

/* reticula especial para las paginas sni columna derecha */
@import url("reticulaEspecial.css");

/* tipografia general */

@import url("tipos.css");


* div#contenedor div#contenidos div#colCentral { width: 740px;}

/* buscador de cabecera */

div#colDerechaCabecera p#buscadorAvanzado{ margin: 0; padding:6px 0 7px 28px; font-size: 1em; background:transparent url(../img/fnd-flechaPeqA5.png) no-repeat scroll 10px 10px;}

div#colDerechaCabecera p#buscadorAvanzado a:link{ font-size: 1em;}
p#buscadorAvanzado a:visited{ font-size: 1em;}
p#buscadorAvanzado a:hover{ font-size: 1em;}
p#buscadorAvanzado a:active{ font-size: 1em;}



div#videoPlayer ul.encabezadoVideoPlayer{ height: 5.7em;}
	div#videoPlayer ul.encabezadoVideoPlayer li{ margin: 0; padding:0 0 0 23px;}
	div#videoPlayer ul.encabezadoVideoPlayer h3{ background: url(../img/fnd-flechaAbajo90.png) no-repeat left; text-indent: 20px; position: relative; left: -22px; margin: 0; display:inline; width: 460px; padding-left:20px; font-style:normal;}
		div#videoPlayer ul.encabezadoVideoPlayer h3 em{font-style:normal;}



div#videoPlayer{ font-style:normal;}
div#videoPlayer p{ width: 429px; padding: 0 51px 0 0; float: left; overflow: hidden; color: #666;}
				
/* modulo social */

div.moduloSocial{ margin: 0 0 30px 0; padding: 10px 10px 0 0; float: right; width: 222px;}

div.moduloSocial h4{ font-size: 1.2em; color: #333; padding: 0; background: url(../img/fnd-flechaPeqA5.png) no-repeat 0px 4px; text-indent: 15px; clear: left; float: left;}

div.moduloSocial ul{ clear: both; }
div.moduloSocial ul li{ float: left; margin: 0 6px 0 0;}

div.moduloSocial ul#redesSociales{ border-bottom: 1px solid #e5e5e5; padding: 10px 0 35px 0; margin: 0 0 10px 0;}

div.moduloSocial ul.mediaValoracion li{ margin: 0 1px 0 0;}
div.moduloSocial ul.mediaValoracion li a{ display: inline-block;}


div.moduloSocial ul.valorar li{ margin: 0 1px 0 0;}

ul  li.textoValoracion{ color: #7f7f7f; font-size: 1.2em; padding: 0 0 0 6px;}

/* ajuste item imformacion videoplayer */
div#videoPlayer ul.encabezadoVideoPlayer li.ajusteItemVideoPlayer{ position: relative; left: -2px;}


/* # AJUSTE DE CABECERA */
div#contenidos div#colCentral{ margin: 0;}


/* ==================================================== */
/* = NUESVOS LISTADOS DE VIDEOS EN LA FICHA DEL VIDEO = */
/* ==================================================== */
ul.videosOnFour { clear: both; width:752px; overflow:hidden; padding:30px 0 0 0;font-style:normal;}
ul.videosOnFour li { margin:0;}
ul.videosOnFour li.parent { width:348px; float:left; padding:0 17px 20px 0;}
ul.videosOnFour li.parent li { height:74px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; overflow:hidden;}
	ul.videosOnFour li.parent li img { display:block; float:left;}
	ul.videosOnFour li.parent li strong { background:url("../img/fnd-flechaPeqA5.png") no-repeat scroll 23px 19px transparent; font-weight:normal; margin:0 0 0 139px;  color:#000000; display:block; font-size:1.3em; height:63px; padding:13px 0 0 39px;}
		ul.videosOnFour li.parent li a:hover strong ,ul.videosOnFour li.parent li a:hover strong small{ color:#666; cursor:pointer;}
	ul.videosOnFour li.parent li strong small { color:#7f7f7f; display:block; font-size:11px;}

div#colCentralContenidosInt ul.videosOnFour li h3  { font-size:15px; height:60px; margin:0; background:#323232 url("../img/flecha_videosonfour.png") no-repeat top left; padding:14px 0 0 32px; color:#e7e5da;}
	div#colCentralContenidosInt ul.videosOnFour li h3 a:link { color:#7f7f7f; font-size:11px; display:block; text-decoration:underline;}
	div#colCentralContenidosInt ul.videosOnFour li h3 a:visited { color:#7f7f7f; font-size:11px; display:block; text-decoration:underline;}
	div#colCentralContenidosInt ul.videosOnFour li h3 a:hover { color:#FFF; font-size:11px; display:block; text-decoration:underline;}
	div#colCentralContenidosInt ul.videosOnFour li h3 a:active { color:#7f7f7f; font-size:11px; display:block; text-decoration:underline;}



/* Estas etiquetas son traidas del CSS videos.css y son utilizadas para desplegar el listado de los videos
*/
ul.proyectosOnlineVideo{ margin: -28px 0 10px 0;}

    .proyectosOnlineVideo li{ clear: both; padding: 0 0 0 0; height: 74px; margin-bottom:1px; padding-left: 17px;}
    ul#listadoColapsableVideo ul li img{ float: left; width: 152px; clear: right;}

    /* enlaces tras la imagen */
    .proyectosOnlineVideo li a{ width:234px; display: block; float: right;}
    .proyectosOnlineVideo li a:link{ font-size: 1.4em; color: #000; height: 63px; display: block; padding: 10px 0 0 39px; background: url(../img/fnd-flechaPeqA5.png) transparent no-repeat 23px 16px; border-bottom: 1px solid #e5e5e5;}
    .proyectosOnlineVideo li a:visited{ font-size: 1.4em; color: #000;height: 63px;display: block; padding: 10px 0 0 39px; background: url(../img/fnd-flechaPeqA5.png) transparent no-repeat 23px 16px; border-bottom: 1px solid #e5e5e5;}
    .proyectosOnlineVideo li a:hover{ font-size: 1.4em; color: #000; height: 63px; display: block; padding: 10px 0 0 39px; background: #e7e5da url(../img/fnd-flechaPeqA5H.png) no-repeat 23px 16px; border-bottom: 1px solid #e5e5e5;}
    .proyectosOnlineVideo li a:active{ font-size: 1.4em; color: #000; height: 63px;display: block; padding: 10px 0 0 39px; background: url(../img/fnd-flechaPeqA5.png) transparent no-repeat 23px 16px; border-bottom: 1px solid #e5e5e5;}
    .proyectosOnlineVideo li a span{ font-size: 0.75em; color: #3B393A; width: 401px;}

    /* borde primer item */
    .proyectosOnlineVideo li a{ width:234px; display: block; float: right;}