/*************************************************************************************************
*************************************|| UOL HOST TV ||********************************************
**************************************************************************************************/

.uolhosttv{
	background: url("//host.imguol.com/site/uolhost/images/backgrounds/bg-uolhosttv.jpg") top center no-repeat;
	min-height: 233px;
}



/* uolhosttv-content */
.uolhosttv-content{
	width: 976px;
	margin-top: 32px;
	background: url("//host.imguol.com/site/uolhost/images/backgrounds/bg-pag-corner.png") top center no-repeat;		
}

.uolhosttv-content h1, .uolhosttv-content .titleIn, .uolhosttv-content h3.titleIn{
	font: bold 18px arial;
	color: #129bcf;
	margin: 8px 20px 24px 20px;
}
	h1 a:hover{
		text-decoration: none;
	}
.uolhosttv-content .fita{
	position: absolute;
	top: -101px;
	right: 150px;
}

/** Lateral Esquerda **/
.uolhosttv-content #col-left{
	position: relative;
	float: left;
	width: 560px;
	margin-left: 20px;
}
	.uolhosttv-content #col-left #video object,{
		z-index: 0;
	}
	/** lista de videos **/
	.uolhosttv-content #col-left ul{
		float: left;
		width: 560px;
		padding: 20px 0 20px 0;
	}
	.uolhosttv-content #col-left ul.todos-videos{
		padding-bottom: 0;
		border-bottom: 2px dotted #d1d1d1;
	}
		.uolhosttv-content #col-left ul li{
			float: left;
			width: 242px;
			height: 305px;
		}
		.uolhosttv-content #col-left ul li.space{
			margin-left: 40px;
		}
			.uolhosttv-content #col-left ul li a.thumb{
				float: left;
				border: 1px solid #d3d3d3;
			}
			.uolhosttv-content #col-left ul li img{
				float: left;
				border: 4px solid #f2f2f2;
			}
			.uolhosttv-content #col-left ul li a.title{
				float: left;
				font: bold 12px Arial;
				color: #035eda;
				margin-top: 5px;
			}
			.uolhosttv-content #col-left ul li .dados{
				float: left;
				width: 242px;
				margin-top: 10px;
			}
				.uolhosttv-content #col-left ul li .dados .author-date{
					float: left;
					width: 242px;
				}
					.uolhosttv-content #col-left ul li .dados .author-date .author{
						float: left;
						width: 105px;
						color: #000;
						font: bold 11px Arial;
					}
						.uolhosttv-content #col-left ul li .dados .author-date .author a{
							font: normal 11px Arial;
							color: #3a7ce3;
						}
					.uolhosttv-content #col-left ul li .dados .author-date .date{
						float: left;
						font: normal 11px Arial;
						color: #000;
						margin-left: 15px;
					}
				.uolhosttv-content #col-left ul li .dados .rating-views-comments{
					float: left;
					width: 242px;
					margin-top: 7px;
				}
					.uolhosttv-content #col-left ul li .dados .rating-views-comments .rating{
						float: left;
						width: 65px;
						height: 9px;
						text-indent: -9999px;
						margin-top: 4px;
						background: url("//host.imguol.com/site/uolhost/images/tv/sprite-rating.jpg") 0 0 no-repeat;
					}
					.uolhosttv-content #col-left ul li .dados .rating-views-comments .rating.zero{
						background-position: 0 0;
					}
					.uolhosttv-content #col-left ul li .dados .rating-views-comments .rating.um{
						background-position: 0 -12px;
					}
					.uolhosttv-content #col-left ul li .dados .rating-views-comments .rating.dois{
						background-position: 0 -22px;
					}
					.uolhosttv-content #col-left ul li .dados .rating-views-comments .rating.tres{
						background-position: 0 -33px;
					}
					.uolhosttv-content #col-left ul li .dados .rating-views-comments .rating.quatro{
						background-position: 0 -44px;
					}
					.uolhosttv-content #col-left ul li .dados .rating-views-comments .rating.cinco{
						background-position: 0 -55px;
					}

					.uolhosttv-content #col-left ul li .dados .rating-views-comments .views{
						float: left;
						width: 65px;
						padding: 0 0 4px 15px;
						margin-left: 25px;
						color: #000;
						font: bold 11px Arial;
						background: url("//host.imguol.com/site/uolhost/images/tv/ico-views.jpg") 0 0 no-repeat;
					}
					.uolhosttv-content #col-left ul li .dados .rating-views-comments .comments{
						float: left;
						width: 50px;
						padding: 0 0 4px 20px;
						color: #000;
						font: bold 11px Arial;
						background: url("//host.imguol.com/site/uolhost/images/tv/ico-relogio.jpg") 0 0 no-repeat;
					}
	/** //lista de videos **/
	/** videos gravado **/
	.uolhosttv-content #col-left #dados{
		float: left;
		width: 560px;
		margin-top: 10px;
	}
		.uolhosttv-content #col-left #dados .nota{
			float: left;
			width: 560px;
			padding-bottom: 15px;
			margin: 10px 0 15px 0;
			border-bottom: 2px dotted #d1d1d1;
		}
			.uolhosttv-content #col-left #dados .nota p{
				float: left;
				margin-top: 2px;
			}
			.uolhosttv-content #col-left #dados .nota .rating{
				float: left;
				width: 120px;
				height: 16px;
				text-indent: -9999px;
				margin-left: 10px;
				background: url("//host.imguol.com/site/uolhost/images/tv/sprite-rating-g.png") 0 0 no-repeat;
			}
			.uolhosttv-content #col-left #dados .nota .rating.zero{
				background-position: 0 -3px;
			}
			.uolhosttv-content #col-left #dados .nota .rating.um{
				background-position: 0 -20px;
			}
			.uolhosttv-content #col-left #dados .nota .rating.dois{
				background-position: 0 -37px;
			}
			.uolhosttv-content #col-left #dados .nota .rating.tres{
				background-position: 0 -54px;
			}
			.uolhosttv-content #col-left #dados .nota .rating.quatro{
				background-position: 0 -71px;
			}
			.uolhosttv-content #col-left #dados .nota .rating.cinco{
				background-position: 0 -89px;
			}
		.uolhosttv-content #col-left #dados .description-infos{
			float: left;
			width: 560px;
			padding-bottom: 15px;
			margin: 0 0 15px 0;
			border-bottom: 2px dotted #d1d1d1;
		}
			.uolhosttv-content #col-left #dados .description-infos .description{
				float: left;
				width: 340px;
				line-height: 18px;
			}
			.uolhosttv-content #col-left #dados .description-infos .infos{
				float: right;
				width: 150px;
			}
				.uolhosttv-content #col-left #dados .description-infos .infos .icos{
					float: left;
					width: 150px;
					height: 18px;
					padding-left: 25px;
					margin-bottom: 5px;
					color: #525252;
					font: normal 11px Arial;
				}
					.uolhosttv-content #col-left #dados .description-infos .infos .icos strong{
						font-weight: bold;
					}
				.uolhosttv-content #col-left #dados .description-infos .infos .views{
					background: url("//host.imguol.com/site/uolhost/images/tv/ico-views.jpg") 0 0 no-repeat;
				}
				.uolhosttv-content #col-left #dados .description-infos .infos .comments{
					background: url("//host.imguol.com/site/uolhost/images/tv/ico-relogio.jpg") 0 0 no-repeat;
				}
				.uolhosttv-content #col-left #dados .description-infos .infos .favorites{
					background: url("//host.imguol.com/site/uolhost/images/tv/ico-favorito.jpg") 0 0 no-repeat;
				}
		.uolhosttv-content #col-left .box-twitter,
		.uolhosttv-content #col-left #fb{
			float: left;
			width: 550px;
			margin: 0 0 15px 0;
		}
		.uolhosttv-content #col-left #fb.ficha{
			margin-bottom: 0;
			padding-bottom: 20px;
			border-bottom: 2px dotted #d1d1d1;
		}
			.uolhosttv-content #col-left .box-twitter #tweetar{
				float: right;
				width: 115px;
				height: 28px;
			}
				.uolhosttv-content #col-left .box-twitter #tweetar iframe{
					float: right;
					width: 115px;
					height: 28px;
				}
			.uolhosttv-content #col-left .box-twitter label{
				float: left;
				margin-top: 9px;
			}
		.uolhosttv-content #listVideos.homeTv{
			padding: 20px 0 20px 0;
			border-bottom: 2px dotted #d1d1d1;
		}
			.uolhosttv-content #listVideos.homeTv li{
				margin-bottom: 20px;
			}
		.uolhosttv-content .voltar-home{
			float: left;
			margin-top: 10px;
		}
		.uolhosttv-content .ver-todos{
			float: right;
			margin-top: 10px;
		}
	/** //videos gravado **/
	/** videos aovivo **/
		.uolhosttv-content #col-left .envie-comentario{
			float: left;
			width: 550px;
			margin: 20px 0 15px 0;
			padding-bottom: 20px;
			border-bottom: 2px dotted #d1d1d1;
		}
			.uolhosttv-content #col-left .envie-comentario p{
				font: bold 15px Arial;
				color: #525252;
				margin-bottom: 10px;
			}
			.uolhosttv-content #col-left .envie-comentario textarea{
				width: 260px !important;
			}
	/** //videos aovivo **/
/** //Lateral Esquerda **/
/** Lateral Direita **/
.uolhosttv-content #col-right{
	position: relative;
	float :right;
	width: 365px;
	height: auto;
	margin-right: 20px;
	padding: 11px 0 20px 0;
	background: #f3f5f5 url("//host.imguol.com/site/uolhost/images/tv/bg-barra-dir.png") top left repeat-y;
}
	.uolhosttv-content #col-right img{
		margin-left: 10px;
	}
	.uolhosttv-content #col-right img.banner-conecta{
		margin-bottom: 50px;
	}
	.uolhosttv-content #col-right img.separador{
		margin: 30px 0 20px 0;
	}
	.uolhosttv-content #col-right .proximas-entrevistas{
		position: relative;
		float: left;
		width: 335px;
		margin: 0 0 35px 15px;
	}
		.uolhosttv-content #col-right .proximas-entrevistas h3{
			font: bold 16px Arial;
			color: #4f4f4f;
			margin: 15px 0 10px 0;
		}
		.uolhosttv-content #col-right .proximas-entrevistas ul{
			float: left;
			width: 330px;
			height: 80px !important;
		}
			.uolhosttv-content #col-right .proximas-entrevistas ul li{
				float: left;
				width: 340px;
			}
				.uolhosttv-content #col-right .proximas-entrevistas ul li img{
					float: left;
					margin: 0 15px 0 0;
				}
				.uolhosttv-content #col-right .proximas-entrevistas ul li .title-description{
					float: left;
					width: 210px;
					margin-top: 2px;
				}
					.uolhosttv-content #col-right .proximas-entrevistas ul li .title-description h4{
						float: left;
						width: 210px;
						font: bold 13px Arial;
						color: #525252;
					}
					.uolhosttv-content #col-right .proximas-entrevistas ul li .title-description span{
						float: left;
						width: 210px;
						font: normal 12px Arial;
						color: #349ccc;
						margin: 5px 0;
					}
					.uolhosttv-content #col-right .proximas-entrevistas ul li .title-description p{
						float: left;
						width: 210px;
						font: normal 12px Arial;
						color: #525252;
						line-height: 17px;
					}

					.uolhosttv-content #col-right .proximas-entrevistas .paginacao{
						position: relative;
						display: table;
						width: auto;
						height: 20px;
						margin: 0 auto;
						top: 30px;
					}

					.uolhosttv-content #col-right .proximas-entrevistas .nav-banner{
						float: left;
						margin-top: -11px;  
						width: 24px;
						height: 25px; 
						z-index: 100; 
						text-indent:-9000px;
						background:url("//host.imguol.com/site/uolhost/images/cloud-balancer/bt-banner.png") no-repeat;
					}
					.uolhosttv-content #col-right .proximas-entrevistas .bt-anterior{
						background-position: 0px -87px;
						margin-left: -35px;
					}
					.uolhosttv-content #col-right .proximas-entrevistas .bt-proximo{
						background-position: -25px -87px;
						margin-left: 14px;
					}

					.uolhosttv-content #col-right .proximas-entrevistas .bt-anterior:hover{
						background-position: 0px -111px;
					}

					.uolhosttv-content #col-right .proximas-entrevistas .bt-proximo:hover{
						background-position:  -25px -111px; 
					}
					.banner-paginacao #n-paginas{   
						position:relative;
						width:auto;
						height: 25px;
						display:block;
						float:left;
					}
					.banner-paginacao #n-paginas a{   
					position:relative;  
					text-indent:-9000px;
					width:10px;
					height:11px;  
					background:url("//host.imguol.com/site/uolhost/images/cloud-balancer/bt-banner.png") no-repeat;
					background-position:-65px -86px;  
					margin: 6px 3px 0px 3px;  
					display:inline-block;
					vertical-align:top;
					}
					.banner-paginacao #n-paginas a.activeSlide{background-position:-52px -86px;}

	/** Lista Pequena **/
	.uolhosttv-content #col-right h4.title-videos{
		float: left;
		width: 335px;
		margin: 15px 0 0 15px;
		font: bold 16px Arial;
		color: #4f4f4f;
	}
	.uolhosttv-content #col-right #listVideosP{
		float: left;
		width: 335px;
		margin-left: 15px;
	}
		.uolhosttv-content #col-right #listVideosP li{
			float: left;
			width: 335px;
			margin: 15px 0;
		}
			.uolhosttv-content #col-right #listVideosP li img{
				float: left;
				margin: 0;
			}
			.uolhosttv-content #col-right #listVideosP li .dados{
				float: left;
				width: 210px;
				margin-left: 12px;
			}
				.uolhosttv-content #col-right #listVideosP li .dados a.title{
					float: left;
					width: 210px;
					font: bold 11px Arial;
					color: #525252;
					margin: 10px 0 5px 0;
				}
				.uolhosttv-content #col-right #listVideosP li .dados a.description{
					float: left;
					width: 210px;
					font: normal 11px Arial;
					color: #525252;
				}
	.uolhosttv-content #col-right .ver-todos{
		float: right;
		margin: 10px 20px 0 0;
	}
		
	/** /Lista Pequena **/
/** //Lateral Direita **/

#lightbox-window .header-modal img{
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}