/********* Enlace Juvenil Copyright 2007. Todos los Derechos Reservados *********
********* Author: byConcept **********
***************************************/

/********* ELEMENTOS ************/
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #777;
	background: url(../imgs/bg3.jpg) repeat-x top #001520;
	margin:0px;
	padding:0px;
}
p {
	margin: 0px;
	padding:0px;
}
h3 {
	font-size: 12px;
}
a {
	color: #14A3E0;
	text-decoration: none;
}
a:hover {
	color: #555;
	text-decoration: underline;
}
form {
	margin:0px;
	padding:0px;
}
select {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
li {
	margin: 10px 0px;
}


/********* ESTILOS ************/
 .clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.colorDark {
	color: #333;
}
.noticiasMas {
	width: 83px;
	height: 32px;
	background-image: url("../imgs/mas_noticias_btn.png") !important;
	background-image: none; 
	background-repeat: no-repeat;
	float: right;
	margin-right: 2px;
	margin-top: 7px;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./imgs/mas_noticias_btn.png');
	overflow: show;
}


.greenUnderTitle {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin:0px 0px 20px 0px;
	padding:0px 0px 5px 0px;
	border-bottom: 2px solid #88C241;
}
.blueUnderTitle {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin:0px 0px 20px 0px;
	padding:0px 0px 5px 0px;
	border-bottom: 2px solid #408BD0;
}

.imgBorder {
	padding: 5px;
	background: #fff;
	 border: 1px solid #ccc;
}
.singleBorder {
	border: 1px solid #000000;
}
.phraseStyle {
	display: block;
	padding: 10px;
	margin: 10px;
	font-style: italic;
	color: #777;
	border: 1px solid #ccc;
	background: #E8F2FD;
	font-size: 11px;
}

.inputForm {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777;
}

.top10Title {
	font-size: 20px;
	color: #F57F20;
}
.blackNumber {
	font-size: 18px;
	color: #000;
}
.numOne {
	font-size: 34px;
	color: #000;
}

.hoyMini {
	width: 100%;
	margin: 5px 0px 20px 0;
	overflow: hidden;
}
.hoyMini img {
	margin-right: 10px;
	background: #fff;
	padding: 5px;
	float: left;
}


/********* GLOBAL CONTAINERS ************/

#mainContainer {
	width: 980px;
	margin: 0 auto;
	padding:0px;
}
#centerContainer {
	width: 800px;
	float: left;
}
#leftSideCurls {
	width: 87px;
	height: 455px;
	background-image: url("../imgs/left_curl.png") !important;
	background-image: none; 
	background-repeat: no-repeat;
	margin: 18px 0px 0px 0px;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./imgs/left_curl.png');
	float: left;
}
#rightSideCurl {
	width: 93px;
	height: 590px;
	background-image: url("../imgs/right_curl_01.png") !important;
	background-image: none; 
	background-repeat: no-repeat;
	margin: 18px 0px 0px 0px;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./imgs/right_curl_01.png');
	float: left;
}

#trenLogo {
	width: 62px;
	height: 70px;
	position: absolute;
	background-image: url("../imgs/tren_10_logo.png") !important;
	background-image: none; 
	background-repeat: no-repeat;
	margin: 0px 0px 0px 140px;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./imgs/tren_10_logo.png');
}



/********* HEAD ************/

#headLinksContainer {
	width: 800px;
	height: 18px;
	overflow: hidden;
}
#headCountrySelection {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	width: 183px;
	height: 18px;
	float: left;
}
#countrySelect {
	width: 76px;
	height: 16px;
	background: url(../imgs/arrow_down.gif) no-repeat 92% 0%;
	padding: 2px 0px 0px 0px;
	float: left;
}
#countrySelect a {
	color: #777;
}
#countrySelect a:hover {
	color: #fff;
	text-decoration: none;
}
#countryBox {
	font-size: 10px;
	width: 190px;
	position: absolute; 
	display:none; 
	border: 0px solid #000; 
	background-color: #000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	padding: 15px 5px 10px 5px;
}
#countryBox a:hover {
	color: #fff;
}
#countryBox form {
	margin:0px;
	padding:0px;
}
#countryBox select {
	width: 170px;
	font-size: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	background: #000;
	color: #0099FF;
}

#chatBox {
	font-size: 11px;
	width: 270px;
	position: absolute; 
	display:none; 
	font-weight: bold;
	border-right: 1px solid #CCC; 
	border-left: 1px solid #CCC; 
	border-bottom: 1px solid #CCC;
	background:url(../imgs/chatTop_line.gif) 100% 0% no-repeat; 
	background-color: #fff;
	padding: 15px 5px 10px 15px;
}
#symBox {
	font-size: 12px;
	width: 460px;
	position: absolute; 
	display:none; 
	border-right: 1px solid #CCC; 
	border-left: 1px solid #CCC; 
	border-bottom: 1px solid #CCC;
	background:url(../imgs/chatTop_line.gif) 100% 0% no-repeat; 
	background-color: #fff;
	padding: 15px 5px 10px 15px;
}

#currentCountry {
	color: #fff;
	width: 107px;
	height: 16px;
	padding: 2px 0px 0px 0px;
	float: left;
}

#headGlobLinks {
	width: 617px;
	height: 16px;
	text-align: right;
	padding: 2px 0px 0px 0px;
	float: left;
}
#headGlobLinks a {
	margin:0px 10px 0px 10px;
}
#headGlobLinks a:hover {
	color: #fff;
	text-decoration: none;
}

/********* HEAD IDENTITY ************/

#headIdentity {
	width: 800px;
	height: 136px;
}
#headLogo {
	width: 183px;
	height: 136px;
	float: left;
}
#headFlash {
	width: 617px;
	height: 136px;
	float: left;
}
#headMidBar {
	width: 800px;
	height: 15px;
	background: url(../imgs/headMid_bar.gif) no-repeat;
}


/********* GLOBAL NAV ************/

#globNavBar {
	width: 800px;
	height: 28px;
	background: url(../imgs/globNav_bg.gif) right no-repeat #107DAE;
}
#globNavBar a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	display: block;
	height: 23px;
	/*width: 80px;*/
	padding: 5px 15px 0px 15px;
	float: left;
}
#globNavBar a:hover {
	color: #000;
	text-decoration: none;
}

#headEndBar {
	width: 800px;
	height: 57px;
}
#headEndLeft {
	width: 330px;
	height: 57px;
	background: url(../imgs/headEnd_leftbg.gif) no-repeat 100% 0% #fff;
	float: left;
	padding: 0px 0px 0px 27px;
}
#headEndLeft .infoTitle {
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	/*float: left;*/
	padding: 5px;
}
#headEndLeft select {
	font-size: 10px;
}
#headEndRight {
	width: 443px;
	height: 57px;
	background: url(../imgs/headEnd_rightbg.gif) no-repeat #fff;
	float: left;
}


/********* GLOBAL BODY ************/

#globalBody {
	width: 780px;
	background: #fff;
	margin:0px;
	padding: 0px 10px 0px 10px;
}
#globalBodySecond {
	width: 780px;
	background: url("../imgs/homeRight_bg.gif") no-repeat 100% 0% #fff;
	margin:0px;
	padding: 0px 10px 0px 10px;
}
#globalLeftBody {
	width: 500px;
	background: url(../imgs/secondBox_bg.gif) repeat-y left;
	padding-right: 10px;
	float: left;
}
#secondBox {
	width: 485px;
	padding: 7px 7px 30px 8px;
	background: url(../imgs/secondBox_top.gif) no-repeat top;
}
#secondBox .inTitle {
	width: 465px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
	background: url(../imgs/grey_crossbg.gif) repeat;
}
#secondBox .inTitle span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	margin:0px;
	letter-spacing: -1px;
	line-height: 26px;
	background: #fff;
}

#secondBox .inTitleBlue {
	width: 465px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
	background: url(../imgs/blue_crossbg.gif) repeat;
}

#secondBox .inTitleOrange {
	width: 465;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
	background: url(../imgs/orange_crossbg.gif) repeat;
}

#secondBox .inTitleGreen {
	width: 465px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
	background: url(../imgs/green_crossbg.gif) repeat;
}

#secondBox .inTitlePink {
	width: 465px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
	background: url(../imgs/pink_crossbg.gif) repeat;
}

.darkInTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	margin:0px;
	letter-spacing: -1px;
	line-height: 26px;
	background: #fff;
}


#secondBox .articulo {
	width: 445px;
	margin: 0px;
	border-bottom: 1px dashed #ccc;
	padding: 15px 10px 15px 10px;
	overflow: hidden;
	clear: both;
}
#secondBox .articulo .articuloFecha {
	font-size: 10px;
	font-family:  Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FF9933;
}
.moreLink {
	color: #398AC6;
	padding: 10px;
	background: url(../imgs/arrow_menu_black.gif) no-repeat left;
}
.upLink {
	color: #398AC6;
	padding: 10px;
	background: url(../imgs/arrow_up.gif) no-repeat left;
}
#secondBox .articulo h1 {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;
}
#secondBox .articulo .imgNews {
	float: left;
	padding: 5px; 
	border: 1px solid #ccc;
	margin: 5px 20px 10px 0px;
	overflow: hidden;
	clear: both;
}


#breadCrumb {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 94%;
	padding: 10px 25px 10px 0px;
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: url(../imgs/breadcrumb_arrow.gif) no-repeat right;
	text-align: right;
}
#breadCrumb a {
	color: #777;
	margin: 0px 5px 0px 5px;
}
#breadCrumb a:hover {
	color: #555;
}
#breadCrumb .selected {
	color: #398AC6;
	font-weight: bold;
	margin: 0px 5px 0px 5px;
}


#secondBottom {
	width: 500px;
	background: url(../imgs/greyBox_bg.gif) repeat-y;
}
#inSecond {
	width: 500px;
	background: url(../imgs/greyBox_bottom.gif) bottom no-repeat;
}
#otrosLinks {
	width: 500px;
	background: url(../imgs/sbox_arrows02.gif) 0% 0% no-repeat;
}
.musicIcon {
	width: 135px;
	padding: 85px 0px 0px 15px;
	float: left;
}
.otrosLinksBox {
	width: 155px;
	padding: 40px 10px 20px 10px;
	float: left;
}
.otrosLinksBox a {
	color: #69A7D3;
	display: block;
	width: 143px;
	padding: 5px 0px 5px 12px;
	background: url(../imgs/arrow_menu.gif) left no-repeat;
	float: left;
}
.otrosLinksBox a:hover {
	color: #fff;
}



#globalRightBody {
	width: 270px;
	float: left;
}

/********* NEWS CONTAINER ************/

#newsContainer {
	width: 270px;
	height: 248px;
}
#newsTop {
	background: url(../imgs/noticias_topbg.gif) no-repeat;
	width: 270px;
	height: 10px;
	/*overflow: hidden;*/
}
#greenLineCross {
	width: 270px;
	height: 22px;
	background: url("../imgs/title_crossbg.jpg") repeat-x;
	margin: 0px 0px 0px 0px;
}
#greenLineCross .barTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	background: url(../imgs/noticias_icon.gif) no-repeat 95% 0% #53983D;
	color: #fff;
	margin:0px 0px 0px 20px;
	padding:0px 40px 0px 5px;
}
#newsInfo {
	width: 270px;
	height: 215px;
	background: url(../imgs/noticias_bg.jpg) repeat-x top #79BA2A;
}
#newsInfo .bottomBg {
	width: 270px;
	height: 210px;
	padding-top: 5px;
	background: url(../imgs/noticias_footbg.gif) no-repeat 0% 100%;
}




/********* TESTIMONIOS ************/

.testBox {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.testBox .testImg {
	width: 26%;
	padding: 25px 5px 10px 5px;
	float: left;
}
.testBox .name {
	font-size: 11px;
	color: #5BBEE3;
}
.testBox .arrowSide {
	width: 27px;
	margin-left: -42px;
	/*float: left;*/
	background: url(../imgs/testBox_bg.gif) no-repeat 100% 30%;
	height: 50px;
	position: absolute;
}
.testBox .testInfo {
	font-size: 11px;
	text-align: justify;
	color: #777;
	/*font-style: italic;*/
	border: 1px solid #ccc;
	background: url(../imgs/test_info_bg.jpg) repeat-x #fff bottom;
	width: 65%;
	padding: 15px;
	float: left;
}

/********* SHOWS BOX ************/
.showBg {
	background: #fff;
	padding: 5px 5px 5px 5px;
	border: 1px solid #ccc;
}
.showBg img {
	/*border-top: 2px solid #fff;*/
	border: 1px solid #000;
	margin-bottom: 5px;
}
.showBg .imgLink {
	/*padding: 4px;
	background: transparent;*/
	border: 4px solid transparent;
}
.showBg .imgLink:hover {
	/*padding: 4px;
	background: #14A3E0;*/
	border: 4px solid #14A3E0;
}
.showLinkBox {
	width: 100%;
	padding: 5px 0px 5px 0px;
	margin:0px;
	background: url(../imgs/grey_crossbg.gif) repeat;
}
.showLinkBox a {
	background: #333;
	padding: 5px;
	margin:0px;
	color: #fff;
}
.showLinkBox a:hover {
	color: #fff;
	text-decoration: none;
	background: #F08315;
}
.greyBoxLink {
	background: #333;
	padding: 5px;
	margin:5px;
	color: #fff;
}
.greyBoxLink:hover {
	color: #fff;
	text-decoration: none;
	background: #F08315;
}

.showBg h1 {
	font-size: 12px;
	color: #135579;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 15px;
	background: url(../imgs/arrow_menu_black.gif) no-repeat left;
}
.arrowTitle {
	font-size: 12px;
	color: #135579;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 15px;
	background: url(../imgs/arrow_menu_black.gif) no-repeat left;
}

.programCounter {
	text-align: right;
	padding: 20px 0px;
	color: #81A7C3;
}
.arrows {
	margin: 0px;
	background: #fff;
}
.arrows:hover {
	color: #333;
	background: #fff;
}
.programCounter a {
	margin: 3px;
	padding: 8px;
	border: 1px solid #ccc;
	background: #fff;
}
.programCounter a:hover {
	background: #333;
	color: #fff;
	text-decoration: none;
}
.programCounter a.countSelected {
	background: #14A3E0;
	text-decoration: underline;
	color: #fff;
	border: 0px;
}


/********* FOOTER CONTAINER ************/

#footerContainer {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 780px;
	height: 120px;
	padding-left: 20px;
	background: url("../imgs/footer_bg.gif") no-repeat 0% 0%;
}
#footerLinks {
	width: 775px;
	height: 25px;
	margin-top: 60px;
	float: left;
}
#footerLinks a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 20px 0px 20px;
	padding: 0px;
}
#footerLinks a:hover {
	color: #fff;
	text-decoration: none;
}

#footerCredit {
	width: 775px;
	height: 25px;
	padding: 0px 0px 0px 0px;
	float: left;
}
#footerCredit a{
	color: #888;
	text-decoration: underline;
}
#footerCredit a:hover {
	color: #fff
}

.btnVotar {
	width:60px;
	height:auto;
	display:block;
	background-color:#CCC;
	border:#666 solid 1px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#14a3e0;
	cursor:pointer;
	margin-top:10px;
	padding-bottom:2px;
}
.btnVotar:hover {
	color:#FFF;
	background-color:#14a3e0;
}

.redes {
	font-size:12px;
	color:#09F;
}

.siguenos {
	display:block;
	overflow:visible;
	width:80px;
	height:auto;
	float:left;
	margin:2px 0px 0px 0px;
}

.twitter {
	background-image:url(../imgs/twitter1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	overflow:visible;
	float:left;
	width:88px;
	height:20px;
	padding:0px;
	margin:0px 0px 0px 20px;
}
.twitter:hover {
	background-image:url(../imgs/twitter2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

.face {
	background-image:url(../imgs/face1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	overflow:visible;
	float:left;
	width:88px;
	height:20px;
	padding:0px;
	margin:0px 0px 0px 20px;
}
.face:hover {
	background-image:url(../imgs/face2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

.boxvideo {
	border:#9EC249 solid 1px;
	background-color:#E0E0E0;
	display:block;
	float:none;
	clear:both;
	width:300px;
	height:202px;
	padding:10px;
	margin:10px auto 20px auto;
}