/* ---------------------------------------------------------------------- MISC STYLES */

.hide {
	display: none;
}
.show {
	display: block;
}
.frm_email{
	color:white; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	text-transform:uppercase;	
}



/* ---------------------------------------------------------------------- CLASSES LAYOUT */

.search 
{
	width: 102px;
	height: 15px;
	margin:1px 0px 0px 0px;	
	padding:1px 0px 0px 3px;
	font:normal 11px Arial;
	color: #FFF;
	background-color: #810607;
	border: 1px solid #ff0000;
}  

.logout
{
	width: auto;
	padding:0px 0px 1px 1px;
	font:normal 10px Arial;
	color: #000;
	background-color: #FFF;
	border: 0px solid #666;
}


.title-list
{
	margin:0px 0px 15px 0px;
	font:normal 16px Arial;
	color: #FFF;
	background:#000;
	width:auto;
}

.list
{ 
	margin:0px 0px 0px 0px;
	font:normal 10px Arial;
    color: #000;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
}

.calendar
{
	height: 210px;
	margin:0px 0px 0px 0px;	
	padding:0px 0px 0px 0px;
	background:url(../i/bg-calendar.gif) no-repeat top left;
} 

.fecha 
{
	font:bold 12px/18px Arial;
	color:#FFF;
}

.login-box
{
	width: 154px;
	height: 143px;
	margin:0;
	padding:10px 0px 0px 16px;
	background:url(../i/bg-login.gif) no-repeat top left;
	font:normal 9px Arial;
    color: #bc7876;	
}

/* ---------------------------------------------------------------------- CLASSES DESIGN */

.line-1x3
{
	height:1px;
	background:url(../i/line-1x3.gif) repeat-x;
}


/* ---------------------------------------------------------------------- CLASSES FONDOS */


.bg-contenedor
{
	background:url(../i/bg-contenedor.jpg) repeat-y top;
}
.bg-contenido
{
	background:url(../i/bg-contenido.jpg) repeat-x top;	
}
.bg-interior
{

}
 


/* ---------------------------------------------------------------------- CLASSES TEXTOS */

.titulosmenu 
{ 
	font:bold 9px/13px Arial;
    color: #FFF;
    text-decoration: none;
	text-transform:uppercase;

} 
.small
{
	font:normal 11px Arial;
	color: #333;
	text-decoration:none;
}
.smallb
{
	color: #006699;
	text-decoration:none;
}
.smalltext
{
	font:normal 10px Arial;
	color: #FFF;
	text-decoration:none;
}
.text
{ 
	font:normal 11px/15px Arial;
    color: #666;
}

.textd
{ 
	padding:5px 10px 0px 0px;
	font:normal 11px/15px Arial;
    color: #000;
	vertical-align:top;
}
.texto
{ 
	font:normal 11px/15px Arial, Helvetica, sans-serif;
    color: #4c4946;
}
TD.texto
{
	width:110px;
	height:24px;
	padding-right:15px;
	text-align:right;
}
.texto-pie
{
	margin:12px 0px 0px 34px;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color:#999;
}
.texto-top
{
	padding-top:5px;
}
.highlight
{ 
	margin:15px 0px 0px 0px;
    color: #F3B101;
}
.copyright
{ 
	font:normal 9px/11px Arial, Helvetica, sans-serif;
    color: #ad1d11;
	text-align:center;
	text-transform:uppercase;
}




/* ---------------------------------------------------------------------- CLASSES LINKS */

.link-iconus
{
    background: #999;
	text-decoration:none;
}
.link-iconus:hover
{
    background: #fad236;
}

.link-pie
{
    color: #999;
	text-decoration:none;
}
.link-pie:hover
{
    color: #fad236;
}
.link-pie-nav
{
    color: #a91019;
	text-decoration:none;
}
.link-pie-nav:hover
{
	text-decoration:underline;
}



/* ---------------------------------------------------------------------- CLASSES FORM */


.input-box, .textarea, .input-file
{
	width: 260px;
	margin:1px 0px 0px 0px;	
	padding:1px 0px 0px 3px;
	border: none;
	border-bottom: 1px solid #999;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	color: #000;
}
.input-box
{
	height: 17px;
	background-color: #F2F2F2;	
}

.input-file
{
	width: 265px;
	height: 20px;
	background-color: #FFF;
	border: none;
}


.input 
{
	width: 102px;
	height: 15px;
	margin:1px 0px 0px 0px;	
	padding:1px 0px 0px 3px;
	font:normal 11px Arial;
	color: #FFF;
	background-color: #810607;
	border: 1px solid #ff0000;
}
.inputbox, select.inputbox 
{
	width:100px;
	height:16px;
	margin:1px 0px 0px 0px;
	padding:2px 0px 0px 4px;
	border:1px solid #9F9F9F;
	font:normal 11px/15px Arial;	
	color:#666;
}
select.inputbox 
{
	margin:1px 0px 0px 0px;
	padding:0px 0px 0px 4px;
	height:18px;	
}

.textarea 
{
	width:240px;
	height:160px;
	margin:1px 0px 0px 0px;
	padding:3px 0px 0px 4px;	
	border:1px solid #9F9F9F;
	font:normal 11px/15px Arial;	
	color:#666;
}

.button
{
	margin:0px 0px 0px 0px;
	font:bold 9px/15px Arial;	
	color:#FFF;
	text-transform:uppercase;
	background:#333;
	border:1px solid #333;
}
html>body .button
{
	margin:0px 0px 0px 12px;
}
.bt-search
{
	padding:2px 0px 0px 0px;
	vertical-align:top;
}
html>body .bt-search
{
	vertical-align:bottom;
}


/* ---------------------------------------------------------------------- VIDEOS */

#clip-box
{
	margin:0 0 5px 0;
}

#videos-highlights
{
	height:422px; /* 464px */
	margin:0 0 0 0;
	padding:42px 0px 0px 35px;
	background:url(../i/bg-videos-highlights.jpg) no-repeat top;	
}
#videos-highlights .scroller
{
	overflow: auto; /* auto */
	width: 498px;
	height: 403px;
	font:normal 10px/17px Arial, Helvetica, sans-serif;
	color:#FFF;
}
#videos-highlights .scroller-contenido
{
	margin:16px 0 0 0;
}
#videos-highlights A
{
	font:normal 10px/15px Arial, Helvetica, sans-serif;
	color:#eb6961;
	text-decoration:none;
}
#videos-highlights A:hover
{
	color:#FFF;
}
#videos-highlights A.title, #videos-detail A.title
{
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
}
#videos-highlights A.title:hover , #videos-detail A.title:hover 
{
	text-decoration:underline;
}
.videos-list
{
	margin:0 0 16px 0;
}
.videos-list .thumb
{
	border:1px solid #FFF;
	margin:0 0 6px 0;
}
.td-videos
{
	width:145px;
	padding:0 15px 0px 0;
}
.videos-line
{
	margin:6px 0 6px 0; 
	height:1px;
	background:#4c4c4c;
}


#videos-detail
{
	height:456px; /* 464px */
	margin:0 0 0 0;
	padding:8px 0px 0px 35px;
	background:url(../i/bg-videos-detail.jpg) no-repeat top;
}
#videos-detail P
{
	width:480px;
	height:22px;
	margin:16px 0 0 0;
	overflow:hidden;
}
.videos-detail-box
{
	width:480px;
	height:360px;
	margin:0 0 0 0;
	border:#FFF 2px solid;
}


#videos-ride
{
	height:406px; /* 464px */
	margin:0 0 0 0;
	padding:58px 0px 0px 35px;
	background:url(../i/bg-videos-ride.jpg) no-repeat top;
}


/* ---------------------------------------------------------------------- CREW */

#crew
{
	height:590px; 
	margin:0 0 0 0;
	padding:42px 0px 0px 48px;
	background:url(../i/bg-crew.jpg) no-repeat top;	
}

#crew .scroller
{
	overflow: auto;
	width: 484px;
	height:516px;
	font:normal 11px/17px Arial, Helvetica, sans-serif;
	color:#FFF;
}
#crew .scroller-contenido
{
	width: 450px;
}



/* ---------------------------------------------------------------------- CREW */

#ride-bot
{
	width:520px;
	height:130px; 
	margin:0 0 0 0;
	padding:30px 0px 0px 35px;
	background:url(../i/ride-bottom.gif) no-repeat top;	
}
#ride-bot P
{
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color:#FFF;
}
.ride-texto
{
	font:bold 16px/24px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
}




/* ---------------------------------------------------------------------- MAAIN NEWS */

#main-news
{
	width: 325px;
	height: 270px;
	margin:0;
	background:url(../i/bg-main-news.jpg) no-repeat top left;
	overflow:hidden;
}
#main-news .content
{
	margin:44px 48px 0 40px;
}

#main-bio
{
	width: 169px;
	margin:0;
	background:#000;
	overflow:hidden;
}
#main-bio P
{
	font:normal 11px/15px Arial;
    color: #FFF;
	padding:4px 16px 4px 16px;
}



/* ---------------------------------------------------------------------- RINGTONES */

#ringtones
{
	margin:4px 0 0 0 ;
}
#ringtones .numero
{ 
	font:bold 11px/15px Arial;
    color: #000;
	padding:0 0 0 20px;
	width:15px;
}
#ringtones .item
{ 
	font:normal 12px/16px Arial;
}

.bg-ringtones
{
	background:url(../i/bg-ringtones.gif) repeat-y top left;
}



/* ---------------------------------------------------------------------- BE ON TV */

#beontv-form
{
	width:520px;
	height:436px;
	margin:0 0 0 0;
	padding:25px 0 0 15px;
	background:url(../i/form_bg.png) no-repeat top left;
}
#beontv-form label
{
	margin-top:10px;
	font:normal 11px/15px Arial;
    color: #FFF;
	text-transform:uppercase;
}
#beontv-form input.input-beontv, #beontv-form textarea
{
	height:18px;
	font:normal 11px/15px Arial;
    color: #FFF;
	background:#810607;
	border:1px solid #ff0000;
}
#beontv-form textarea
{
	font:normal 11px/15px Arial;
    color: #000;
	width:480px;
	height:140px;
	background:#FFF;	
}


.bt-beon
{
	border:1px solid #000;
}