@charset "utf-8";

body { background: transparent url(../img/background2.jpg) top center no-repeat; }

/* Banners */
#banners { width:685px; height: 341px; float:left; position: relative; margin:32px 0 0 -18px; }
#banners li.select { margin:0;}
#banners a img { border:none; margin:-4px 0 0 10px; }
#banners .scroller {border:1px solid #ddd}
#banners .scroller .block {overflow:hidden}
#banners .scroller .block a {display:block}
#banners .scroller .guide {position:absolute}
#banners .scroller .guide p {background:url(../img/num_bg.gif);color:#fff;font-weight:bold;font-size:12px;float:left;margin:0 0 0 5px;line-height:18px;padding:0 6px;cursor:pointer;display:inline}
#banners .scroller .guide .now {background:#4e9182}
#banners .scroller .flat {position:absolute;}
#banners .scroller .flat a {display:block}
#banners .ad {font-size: 10px; width:770px; margin:0 auto;}

#menuSelect{
    opacity:0;
}

#banners #carrousellItems {
    list-style-type: none;
    padding:0;
    margin: 0;
    height:325px;
    overflow:hidden;
}

#carrousellItems li{
    padding-left:47 px;
}

#banners #carouselControls {
    position:absolute;
    height:20px;
    bottom: 6px;
    right:  8px;
    padding:5px 4px;
}

#banners #carouselControls .left { float:left;}
#banners #carouselControls .right { float:right;}
#banners #carouselControls .background { background:url(../img/deg_num.png) #fff repeat-x; padding:4px 0 0; float:left; }

#banners #carouselControls a {
    text-decoration: none;
    border:none;
    font-size: 0px;
    color:black;
    padding:1px;
    background:url(../img/img_buttom.png) #fff no-repeat;
    padding:12px 0 6px;
    color:#3a3a3a;
    float:left;
    width:15px;
    text-indent:-12000px;
}

#banners #carouselControls .carouselSelected {
    background:url(../img/img_buttom.png) #fff no-repeat;
    color: white;
    background-position: 0 -19px;
}

/* Movie */
#movie { width:320px; height: 296px; float:right; position: relative; margin-top:33px; background:#fff left top repeat-x; border:1px solid #e4e4e4; -moz-border-radius:5px; }
#movie #moviecontent { margin:10px 0 0 10px;}
#movie a img { border:none; }

/*   CSS ANTIGUO
#news_carousel {float: left; width:651px; margin:25px 0}
#news_carousel .news_static { background: url(../img/news.gif) left top no-repeat; width:20px; height:67px; float:left; margin:0; padding:0; }
#news_carousel .back a { background: url(../img/back.gif) left top no-repeat; width:22px; height:69px; float:left; margin:0 8px 0 0; padding:0; display:none; }
#news_carousel .back a:hover { background: url(../img/back.gif) left top no-repeat; background-position: 0 -69px; display:none; }
#news_carousel .next a { background: url(../img/next.gif) left top no-repeat; width:22px; height:69px; float:left; margin:0; padding:0; }
#news_carousel .next a:hover { background: url(../img/next.gif) left top no-repeat; background-position: 0 -69px; }
#news_carousel .show a {display: block !important; z-index: 20; position: absolute; left: 0;}
#news_carousel #news { float:left; width:607px; }
#news_carousel #news a { float:left; width:579px; background:#fff; font-size:12px; text-decoration:none; color:#474747; }
#news_carousel #news a:hover { background:#fff; }
#news_carousel #news p.title { color:#343434; margin:7px 0 6px; font-weight:bold; }
#news_carousel #news p {margin:3px 0 0 0; color:#8d8d8d; }
#news_carousel #news img { float:left; margin:0 13px 0 0; border:0; }
*/

/** CSS NUEVO **/
#news_carousel{
    float: left;
    width:651px;
    margin:25px 0;
    height:70px;
}

#news_carousel .news_static { background: url(../img/news.gif) left top no-repeat;}
#news_carousel .back { background: url(../img/back.gif) left top no-repeat; overflow: hidden; }
#news_carousel .back:hover { background: url(../img/back.gif) left top no-repeat; background-position: 0 -69px;}
#news_carousel .next { background: url(../img/next.gif) left top no-repeat; overflow: hidden; }
#news_carousel .next:hover { background: url(../img/next.gif) left top no-repeat; background-position: 0 -69px; }
#news_carousel .show {display: block !important; z-index: 20; position: absolute; left: 0;}
#news_carousel  p.title { color:#343434; margin:7px 0 6px; font-weight:bold; }
#news_carousel  p {margin:3px 0 0 0; color:#8d8d8d; }
#news_carousel  img { float:left; margin:0 13px 0 0; border:0; }

#news_carousel .button {
    width:24px;
    height:70px;
    float:left;
    display:block;
    text-indent:-12000px;
}

#news_carousel .button.back {
    display:none;
}

#news {
    height:70px;
    position: relative;
    float: left;
    overflow: hidden;
    width: 595px;
    margin-left:8px;
}

#newsContainer {
    height: 70px;
    padding-left:0;
    margin:0px;
}

#newsContainer li a {
    text-decoration:none;
}

#newsContainer li a:hover {
    text-decoration:none;
    color:#999999;
}

/* Folow Me */
#followme { position:relative; background: url(../img/home/folowme.gif) left top no-repeat; width:323px; height:79px; float:right; margin:15px 0 10px 0; }
#followme:hover #box {display: block;}
#followme ul { padding:0; float:left; margin:10px 0 0 20px; }
#followme ul li { padding:0; text-decoration:none; list-style:none; float:left; margin:24px 10px 0 0; }
#followme ul li a.youtube { float:left; margin:-8px 10px 0 0; }
#followme ul li a img { border:none; }
#followme a.twitter { }
#followme a.facebook { }
#followme a.youtube { }

/* Tooltips */
#folowme { position:relative; text-align:center; width:583px; height:40px; }
#folowme ul { margin:0;  padding:0;  list-style:none;  display:inline; position:absolute; left:110px; top:0; }
#folowme ul li { margin:0 5px; float:left; }
#box {display:none; position:absolute; left:0; margin-top:35px; z-index:200; background:url(../img/tail.gif) no-repeat right center; height:35px; padding-right:8px; margin-left:5px; }
#box .head { background:url(../img/head.gif) no-repeat 0 0; height:32px; color:#454545; white-space:nowrap; padding-left:8px; padding:13px 8px 0 8px; font-size:11px; }

/* Sections */
#sections { float:left; width:100%; margin-top:3px; margin:0; }
#sections a { border:none; float:left; margin:0; }
#sections .about a { display:block; background: transparent url(../img/home/about.jpg) no-repeat; width:323px; height:134px; text-decoration:none; margin-right:0; }
#sections .about a:hover { background-position: 0 -134px; }
#sections .football a { display:block; background: transparent url(../img/home/football.jpg) no-repeat; width:333px; height:134px; text-decoration:none; }
#sections .football a:hover { background-position: 0 -134px; }
#sections .app a { display:block; background: transparent url(../img/home/app.jpg) no-repeat; width:339px; height:134px; text-decoration:none; margin-left:0; display:inline; }
#sections .app a:hover { background-position: 0 -134px; }