@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0}
a, object{ outline:none}
img{ border:none}
body{ background:#FFF}
input.error { background-color:#a67018; color:#fff; }
#wrapper{width:1004px; height:833px; background:url(../images/bg/general.jpg) no-repeat; margin:0 auto}
#wrapperfinal{width:1004px; height:833px; background:url(../images/bg/final.jpg) no-repeat; margin:0 auto}
#wrapper-premios{width:1004px; height:833px; background:url(../images/bg/premios.jpg) no-repeat; margin:0 auto}
#home{ width:1004px; height:150px; display:block; float:left; clear:both}
#home h1{ width:350px; height:100px;margin:20px 0 0 40px; text-indent:-3500px}
#home a{  width:350px; height:100px; display:block;}
#menu{ width:552px; height:43px; background:url(../images/contenido/img-barra-menu.png) no-repeat; margin-top:20px; margin-bottom:120px; float:left; clear:both}
#menu ul{ width:552px; height:43px;}
#menu ul li{ float:left; list-style:none; text-indent:-3500px}

#menu .menu-home{ width:62px; height:22px; margin:7px 0 0 2px}
#menu .menu-home-active{ width:62px; height:22px; margin:7px 0 0 2px;background:url(../images/menu/img-home-active.png) no-repeat}
#menu .menu-home a{ width:62px; height:22px; background:url(../images/menu/img-home-inactive.png) no-repeat; display:block}
#menu .menu-home a:hover{background:url(../images/menu/img-home-active.png) no-repeat}

#menu .menu-mecanica{ width:81px; height:25px; margin:4px 0 0 6px;}
#menu .menu-mecanica-active{ width:81px; height:25px; margin:4px 0 0 6px; background:url(../images/menu/img-mecanica-active.png) no-repeat}
#menu .menu-mecanica a{ width:81px; height:25px; background:url(../images/menu/img-mecanica.png) no-repeat; display:block}
#menu .menu-mecanica a:hover{background:url(../images/menu/img-mecanica-active.png) no-repeat}
#menu .menu-bases{ width:49px; height:22px; margin:7px 0 0 6px}

#menu .menu-bases-active{ width:49px; height:22px; margin:7px 0 0 6px; background:url(../images/menu/img-bases-active.png) no-repeat}
#menu .menu-bases a{ width:49px; height:22px; background:url(../images/menu/img-bases.png) no-repeat; display:block}
#menu .menu-bases a:hover{ background:url(../images/menu/img-bases-active.png) no-repeat}

#menu .menu-premios{ width:66px; height:22px;margin:7px 0 0 8px}
#menu .menu-premios-active{ width:66px; height:22px;margin:7px 0 0 8px; background:url(../images/menu/premios-active.png) no-repeat}
#menu .menu-premios a{ width:66px; height:22px; background:url(../images/menu/premios.png) no-repeat; display:block}
#menu .menu-premios a:hover{ background:url(../images/menu/premios-active.png) no-repeat}

#menu .menu-registro{ width:83px; height:22px;margin:7px 0 0 3px}
#menu .menu-registro-active{ width:83px; height:22px;margin:7px 0 0 3px; background:url(../images/menu/registro-active.png) no-repeat}
#menu .menu-registro a{ width:83px; height:22px; display:block; background:url(../images/menu/registro.png) no-repeat}
#menu .menu-registro a:hover{ background:url(../images/menu/registro-active.png) no-repeat}

#menu .menu-mis-videos{ width:83px; height:22px;margin:7px 0 0 3px}
#menu .menu-mis-videos-active{ width:83px; height:22px;margin:7px 0 0 3px; background:url(../images/menu/mis-videos.png) no-repeat}
#menu .menu-mis-videos a{ width:83px; height:22px; display:block; background:url(../images/menu/mis-videos-inactive.png) no-repeat}
#menu .menu-mis-videos a:hover{ background:url(../images/menu/mis-videos.png)}

#menu .menu-recetas{ width:68px; height:22px; margin:7px 0 0 13px}
#menu .menu-recetas-active{ width:68px; height:22px; margin:7px 0 0 13px; background:url(../images/menu/recetas-active.png) no-repeat}
#menu .menu-recetas a{ width:68px; height:22px; display:block; background:url(../images/menu/recetas.png) no-repeat}
#menu .menu-recetas a:hover{ background:url(../images/menu/recetas-active.png)}

#menu .menu-wallpapers{ width:98px; height:22px;margin:7px 0 0 8px}
#menu .menu-wallpapers-active{ width:98px; height:22px;margin:7px 0 0 8px; background:url(../images/menu/wallpapers-active.png) no-repeat}
#menu .menu-wallpapers a{ width:98px; height:22px; display:block; background:url(../images/menu/wallpapers.png) no-repeat}
#menu .menu-wallpapers a:hover{ background:url(../images/menu/wallpapers-active.png)}

#productsoot-registro{ width:554px; height:162px; float:left; background:url(../images/contenido/img-productsoot-registro.png) no-repeat; text-indent:-3500px}
#productsoot-registro ul{ width:554px; height:162px; list-style:none}
#productsoot-registro li{ float:left}
.dvd-blu{ width:200px; height:162px;}
.dvd-blu a{ width:200px; height:162px; display:block}

.recomienda-home{ width:403px; height:103px;float:left; background:url(../images/contenido/img-te-recomendamos.png) no-repeat; margin:12px 0 48px 10px; text-indent:-3500px;}
.recomienda-home li{ list-style:none}

.logos{ width:554px; height:80px; float:left; clear:both}
.logos ul{ padding-top:30px; padding-left:10px}
.logos li{ float:left; list-style:none; padding-right:5px}
.logos .ver-tralier{ margin-right:25px}
.logos img{ border:none}

.videos-home{ width:1004px; height:210px; float:left}
.video{ width:190px; height:230px; float:left; padding-left:20px; color:#999}
.video ul{ width:190px; height:230px; list-style:none}
.video li{ float:left; display:block}
.rating{ width:95px; height:25px; text-align:left}
.visits{width:95px; height:20px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-top:5px}
.preview-video{ width:183px; height:135px; padding:5px 3px 0 4px}
.titulo-video{ width:190px; height:14px;}
.titulo-video h4{ font-size:11px;; margin:0; padding:0; text-align:center; font-family:Verdana, Geneva, sans-serif;}
.message{ width:180px; height:50px; padding:0 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px}


.info-promo{ width:554px; height:452px; float:left}
.recomienda{ margin:20px 0 48px 50px}

#contenido-general{ width:440px; height:438px; float:left; padding:15px 5px 0 5px}
/****************************************Bases************************************************************************************/
.bases{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999;}
.bases h4{ width:445px; height:60px; float:left; background:url(../images/contenido/img-bases.png) no-repeat; text-indent:-4500px}
.bases-contenido{width:417px; height:352px; float:left; padding:0 0 20px 27px; overflow-y:auto; display:inline; text-transform:uppercase}
.bases p{ width:395px; height:auto; float:left; padding-bottom:15px}
.bases-contenido ul{ padding-left:40px; padding-right:20px}
.bases-contenido ul li{ padding-bottom:10px}
/****************************************Mecanica***********************************************************************************/
.mecanica h4{ width:445px; height:60px; float:left; background:url(../images/contenido/img-mecanica.png) no-repeat;text-indent:-4500px}
.mecanica-contenido{width:352px; height:166px; float:left; background:url(../images/contenido/img-contenido-mecanica.png) no-repeat; text-indent:-4500px; margin-left:23px; display:inline}
.mecanica p{ width:352px; height:auto; float:left;}
/****************************************Premios***********************************************************************************/
#contenido-premios{ width:646px; height:370px; float:left; margin-left:320px; display:inline; text-indent:-4500px}
#contenido-premios p{ width:616px; height:140px; float:left; display:block}
.contenido-logos-premios{ width:554px; height:80px; float:left; clear:both; margin-left:275px; display:inline}

#alert
	{
		overflow: hidden;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #f5da27;
		height: 0;
		color: #000;
		font: 16px/40px Verdana, Geneva, sans-serif;
		opacity: .9;
		z-index:1;
		font-weight:bold
	}
	
	
#fin{ width:549px; height:221px;float:left; margin:-120px 0 50px 300px; padding-bottom:70px}
#fin object{ margin-left:40px}
