* {
	margin: 0px; 
	padding: 0px; 
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

body {
	background-image: url(../img/fondo.jpg);
	max-width: 1920px;
	align-content:center;	
}

.vid,.contentMobil{display:none}

article, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
a {
	text-decoration: none;
	}

img{border: 0;}

header {width: 100%; height: auto;}

#index_img{
	width: 190px;
	height: 155px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#contenedor {
	z-index:5;
	height: 770px;
	width: 1150px;
	margin: 0px auto;
/*	background: url(../img/logo_coleccion.png) 0 0 no-repeat;*/
	display: block;
	position: relative;
}
#contenido {
	z-index:6;
	float: left;
	height: 770px;
	width: 850px;
	overflow: hidden;
}
#lateral {
	float: left;
	height: 750px;
	width: 250px;
	background-color: #f47532;
}
#imagen-alt {
	height: 60px;
	width: 250px;
}

#logo {
	display: inline;
	height: 75px;
	max-width: 489px;
	margin-left: 70px;
	margin-top:10px;
	top:10px;
	float: left;

}

#logoR {display:none
}


#logos {height: 50px;}

.clicktocallR{
	display:none;
}
.clicktocall{
	height: 52px;
	margin-left:19px;
	margin-top:0px;
	z-index: 99999;
	position: relative;
}

#clickcallR{
	display:none;
	}
	
#clickcall{
	width: 231px;
	height: 54px;
	background: url(../img/click-to-call.png) no-repeat;
	position: absolute;
	z-index: 999999;
	display: block;
}

#verisign_logo, #altaya_logo{
	float: left;
	width: 125px;
	margin-top:52px;
}


.secciones{
	width: 850px;
	height: 790px;
	z-index: 10;
	float: left;
	position: relative;
	top: -30px;
}


/*--- menú ---*/

#menu{
	width: 250px;
	height: 100px;
	margin-top:0px;
	position: relative;
	float:left;
	z-index: 50;
	list-style:none;
	top: 30px;
}

#menu ul li{
	list-style:none;
	display: block;
	float: left;
}


.activo{
	background-position: 0 -44px !important;
}

.btn_menu:hover{
	background-position: 0 -44px !important;
	cursor: pointer;
}

.oculto{
	display: none;
}


#btn_offre{
	list-style:none;
	float: left;
	width: 250px;
	height: 44px;
	margin-left: 0px;
	margin-top:0px;
	background: url(../img/btn_oferta.png) 0 0 no-repeat;
}


#btn_figuras{
	list-style:none;
	width: 190px;
	height: 44px;
	margin-left: 28px;
	margin-top:0px;
	background: url(../img/btn_libros.png) 0 0 no-repeat;
}

/*--- 
#btn_figuras{
	display:none;
	list-style:none;
	float: left;
	width: 180px;
	height: 100px;
	margin-left: 35px;
	margin-top:1px;
	background: url(../img/btn_figuras.png) 0 0 no-repeat;
}
---*/

.ampliaciones{
	display: none;
}

#punto_ampliar1{
	position: absolute;
	z-index:5000;
	top: 112px;
	left: 450px;
	cursor: pointer;
}

#punto_ampliar2{
	position: absolute;
	z-index:5000;
	top: 112px;
	left: 560px;	
	cursor: pointer;

}

#punto_ampliar3{
	position: absolute;
	z-index:5000;
	top: 470px;
	left: 740px;
	cursor: pointer;
}

#punto_ampliar4{
	position: absolute;
	z-index:5000;
	top: 520px;
	left: 665px;
	cursor: pointer;
}


#punto_ampliar5{
	position: absolute;
	z-index:5000;
	top: 500px;
	left: 90px;
	cursor: pointer;
}


#ampliacion1{
	position: absolute;
	top: 140px;
	left: 180px;
	z-index: 999;
}


#ampliacion2{
	position: absolute;
	top: 140px;
	left: 180px;
	z-index: 999;
}

#ampliacion3{
	position: absolute;
	top: 140px;
	left: 180px;
	z-index: 999;
}

#ampliacion4{
	position: absolute;
	top: 140px;
	left: 180px;
	z-index: 999;
}


#ampliacion5{
	position: absolute;
	top: 140px;
	left: 180px;
	z-index: 999;
}

#btn_cerrar, #btn_cerrar2, #cerrar_video{
	background: url(../img/btn_cerrar.png) 0px 0px no-repeat;
	width: 36px;
	height: 34px;
	padding: 5px;
	position: absolute;
	right: 22px;
	top: 75px;
	cursor: pointer;
	z-index: 999;
}


/*--- offre ---*/

#offre{
	background-repeat: no-repeat;
	margin-top: 0px;
}


#txt_offre{
	background: url(../img/txt_home.png) no-repeat;
	position: absolute;
	top: -0px;
	left: 38px;
	width: 487px;
	height: 60px;
	margin-left: 310px;
}
#txt_offreR, #img_offreR, #txt2_offreR, #txt_upsellR {display: none; visibility: hidden;}

#img_offre{
	position: relative;
	width: 850px;
	margin-top: 70px;
	float: left;
	z-index: 0;
}

	
#ipad{
	width: 260px;
	height: 90px;
	margin-left:120px;
	background: url(../img/btn_ipad.png) 0 0 no-repeat;
	z-index: 8;
	bottom: 0px;
	top:570px;
	left: 5px;
	position: absolute;
}

#ipad:hover{
	cursor: pointer;
	background-position: 0 -92px;
}

#bloque_ipad{
	width: 250px;
	height: auto;
	color: black;
	font-size: 10px;
	font-family:Verdana, Geneva, sans-serif;
	text-align: center;
	background-color: white;
	padding: 15px;
	z-index: 9999;
	position: absolute;
	left: 100px;
	top: 410px;
	display: none;
}

#bloque_ipad h3{
	margin-bottom: 0px;
}

/*--- video ---*/

#video{
	display: none;
}

#video iframe{
	position: relative;
	float:left;
	left: 161px;
	top: 228px;
}

#txt_video{
	background: url(../img/txt_video.png) no-repeat;
	width: 535px;
	height: 40px;
	margin-left: 230px;
}

#btn_spot{
	position: absolute;
	z-index: 8;
	background-image: url(../img/btn_spot.png);
	width: 170px;
	height: 43px;
	top: 600px;
	left: 395px;
	display: block;
}

#btn_spot:hover{
	background-position: 0 -43px;
	cursor: pointer;
}

#btn_ventajas{
	position: absolute;
	z-index: 999;
	cursor: pointer;
	background: url(../img/btn_ventajas.png);
	width: 220px;
	height: 45px;
	top: 670px;
	left: 590px;
	display: block;
}

#btn_ventajas:hover{
	background-position: 0 -43px;
	cursor: pointer;
}




#ventajas{
	color: black;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	line-height: 1.8em;
	border: white 3px solid;
	background-color:#FFFFFF;
	padding: 15px;
	width: 500px;
	height: auto;
	position: absolute;
	top: 146px;
	left: 209px;
	z-index: 99999;
	display: none;
}
.rojo_grueso{
	color: red;
	font-weight: bold;
}
#ventajas ul{
	margin-left: 25px;
}

#cerrar{
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #ff006c;
	background-color: white;
	padding: 5px;
	width: 75px;
	text-align: center;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	z-index:15;
}

#cerrar:hover{
	background-color: white;
	color: black;
	cursor: pointer;
}


#bloque_botones{
	float: left;
	z-index:2999;
	position: absolute;
	margin-top: -112px;
}

#btn_regalos{
	position: absolute;
	float:left;
	z-index: 5;
	width: 380px;
	height: 235px;
	background-image: url(../img/btn_regalos.png);
	margin-top: 450px;
	margin-left: 100px;
}

#btn_regalos:hover{
	background-position: 0 -237px;
	cursor: pointer;
}

#btn_upsell{
	position: absolute;
	z-index: 4;
	width: 319px;
	height: 250px;
	background-image: url(../img/btn_upsell.png);
	margin-top:450px;
	margin-left:500px;
}

#btn_upsell:hover{
	background-position: 0 -251px;
	cursor: pointer;
}

/*--- upsell ---*/

#upsell{
	display: none;
	background: url(../img/upsell_ampliado.png) 40px 135px no-repeat;
	
}


.volver{
	background: url(../img/btn_cerrar.png) 0px 0px no-repeat;
	width: 36px;
	height: 34px;
	padding: 5px;
	position: absolute;
	right: 47px;
	top: 105px;
	cursor: pointer;
	z-index: 999;
}


#txt_upsell{
	margin-left: 200px;
	font-size: 14px;
	margin-top: -10px;
	width: 537px;
}

.rouge{
	color: #e52922;
	text-decoration: underline;
}

/**--- regalos ---*/
#txt_regalos{
	background: url(../img/txt_regalos.png) no-repeat;
	width: 535px;
	height: 40px;
	margin-left: 230px;
}

#regalos{
	display: none;
	background: url(../img/regalos_ampliados.png) 20px 165px no-repeat;
}




/*--- offre ---*/

/*--- o#titular_oferta{
	background: url(../img/txt_oferta.png) no-repeat;
	width: 535px;
	height: 40px;
	margin-left: 230px;
} ---*/

#oferta{
/*	display: none;*/
	background: url(../img/img_oferta.png) 0 90px no-repeat;
	display: none;
}


#btn_regalos_oferta{
	width: 320px;
	height: 290px;
	background: url(../img/btn_regalos_offre.png) 0 0 no-repeat;
	margin-left: 425px;
	margin-top: 200px !important;
	position: absolute;
}

#btn_regalos_oferta:hover{
	background-position: 0 -290px;
	cursor: pointer;
}



#ventajas h3{
	text-align: center;
	font: 20px Verdana, Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 10px;
}

#lista_ventajas{
	margin-left: 25px;
	font: 12px Verdana, Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.3em;
}

#lista_ventajas li{
	margin-bottom: 5px;
}

/*--- livrets ---*/
#coleccion{
	/*display: none;*/
	width: 850px;
	height: 660px;
	margin-top: 60px;
	float:right;
	background: url(../img/img_libros.png) 0 15px no-repeat;
}




.txt{
	margin-right: 30px;
	margin-left: 30px;
	margin-top:50px;
	text-align:center;
	font: 16px/1.4em 'Signika Negative', sans-serif;
}



/*--- legal ---*/
#legal{
	font: 10px Verdana, sans-serif;
	color: black;
	clear: both;
	margin-bottom: 10px;
}

/*--- contacto y copyright ---*/

#copyright{
	font: 9px Verdana, sans-serif;
	color: #fff;
	z-index: 3333;
	bottom: 0px;
	margin-bottom:-20px;
	left: 581px;
	position: absolute;
}


#contacto{
	text-decoration: underline;
	color:#F00;
}

#contacto:hover{
	color: black;
}

/*--- redes sociales ---*/

#redes_sociales{
	height: auto;
	padding-left: 10px;
	z-index: 99999;
	clear: both;	
	padding-top: 10px;
}
#redes_sociales div{
	float: left;
	margin-right: 10px;
	display: inline-block;
}


/*--- figurines ---*/

#figuras{
	display: none;
	background: url(../img/img_figuras.png) 0 0px no-repeat;
	-moz-box-shadow: 0 0;
	box-shadow: 0 0;
}

.titular_figuras{
	background: url(../img/txt_figuras.png) no-repeat;
	width: 636px;
	height: 120px;
	margin-left: 130px;
}

#txt_figuras{
	
}
#coleccion{top: 0;}

/*--- legal ---*/
#legal{
	font: 10px Verdana, sans-serif;
	color: black;
	clear: both;
	margin-bottom: 10px;
}

/*--- contacto y copyright ---*/

#copyright{
	font: 9px Verdana, sans-serif;
	color: #000;
	position: absolute;
	bottom: 25px;
	float: right;
	right: 330px;
}

#contacto{
	text-decoration: underline;
	color:#F00;
}

#contacto:hover{
	color: black;
}

/*--- redes sociales ---*/

#redes_sociales{
	height: auto;
	padding-left: 50px;
	z-index: 99999;
	clear: both;	
	padding-top: 10px;
}
#redes_sociales div{
	float: left;
	margin-left:40px;
	margin-right: 10px;
	display: inline-block;
}


#btn_detalles{
	width: 132px;
	height: 20px;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	border: 0px solid #FFFFFF;
	text-align:center;
	color: white;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background: none #cc0000;
	margin-top: -60px;
	margin-bottom: 30px;
	letter-spacing: -0.5pt;
	margin-left: 58px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	position: relative;
	z-index: 9999999;
}

/*@-moz-document url-prefix() {
   #btn_detalles{ margin-top: 520px; }*/
   
#btn_detalles:hover{
	color: white;
	background-color: #0069b4;
}