﻿


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

    .ampliacionRegalos, .botoCRDesktop, .imgConfirmacionDesktop, .WrapCaracteristicasTecnicas, .contentVideo, .ampliacionUpsell, .ocult, .img_collection, .secciones, #giro, #galeria, #detalles, #index_img {
        display: none;
    }

    body {
        position: relative;
    }

    .vid {
        width: 90%;
        height: auto;
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        border-radius: 11px;
    }

    .WrapBotoCerrarVideo {
        width: 200px;
        float: right;
        height: 40px;
    }

    .WrapCaracteristicasTecnicas {
        position: relative;
    }

    .botoCerrarCaracteristicasWrap {
        height: 40px;
        width: 40px;
        position: absolute;
        right: 5%;
        top: 5%;
    }

    .botoCerrarCaracteristicas {
        height: 30px;
    }

    /*.botoCerrarCaracteristicas {position:absolute;right:5%;height:30px;top:5%
}*/

    .BotoCerrarVideo {
        float: right;
        height: 100%;
    }

    .contentVideo {
        background-color: #4a4944;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 20px;
        -webkit-border-radius: 11px;
        -moz-border-radius: 11px;
        border-radius: 11px;
    }

    .ampliacion {
        width: 97%;
        margin: 0 auto 0 auto;
    }

    .regalosAmpliadosR, .upsellAmpliadosR {
        width: 100%;
    }

    .btnCerrarAmpliacion {
        width: 100%;
        cursor: pointer;
    }

        .btnCerrarAmpliacion:hover, .regalosR:hover, .upsellR:hover, .cerrarSpot:hover {
            cursor: pointer;
            opacity: 0.8;
        }



    article, figcaption, figure, footer, header, hgroup, nav, section {
        display: block;
    }

    @font-face {
        font-family: Futura;
        src: url('../fonts/FTR65.otf');
    }

    body {
        background-image: url(../img/baseR.jpg);
        background-color: #17170f;
        text-align: center;
        background-repeat: no-repeat;
        font-family: Futura;
        font-size: 1em;
        width: 100%;
        height: auto;
        z-index: -9999;
    }

    a {
        text-decoration: none;
    }

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

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

    .caracteristicasTecnicasR {
        width: 95%;
    }

    .contenidoMobil {
        position: relative;
    }

    #contenedor {
        height: auto;
        width: 100%;
        margin: 0px auto;
        display: block;
    }

    #contenido {
        margin: 0 auto;
        overflow: hidden;
        max-width: 100%;
        height: auto;
        display: block;
    }

    .anchoR {
        width: 100%;
        height: auto;
    }

    #menu {
        /*height: 190px;*/
        padding: 10px;
        z-index: 0;
        list-style: none;
    }

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



    /*--- 
#bloque_botones{
	float: left;
	display: block;
	width: 100%;
	padding: 5px;
}

 ---*/
    #imagen-alt {
        height: auto;
        width: 100%;
        text-align: center;
    }


    #formu {
        height: auto;
        float: left;
        width: 100%;
        position: relative;
        margin-bottom: 10px;
        text-align: left;
    }


    #verisign_logo, #altaya_logo {
        float: left;
        width: 125px;
    }

    /*--- 

#oferta{
	position: relative;
	display: inline;
	margin: 0 auto;
	float: left;
	left: 0;
	max-width: 100%;
	margin-top: 30px;
	background-image: url(../img/img_ofertaR.png);
}


#txt_oferta{
	display:none;
	background: url(../img/txt_home.png) no-repeat;
	margin: 0 auto;
	max-width: 535px;
	height: auto;
	
}

#parte_oferta{
	
	height: 100%;
	margin-top: 5px;
	position: relative;
	float: left;
	width: 100%;
}

#img_ofertaR{
	
	height: 100%;
	margin-top: 5px;
	position: relative;
	float: left;
	width: 100%;
}
 ---*/
    #upsell {
        display: none;
        background: url(../img/upsell_ampliado.png) 10px 65px no-repeat;
    }

    #btn_upsell {
        display: none;
        width: 320px;
        height: 190px;
        background: url(../img/btn_upsell.png) 0 0 no-repeat;
    }

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


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


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

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

    .oculto {
        display: none;
    }


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


    #btn_fasciculos {
        list-style: none;
        float: left;
        width: 160px;
        height: 100px;
        margin-left: 25px;
        margin-top: 1px;
        background: url(../img/btn_libros.png) 0 0 no-repeat;
    }


    #btn_home {
        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;
    }

    #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;
    }


    /*--- home ---*/


    /*--- 

#ipad{
	width: 230px;
	height: 87px;
	background: url(../img/btn_ipad.png) 0 0 no-repeat;
	z-index: 4;
	bottom: 0px;
	left: 0;
	position: absolute;
}

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

#bloque_ipad{
	min-width: 250px;
	height: auto;
	color: black;
	font-size: 12px;
	font-family:Verdana, Geneva, sans-serif;
	text-align: center;
	background-color: white;
	padding: 15px;
	z-index: 9;
	position: relative;
	display: none;
}

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

---*/
    /*--- video ---*/

    #video {
        display: none;
    }

        #video iframe {
            position: relative;
            float: left;
            left: 80px;
            top: 150px;
            width: 100%;
        }

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



    .boto {
        margin: 0 auto 0 auto;
        width: 50%;
        max-width: 200px;
        height: auto;
        text-align: center;
        cursor: pointer;
    }

    .clickcallR {
        margin: 0 auto 0 auto;
        width: 90%;
        max-width: 295px;
        height: auto;
        text-align: center;
        cursor: pointer;
    }



    .boto:hover {
        opacity: 0.5;
    }

    #btn_ventajas {
        cursor: pointer;
        background: url(../img/btn_ventajas.png) 0px 0px no-repeat;
        width: 212px;
        height: 37px;
        position: absolute;
        top: 681px;
        left: 560px;
        z-index: 999;
    }

    #ventajas {
        color: black;
        font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
        line-height: 1.8em;
        border: white 3px solid;
        background-color: #ffdd00;
        padding: 15px;
        width: 500px;
        height: auto;
        position: absolute;
        top: 171px;
        left: 145px;
        z-index: 99999;
        display: none;
    }




    #btn_regalos {
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 5px;
        overflow: hidden;
    }

    .contentMobil {
        width: 97%;
        margin: 0 auto 0 auto;
    }

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



    /*--- upsell ---*/



    #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 65px no-repeat;
    }




    /*--- oferta ---*/

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

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


    #btn_regalos_oferta {
        width: 320px;
        height: 290px;
        background: url(../img/btn_regalos_oferta.png) 0 0 no-repeat;
        margin-left: 425px;
        margin-top: 10px !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;
        }

    /*--- fasciculos ---*/
    #fasciculos {
        display: none;
        background: url(../img/img_libros.png) 10px 20px no-repeat;
    }






    /*--- home ---*/

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



    #txt_figuras {
    }




    /*--- 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: relative;
        bottom: 0px;
        float: right;
        right: 10px;
    }

    #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;
        }


    #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;
        }
    /*--- doba ---*/
    #contenedor2 {
        width: 1000px;
        margin: 0px auto;
        background: url(../img/logo_coleccion.png) 0 0 no-repeat;
        position: relative;
        display: block;
        box-sizing: content-box !important;
        -moz-box-sizing: content-box !important;
    }

    #contenedor_doba {
        width: 1000px;
        height: 380px;
    }

    #oferta_doba {
        width: 200px;
        height: 430px;
        display: block;
        float: left;
    }

    #btn_volver {
        margin-left: 35px;
        margin-top: 200px;
    }

    #regalo_doba {
        float: left;
        display: block;
        width: 800px;
        height: 430px;
        padding-top: 50px;
        padding-left: 40px;
    }

    #titular_doba {
        text-align: left !important;
        margin-left: 0;
        margin-bottom: 8px;
    }

    #txt_doba {
        margin-left: 0;
        margin-bottom: 30px;
    }

    #promo_doba {
        margin-left: 0;
        font-weight: 700;
        font-size: 22px;
        margin-bottom: 20px;
    }

    #caracteristicas_regalo_doba {
        float: left;
        width: 300px;
        margin-right: 50px;
        padding: 10px;
    }

        #caracteristicas_regalo_doba h3 {
            font: 700 24px/1.4em 'Signika Negative', sans-serif;
        }

        #caracteristicas_regalo_doba p {
            font: 16px/1.4em 'Signika Negative', sans-serif;
        }


    #envio_doba {
        margin-left: 0;
        font: 25px/1.2em 'Leckerli One' !important;
        margin-bottom: 8px;
    }

        #envio_doba sup {
            font-size: 16px;
            margin-left: 7px;
        }

    #img_regalo_doba {
        float: left;
    }

    #btn_no_doba {
        margin-top: 425px;
        margin-left: 820px;
        background-color: red;
    }

        #btn_no_doba:hover {
            background-color: teal;
            cursor: pointer;
        }



    #txt_confirmacion_no_doba {
        padding-top: 100px;
        margin-left: 200px;
    }

    #btn_continuer {
        font-size: 28px;
        width: 200px;
        height: 50px;
        margin-left: 400px;
        clear: both;
        margin-top: 70px;
    }

    #botones_paso2 {
        width: 1000px;
        background-color: #fecc11;
        height: 55px;
        padding: 15px;
    }

    #btn_si {
        background-color: red;
        color: white;
        text-align: center;
        font: 16px "Lucida Grande", Lucida, Verdana, sans-serif;
        border-radius: 6px;
        margin-left: 300px;
        margin-right: 40px;
        margin-top: -42px !important;
        padding-top: 5px;
        padding-bottom: 5px;
        display: block;
        width: 250px;
        float: left;
        border: 3px solid #FFF;
        border-radius: 6px;
    }

        #btn_si:hover {
            cursor: pointer;
            background-color: #31bdb0;
            color: white;
        }


    #btn_no {
        display: block;
        font: 16px "Lucida Grande", Lucida, Verdana, sans-serif;
        background-color: #fecc11;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        color: red;
        text-decoration: underline;
        margin-top: -42px;
        width: 180px;
        float: right;
        margin-right: 130px;
    }

        #btn_no:hover {
            color: teal;
        }

    #formulario_doba {
        display: none;
        height: 350px;
        width: 1000px;
    }


    /*---- confirmations ----*/
    #contenedor_conf {
        height: 675px;
        width: 1000px;
        margin: 0px auto;
        text-align: center;
        padding-top: 0px;
    }

    .secciones {
        display: block;
        max-width: 100%;
        margin: 0 auto;
        z-index: 9999999;
    }

    .txt_confirmacion {
        font: 32px/1.4em 'Leckerli One';
        color: red;
    }

    .ampliaciones {
        display: none;
    }

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

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

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

    /*@media screen and (max-width: 700px) { #btn_oferta, #btn_fasciculos, #btn_home {display:none;
        }
			#lateral {
	background-color: #2c2c24;
	position: relative;
	margin:0 auto 0 auto;
    text-align:center;

	width: 100%;
    height: auto;
	width: 100%;
    float: left;
   
			}*/
    body {
        text-align: center;
    }

    /*@media screen and (min-width: 600px) {
        #btn_offre, #btn_libros, #btn_figuras {display:none;
        }
			#logo {
				display: block;
				float: none;
		
			}
			body{font-family: 'futura', sans-serif;}
			header {
				margin: 0 auto; min-width: 100%; height: auto; float: left; z-index: 1;
		
			}
			#menu ul {float: left; text-align: center; }
			
			#btn_offre, #btn_figuras, #btn_libros, #figuras{
			padding: 15px;
			}
			#img_offreR {display: none; visibility: hidden;}
			#txt_offreR{
				font-family: 'futura', sans-serif;
				font-weight: 800;
				text-shadow: 4px -3px 5px #fff;
				-webkit-text-stroke: 2px #00a064;
				font-size: 40px;
				color: #00a064;
				line-height: 1em;
				top: 0;
				max-width: 100%;
				margin: 0 auto;
				padding: 10px;
				text-align: center;
				visibility: visible;
			}
			#txt2_offreR {
				font-family: 'futura', sans-serif;
				font-weight: 800;
				text-shadow: 2px 0px 2px #fff;
				-webkit-text-stroke: 1px #fff;
				font-size: 30px;
				color: #d10e00;
				top: 0;
				max-width: 100%;
				margin: 0 auto;
				padding: 10px;
				text-align: center;
				visibility: visible;
				
			}
			#txt_upsellR {		
				font-family: 'futura', sans-serif;
				font-weight: 800;
				text-shadow: 2px 0px 2px #fff;
				-webkit-text-stroke: 1px #fff;
				line-height: 1em;
				max-height: 100px;
				font-size: 30px;
				position: relative;
				color: #d10e00;
				top: 0;
				max-width: 100%;
				margin: 0 auto;
				padding: 10px;
				text-align: center;
				visibility: visible;
			}
			#regalos {
			background: url(../img/regalos_ampliadosR.jpg) 0px 0px no-repeat;
			margin: 0 auto;
			text-align: center;
			
			top: 10px;
			min-width: 300px;
			height: 860px;
			z-index: 999999;
			}
			
			#upsell{
			background: url(../img/upsell_ampliadoR.jpg) 0 0 no-repeat;
			margin: 0 auto;
			text-align: center;
			position: relative;
			top: 60px;
			margin-left: 50%;
			margin-right: auto;
			min-width: 300px;
			height: 860px;
			z-index: 999999;
			}
		
			#video iframe	{
			margin: 0 auto;
			text-align: center;
			float:left;
			left: 20px;
			top: 80px;
			width: 100%;
			}
			
			
			#btn_spot{display: none;}
			#btn_ventajas{
			position:relative;
			margin-left: 10px;
			padding: 10px;
			margin-bottom: 20px;
			z-index: 99999;
			}
		
	}*/
    /*@media screen and (max-width: 599px){*/
    #logo {
        display: block;
        float: none;
    }

    #btn_offre, #btn_figuras, #btn_libros, #figuras, #menu, #txt_offre, #ipad {
        display: none;
        visibility: hidden;
    }

    #txt_oferta, #img_oferta {
        /*display: none; visibility: hidden;*/
    }

    #txt_ofertaR {
        font-family: 'futura', sans-serif;
        font-weight: 800;
        text-shadow: -1px 1px 4px #fff;
        -webkit-text-stroke: 2px #00a064;
        font-size: 30px;
        color: #00a064;
        line-height: 1em;
        top: 0;
        max-width: 100%;
        margin: 0 auto;
        padding: 5px;
        text-align: center;
        visibility: visible;
    }

    #txt2_ofertaR {
        font-family: 'futura', sans-serif;
        font-weight: 800;
        text-shadow: 2px 0px 2px #fff;
        -webkit-text-stroke: 1px #fff;
        font-size: 30px;
        line-height: 1em;
        color: #d10e00;
        top: 0;
        max-width: 100%;
        margin: 0 auto;
        padding: 10px;
        text-align: center;
        visibility: visible;
    }

    #txt_upsellR {
        font-family: 'futura', sans-serif;
        font-weight: 800;
        text-shadow: 2px 0px 2px #fff;
        -webkit-text-stroke: 1px #fff;
        font-size: 30px;
        line-height: 1em;
        position: relative;
        height: 100px;
        color: #d10e00;
        margin-top: 0;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
        visibility: visible;
    }

    #upsell {
        background: url(../img/upsell_ampliadoR.jpg) 0px 0px no-repeat;
        margin: 0 auto;
        text-align: center;
        /*position: relative;*/
        top: 60px;
        width: 300px;
        height: 860px;
        z-index: 999999;
    }


    #regalos {
        background: url(../img/regalos_ampliadosR.png) 0px 0px no-repeat;
        /*position: absolute;*/
        text-align: center;
        top: 60px;
        width: 300px;
        height: 860px;
        z-index: 999999;
    }

    #btn_spotR {
        margin: 0 auto;
        /*background: url(img/vid_btn.png) 0px 0px no-repeat;*/
        /*min-width: auto;*/
        height: 45px;
        margin-bottom: 15px;
        top: 0px;
        z-index: 9999999;
    }

    #btn_ventajas {
        display: block;
        position: relative;
        margin-left: 10px;
        padding: 10px;
        margin-bottom: 20px;
        z-index: 99999;
    }

    #oferta {
        display: inline;
        height: auto;
        min-width: 100%;
    }

    .secciones {
        display: inline;
        height: auto;
        min-width: 100%;
    }

    #bloque_botones {
        float: left;
        margin: 0 auto;
        margin-top: 10px;
        display: block;
        width: 100%;
        padding: 5px;
        text-align: center;
    }

    #video iframe {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        float: left;
        left: 10px;
        top: 80px;
        width: 100%;
    }

    /*#formu {
				height: auto;
			
				width: 90%;
				margin-bottom: 10px;
				text-align: center;
			}*/

    /*#img_ofertaR{
				display: block;
				background: url(../img/img_ofertaR.png) 0 0 no-repeat;
				z-index: 999999;
				margin: 0 auto;
				width: auto;
				height: auto;
			}*/
    #txt_ofertaR, #img_ofertaR {
        display: block;
        visibility: visible;
    }

    /*}*/



    /*---- confirmations ----*/
    #contenedor_conf {
        height: 675px;
        width: 1000px;
        margin: 0px auto;
        text-align: center;
        padding-top: 0px;
    }

    /*--- confirmacion ---*/

   

    .botoCR {
        margin: 0 auto 0 auto;
        background: url(../img/clickcallR.png) no-repeat;
        width: 290px;
        height: 112px;
    }


    



        .botoCR:hover {
            opacity: 0.5;
            cursor: pointer;
        }


 
 