/*-----------------
*  HOME page
*==================*/

/*listado de videos*/
@import url("listado_videos.css");
#interior #home_page #box_videos{width: 570px;}

#home_page #player{display:inline;float:left;background:url("images/player-background-white.jpg") no-repeat scroll 0 0 transparent;height:400px;margin-top:0;width:598px;}
#home_page #home-map{margin-left:605px;}
#home_page #libreta{margin-left:630px;}
#home_page #adv-right{padding: 15px;width: 300px;height: 60px;background-color: #eeeeee;margin:25px 0 20px 620px;}
#home_page #mini_login{margin-left:605px;}
#home_page #right_column{float:none;width:350px;margin-left:590px;}
#home_page.site_home #right_column{min-height:1800px }
#home_page.global_home #right_column{min-height:1240px }

/*Box Home*/
.box_home{width: 330px;background:#eeeeee;margin-bottom: 10px;padding:2px 10px 5px}
.box_home .title{text-align: left;font-size: 15px; font-weight: bold;margin: 0 0 5px 5px;color:#313131 }
.box_home ul{margin:0;padding:0}
.box_home ul li{padding:0;margin:0 4px 2px 4px;float:left;list-style:none outside none;text-align: center;width:69px;}
.box_home a {color:#009ee1;}
.box_home a img{border:3px solid white;-moz-box-shadow:2px 2px 5px #999999;-webkit-box-shadow:2px 2px 5px #999999;box-shadow:2px 2px 5px #999999;}
.box_home ul li .username{margin-top: 3px}

.box_home .box_interior{background-color: white;padding:5px 10px 10px 10px;}
.site_home  .box_home .box_interior ul{height:90px}
.global_home .box_home .box_interior ul{height:190px}
.global_home .box_home .box_interior ul li{height:98px}
.site_home  .box_home {height:150px}
.global_home .box_home{height: 260px}

#interior #home_page div.sep-2, #interior #home_page div.sep-1 {margin-left:0;clear:both;height:5px;}

.box_home .opciones{text-align: right; margin-top: 7px;height: 20px}
.box_home .opciones .boton{background: url("images/btn_gradient_blue.png") left center;height: 14px;padding:2px 10px;width: auto;float: right;color:white;text-decoration: none;font-size: 10px;font-weight: bold;}

/*Libreta*/
#home_page #libreta .site_skate .site{color: #c3d67d}
#home_page #libreta .site_snow .site{color: #a9d2f0}
#home_page #libreta .site_surf .site{color:#f39402}

#home_page #libreta .elem_libreta{width: 310px;}
#home_page #libreta .head_site{background-color: #eeeeee;padding: 4px 0;width: 290px;text-align: center;margin: 0 10px}
#home_page #libreta .head_site a{color: #313131;font-size: 16px;font-weight: bold;text-decoration: none;}
#home_page #libreta .fila_libreta{width: 290px;overflow: hidden;}
#home_page #libreta .fila_libreta_left{float: left;}
#home_page #libreta .fila_libreta_right{float: right}
#home_page #libreta .fila_libreta_left,#home_page #libreta .fila_libreta_right {width: 10px;padding-top: 35px;cursor: pointer;}

/*SLIDESHOW*/
.ui-jcoverflip {position: relative;width: 290px;height: 90px;overflow: hidden;}
.ui-jcoverflip--item {position: absolute;display: block;}
#slideshow-container{border:none;margin: 40px 0 0 35px;}
#myGallery{height:301px !important; width:526px !important;}

/*MOST VIEWED Y MOST RATED*/
#home_page #box_videos .column{width: 280px;}
#home_page #box_videos .left_column{float:left;border-right:1px solid #eeeeee;float:left;padding-right:5px;}
#home_page #box_videos .right_column{margin-left: 290px;}
#moreVideos{margin-top: 15px;}
#moreVideos .large_item {float:none;color:black}
#moreVideos .large_item  .item{clear: none;height:105px;width: 280px;font-weight: bold;}
#moreVideos .large_item  .item .lenght span{background-color:#009ee0;font-size:13px;font-weight:bold;padding:2px 4px;margin:8px 0; display: inline-block;zoom:1;color:white}
#box_videos  #moreVideos .large_item  .item .picture{float:left;width: 115px;margin-right:0px !important;margin-left: 10px}
#moreVideos .large_item  .item .data .title{float: none;background: none;}
#moreVideos .large_item  .item .data .title a{float: none;background: none;}
#moreVideos .large_item  .item .data{float:none;display: block;margin-left: 140px;padding:0}
#moreVideos .large_item  .item .data .text{font-weight:normal;color:#009EE0;font-size:11px;}
#moreVideos .large_item  .item .data .text b{font-weight:normal;color: #444444;font-size:11px;}

#moreVideos .header{
  background-color:#d3d3d3;
  color:#313131;
  font-size:18px;
  font-weight:bold;
  height:17px;
  padding:0px 10px 7px;
  vertical-align:middle;
}



/*MINI LOGIN*/
#mini_login .buttom{background:url("images/btn_login.png") repeat-x scroll 0 0 transparent;color:white;font-weight:bold;height:18px;padding:6px 0 0 7px;width:49px !important;cursor:pointer}
#mini_login form label{color : #e95d0f;font-size: 11px;}
#mini_login form input{height: 14px;font-size: 11px;}
#mini_login form #login_email{width: 76px;}
#mini_login form #login_password{width: 55px;}
#mini_login form input[type="submit"]{padding:0 !important;background: url("images/btn_login.png");-moz-border-radius:0;font-weight: bold;font-size: 11px;font-family: helvetica;height: 24px !important;width: 56px !important;cursor: pointer;margin:0;text-align: center;padding: 0 0 0 0;}
#mini_login{padding-top: 5px;}
#mini_login table td,#mini_login table th {border:0 none;margin:0;padding:1px 0 2px 5px;}

/*BANNER*/
#adv-right-column
{
  background:none repeat scroll 0 0 #EEEEEE;
  padding: 25px;
  height: 250px;
  width: 300px;
  margin-bottom: 10px;
}

#content #bar{margin-bottom: 0;}


/*AD-GALLERY*/

.ad-gallery {
    width: 580px;
    height: 450px;
    margin: 0 10px !important;

}
.ad-gallery, .ad-gallery * {
    margin: 0;
    padding: 0;
}
.ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 308px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;

}
.ad-gallery .ad-image-wrapper .ad-loader {
    position: absolute;
    z-index: 10;
    top: 48%;
    left: 48%;
    border: 1px solid #CCC;
}
.ad-gallery .ad-image-wrapper .ad-next {
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
    height: 100%;
    cursor: pointer;
    display: block;
    z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
    /* Or else IE will hide it */
    background: url(non-existing.jpg)\9
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    background: url("images/ad_prev.png");
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 47%;
    left: 30px;
    z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    background: url("images/ad_next.png");
    width: 30px;
    height: 30px;
    right: 30px;
    left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image a img {
    border: 0;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 7px;
    text-align: left;
    width: 100%;
    z-index: 2;
    background: url("images/opa75.png");
    color: #000;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
    background: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='images/opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
    display: block;
}
.ad-gallery .ad-controls {
    height: 20px;
    margin: 17px 0 0 0;
    padding: 0 15px;
}
.ad-gallery .ad-info {
    float: left;
    font-size: 12px;
}
.ad-gallery .ad-slideshow-controls {
    float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
    padding-left: 5px;
    cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
    padding-left: 5px;
    font-size: 12px;
    float: left;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
    cursor: default;
    font-style: italic;
}
.ad-gallery .ad-nav {
    margin-top: 5px;
    width: 100%;
    position: relative;
}

.ad-nav-header
{
    min-height: 16px;
   background: none repeat scroll 0 0 #EEEEEE;
   width: 100%;
   margin-top: 10px;
   padding: 2px 0;
}
.ad-nav-header h2
{
    float: left;
    font-size: 12px;
    margin:0 0 0 5px
}
.ad-nav-header div
{
    float: right;
    margin-right: 12px;
}

.ad-nav-header div a
{
    font-weight: bold;
}

.ad-gallery .ad-forward, .ad-gallery .ad-back {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 10;
}
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back {
    height: 100px;
}
.ad-gallery .ad-back {
    cursor: pointer;
    left: -17px;
    width: 13px;
    display: block;
    background: url("images/ad_scroll_back.png") 0px 22px no-repeat;
}
.ad-gallery .ad-forward {
    cursor: pointer;
    display: block;
    right: -17px;
    width: 13px;
    background: url("images/ad_scroll_forward.png") 0px 22px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
    overflow: hidden;
    width: 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
    float: left;
    width: 9000px;
    list-style: none;
}
.ad-gallery .ad-thumbs li {
    float: left;
    padding-right: 5px;
}
.ad-gallery .ad-thumbs li a {
    display: block;
}
.ad-gallery .ad-thumbs li a img {
    border: 3px solid #CCC;
    display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
    border: 3px solid #616161;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
    position: absolute;
    left: -9000px;
    top: -9000px;
}

#slideshow-videos
{
    padding-top: 33px;
}
#slideshow-videos .ad-nav
{
    display: none;
}

#slideshow-videos p.ad-image-description
{
    font-size: 18px;
    line-height: 30px;
    color: white;
    background: black;
    opacity: 0.7;
}