/* -------------------------------------------------------------- 

	galeria.css
	* Skin Galer�a
   
-------------------------------------------------------------- */

.blog #breadcrumbs-single {float: left; padding-left:25px; width:27%;}

/* SUBHEADER
-------------------------------------------------------------- */
#subheader { background:url(../images/bkg/bkg-videos-subheader.gif) no-repeat top left; height:93px; }
#subheader .menu { float:right; margin:75px 10px 0 0; }
#subheader .menu li { display:inline; border-left:1px solid #FFFFFF; padding:0 30px; }
#subheader .menu li a, #subheader .menu li a { color:#FFFFFF; text-decoration:none; }
#subheader .menu .first {border:none; }

/* SUBHEADER
-------------------------------------------------------------- */
/*#subheader-videos { background:url(../images/bkg/bkg-videos-subheader.gif) no-repeat top left; height:93px; }*/
#subheader-videos img { float:left; }
#subheader-videos .menu { float:right; margin:-20px 10px 0 0; }
#subheader-videos .menu li { display:inline; border-left:1px solid #FFFFFF; padding:0 30px; }
#subheader-videos .menu li a, #subheader .menu li a { color:#FFFFFF; text-decoration:none; }
#subheader-videos .menu .first {border:none; }

/* MAIN
-------------------------------------------------------------- */

/*--- Barra superior ---*/
.barra-sup { float:left; background:url(../images/barra-sup.gif) no-repeat center top; padding-top:8px; height:40px; width:100%;}
.barra-sup .paginador { float:left; line-height:21px; font-size:1em; margin-top:-2px; width:46%;}
.barra-sup .paginador li, .paginador li a {display:inline; text-decoration:none; }
.barra-sup .paginador li { padding:2px 5px; margin:0 3px; border:1px solid #AAAAAA; background-color:#EEEEEE; color:#AAAAAA;}
.barra-sup .paginador .clear {border:none; background:none;margin:0; padding:0;}
.barra-sup .paginador li a { color:#AAAAAA; }
.barra-sup .paginador .selected { border:1px solid #757575; background-color:#DDDDDD; }
.barra-sup .paginador .selected a { color:#757575; }

/*--- Barra inferior ---*/
.barra-inf { float:left; background:url(../images/barra-inf.gif) no-repeat center bottom; padding-top:8px; height:40px; width:100%;}
.barra-inf .paginador { float:left; text-align:center; line-height:21px; font-size:1em; margin-top:14px; width:100%;}
.barra-inf .paginador li, .paginador li a {display:inline; text-decoration:none; }
.barra-inf .paginador li { padding:2px 5px; margin:0 3px; border:1px solid #AAAAAA; background-color:#EEEEEE; color:#AAAAAA;}
.barra-inf .paginador .clear {border:none; background:none; margin:0; padding:0; }
.barra-inf .paginador li a { color:#AAAAAA; }
.barra-inf .paginador .selected { border:1px solid #757575; background-color:#DDDDDD; }
.barra-inf .paginador .selected a { color:#757575; }

/*--- Buscar ---*/
.search .textbox { float:left; background:url(../images/bkg/bkg-videos-search-input.gif) repeat-x top left; padding:2px 5px; margin-right:5px; border:1px solid #8EA7FF; height:13px; width:130px; }
.search .textbox input {border:none; background:none; font-size:0.85em; color:#6888A0; width:130px;}
.search .button {background:url(../images/bkg/bkg-videos-search-submit.gif) no-repeat top left; border:none; height:20px; width:48px; }
.search .form-item { margin:0;}
/* VIDEO GALLERY
-------------------------------------------------------------- */

/*--- Video ---*/
.video-box { background:url(../images/vertical-separator.gif) no-repeat right center; height:140px; padding:5px;}
.video-box .video-img { float: left; background:url(../images/img-video-player-peq.gif) no-repeat top left; height:135px; width:150px; padding:8px 0 0 10px; }
.video-box .video-img .controls { float:left; margin:10px 0 0 10px; }
.video-box .video-img .video-detail { float:left; margin:9px 0 0 20px; }
.video-box .video-description { float:left; width:140px;}
.video-box .video-description h2 { margin-top:10px; }
.video-box .video-description h2 a { text-decoration:none; color:#003AA7; }
.video-box .video-description p { line-height:1.1em; }
.video-box .video-description .features { font-size:1em; color:#999999; }

/*---- Imágenes ed galería -----*/
.gallery-title {text-align: center}
/* VIDEO GALLERY DETAIL
-------------------------------------------------------------- */
/*--- Reproductor ---*/
.player .player-video { background-color:#000000;}
.player .player-video th, 
.player .player-video td { margin:0; padding:20px 10px; text-align:center; vertical-align:middle; }
.player .player-video .video-options { color:#FFF; float:left; width:100%; }
.player .player-video .video-options .video-rating { border-right:1px solid #d0d0d0; float:left; margin: 0 1em; padding: .8em; width:135px }
.player .player-video .video-options .video-rating .left { float:left; }
.player .player-video .video-options .video-rating .view { float:left; }
.player .player-video .video-options  .video-comments { float:left;}
.player .player-video .video-options .button-gallery { background:transparent url(../images/buttons/btn-gallery.gif) no-repeat left top; float:right; height:15px; margin:0 10px 0 0; text-align:center; width:116px; }
.player .player-video .video-options .button-gallery:hover { background:transparent url(../images/buttons/btn-gallery-pressed.gif) no-repeat left top; float:right; height:15px; margin:0 10px 0 0; text-align:center; width:116px; }
.player .player-video .video-options a .button-gallery { color:#FFF; padding:2px; text-decoration:none; }
.player .player-video .altura { min-height:200px }
/*<td valign="center" style="align:center;">*/ 
/*--- Descripción ---*/
.player .player-description {  
	background:#DCDEDE  url(../images/bkg/bkg-video-description.gif) repeat-x top left; 
	padding:25px 30px; 
 }
.player .player-description span { display:block; margin-bottom:5px; }
.player .player-description .title { color:#1B5A67; font-weight:bold; font-size:14px; }
.player .player-description .subtitle { color:#428DA4; font-size:11px; }
.player .player-description .info { color:#333333; font-size:12px; line-height:1em; }


/* VIDEO GALLERY DETAIL
-------------------------------------------------------------- */
/*--- Reproductor ---*/
.player  { background-color:#000000; min-height:500px;}
.player .player-selector-backward { background: #000 url(../images/buttons/video-arrow-previous.gif) no-repeat center 50%; float:left;  height:411px; width:25px; }
.player  .player-selector-reward { background: #000 url(../images/buttons/video-arrow-next.gif) no-repeat center 50%; float:left;  height:411px; width:25px; }
.player	#video-player { background:#000; float:left; padding:20px; text-align:center; width:554px; }

/*--- Videos relacionados ---*/
.related-videos-container { float:left; background-color:#000000; color:#FFFFFF; he width: 100%; }


/* GALLERY DETAIL
-------------------------------------------------------------- */
/*--- Galería ---*/
.gallery  { background-color:#000000; height:411px; }
.gallery .gallery-selector-backward { background: #000 url(../images/buttons/video-arrow-previous.gif) no-repeat center 50%; float:left;  height:411px; width:25px; }
.gallery  .gallery-selector-reward { background: #000 url(../images/buttons/video-arrow-next.gif) no-repeat center 50%; float:left;  height:411px; width:25px; }
.gallery  #gallery-image { background:#000; float:left; padding:20px; width:554px; }
.gallery  #gallery-image img { text-align:center; }

/*--- Descripción ---*/
.gallery-description { background:url(../images/bkg/bkg-video-description.gif) repeat-x top left; padding:25px 30px; height:75px; }
.gallery-description span { display:block; margin-bottom:5px; }
.gallery-description .title { color:#1B5A67; font-weight:bold; font-size:14px; }
.gallery-description .subtitle { color:#428DA4; font-size:11px; }
.gallery-description .info { color:#333333; font-size:12px; line-height:1em; }

/*--- Videos relacionados ---*/
.related-videos { border: 1px solid #d0d0d0; margin-bottom: 10px; background: #fff; }

.related-videos .head { background: #2e7891 url('../images/bkg/header-list.gif') left bottom repeat-x; height: 1%; padding: .4em 0 .2em; color: #fff;	overflow: hidden; }
.related-videos .head h2 { float: left; width: 75%; margin: 0 0 0 1em; color: #fff; font-size: 1.2em; }
.related-videos .head p {	float: none; margin-bottom: 0; font-size: 1.1em; text-align: right; }
.related-videos .head p a,
.related-videos .head p a:visited { padding-right: 10px; color: #fff; }

.related-videos ul { margin-bottom: 0; list-style: none; overflow:auto; }
.related-videos  li.impar { background:#F0F0F0 url(../images/bkg/gradient-inverse.gif) repeat-x left bottom; }
.related-videos  li .programa { color:#428da4; margin-right:7em; }
.related-videos  li.last { border-bottom: 0; }

.related-videos  li { border-bottom:1px solid #d0d0d0; float:left; padding: .8em; *padding: .8em .8em 0 .8em; font-size: 1.2em; width:279px; *width:278px; }
.related-videos  li  a { float:left; margin-right: 1em; font-size: .9em; }
.related-videos li  span { color: #ff9900 }
.related-videos  li h3 { margin-bottom: .1em; font-size: 1.1em }
.related-videos  li h3 img { float: left; margin: 2px 9px 3px 0 }