/* layout landing */
div#cuerpo_suscripcion {
	width: 980px;
	background-color: #FFF;
	border: none;
	padding: 0px;
	margin: 0px;
}

div#cuerpo_suscripcion div{
	float: left;
	font-family: "Trebuchet MS", Arial, Sans-serif;
	font-size: 10pt;
}

div.tipM-link{
	width:280px;
	margin:auto;
	text-align:center;
	float:none;
}
/* foo espaciado */
div.foofoo{
	height:10px;
	background-color:#FFF;
	float:none;
}

/* flash */
div#pflow{
	float:left;
	width: 594px;
	height: 346px;
	color: #999;
	background-color: #019bbd;
}

/* pruebagratis */
div#pruebagratis{
	float:left;
	width: 376px;
	height: 346px;
	padding:0px !important;
	background-color:#019bbd;
	color: #FFF;
	text-align:center;
}

div#pruebagratis h1{
	font-size: 22pt;
	font-weight: bold;
	color:#FFF;
	text-transform: uppercase;
	margin: 15px;
}
div#pruebagratis h2{
	font-size: 16pt;
	font-weight: bold;
	color:#FFF;
}

div#pruebagratis span{
	display: block;
	padding: 15px 0px;
	text-align: center;
	font-size: 12pt;
}

div#pruebagratis table{
	width: 100%;
	text-align: center;
	font-size: 12pt;
}

/* Beneficios */
div#beneficios{
	width:305px;
}

div#beneficios ul {
	list-style-type: none;
	color: #666;
}

div#beneficios li {
	background-image: url(http://www.bazuca.com/BazucaHTML/html/home_suscripcion_peliculas/images/img_lista.jpg);
	background-position: 0 .4em;
	background-repeat: no-repeat;
	margin: 3px;
	padding: 3px 0 0 20px;
}

/* comofunciona */
div#comofunciona{
	width:330px;
	color: #666;

}

div#comofunciona ul{
	list-style-type: none;
	text-align:left;
}

div#comofunciona li{
	background-position: 0 .4em;
	background-repeat: no-repeat;
	margin: 2px;
	padding: 3px 3px 0 5px;
	/* alto minimo */
	height: auto!important;
}

div#comofunciona li.mouse{
	background-image: url(http://www.bazuca.com/BazucaHTML/html/home_suscripcion_peliculas/images/ico_mouse.png);
}

div#comofunciona li.moto{
	background-image: url(http://www.bazuca.com/BazucaHTML/html/home_suscripcion_peliculas/images/ico_moto.png);
}

div#comofunciona li.multa{
	background-image: url(http://www.bazuca.com/BazucaHTML/html/home_suscripcion_peliculas/images/ico_multa.png);
}

div#comofunciona li.buzon{
	background-image: url(http://www.bazuca.com/BazucaHTML/html/home_suscripcion_peliculas/images/ico_buzon.png);
}

/* planes */
div#planes{
	width: 335px;
	color: #666;
	text-align:center;
}

div#planes table{
	text-align:left;
}

div#planes td{
	height: 48px;
}
	
.precios_planes {
	font-weight: bold;
	color: #FF9900;
}

.plan_top {
	font-weight: bold;
	color: #3999E8;
	text-decoration: underline;
}
/*
 * OTROS
 */
	#animacion{
		font-size: 10pt;
		margin: 0;
		padding: 0;
		text-align:center;
		height: 346px;
		width: 594px;
	}
	a {
		font-weight: bold;
		color: #000000;
		text-decoration: none
	}
	a:hover {
		color: #666666;
		text-decoration: underline
	}
	#header {
		height: 1px;
	}

	#footer {
		margin:10px;
	}
	#logo {
		padding-top:100px;
		height:30px;
	}
	ul#menu_icon
	{
		display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
		width: 125px;
		margin-right:auto;
		margin-left:auto;
		padding: 0px;
		list-style-type: none;
		height: 179px;
		margin-top: 0;
		margin-bottom: 0;/* Suppression du margin, du padding et des puces du <ul> */
	}
	ul#menu_icon li
	{
		margin: 0;
		padding: 0 ;
	/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
	}
	ul#menu_icon li a
	{
		display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
		width: 125px;
		height: 170px;
		color: #999999;
		text-decoration: none;
		background: url(http://www.bazuca.com/BazucaHTML/html/home_suscripcion_peliculas/images/OsaBtnBk.png) no-repeat 0 0; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	}

	ul#menu_icon li a:hover
	{
		background: url(http://www.bazuca.com/BazucaHTML/html/home_suscripcion_peliculas/images/OsaBtnBk.png) no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	}
	.style2 {color: #FFFFFF}
	.style3 {
		color: #999999
	}

	#fila_superior {
		background-image: url(http://www.bazuca.com/BazucaHTML/html/home_suscripcion_peliculas/images/img_fdodiv.jpg);
		background-repeat: repeat;
		height: 19px;
	}
	
	div#pruebagratis span{
	font-size:1.2em;
	margin-bottom: -15px;
	}
	
	#animacion {
		height: 346px;
		width: 594px;
		float: left;
		background-color: #FFFFFF;
	}