/*reset*/ body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd { margin:0; padding:0; } ul, ol, li { list-style:none; } a, img { /*display:block;*/ outline:none; } /*fin de reset*/ /* iPads (landscapeH) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /*.content { width:100%; height:768px;} */ #wrapper{ overflow:auto;} #item1 #dispositivos_01{ width:990px; height:352px;} #item1 #dispositivos_01 a{ width:990px; height:352px; text-indent:-9999px; margin-left:218px;} #item2 #dispositivos_02{ width:990px; height:488px;} #item2 #dispositivos_02 #info_two { width:315px; height:425px; position:absolute !important; top:195px !important; right:66px !important;} #item2 #dispositivos_02 #info_two p.first{ margin-bottom:35px !important; font-size:20px !important; line-height:25px !important;} #item2 #dispositivos_02 #info_two p{ font:13px "Palatino Linotype", "Book Antiqua", Palatino, serif !important; color:#252525; text-align:center; margin-bottom:30px !important; padding:0; line-height:16px !important;} #item2 #dispositivos_02 #info_two .par_vert{ margin-left:25px !important;} #item2 p.change_orbyt{ display:none !important;} #item3 #dispositivos_03 #info_three{ width:315px; height:425px; position:absolute !important; top:195px !important; right:66px !important;} #item3 #dispositivos_03 #info_three p.second { font-size:16px !important; margin-bottom:12px !important; line-height:20px !important;} #item3 #dispositivos_03 #info_three p{ font:13px "Palatino Linotype", "Book Antiqua", Palatino, serif !important; color:#252525; text-align:left; margin-bottom:10px !important; padding-left:39px; line-height:18px !important;} #item3 p.change_orbyt{ display:none;} #jqeasytrigger { background-color:#D2D2D2 !important; border-top:1px solid #666 !important;} #jqeasytrigger a.close { font-size:20px !important;} #item1 #legal { -webkit-border-radius: 5px !important;} .contenido #content_legal #close_lightbox{ width:40px; height:40px; background:url(../img/close_lightbox.png) no-repeat 0 0; position:absolute; top:0px; right:100px; text-indent:-9999px;} .contenido #content_legal #close_lightbox a { width:40px; height:40px;} .contenido #content_legal { height:500px !important; overflow:scroll !important;} .contenido #content_titulos h1 { font-size:20px !important; margin-bottom:8px !important;} .contenido #content_titulos li { font-size:13px !important;} } /* iPads (portraitV) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { #item1, #item2, #item3 { height:1152px !important;} #item1 #dispositivos_01{ width:990px !important; height:472px !important; position:absolute !important; top:600px !important; right:20px !important; background:url(../img/dispositivos_vert_01.png) no-repeat 0 0 !important;} #item1 #dispositivos_01 a{ width:990px !important; height:472px !important; display:block !important;} #item1 .orbyt_vert{ position:absolute; top:210px; left:230px;} #item1 .booquo_vert{ position:absolute; top:210px; right:230px;} #wrapper #item2 a.volver{ width:96px !important; height:41px !important; background:url(../img/btn_volver_orby_vert.png) no-repeat center top !important; display:block; text-indent:-9999px; position:absolute; top:75px; right:24px;} #wrapper #item2 a.volver:hover{ background:url(../img/btn_volver_orby_vert.png) no-repeat center bottom !important;} #item2 #dispositivos_02{ width:990px; height:910px; position:absolute; top:515px; left:100px; background-image:none !important;} #item2 #dispositivos_02 a.open{ width:715px !important; height:410px !important; display:block !important; position:absolute !important; top:-360px !important; left:15px !important;} #item2 p.change_orbyt{ width:990px; height:940px; background:url(../img/bodegon_vert_orbyt.png) no-repeat center top; text-indent:-9999px; margin-top:50px;} #item2 #dispositivos_02 #info_two{ position:absolute !important; top:150px !important; left:100px !important; width:560px !important; height:360px; overflow:hidden; } #item2 #dispositivos_02 #info_two p.first{ font-size:23px !important; margin-bottom:25px !important;} /*#item2 #dispositivos_02 .info_vert p{ padding-left:15px; margin-bottom:30px;}*/ #item2 #dispositivos_02 #info_two p.par_vert{ font-size:16px !important; margin-left:40px !important; margin-bottom:30px !important; line-height:19px !important;} /*#item3 .content{ position:relative;}*/ #item3 #dispositivos_03{ width:990px; height:910px; position:absolute !important; top:500px !important; left:100px !important; background-image:none !important;} #item3 #dispositivos_03 a.open{ width:715px !important; height:410px !important; display:block !important; position:absolute !important; top:-360px !important; left:15px !important;} #item3 p.change_orbyt{ width:990px; height:940px; background:url(../img/bodegon_vert_booquo.png) no-repeat center top; text-indent:-9999px; margin-top:50px;} #wrapper #item3 a.volver{ width:96px !important; height:41px !important; background:url(../img/btn_volver_booquo_vert.png) no-repeat center top !important; display:block; text-indent:-9999px; position:absolute; top:75px; left:24px;} #wrapper #item3 a.volver:hover{ background:url(../img/btn_volver_booquo_vert.png) no-repeat center bottom !important;} #item3 #dispositivos_03 .info_vert{ position:absolute !important; top:170px !important; left:100px !important; width:560px !important; height:360px; overflow:hidden; } #item3 #dispositivos_03 #info_three p.second{ font-size:22px !important; margin-bottom:15px !important; line-height:normal !important;} /*#item3 #dispositivos_03 .info_vert p{ margin:0; padding:0;}*/ #item3 #dispositivos_03 #info_three p.par_vert{ font-size:16px !important; margin-left:15px !important; margin-bottom:10px !important; line-height:22px !important;} #jqeasytrigger { height:90px !important; background-color:#CCC !important;} #jqeasytrigger a {width:953px; height:90px !important; background:url(../img/btn_conjunto_slide_vert.png) no-repeat center top !important; display:block; text-indent:-9999px; margin:0 auto; color:#000 !important; } #jqeasytrigger a.close { font-size:24px !important; background:none !important; width:953px !important;} #item1 #legal { top:580px !important; -webkit-border-radius: 5px !important;} .contenido #content_legal #close_lightbox{ width:40px; height:40px; background:url(../img/close_lightbox.png) no-repeat 0 0; position:absolute; top:0px; right:100px; text-indent:-9999px;} .contenido #content_legal #close_lightbox a { width:40px; height:40px;} #abonos .abono_conjunto{ margin:35% 0 0 0 !important;} #abonos .abonado_orbyt{ margin:45% 5% 0 0 !important;} #abonos .abonado_booquo{ margin:45% 0 0 5% !important;} .contenido #content_legal { height:1024px !important;} } body { height:100%; width:100%; margin:0;padding:0; overflow:hidden; } #wrapper { width:100%; height:100%; position:absolute; top:0;left:0; background-color:#ddd; /*overflow:hidden;*/ overflow:auto; } #mask { width:500%; height:100%; background-color:#eee; } .item { width:20%; height:100%; float:left; background-color:#ddd; } .content { width:990px; /*height:350px;*/ height:900px; top:1%; margin:0 auto; /*background-color:#aaa;*/ position:relative; /*border:1px solid #000;*/ } .size_one{ height:566px; position:relative; background:url(../img/luz.png) no-repeat 0 -200px;} .selected { background:#fff; font-weight:700; } .clear { clear:both; } #wrapper #item3 a.volver{ width:66px; height:26px; background:url(../img/btn_volver_booquo.png) no-repeat center top; display:block; text-indent:-9999px; position:absolute; top:75px; left:24px;} #wrapper #item3 a.volver:hover{ background:url(../img/btn_volver_booquo.png) no-repeat center bottom;} #wrapper #item2 a.volver{ width:66px; height:26px; background:url(../img/btn_volver_orbyt.png) no-repeat center top; display:block; text-indent:-9999px; position:absolute; top:75px; right:24px;} #wrapper #item2 a.volver:hover{ background:url(../img/btn_volver_orbyt.png) no-repeat center bottom;} /********************************************************************** PERSONALIZADO **********************************************************************/ #item1, #item2, #item3 { height:1024px;} /* ////////////// PAGINA_01 ///////////// */ /*CABECERA_01*/ #item1 .cabecera{ width:990px; height:168px;} #item1 .cabecera h1 { display:none;} /*aunque este oculto GOOGLE si lo indexa*/ #item1 .cabecera img{ display:block; margin:0; padding:0;} /*BOTONES NAVEGACION_01*/ #orbyt, #booquo{ width:216px; height:362px;} #orbyt p, #booquo p { font:15px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#252525; text-align:center;} #orbyt p.first_title{ margin-bottom:43px;} #orbyt{ position:absolute; top:195px; left:0px;} #booquo{ position:absolute; top:195px; right:12px;} #booquo p.first_title{ margin-bottom:24px;} #item1 a.btn_orbyt{ width:216px; height:197px; background:url(../img/btn_orbyt.png) no-repeat center top; display:block; left:2px;} #item1 a:hover.btn_orbyt{ background:url(../img/btn_orbyt.png) no-repeat center bottom;} #item1 a.btn_booquo{ width:216px; height:197px; background:url(../img/btn_booquo.png) no-repeat center top; display:block; left:8px;} #item1 a:hover.btn_booquo{ background:url(../img/btn_booquo.png) no-repeat center bottom;} #item1 a.btn_orbyt, #item1 a.btn_booquo{ text-indent:-9999px;margin-bottom:11px;} #item1 #dispositivos_01{ width:990px; height:352px; margin-top:10px; background:url(../img/dispositivos_01.png) no-repeat 215px 0;} #item1 #dispositivos_01 a.open{ width:558px; height:352px; text-indent:-9999px; display:block; margin-left:210px; /*border:1px solid red;*/ } /* ////////////// PAGINA_02 ///////////// */ #item2{background:url(../img/bg_02.gif) repeat-x 0 0; background-color:#8EA8B1;} /*CABECERA_02*/ #item2 .cabecera{ width:990px; height:146px;} #item2 .cabecera img{ display:block; margin:0; padding:0;} #item2 #dispositivos_02{ width:990px; height:488px; background:url(../img/bodegon_orbyt.png) no-repeat 0 0;} #item2 #dispositivos_02 a.open {width:550px; height:440px; display:block; text-indent:-9999px;} #item2 .content p.change_orbyt{ text-indent:-9999px;} #item2 #dispositivos_02 #info_two{ width:320px; height:390px; position:absolute; top:210px; right:48px;} #item2 #dispositivos_02 #info_two p.first{ font:20px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#252525; text-align:center; margin-bottom:30px; padding:0; line-height:25px;} #item2 #dispositivos_02 #info_two p{ font:13px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#252525; text-align:left; margin-bottom:15px; padding-left:39px; line-height:17px;} /* ////////////// PAGINA_03 ///////////// */ #item3{background:url(../img/bg_03.gif) repeat-x 0 0; background-color:#5C4995;} /*CABECERA_03*/ #item3 .cabecera{ width:990px; height:146px;} #item3 .cabecera img{ display:block; margin:0; padding:0; width:990px; height:168px;} #item3 #dispositivos_03{ width:990px; height:488px; background:url(../img/bodegon_booquo.png) no-repeat 0 0;} #item3 #dispositivos_03 a.open {width:550px; height:440px; display:block; text-indent:-9999px;} #item3 .content p.change_orbyt{ text-indent:-9999px;} #item3 #dispositivos_03 img{ width:990px; height:488px; display:block;} #item3 #dispositivos_03 #info_three{ width:325px; height:425px; position:absolute; top:209px; right:66px;} #item3 #dispositivos_03 #info_three p.second{font:17px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#252525; text-align:center; margin-bottom:15px; padding:0; line-height:19px;} #item3 #dispositivos_03 #info_three p{ font:13px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#252525; text-align:left; margin-bottom:20px; padding-left:40px; line-height:17px;} #item3 #dispositivos_03 .par_vert a { color: #5C4995;} #item3 #dispositivos_03 .par_vert a:hover { color: #E3328F;} /* ////////////// LEGAL ///////////// */ #item1 #legal{ font:12px Arial, Helvetica, sans-serif; position:absolute; left:380px; width:226px; height:15px; padding:10px; background-color:#CCC; } #legal a{ padding-left:28px;} #lightbox{ overflow:auto;} #cortinilla{ background:url(../img/bg_abono.png) top left repeat; left: 0; /*padding: 0 0 110px;*/ position: absolute; top: 0; } .contenido { position:relative;} .contenido #content_legal { width:750px; /*height:830px;*/ height:630px; margin:0 auto; padding-top:50px; position:relative;} .contenido #content_legal h1, .contenido #content_legal h2 { font:20px Arial, Helvetica, sans-serif; color:#FFF; margin-bottom:20px;} .contenido #content_legal p.title_bases{ font:14px Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF;} .contenido #content_legal p {font:12px Arial, Helvetica, sans-serif; color:#FFF; margin-bottom:10px;} .contenido #content_legal p a{ color:#017E9C;} .contenido #content_legal p a:hover{ color:#999;} .contenido #content_legal p span { padding-left:50px;} .contenido #content_legal p.datos{ font-size:11px;} .contenido #content_legal #close_lightbox{ width:40px; height:40px; background:url(../img/close_lightbox.png) no-repeat 0 0; position:absolute; top:15px; right:15px; text-indent:-9999px; border-radius: 5px; cursor:pointer;} .contenido #content_legal #close_lightbox a { width:40px; height:40px;} /*LIGHTBOX TITULOS*/ .contenido #content_titulos { width:890px; height:750px; margin:0 auto; padding-top:16px; position:relative;} .contenido #content_titulos h1 { width:890px; font: 25px 'Terminal Dosis', arial, serif; color:#FFF; margin-bottom:14px; border:1px solid #CCC; padding:10px; text-align:center; float:left;} .contenido #content_titulos ul{ border:1px solid #999; float:left; width:418px; height:552px;} .contenido #content_titulos .first { margin-right:50px;} .contenido #content_titulos li {font: 15px 'Terminal Dosis', arial, serif; color:#FFF; padding:2px; text-align:center;} .contenido #content_titulos li span { font-size:12px; color:#E2338F;} .contenido #content_titulos #close_lightbox{ width:40px; height:40px; background:url(../img/close_lightbox.png) no-repeat 0 0; position:absolute; top:0px; right:-35px; text-indent:-9999px; border-radius: 5px; cursor:pointer;} .contenido #content_titulos #close_lightbox a { width:40px; height:40px;} /*#pie{ width:100%; height:38px; background-color:#000; background:url(../img/bg_pie.gif) repeat-x 0 0; color:#666; text-align:center; position:absolute; bottom:0; left:0;} #pie p{ text-align:center; font: 12px Arial,Helvetica,sans-serif; color: #666; width:990px; margin:10px auto; } #pie p a{ display:inline; color: #666; text-decoration:none; padding:0 5px 0 5px } #pie p a:hover{ color: #017E9C; }*/ /* ////////////// ABONOS ///////////// */ body { font: 12px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; } ol, ul { list-style: none; } a { color:#333; text-decoration:none; outline:none; } a:hover { color:#999; } #container { width:700px; margin:0 auto; } #container p { margin-bottom:10px; } #jqeasypanel{ position:fixed; left:0; width:100%; height:300px; background-color:#272727; padding:10px; overflow:hidden; display:none; z-index:1; background:url(../img/bg_abono.png) repeat 0 0; } #jqeasypanel.bottom { bottom:0; /*border-top:1px solid #666;*/ } /*BOTONES ABONOS*/ #abonos{ text-indent:-9999px; width:820px; /*height:50px;*/ margin:0 auto; position:relative;} #abonos .abono_conjunto{ margin:10% 0 0 0; width:287px; height:507px; float:left;} #abonos .abono_conjunto a{width:287px; height:507px; background:url(../img/btn_conjunto_v2.png) no-repeat center top; display:block; text-indent:-9999px;} #abonos .abono_conjunto a:hover{background:url(../img/btn_conjunto_v2.png) no-repeat center bottom;} #abonos .abonado_orbyt{ width:200px; height:354px; float:left; margin:25% 5% 0 0;} #abonos .abonado_orbyt a{ display:block; width:200px; height:354px; background:url(../img/btn_abonado_orbyt_v2.png) no-repeat center top;} #abonos .abonado_orbyt a:hover{ background:url(../img/btn_abonado_orbyt_v2.png) no-repeat center bottom;} #jqeasypanel a.close{ width:100%; height:100%; display:block;} #abonos .abonado_booquo{ width:200px; height:354px; float:left; margin:25% 0 0 5%;} #abonos .abonado_booquo a{ display:block; width:200px; height:354px; background:url(../img/btn_abonado_booquo_v2.png) no-repeat center top;} #abonos .abonado_booquo a:hover{ background:url(../img/btn_abonado_booquo_v2.png) no-repeat center bottom;} #entrar { background: url("../img/btn_abono_orbyt.png") no-repeat scroll 0 0 transparent; /* border: medium none;*/ cursor: pointer; height: 15px; text-indent: -9999px; width: 160px; float:left; } #jqeasytrigger { position:fixed; /*right:5px;*/ padding:5px; width:100%; height:40px; background-color:#D2D2D2; border-top:1px solid #666; /*background-color:#000;*/ text-align:center; font-size:14px; z-index:2; } #jqeasytrigger.bottom { bottom:0; } #jqeasytrigger a { width:953px; height:40px; background:url(../img/btn_conjunto_slide.png) no-repeat center top; display:block; text-indent:-9999px; margin:0 auto; color:#000; } #jqeasytrigger a:hover { color:#666; } #jqeasytrigger a.open { display:block; } #jqeasytrigger a.close { background:none; display:none; width:953px !important; }