/* CSS Document, created by Federico Gagliardone - Sapo Communications - for LATV */
/* BASIC ELEMENTS */

body{ margin:0;	padding:0; background-position:center top; background-repeat:no-repeat; background-color:#C39D00; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; /*background-image:url(../img/background/background-ventilador.jpg);*/ }
img { border:none; }
#maincontainer{ position:relative;z-index: 1; background-repeat:no-repeat; width: 1040px; /*Width of main container*/ margin: 0 auto; /*Center container on page*/ /*background-image:url(../img/siteElements/bgMenu.png);*/}
#topsection{ /*background: #EAEAEA;*/ height: 210px; /*Height of top section*/ width: 100%; }
#contentwrapper{ float: left; width: 100%; background-color: #FFFFFF; position: relative;  z-index: 1; height: 100% auto; /*padding-top:5px;*/}
#contentcolumn{ background: #FFFFFF; position: relative;  z-index: 1; float: left; height: 100% auto; /*margin-left: 130px;*/ /*Set left margin to LeftColumnWidth*/ }
#leftcolumn{ float: left; width: 130px; /*Width of left column*/ padding-top:5px; position: relative; z-index: 2; /*background: #FFFFFF;*/ /*margin-left: -1040px;*/ /*Set left margin to -(MainContainerWidth)*/}
#content { /*margin-right:310px;*/ background-color:white; }
#home-central{float: left;}
#home-right{float: right;}
#contentShows {/*margin-right:310px;background-image:url(../img/siteElements/bgTransparentBlack.png);*/}
#ads300 {float:right;width:300px;}
#footer{clear: left;width: 100%;background-image:url(../img/siteElements/bgTransparentBlack.png);color: #FFF;text-align: right;padding: 4px 0;margin-top:10px;}
#mainContentTube {/*margin-top:10px;*/background-color:#FFF;width:900px;padding:5px;position:relative;float:left;z-index: 1;}
#homeSlider{padding-top:5px;height:355px;float:left;position:relative;z-index: 1;}
#divABC { height:25px;width:595px;margin-bottom:10px;font-size:18px;height:25px;text-align:center;/*background-image:url(../img/siteElements/home-shows.jpg);*/}
input {background-color:#FFFFFF; border:2px solid #313131; }
select { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
textarea { background-color:#FFFFFF; border:2px solid #313131; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#pencilBannerContainer{ width:100%; position:relative; float:left; text-align:center; margin-bottom:2px; z-index:1; }

/* LINKS */
.nocLink:link {  font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:12px;  color: #7b0095; }
.nocLink:visited {  font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:12px;  color: #7b0095; }
.nocLink:hover, nocLink:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #FFF; }
.footer:link {  font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:11px;  color: #999; }
.footer:visited {  font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:11px;  color: #999; }
.footer:hover, a:active { font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #ff009c; }
a:link { font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:12px; font-weight:bold; color:#00b8e0; }
a:visited { font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:12px; font-weight:bold;  color:#00b8e0; }
a:hover, a:active {font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; color: #ff009c; text-decoration: none; }
.linkOrange:link { font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:12px; font-weight:bold; color:#FF8D00; }
.linkOrange:visited { font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:12px; font-weight:bold; color:#FF8D00; }
.linkOrange:hover, .linkOrange:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #00b8e0; text-decoration: none; }
.linkListVideos:link { font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:12px; font-weight:bold; color:#777676; }
.linkListVideos:visited { font-family:Arial, Helvetica, sans-serif; text-decoration: none; font-size:12px; font-weight:bold;  color:#777676; }
.linkListVideos:hover, .menu:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #00b8e0; text-decoration: none; }

/* POLL LINKS */

.poll_link:link{ font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration: none; color: #000000; }	
.poll_link:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration: none; color: #FFFFFF; }	
.poll_link:active { font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration: none; color: #000000; }	
.poll_link:visited { font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration: none; color: #000000; }

/* -- */

/* FONTS */
.fontBlue { font-family: Arial, Helvetica, sans-serif;	font-size:12px; color: #00b8e0;	line-height:14px; }
.fontOrangeBold { font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #ff009c; line-height:14px; font-weight:bold;}
.fontBlue18 { font-family: Arial, Helvetica, sans-serif; color: #00b8e0; font-size: 18px; line-height:20px; }
.fontBlue25 { font-family: Arial, Helvetica, sans-serif; color: #00b8e0; font-size: 25px; line-height:20px; }
.fontBlue16 { font-family: Arial, Helvetica, sans-serif; color: #00b8e0; font-size: 18px; font-weight:bold; line-height:20px; }
.fontBlue16a { font-family: Arial, Helvetica, sans-serif; color: #01a6ca; font-size: 18px; font-weight:bold; line-height:20px; }
.fontPink { font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; font-size:25px; }
.fontTitleVideos { font-family:Arial, Helvetica, sans-serif; color:#00b8e0; font-weight:bold; font-size:20px; padding-left:5px; }
.fontTitleVideosFB { font-family:Arial, Helvetica, sans-serif; color:#92ebff; font-weight:bold; font-size:20px; padding-left:5px; }
.fontWhite { color:#FFF; }
.fontBlack{	color: #000000; }
.fontGreen { color:#00b8e0; }
.fontOrange { color:#FF8D00; }

/* GRAPHIC STYLES */
.title { background-image:url(../img/siteElements/bgTitles.jpg); background-position:right; background-repeat:no-repeat; padding-left:10px; height:37px; margin-bottom:10px; padding-top:5px; }
.titleContest { background:url(../img/siteElements/bgTitles.jpg); padding-left:5px; background-position:bottom right; font-weight:bold; color:#FFF; height:25px; padding-top:5px; }
.inputBlack { background-image:url(../img/siteElements/bgBlack-input.jpg); background-position:middle center; color:white; height:30px; border:none; }
.leaderboard { /*clear: left;*/ float:right; position:relative; width:900px; background: white; color: #FFF; text-align: center;	height:100px; padding:10px 5px 0 5px;	border-top: 1px solid #CECECE;}
.latvInfo { height:100px; padding-top:10px; border-top: 1px solid #CECECE; background-image:url(../img/siteElements/bgFooter.jpg);	padding:5px; position:relative; float:right; width:900px; }
.singleAd { padding-bottom:8px; }
.divCategory { margin-bottom:20px;}
.rightModule { padding:5px; margin-bottom:8px; }
.spacer10pxHeight{ height:10px; }
.innertube{ margin-right:5px; width:900px; margin-top: 0; position: relative; z-index: 1; height: 100% auto; float: left; /*margin: 10px; Margins for inner DIV inside each column (to provide padding)*/}
.button { background-image:url(../img/siteElements/bgMagenta.jpg);height:25px; text-align:center; font-weight:bold; color:#FFF; border:none; }
.tdSubMenu {background:url(../img/siteElements/dashes.png); background-repeat:no-repeat; padding-left:20px;}
.tableSchedule {border: 1px solid #999;border-collapse:collapse;}
.tdSchedule {border: 1px solid #999;border-collapse:collapse;}

/*   NEW MENU  */
/*new*/
#topContainer{ height:210px; width:100%; float:left; position: relative; padding-top: 10px; z-index: 2; }	
#topRight{ height:100%; width: 232px; float:left; position: relative; z-index: 2;}	
#topLeft{ height:100%; margin-left: 8px; width: 800px; float: left; clear: right; position: relative; z-index: 2; }	
#topBanner{ width: 728px; height: 90px; text-align: right; position: relative; float: right; clear: right; }	
#mainMenu{ height: 68px; width: 790px; position: relative; float: right; clear: right; margin-top: 4px; margin-left: 10px; z-index: 5;}	
#secondMenu{ width: 100%; position: relative; float: right; margin-top: 4px; }		
#mainMenuTable{ height: 68px; width: 100%; border-collapse: collapse; border: none; }	
#secondMenuTable{ height: 40px; width: 100%; border-collapse: collapse; /*border: none;*/ }
/*--*/	
/*menu secundario*/
.secondMenuLink:link, .secondMenuLink:visited, .secondMenuLink:active { font-family: Calibri, "Calibri", Arial; font-weight: normal; font-size: 18px; color: #333; }
.secondMenuLink:hover { font-family: Calibri, "Calibri", Arial; font-weight: normal; font-size: 18px; color: #00b8e0; }
/*--*/	
/*submenues*/
.boxMenuShows { border-bottom:1px solid #e9e9e9; padding:2px; }
.boxMenuTitles { background-color:#00b8e0; padding:5px; color:#FFF; font-weight:bold; }
.subMenuContainer { position: relative; z-index: 10000; float: left;
	background: #FFFFFF url(../slider/rgba.php?r=255&g=255&b=255&a=90) repeat;	/* bug para IE */ background: rgba(255, 255, 255, 0.9);		
	border-bottom: 1px solid #999; padding: 5px; margin-top: -48px; margin-left: 253px; width: 780px; display: none; }
/*--*/
.sp { width: 110px; height: 48px; text-align: center; background: url(/img/siteElements/top/newMenuSprite.png); visibility: hidden; }	
.sp1 { background-position: 0 0; }
.sp1_over { background-position: 0px -48px; }
.sp1_selected { background-position: 0px -96px; }	
.sp2 { background-position: -115px 0; }
.sp2_over { background-position: -115px -48px; }
.sp2_selected { background-position: -115px -96px; }	
.sp3 { background-position: -230px 0; }
.sp3_over { background-position: -230px -48px; }
.sp3_selected { background-position: -230px -96px; }
.sp4 { background-position: -346px 0; }
.sp4_over { background-position: -346px -48px; }
.sp4_selected { background-position: -346px -96px; }
.sp5 { background-position: -461px 0; }
.sp5_over { background-position: -461px -48px; }
.sp5_selected { background-position: -461px -96px; }
/*   END NEW MENU  */
		

/* SHOWS */
#showsContent { float:left; display:inline;	width:720px; }
.divShows { display:inline; float:left; width:240px; height:180px; background-image:url(/img/siteElements/boxShows.jpg); background-repeat:no-repeat; background-position:center top; }
.showsCategory { margin-bottom:10px;  padding-bottom:10px; width: 720px; float: left; text-align: center;}
.showsImg {margin-top:20px; min-height: 100px; /*margin-left:45px;*/}
.showsText { padding:5px; text-align:center; font-weight:bold; margin-top:15px; text-transform: uppercase;}
/* END SHOWS */

/* NEW VIDEOS */

.video_link:link{ font-family:Arial, Helvetica, sans-serif; text-decoration: none; color: #000000; }	
.video_link:hover { color: #00B8E0; }	
.video_link:active { color: #000000; }	
.video_link:visited { color: #000000; }

.main-image { position: relative; width: 96px; height: 72px; }
.main-image-tb { position: relative; width: 159px; height: 119px; }
.button-play { position: absolute; top:20%; right: 25%; width:48px; height: 48px; }
.button-play-tb { position: absolute; top:25%; right: 35%; width:48px; height: 48px; }

.title-link-tb-active { width: 148px; height: 40px; font-weight: bold; font-size: 14px; text-transform: uppercase; text-align: center; 
	color: #00B8E0; background-image: url(/img/siteElements/rollOver.jpg);  background-repeat: no-repeat; background-position: center; }

.title-link-tb-noactive { width: 148px; height: 40px; font-weight:bold; text-transform: uppercase; text-align: center;
	background-color: #FFFFFF; background-image: url(/img/siteElements/boton.jpg); background-repeat: no-repeat; background-position: center; }

.title-link-tb-noactive a { color: #616161; font-size: 14px; }	
.title-link-tb-noactive a:hover { color: #ff009c; }
	
/* END NEW VIDEOS */


/* NEW COMMENTS */

#divComments{ float:left; position:relative; width:590px;background-color:#FFFFFF; }
#divCommentsInner{ float:left; position:relative;clear:both; padding-left:5px; padding-top:15px; }
#commentsContainer { float:left; position:relative;clear:right;width:100%;padding-bottom:10px; }
.commentButton { float:left; width:106px; height:23px; text-align:center;  background-image:url(/img/comments/bgButton.jpg); cursor:pointer; margin:5px; }
.commentButton a { /*color: #FFF; display:block; font-size:12px; font-weight:bold; width:100px; height:17px;*/ }
.commentButton a:link { color: #FFF; display:block; padding:3px; width:100px; height:17px; text-align:center; background-image:url(/img/comments/bgButton.jpg); color:#FFF; font-size:12px; font-weight:bold; margin-right:5px; }
.commentButton a:visited { color: #FFF; }
.commentButton a:hover { color: #F90;background-color:#035f7d; width:100px; background-image:none; margin-right:5px; }
.commentButton a:active { color: #FFF; }
.numberBox { float:left; display:inline; width:60px; height:50px; padding:5px; text-align:center; background-color:#efefef; border:1px solid #bdbdbd; }
.commentTime { font-style:italic; color:#666; font-size:11px; }
.commentBox { float:left; margin-left:10px; display:inline; width:470px; padding-left:10px; border-left:1px solid #CCC; }
.commentBody1st { clear:both; margin-top:10px; width:580px; }
.commentBody { clear:both; margin-top:10px; width:580px; padding-top:30px; }
.toolsLine { margin-top:15px; height:30px; background-color:#f6f6f6; padding-left:5px; background-image:url(/img/comments/bgTools.png); background-repeat:no-repeat; }
.thumbDown { float:left; margin-left:15px; padding-top:4px; }
.reply {float:left; margin-left:15px; padding-top:2px; }
.votes {float:left; padding-top:5px; padding-left:5px; color:#666; }
.commentName { float:left; padding-top:5px; padding-left:50px; font-weight:bold; font-size:12px; }
.buttonOcultar { float:right; padding-top:2px; }
.commentWriteBox { float:left; margin: 5px 0; border:1px solid #CCC; width:580px; height:80px; margin-bottom:5px; }
.commentQuantity { width:580px; padding-bottom:3px; border-bottom:1px solid #CCC; margin-bottom:10px; }
.responseBtnToggle { float:right; margin-right:5px; }
#commentsPaginator { float:left; position:relative;width:100%;height:40px;padding-top:20px;text-align:center;font-weight:bold; }
/* END NEW COMMENTS */

