/**/@import url(generica.css); /* ----------------------------------------------- HOJAS DE ESTILOS YPF SERVICLUB ------------------------------------------------ */ /* usamos los colores: rojos: be1818 f9e7e7 fdf7f7 azules: 104193 d1dbea d4daf0 e7ebf4 naranjas: f99212 Tamaños en generica .col_izq{width:152px; float:left; margin:8px 8px 0 0;} .col_cent {width:480px; float:left; margin:8px 5px 0 0; text-align:left;} .col_der {width:132px; float:left; margin:8px 0 0 0; text-align:right;} */ /* ---------------------------- ; limpio ---------------------------------------- */ /*.col_der{float:right;}*/ .col_envolvente { float:left; margin:0; margin-top:8px; padding:0; /* border:1px solid red;*/} .col_envolvente .col_izq{ } .col_envolvente .col_cent{ width:470px; /*width:430px;*/ } .publiServiClub{width:630px;} .col_der{ width:146px;/*width:182px;*/} div#home-head { height: 76px; } /*Corte del html no encontre clase con ese nombre 081029 ------- .col_envolvente{width:635px;}.col_der{width:140px;float:right;} ------------------------------------------------------------------*/ .seccion {display:none;background:#be1818; width:780px; margin:0; text-align:left; float:left} .seccion #brujula_peq {float:right; margin:0px; padding:0px; background:url(https://imagenes.ypf.com/imgplantilla/brujulap.gif) no-repeat top right; width:160px;} .seccion #brujula_peq select { margin:11px; padding:0px; margin-right:11px; width:140px;} #mContenido img {border: none; } a {color:be1818; text-decoration:underline; } a:hover{ color:be1818; text-decoration:underline;} #mContenido a.linkAzul {color:104193; text-decoration:underline; background-image:none; font-weight:normal; padding-left:0px;} #mContenido a.linkAzul:hover{ color:104193; text-decoration:underline; background-image:none;font-weight:normal; padding-left:0px;} #mContenido .caja1 img{border:none;} #mContenido .caja2 img{ border:none;} /* lineas separadoras */ .lineahorrayas, #pDetallePremio .lineahorgris {width:100%; height: 1px; background: url(../../../SA/Serviclub/imagenes/ar_es/sprites.jpg) no-repeat 0 -685px; border: 0; margin-top:3px; font-size:1px; clear:both} /* menu horizontal */ /*El resto de reglas las coge de la genrica*/ .menu_h a:hover{ color:#fff; text-decoration:none; background:#95A2AB url(https://imagenes.ypf.com/imgplantilla/decoMen.gif) no-repeat 12px 10px } /* botonera izq */ .menu_flot{float:left;font-size:13px; color:#333; width:100%;} .menu_flot .marco { padding: 0;} .up {height:0px; font-size:0px} .menu_flot li { margin-top:1px; } .menu_flot li.t1, .menu_flot li.t2 { border: 0; background: none; padding: 0 0 0 5px; margin-top:0px; border-top: 1px #E8ECEF solid; } .menu_flot li.t2 a, .menu_flot li.t1 a { font: normal 11px Arial; color: #1B1D21; padding: 10px 3px 10px 8px; padding-left:9px; display:block; min-height:15px; height:auto !important; height:10px; text-decoration:none; background: #FFFFFF; } .menu_flot li.t2 a { background: url(../../../SA/Serviclub/imagenes/ar_es/sprites.jpg) no-repeat 0 -729px; padding-left: 20px;} .menu_flot li.t1 a:hover { text-decoration:underline; background-image:none!important;} .menu_flot li.t1 a.on { background: #FFFFFF; color:black; font-weight:bold; padding-left:9px; text-decoration:none;} .menu_flot li.t1 a.on:hover {color:#be1818; background: #FFFFFF; font-weight:bold; padding-left:9px; text-decoration:none} .menu_flot li.t2 a:hover {text-decoration:underline; background: url(../../../SA/Serviclub/imagenes/ar_es/sprites.jpg) no-repeat 0 -729px; padding-left: 20px;} .menu_flot li.t2 a.on {color:#be1818; background:url(https://imagenes.ypf.com/imgplantilla/navSubMenuBullet.gif) no-repeat 6px 4px; padding-left:14px; font-weight:bold; text-decoration:none;} .menu_flot li.t2 a.on:hover{color:#be1818; background-image:url(https://imagenes.ypf.com/imgplantilla/navSubMenuBullet.gif); padding-left:14px; font-weight:bold; text-decoration:none;} /* cajas formalizadas */ .caja1 {background:#f9e7e7; width:100%;text-align:left; padding:12px 0 13px 0px; margin:0 0 0 0; color:#333; float:left; font-size:11px;} .fondorojo{background:#f9e7e7; width:100%; float:left; } .fondorojomarco{background:#f9e7e7; width:100%; border:1px solid #be1818; float:left; text-align:center;} .fondorojomarco .titulos_bloq{padding:0px;} .fondorojomarco .caja7 { margin:4px ; width:95%; margin-bottom:0px; margin-top:0px;} .fondorojomarco .caja7 .ContenidoCaja img{ float:left; margin:4px; margin-right:8px; } .fondorojomarco .caja7 .ContenidoCaja input{ float:left; margin:4px; margin-right:8px; border:none; } .fondoazul{background:#e7ebf4; width: 100%; float:left;} #azulclaro.caja1 { background-color:#d1dbea; } #mContenido h5{ background:url(https://imagenes.ypf.com/imgplantilla/listBulletRed.gif) no-repeat 0 .4em; padding-left:12px; color:#be1818} #mContenido h5#azul { background:url(https://imagenes.ypf.com/imgplantilla/listBulletBlue.gif) no-repeat 0 .4em; padding-left:12px; color:#104193} #mContenido #azul h5 { background:url(https://imagenes.ypf.com/imgplantilla/listBulletBlue.gif) no-repeat 0 .4em; padding-left:12px; color:#104193} #mContenido h5.nobullet{background-image:none;} /*#mContenido h5.nobullet#azul{background-image:none;} Esta es la linea que hace petar en explorer*/ #mContenido h5.nobullet#azuloscuro{background-image:none; color:#104193} .caja1 .titulos_artic { color:#be1818; text-decoration:underline; font-size:13px; background-image:none; padding-left:0;} .caja1 .titulos_artic:hover { color:#be1818; text-decoration: underline} .caja2 .titulos_artic {font-size:11px; color:#333; font-weight:bold;} .caja2 .titulos_artic a{ color:#be1818; } .caja2 .titulos_artic:hover {color:#be1818; text-decoration: underline; } .caja2 .seccion_artic { color: #000000; font: bold 16px Arial; text-decoration:none;background-image:none; padding-left:0;} .caja2 .seccion_artic a { color: #000000; font: bold 16px Arial; text-decoration:none;background-image:none; padding-left:0;} .seccion_artic:hover {color:#be1818; font-size: 16px; background-image:none;text-decoration:underline;} .caja2 .pas_especial{background:#fff url(https://imagenes.ypf.com/imgplantilla/pas_especial_ref.gif) no-repeat right 10px; } .caja2 .pas_suma{background:#fff url(https://imagenes.ypf.com/imgplantilla/pas_suma_ref.gif) no-repeat right 10px; } .caja2 .pas_instantaneo{background:#fff url(https://imagenes.ypf.com/imgplantilla/pas_instantaneo_ref.gif) no-repeat right 10px; } .caja2 .pas_especial .articulo{ padding-right: 30px; } .caja2 .pas_suma .articulo{ padding-right: 30px; } .caja2 .pas_instantaneo .articulo{ padding-right: 30px; } .caja2 .puntosListado { font: normal 34px 'Times New Roman'; color: #1B1D21; float: left; margin-right: 5px;} #mContenido .caja2 .nuevoimg {} #mContenido .caja2 .nuevoimg img{ float:none; display: inline; margin-left:3px;} .caja2 .articulo a{ width: 80px; height: 24px; background: url(../../../SA/Serviclub/imagenes/ar_es/sprites.jpg) 0 -269px; display: block; text-indent: -9999px; margin-top: 25px; float: right; } /*#mContenido .caja3 h5.nobullet#azul{ margin:0; padding:0px 4px; background-color:#d4daf0;} Esto funciona en firefox pero por los bus de ie6, peta*/ #mContenido .caja3 h5.nobullet#azuloscuro{margin:0; padding:0px 4px; background-color:#d4daf0;} .caja3 p.desta{margin:0px; padding:0px 4px; color:#104193; font-size:11px; } .caja3 p{padding:0px 4px;margin-top:3px;} .caja3 p a{color:104193; text-decoration:underline; background:none; padding:0px;} .caja3 p a:hover{color:104193; text-decoration:underline; background:none; padding:0px;} #mContenido .caja3 a.email{color:104193; text-decoration:none; background:none; padding:0px;} #mContenido .caja3 a.email:hover{color:104193; text-decoration:none; background:none; padding:0px;} .caja3 .indent{margin-left:10px; } .caja3 ul.informe{margin-top:2px;} #mContenido .caja3 .compo7 ul.informe li{border:1px solid blue;} /*Caja 12 columna dercha */ .caja12 .boxcontent{padding:4px 2px ;} .caja12 .boxcontent p{background:none;margin:0;padding:2px; text-align:left;font-size:9px; color:#333;} .caja12 .boxcontent formu img{text-align:right; } .caja12 .boxcontent .lista{ padding:3px 0 0 0; font-size:10px; width: 120px;} .caja12 .boxcontent .lista a{color:#104193;text-decoration:underline; } .caja12 .boxcontent .lista a:hover{text-decoration:underline} /* Caja12 columna izquierda */ .col_izq .caja12 {background:#E8ECEF; margin: 1px 0 0 0; height: 66px; } .col_izq .caja12 .boxcontent{ background: #FFFFFF; width: 143px; margin-left: 5px; height: 66px; } .col_izq .caja12 .boxcontent .lista{ float: left; padding: 0 0 0 0; font-size:10px; padding-left: 6px; height: 20px; background-image: none; } .col_izq .caja12 .boxcontent .lista li { background:url(../../../SA/Serviclub/imagenes/ar_es/sprites.jpg) 0px -180px no-repeat; height: 20px;} .col_izq .caja12 .boxcontent .lista a{ line-height: 13px; background-image: none; noc color:#9CA9B1;text-decoration:underline; text-align:left; padding-left:5px;} .col_izq .caja12 .boxcontent .lista a:hover{text-decoration:underline; } .col_izq .caja12 .boxcontent input{ cursor:auto; border:none; } .col_izq .caja12 .boxcontent ul.formu { padding: 0 0 0 9px; height: 25px; margin-top: 8px; float: left; } .col_izq .caja12 .boxcontent .formu li{float:left;} /* las cajas con esquinas redondas y borde rojo */ /*#mContenido .doblecaja div#izq .caja7 { text-align:center; margin:0 auto 0 auto;} #mContenido .doblecaja div#dere .caja7{ text-align:center; }*/ .esquinaIzqArriba{ background: url(https://imagenes.ypf.com/imgplantilla/esqIzqTop.gif) no-repeat; height: 6px; margin: 0px; padding: 0px; font-size:1px; } .esquinaDerArriba{ background: #f9e7e7 url(https://imagenes.ypf.com/imgplantilla/esqDerTop.gif) no-repeat; height: 6px; width: 6px; float: right; margin: 0px; padding: 0px; } .ContenidoCaja{ background-color: #fff; margin: 0px; padding: 5px; } .esquinaIzqAbajo{ background: #f9e7e7 url(https://imagenes.ypf.com/imgplantilla/esqIzqBot.gif) no-repeat; height: 6px; margin: 0px; padding: 0px; } .esquinaDerAbajo{ background: #f9e7e7 url(https://imagenes.ypf.com/imgplantilla/esqDerBot.gif) no-repeat; height: 6px; width: 6px; float: right; /*margin:0px; padding:0px;*/ font-size:1px;} /* las cajas con esquinas redondas, borde gris y degradado interior */ .esquinaIzqArribaGris{ background: url(https://imagenes.ypf.com/imgplantilla/esqIzqTopGris.gif) no-repeat;height: 6px;margin: 0px;padding: 0px;font-size:1px;} .esquinaDerArribaGris{background: #fdf6e4 url(https://imagenes.ypf.com/imgplantilla/esqDerTopGris.gif) no-repeat;height: 6px;width: 6px;float: right;margin: 0px;padding: 0px;} .ContenidoCajaGris{border-top: none;border-bottom: none;border-left: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;background: #dcdcdc url(https://imagenes.ypf.com/imgplantilla/degradadoGris.gif) repeat-x;margin: 0px;} /*.ContenidoCajaGris p{margin:0px;padding:0px;}*/ .esquinaIzqAbajoGris{background: #fff url(https://imagenes.ypf.com/imgplantilla/esqIzqBotGris.gif) no-repeat;height: 6px;margin: 0px;padding: 0px;font-size:1px;} .esquinaDerAbajoGris{background: #fff url(https://imagenes.ypf.com/imgplantilla/esqDerBotGris.gif) no-repeat;height: 6px;width: 6px;float: right;margin: 0px;padding: 0px;} .ContenidoCajaGris .caja2{ width:98%; margin-top:0;padding: 5px; } .ContenidoCajaGris .caja2 .pas_instantaneo{background-color:transparent; } .ContenidoCajaGris .caja2 .pas_especial{background-color:transparent; } .ContenidoCajaGris .caja2 .pas_instantaneo{background-color:transparent; } .ContenidoCajaGris .caja2 a.seccion_artic{ font-size:15px; background:url(https://imagenes.ypf.com/imgplantilla/bullet_title_destacado.gif) no-repeat 0px 4px; padding-left:15px; } .ContenidoCajaGris .caja2 .articulo a{font-size:11px; font-weight:normal; color:be1818; text-decoration:underline; background:url(https://imagenes.ypf.com/imgplantilla/navSubMenuBullet.gif) no-repeat 0px 5px; padding-left:6px;} /* cajas */ .pagina li {list-style:none; margin:0; padding:0; text-align:right; display:inline} .pagina a {color:#333333; text-decoration:underline; font-weight:bold;} .pagina a:hover {color:#be1818; text-decoration:underline; } .pagina li a.sel{ text-decoration:none} .pagina li a.sel:hover{ font-weight:normal; text-decoration:none} .pagina li.ant {padding-right:.2em; margin:0; padding:0; } .pagina li.sig {padding-left:.2em; margin:0; padding:0;} .probandoderecha{ text-align:right; color:#FFFFFF; font-size:10px; } .col_cent {width:482px; float:left; margin:0px 0 0 0; text-align:left;} #pnlBusqueda { float:left; } .compo1 {padding-bottom:0;} .compo1 a {color:#be1818; text-decoration:underline} .compo1 a:hover {text-decoration:underline} .compo7 a {color:#be1818; text-decoration:underline; padding-left:13px; background:none} .compo1 .gris{padding-top:10px; padding-bottom:10px; color:#999999;} .compo2 .bA .compo1 a, .compo2 .bB .compo1 a{background-image:none; padding-left:0px;} .compo2 .bA .compo1 a:hover, .compo2 .bB .compo1 a:hover{background-image:none; padding-left:0px; color:#be1818;} .compo2 a{background-image:none; padding-left:0px;} .compo2 a:hover{background-image:none; padding-left:0px; color:#be1818;} .compo7 ul.pas {width:100%; } .compo7 ul.pas li{ width:33%; padding: 5px 0 5px 30px; /*margin-right:10px;*/} .compo7 ul.pas li.t1{background: url(https://imagenes.ypf.com/imgplantilla/pas_suma_ref.gif) no-repeat 0px 0px; } .compo7 ul.pas li.t2{background: url(https://imagenes.ypf.com/imgplantilla/pas_especial_ref.gif) no-repeat 0px 0px; } .compo7 ul.pas li.t3{background: url(https://imagenes.ypf.com/imgplantilla/pas_instantaneo_ref.gif) no-repeat 0px 0px; } /*barras de titulos*/ #mContenido .titulos_bloq h4,#mContenido .titulo h4,#mContenido .titulo2 h4 { height: 40px; display: block; padding: 0; margin: 0; } #mContenido .titulos_bloq h4 #Catalogo1_tituloCatalogo { background:url(../../../SA/Serviclub/imagenes/ar_es/sprites.jpg) 0 -94px no-repeat; text-indent: -9999px; display: block; width: 152px; height: 40px; } #mContenido .titulos_bloq a.volver{color: #FFFFFF; /*font-weight:bold*/; font-size: 12px; float:right; margin-right:10px; text-align:right; text-decoration:none;} #mContenido .titulos_bloq a.volver{ text-decoration: none;} /* La caja roja*/ .cajaRoja{ background:url(https://imagenes.ypf.com/imgplantilla/cuerpo_serviclub.gif) repeat-y; width: 490px; margin: 0px; padding: 0px; } .cajaRojaCabecera{ background:url(https://imagenes.ypf.com/imgplantilla/cabecera_serviclub.gif) no-repeat; width: 490px; height: 98px; margin: 0px; padding: 0px; } .cajaRojaPie{ background:url(https://imagenes.ypf.com/imgplantilla/pie_cajaRoja_serviclub.gif) no-repeat; width: 490px; height: 440px; margin: 0px; padding: 0px; } .cajaRoja p{ padding: 0px 25px 0px 35px; margin: 0px; font-size:11px; color:#333:} .contenidoPie{ padding: 0px 20px 0px 35px; margin: 0px; height: 380px; overflow: hidden; } .copyServiclub{ position: relative; top: 20px; left: 290px; color: #fff; margin: 0px; padding: 0px; } .pas_nuevo{float: right; margin: 0px 0 5px 0; width:100%; } .pas_suma{float: right; margin: 0 0 5px 0; width:100%; } .pas_instantaneo{float: right; margin: 0 0 5px 0; width:100%; } .pas_especial{float: right; margin: 0 0 5px 0; width:100%; } .pas_normal{float: right; margin: 0 0 5px 0; width:100%; } .pas_nuevo .textopuntos{ float: left; background:#fff url(https://imagenes.ypf.com/imgplantilla/pas_nuevo.gif) no-repeat 0 0;width: 80px; height:80px; /*border:1px solid blue;*/ padding:33px 0 0 7px; font-size: 13pt; color:#333; font-weight:bold;} * .textopuntos .texto{/*border:1px solid red;*/ width:30px; text-align:center;} .textopuntos .texto{/*border:1px solid red;*/ width:45px; text-align:center;} #mContenido .pas_nuevo h5{ text-algin:left; padding-top:18px; /*border:1px solid red;*/ margin-right:0px; background-image:none; padding-left:0px; clear:both; width:190px; __width:195px} .pas_suma .textopuntos{ float: right; background:#fff url(https://imagenes.ypf.com/imgplantilla/pas_suma.gif) no-repeat 0 0;width: 80px; height:80px; /*border:1px solid blue;*/ padding:33px 0 0 7px; font-size: 15pt; color:#333; } #mContenido .pas_suma h5{ text-algin:left; padding-top:18px; /*border:1px solid red;*/ margin-right:10px; background-image:none; padding-left:0px;} .pas_instantaneo .textopuntos{ float: right; background:#fff url(https://imagenes.ypf.com/imgplantilla/pas_instantaneo.gif) no-repeat 0 0;width: 80px; height:80px; /*border:1px solid blue;*/ padding:33px 0 0 7px; font-size: 15pt; color:#333;} #mContenido .pas_instantaneo h5{ text-algin:left; padding-top:18px; /*border:1px solid red;*/ margin-right:10px; background-image:none; padding-left:0px;} .pas_especial .textopuntos{ float: right; background:#fff url(https://imagenes.ypf.com/imgplantilla/pas_especial.gif) no-repeat 0 0;width: 80px; height:80px; /*border:1px solid blue;*/ padding:33px 0 0 7px; font-size: 15pt; color:#333;} #mContenido .pas_especial h5{ text-algin:left; padding-top:18px; /*border:1px solid red;*/ margin-right:10px; background-image:none; padding-left:0px;} .pas_normal .textopuntos{ float: right; background:#fff url(https://imagenes.ypf.com/imgplantilla/pas_normal.gif) no-repeat 0 0;width: 80px; height:80px; /*border:1px solid blue;*/ padding:33px 0 0 7px; font-size: 15pt; color:#333;} #mContenido .pas_normal h5{ text-algin:left; padding-top:18px; /*border:1px solid red;*/ margin-right:10px; background-image:none; padding-left:0px;} #mContenido .botones2 input.separa{border:none; padding:0px; margin-left:0.7em; /*background-color:#FFFFFF;*/ } #mContenido .botones2 input.separanovisible { margin-left:0.7em; cursor:hand; visibility:hidden;} #mContenido .botones2 ul li{font-size:12px;} #mContenido .botones2 ul li.de{font-size:11px;} /* #naranja .titulos_bloq, #naranja.titulos_bloq{background:#f99212 url(https://imagenes.ypf.com/imgplantilla/titleBulletOrange.gif) no-repeat 3px 5px; } #mContenido #naranja .titulos_bloq, #mContenido #naranja.titulos_bloq{background:#f99212 url(https://imagenes.ypf.com/imgplantilla/titleBulletOrange.gif) no-repeat 3px 5px; } */ .titulos_bloq#naranja{background:#ebab00 url(https://imagenes.ypf.com/imgplantilla/titleBulletOrange.gif) no-repeat 3px 5px; } /*#azul .titulos_bloq {background:#104193 url(https://imagenes.ypf.com/imgplantilla/titleBulletBlue.gif) no-repeat 3px 5px;}*/ /*#azul .titulos_bloq{background:#104193 url(https://imagenes.ypf.com/imgplantilla/titleBulletBlue.gif) no-repeat 3px 5px; }*/ /*#azul.titulos_bloq {background:#104193 url(https://imagenes.ypf.com/imgplantilla/titleBulletBlue.gif) no-repeat 3px 5px;}*/ .titulos_bloq#azul{background:#104193 url(https://imagenes.ypf.com/imgplantilla/titleBulletBlue.gif) no-repeat 3px 5px; } /*Listas*/ .informe li a{color:#be1818;text-decoration:underline;background:url(https://imagenes.ypf.com/imgplantilla/listBulletRed.gif) no-repeat 0 4px; padding-left:1.2em; font-weight:normal; display:block; min-height:15px; height:auto !important; height:10px;} #azul.informe li a{color:#104193;text-decoration:underline;background:url(https://imagenes.ypf.com/imgplantilla/listBulletBlue.gif) no-repeat 0 4px; padding-left:1.2em; font-weight:normal; display:block; min-height:15px; height:auto !important; height:10px;} /*formularios*/ select, input{font-size:10px;color:#333;border:.05em solid #7E9DB9;margin:0;padding:0;} select {cursor:hand;} .formulario {width:100%; margin:1em 0 0 0; padding:0; font-size:11px; color:#777; float:left; vertical-align:top} .formulario input, .formulario select, .formulario textarea {cursor:hand; font-size:11px; padding:.2em 0 0 0; margin:0;} .formulario input {cursor:default;} #mContenido .formulario h5, #mContenido .formulario h5#azul { font-size:14px; margin:0; background-position-y:center;} .formulario h6 {color:#555; font-size:12px; margin:0; padding:2em 0 0 0} .formulario h6.ti4 {color:#013658;} .formulario a {color:#ff9900; text-decoration:none} .formulario a:hover {color:#ff9900; text-decoration:underline} .formulario ul li {color:#555; font-weight:normal; background:url(https://imagenes.ypf.com/imgplantilla/icono.gif) no-repeat 0 4px; padding:0 0 0 15px} .formulario ul a {color:#000; font-weight:bold; text-decoration:none} .formulario ul a:hover {color:#000; font-weight:bold; text-decoration:underline} .listaInput2 { cursor:default; text-align:left;} .listaInput2 input { cursor:default;} .listaInput2 input.tipo1 { cursor:default;} .listaInput2 input.tipo2 {cursor:default;} .listaInput2 p { color:#555; margin-top:3px; cursor:default; font-weight:150;} .listaInput2 p .asterisco{color: #104193; } .listaInput2 p.campos { cursor:default;} .listaInput3 { cursor:default;} .listaInput3 input, .listaInput3 select { cursor:default;} .listaInput3 input.tipo1 { cursor:default; } .listaInput3 select.tipo1 { cursor:default;} .listaInput3 input.tipo2 { cursor:default;} .listaInput3 input.tipo3 { cursor:default;} .listaInput3 p {color:#555; cursor:default;font-weight:150;} .listaInput3 p .asterisco{color: #104193; } .listaInput3 p.campos { cursor:default;} .listaInput3 p.sep { cursor:default;} html>body .listaInput3 p.sep {cursor:default;} .listaInput4 { cursor:default; } .botones2 img.separa {background:none; color:none; border:0; padding:0 .3em; margin-left:1em; cursor:hand} .darkblue{ background-color: #B8CAD8; border-bottom: 1px solid #104193; } .caja12 .lightblue{ background-color: #e7ecf4; border-bottom: 1px solid #104193; } .caja12 .boxcontent ul.sinBarraDiscontinua{ background: none; } .col_der .caja12 .boxcontent ul li a{ background:url(https://imagenes.ypf.com/imgplantilla/listBulletBlue.gif) no-repeat 0px 4px; padding: 0px 0px 0px 10px; } .caja12 .boxcontent .lista a.iconoMayorQue{ background:url(https://imagenes.ypf.com/imgplantilla/pointer6.gif) no-repeat 0 4px; font-size: 10px; } .caja12 .boxcontent .lista a:hover.iconoMayorQue{ background:url(https://imagenes.ypf.com/imgplantilla/pointer6.gif) no-repeat 0 4px; text-decoration: underline; } /* pie de pagina */ #mPie{ text-align:left; padding-top: 50px; } #mPie ul{float:left; margin: 0; padding: 0; } #mPie li{float:left; padding: 30px 0 0 0; margin-right: 19px;} #mPie li.copy{color:#3A393F;font-size:11px} #mPie li a{color:#3A393F; background: none; padding-left:.9em; } #mPie span { float: right; } /* yahoooads */ .clsResultTitle { color: #be1818; } .clsResultDescription { /*color: #848A8A;*/ } .clsURL { COLOR: #be1818; } .clsMargin { border:1px solid #be1818; } /* ***************************************** CUPONERAS ********************************************** */ .cabeceraCuponera, .detallesCuponera, .cupon, .cupon2, .cupon3{ font: 11px arial; } .cupon{ } .textoCabeceraCuponera{ width: 80%; margin: -120px 0px 100px 10px; } .detallesCuponera{ padding: 3px 0px 3px 0px; border-bottom: 1px dashed #000; border-top: 1px dashed #000; margin: 0px 0px 10px 0px; } .cabeceraCajaCuponera{ font-weight: bold; } .detallesCuponeraNegrita{ font-weight: bold; } .botonRevisar a{ margin: 0px 0px 0px 25px; } .dobleCajaCuponera{ clear: both; } .cabeceraCajaCuponera{ background: url(https://imagenes.ypf.com/imgplantilla/.pestanaCupon.jpg) no-repeat 0px 0px; margin: 0px 0px 2px 0px; padding: 3px 0px 3px 25px; } .primeraCajaCuponera{ float: left; margin: 0px 10px 0px 0px; } .segundaCajaCuponera{ float: left; margin: 0px; } .contenedorDobleColumna1{ background-color: #f7f7f7; padding: 10px 0px 10px 0px; width: 160px; } .contenedorDobleColumna1 table{ width: 100px; margin: 0px 0px 0px 30px; } .contenedorDobleColumna1 table tr td input{ width: 30px; } .contenedorDobleColumna1 table tr td.separacionColumnas{ width: 10px; } .contenedorDobleColumna2{ background-color: #f7f7f7; padding: 10px 0px 10px 0px; width: 293px; } .contenedorDobleColumna2 table{ width: 50px; margin: 0px 0px 0px 30px; } .contenedorDobleColumna2 table tr td input { width: 50px; } .centradoColCent{ clear: both; width: 100%; margin: auto; } .botonSiguiente img{ margin: 10px 0px 10px 200px; } .imagenCentrada img{ margin: 10px 0px 10px 130px; } .cupon2{ } .cupon3{ border-top: 1px dashed #000; magin: 0px 0px 0px 0px; } .dosBotones{ margin: 10px 0px 5px 0px; padding: 0px 0px 0px 150px; } .primerBoton{ float: left; margin: 0px 30px 0px 0px; } .contenedor1{ background-color: #f7f7f7; padding: 10px 0px 10px 0px; } .contenedor1 table tr td input,.contenedor1 table tr td select, .contenedor2 table tr td input{ width: 430px; margin: 5px 0px 5px 20px; } .cabeceraCajaCuponeraSuelta{ font-weight: bold; margin: 10px 0px 5px 15px; } .cabeceraCajaCuponeraSueltaNormal{ margin: 10px 0px 5px 15px; } .CajaCuponeraLimpia{ margin: 10px 0px 0px 0px; } .cierraCuponera{ border-top: 1px dashed #000; margin: 0px; padding: 0px; float: left; } .cierraCuponera img{ float: left; } /* ********************* cuponera recortable ***************** */ .centradoCuponera{ width: 450px; margin: 0px auto 0px auto; text-align: left; } .titularVoucherEspecial{ color: #fc1922; margin: 0px 0px 0px 0px; } .titularVoucherEspecial h3{ margin: 5px 0px; padding: 0px; } .cuponeraRecortable{ border: 2px dashed black; width: 100%; margin-bottom: 25px; padding-bottom: 10px; } .bordeSolidoCuponera{ border: 2px solid black; width: 97%; position: relative; top: 5px; left: 5px; padding-bottom: 20px; } .contenidoCuponera{ width: 95%; position: relative; top: 12px; left: 15px; } .logosCuponera{ width: 410px; float: left; margin: 0px 0px 5px 0px; } .logosCuponera img{ float: left; } .logosCuponera .izq{ float: left; margin-right: 32px; } .logosCuponera .der{ float: right; margin-right: 10px; } .filaCampoCupon{ float: left; width: 400px; margin: 0px; padding:0px; } .campoCupon{ width: 110px; font: 12px arial; float: left; clear: left; margin: 0px 10px 0px 0px; padding: 0px; } .campoCuponDatos{ font: 12px arial; float: left; clear: right; margin: 0px; padding: 0px; } .contenedorCodigoBarras{ text-align: center; } .contenedorCodigoBarras img{ margin-top: 10px; } .campoCuponDescripcionTitular{ color: #fc1922; font: bold 12px arial; } .campoCuponDescripcion{ margin: 0px; padding: 0px; font: 10px arial; float: left; width: 342px; } .campoCuponDescripciontxt { width: 400px; text-align: justify; } .campoCuponFechas{ font: 10px arial; margin: 0px; padding: 0px; float: left; width: 185px; } .campoCuponFechas{ font: 10px arial; margin: 0px; padding: 0px; float: left; width: 185px; } .filaCampoCuponPuntos{ float: left; width: 400px; margin: 5px 0px 0px 0px; padding:0px; } .campoCuponPuntos{ font: bold 11px arial; margin: 0px; float: left; } .campoCuponPuntosNumero{ float: left; font: bold 11px arial; margin: 0px; padding: 0px; } .margen18abajo{ margin-bottom: 10px; } .filaCampoCuponFechas{ float: left; width: 410px; margin: 15px 0px 0px 0px; padding:0px; } .campoCuponFechas{ font: 10px arial; margin: 0px 0px 0px 0px; padding: 0px; float: left; width: 205px; } .campoCuponFechas2 { font: 10px arial; margin: 0px 0px 0px 30px; padding: 0px; float: left; width: 170px; text-align: right; /*---- Modificaciones Texto Voucher ----- */ display:none; /*---- Fin Modificaciones Texto Voucher -----*/ } .campoCuponFechasDatos{ width: 100px; font: 10px arial; float: left; margin: 0px 5px 0px 0px; padding: 0px; } .campoCuponFechasDatos2{ width: 90px; font: 10px arial; float: right; margin: 0px 5px 0px 0px; padding: 0px; } /* --- boton imprimir y notas del cupon -------- */ .botonImprimirVoucher{ margin: 0px 0px 0px 160px; } .notasCuponRecortable{ border: 1px solid #000; margin: 10px 0px 0px 0px; padding: 0px; font: 12px arial; } .notasCuponRecortableTitular{ color: #fc1922; font: bold 14px arial; /*background:url(https://imagenes.ypf.com/imgplantilla/.navMenuBullet.gif) no-repeat 0px 5px;*/ /*padding: 0px 0px 0px 10px;*/ margin: 10px 0px 0px 20px; } .notasCuponRecortableTitular img{ position:relative; top: 5px; margin-right: 10px; float: left; } .notasCuponRecortable p{ margin: 10px 20px 10px 20px; padding: 0px; } .notasCuponRecortable p a:link{ color: #c00001; text-decoration: none; } .notasCuponRecortable p a:active{ color: #c00001; text-decoration: none; } .notasCuponRecortable p a:visited{ color: #c00001; text-decoration: none; } #mContenido .notasCuponRecortable p a:hover{ color: #c00001; text-decoration: underline; } .divFinal{ clear: both; } /******************************************************/ /******************************************************/ /******************************************************/ /* CSS Document ESTILOS YPF-SERVICLUB FECHA:30/10/2008 */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ div.caja_contenido { background-image: url(https://imagenes.ypf.com/imgplantilla/fdo_diagonal_contenido.gif); background-repeat: repeat-y; background-position: bottom;} div.contenido { float:left; width: 627px; background-image: url(https://imagenes.ypf.com/imgplantilla/fdo_contenido.gif); background-repeat: repeat-y; background-position: bottom;} div.caja_columnas_contenido { /* background-color:#6600FF;*/} div.caja_columnas_contenido div.contenido_columna_izquierda { float:left; width: 405px; /* background-color:#FFFF00;*/} /*DESTACADOS*/ div.modulo_destacado { background-color:#ffffff; background-image: url(https://imagenes.ypf.com/imgplantilla/fdo_destacado_izquierda.jpg); background-repeat: repeat-x; background-position: bottom; } div.modulo_destacado div.tit_modulo { height: 32px; background-image: url(https://imagenes.ypf.com/imgplantilla/fdo_tit_modulo_destacado.jpg); background-repeat: repeat-x; background-position: top;} div.modulo_destacado div.tit_modulo div.ico_modulo { float: left; text-align:right; width:50px; height: 32px;} div.modulo_destacado div.tit_modulo div.ico_modulo span#_SE_FLD { float: left; margin:0; padding:0; width:50px;} div.modulo_destacado div.tit_modulo h3 { float:left; margin:0; padding: 8px 0 0 5px; height:26px !important; height:32px; height/**/:/**/26px; width:350px !important; width: 355px; width/**/:/**/350px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #ffffff; text-decoration:none;} div.modulo_destacado div.ver_todos { padding: 3px 20px 0 0; text-align:right; height:17px !important; height:20px; height/**/:/**/17px; background-color:#7c7c7c;} div.modulo_destacado div.ver_todos a { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; font-weight:bold; color: #ffffff; text-decoration:none;} div.modulo_destacado div.ver_todos a:hover { text-decoration:underline;} div.modulo_destacado div.destacado_izquierda { float:left; width:202px; text-align:center; min-height: 132px; *height: 180px; } div.modulo_destacado div.destacado_derecha { float:left; min-height: 132px; *height: 180px; width:202px; text-align:center; background-color:#ffffff; background-image: url(https://imagenes.ypf.com/imgplantilla/fdo_destacado_derecha.jpg); background-repeat: repeat-x; background-position: bottom;} div.destacado_color { padding-top: 100px; float:right; width:30px; height:30px !important; height:130px; height/**/:/**/30px; } div.modulo_destacado div.puntos { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #c90706; } div.modulo_destacado div.puntos span{ margin: 0; padding: 0; } div.modulo_destacado div.descripcion { padding-bottom: 6px; } div.modulo_destacado div.descripcion p { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color: #4f4f4f; margin: 0px; } div.img { padding-top: 7px; padding-bottom: 7px;} *padding-top: 0!important; * padding-bottom:0 !important;} /* div.caja_destacados { height: 150px !important; /*Firefox y los demás*/ *height: 150px !important; /*Sólo IE7 */ *height: 130px; /*Sólo IE6 */ } */ /* Imagenes de Catalogo - CON DIMENSIONES FIJAS(081029)*/ div.img a img { width: 20px; *width: 20px!important; height: 20px!important; *height: 20px!important; *height: 20px;} div.caja_columnas_contenido div.contenido_columna_derecha { float:left; width: 222px; background-color:#00FFFF;} /* hack para IE 7 background: #fff !important; < Firefox y los demás > *background: #000 !important; < Sólo IE7 > *background: #ccc; Sólo IE6 */ /*Selector Categorias*/ div.caja_selector_categorias { padding: 40px 0 0 21px!important; *padding: 20px 0 0px 21px!important; *padding: 20px 0 20px 21px; height:55px !important; /*firefox y los demas */ *height: 61px !important; /*solo IE7 */ *height: 86px; /*solo IE6 */ background-image: url(https://imagenes.ypf.com/imgplantilla/fdo_selector_categorias.gif); background-repeat: repeat-x; background-position: center;} div.caja_selector_categorias legend { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #590000; } /*Tabla Premios*/ div.caja_tabla_premios { text-align:left; padding: 25px 0 25px 20px !important; *padding: 22px 0 29px 20px !important; *padding: 30px 0 25px 23px; background-color:#d9171a; width:202px !important; width: 222px; width/**/:/**/222px; height: 216px !important; *height: 213px !important; *height: 262px; background-image: url(https://imagenes.ypf.com/imgplantilla/fdo_tabla_premios.jpg); background-repeat: repeat-x; background-position: bottom;} div.caja_tabla_premios table.premios { width: 183px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; border:solid 1px #d01518; } div.caja_tabla_premios table.premios th { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color: #ffffff; background-color:#af1215; border:solid 1px #d01518;} div.caja_tabla_premios table.premios tr { height: 14px;} div.caja_tabla_premios table.premios td.col1 { width: 15px; height: 14px; text-align:center; background-color:#d83c3f; border:solid 1px #d01518; } div.caja_tabla_premios table.premios td.col2 { text-align: left; height: 14px; border:solid 1px #d01518; background-image: url(https://imagenes.ypf.com/imgplantilla/fdo_tabla_premios_col2.jpg); background-repeat: repeat-y; background-position: right;} div.caja_tabla_premios table.premios td.col2 a { color: #ffffff; text-decoration:none;} div.caja_tabla_premios table.premios td.col2 a:hover { color: #999999; text-decoration:none;} div.caja_tabla_premios table.premios td.col3 { width: 39px; height: 14px; text-align: right; border:solid 1px #da2629; background-image: url(https://imagenes.ypf.com/imgplantilla/fdo_tabla_premios_col3.jpg); background-repeat: repeat-y; background-position: right;} /*Caja Búsquedas recientes*/ div.caja_busquedas_recientes { padding: 30px 20px 30px 20px; *padding: 35px 20px 35px 20px; height: 126px !important; *height:116px !important; *height: 197px; background-color:#aeaeae; background-image: url(https://imagenes.ypf.com/imgplantilla/fdo_busquedas_recientes.gif); background-repeat: repeat-x; background-position: center; } div.caja_busquedas_recientes div.subtitulo { text-align:left; margin-bottom: 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #590000;} div.caja_busquedas_recientes p { text-align:left; margin:0; padding:0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #882222;} div.caja_busquedas_recientes p a { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #882222; text-decoration:none;} div.caja_busquedas_recientes p a:hover { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #882222; text-decoration: underline;} #ypfserviclub_iso ul {padding:0;margin:0;list-style-type: none; float: left; } #ypfserviclub_iso li {display:inline;} #ypfserviclub_iso li a { float:left; display:block; width:157px; height:46px; text-decoration: none; text-indent:-30000px; line-height:0px; font-size:0px;} #ypfserviclub_iso ul li a#ypfserviclub { background:url(../../../SA/Serviclub/imagenes/ar_es/sprites.jpg) 0 0 no-repeat; visibility:hidden;} div.menu_principal { float:left; display:inline; width:626px; height:46px; margin: 0 0 0 -3px; padding: 0; overflow-x:hidden; overflow-y:hidden; } div.menu_principal ul#navmenu-h {padding:0 0 0 30px; margin: 0 0 0 25px; list-style-type: none; width: 575px; height: 46px; float:left; } #page h1 { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; _margin:0 7px 0 0; } div.menu_principal ul#navmenu-h li.t2 { float: left; height:36px; /* 547 */} div.menu_principal ul#navmenu-h li.t2 a { margin-top: 14px; padding: 2px 23px 16px 25px; font: normal 11px Arial; color: #333333; text-decoration:none; display: block; height: 5px; width: 58px; } div.menu_principal ul#navmenu-h li.t2 a:hover { text-decoration: underline; } div.menu_principal ul#navmenu-h li.t2 a.catalogo, div.menu_principal ul#navmenu-h li.t2 a.programa, div.menu_principal ul#navmenu-h li.t2 a.adhesion { border-right: 1px #D9D9D9 solid; } div.menu_principal ul#navmenu-h li.t2 a.preguntas { padding: 16px 0 0 14px; margin: 0; width: 132px; height: 30px; background: url(../../../SA/Serviclub/imagenes/ar_es/sprites.jpg) 0 -46px no-repeat; } div.menu_principal ul#navmenu-h li.t2 a.preguntas:hover { text-decoration: none } /*Buscador*/ div.caja_buscador { padding: 20px 5px 0 25px; height:35px !important; height:55px; height/**/:/**/55px; background-image: url(https://imagenes.ypf.com/imgplantilla/fdo_caja_buscador.gif); background-repeat: repeat-x; background-position: 50% top; } div#caja_buscadorform { float:left; width: 450px; margin: 0; padding: 0; } div.caja_buscador div.legend { float:left; margin-right: 18px; width: 120px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #ffffff;} div.caja_buscador div#caja_buscadorform div.busqueda_avanzada { float:left; margin-left: 10px; margin-right: 5px; } div.caja_buscador div#caja_buscadorform div.busqueda_avanzada a { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-weight:bold; text-decoration:none; } div.caja_buscador div#caja_buscadorform div.busqueda_avanzada a:hover { color: #999999; float:left; } #botonBuscar2 { float: left; margin-left: 0px; margin-right: 10px; border: 1px solid #333333; } .BotonDeImagenSinBordes { border: 0; float: left;} /* input.BotonDeImagenSinBordes { background: url(btn_busqueda_avanzada.gif) no-repeat right; } input.BotonDeImagenSinBordes:hover { background: url(btn_busqueda_avanzada_over.gif) no-repeat right; } */ /*COLUMNA DERECHA*/ div.columna_derecha { float:left; width: 153px; /* background-color:#ff6600;*/ } div.caja_preguntas_frecuentes { height: 37px; background-image: url(https://imagenes.ypf.com/imgplantilla/fdo_caja_preguntas_frecuentes.jpg); background-repeat: repeat-x; background-position: top; } div.caja_preguntas_frecuentes div.preguntas_frecuentes { float:left; display:inline; width:153px; height:37px; } div.caja_preguntas_frecuentes div.preguntas_frecuentes ul {padding:0;margin:0;list-style-type: none;} div.caja_preguntas_frecuentes div.preguntas_frecuentes ul li {display:inline;} div.caja_preguntas_frecuentes div.preguntas_frecuentes ul li a { padding-top: 17px; float:left; overflow:hidden; display:block; height:20px !important; height:37px; height/**/:/**/20px; width: 153px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; text-indent: 25px; color: #505050; text-decoration:none; background:url(https://imagenes.ypf.com/imgplantilla/fdo_menu_preguntas.gif) top left no-repeat; } div.caja_preguntas_frecuentes div.preguntas_frecuentes ul li a:hover { color: #ce110b;} /*div.caja_login { text-align:left; padding: 9px 10px 7px 20px; width:123px !important; width:153px; width/**//*:*//**//*123px; background-color:#f9f8f8; background-image: url(https://imagenes.ypf.com/imgplantilla/fdo_login.jpg); background-repeat: repeat-x; background-position: top; border-top: 1px solid #d6d5d5; border-bottom: 1px solid #b6b6b6; }*/ div.caja_login { margin-bottom:5px; padding-left:8px; __padding-left:0px; text-align:left; } div.caja_login fieldset {} div.caja_login fieldset legend { padding:0; margin:0; height: 40px; width: 100%; } span.mi-serviclub { background: url(../../../SA/Serviclub/imagenes/ar_es/sprites.jpg) no-repeat 0 -335px; display: block; height: 40px; width: 146px; text-indent: -9999px; } div.caja_login label { margin-top: 5px; text-align:left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #4d4d4d;} div.caja_login div.logueado { margin-top: 5px; text-align: left; font-family: Arial; font-size: 10px; color: #1B1D21; } caja_login div.caja_login div.logueado a { margin-top: 5px; text-align:left; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; color: #b10101; text-decoration:none;} div.caja_login div.logueado a:hover { color: #333333;} div.opciones, div.opciones_logueado { background: url(../../../SA/Serviclub/imagenes/ar_es/sprites.jpg) no-repeat -854px -845px; padding: 3px 10px 0 0; margin-top: 8px; display: block; width:127px; } div.opciones_logueado { background: none; } div.opciones ul, div.opciones_logueado ul { width: 127px; padding:0;margin: 0;list-style-type: none;} div.opciones ul li, div.opciones_logueado ul li { margin:0; padding: 6px 0 6px 0; height: 18px; overflow:hidden; background: url(../../../SA/Serviclub/imagenes/ar_es/sprites.jpg) no-repeat 0 -482px; } div.opciones ul li a, div.opciones_logueado ul li a { margin: 2px 0 0 12px; padding:0; text-align:left; display: block; font: normal 11px Arial; color: #333333; text-decoration: none; } div.opciones ul li a:hover, div.opciones_logueado ul li a:hover{ text-decoration: underline; } div.opciones_logueado ul li a.destacado { margin:0; padding:0; text-align:left; display: block; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color: #555555; text-decoration: none;} div.opciones_logueado ul li a.destacado:hover{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color: #0352d5; text-decoration: underline;} div.caja_banners { padding-top: 10px;} div.banner_derecha { text-align:left; padding: 12px 0 0 13px;} /* pie de pagina */ h3.oc {padding:0; margin:0;} div.mPie2 { padding-top: 10px; background-image: url(https://imagenes.ypf.com/imgplantilla/fdo_mContenido.gif); background-repeat: repeat-y; background-position: top;} div.enlaces { float:left; margin-left: 40px; margin-top: 13px; width: 555px;} div.enlaces ul {padding:0;margin:0;list-style-type: none;text-align:center;} div.enlaces ul li {float:left;display: block;overflow:hidden;} div.enlaces ul li.copy{color:#000000;} div.enlaces ul li a { font-family:Tahoma, Arial, Helvetica, sans-serif; color:#000000;margin-left: 20px; text-decoration:none;} div.enlaces ul li a:hover{text-decoration:underline} div.img_pie { float:left; margin-left: 3px;} /*Formularios*/ form { margin:0; padding:0;} form fieldset { padding:0; margin:0; border: 0px;} .form3 {font-family:Tahoma; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; border: 1px solid #858585; background-color: #ffffff} /*---------------------------------------------------------------- --Boton De Imagen de BusquedaAvanzada sin Bordes-- ----------------------------------------------------------------*/ .BotonDeImagenSinBordes { border-width:0px; } /*----------------------------------------------------- --Estilo de TextBox Busqueda en Home-------- -----------------------------------------------------*/ .TextBoxBusquedaPremios { font-family:Tahoma; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none; border: 1px solid #444444; background-color: #ffffff; width:210px; display: block; /* compatibilidad para FF - ie7 - ie6 */ height/**/:/**/14px; height:16px; _height: 16px; } /*-------------------------------------------------- --Estilo Combo Selector Categorias Home-- --------------------------------------------------*/ .ComboSelectorCategorias { width:150px; color: #000000; background-color: #ffffff; } /*--------------------------------------------- Estilos Banners Home ---------------------------------------------*/ .banner_contenido_derecha_arriba { height:210; width:222; } .banner_contenido_derecha_abajo { height:183; width:222; } /*------------------------------------------------------ HOJA DE ESTILOS Locales --Muchis-- 12/09/2008 Pantanetti Guillermo ------------------------------------------------------*/ body { margin:0 auto; text-align:center; } #ContenedorMunchis { margin: 0 auto; text-align:center; width:580px; } #ContenedorMunchis #contenido { margin: 0 auto; text-align:center; width:570px; *width: 580px; border-left: 5px solid #f0f0f0; border-right: 5px solid #f0f0f0; border-bottom: 5px solid #f0f0f0; } #ContenedorMunchis #contenido #titulo { width: 534px; font-family: Verdana, Tahoma; font-size: 16px; font-style: normal; font-weight: bold; color: #045fb4; margin:10px auto 10px auto; } #ContenedorMunchis #contenido #destacado { width: 534px; height: 160px; border: 2px solid #be1818; background-color: #F8F8F8; padding: 6px; margin:0 auto 10px auto; text-align:center; } #ContenedorMunchis #contenido #destacado .destacadoIzq { float: left; width: 262px; } #ContenedorMunchis #contenido #destacado .destacadoDer { float: left; width: 262px; } #img01.imgDestacado { text-align: center; position: relative; top: 25px; } #img02.imgDestacado { text-align: center; position: relative; top: 25px; } .detalleDestacado { margin: 0 auto; width: 540px; } #titu01 { height: 30px; } #titu02 { height: 30px; } .tituDestacado{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #BE1818; font-variant: normal; text-transform: none; line-height: 15px; text-align: left; } .tituDestacado ul { list-style-type: none; padding: 0; margin: 0; } .tituDestacado ul li { background: url(../../..https://imagenes.ypf.com/imgplantilla/cuadrados.gif) 0px 5px no-repeat; padding-left: 15px; } .tituloTexto { float: left; width: 480px; margin: 0; padding: 0; } .tituloDetalle { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bolder; color: #FFFFFF; font-variant: normal; text-transform: none; background-color: #BE1818; text-align:left; width: 532px; *width: 538px; height: 18px; padding: 4px; } .tituloDetalle .tituloTexto ul { list-style-type: none; padding: 0; margin: 0; width: 490px; } .tituloDetalle .tituloTexto ul li { background: url(../../..https://imagenes.ypf.com/imgplantilla/misc.gif) 0 50% no-repeat; padding-left: 14px; margin:0; } .botonSubir { width: 15px; height: 12px; float: left; left: 501px; padding-left: 3px; } .botonCerrar { width: 15px; height: 12px; float: left; padding-left: 3px; } a:link { color: #333333; text-decoration: none; } a:visited { color: #333333; text-decoration: none; } a:hover { color: #CC0000; text-decoration: underline; } a:active { text-decoration: none; color: #333333; } /*menu herramientas */ .herramientas a {color: #4E708B} .herramientas a.favoritos { background: transparent url(https://imagenes.ypf.com/imgplantilla/icoFavoritosT2.gif) no-repeat scroll 0pt 50%; padding-left: 15px; color: #4E708B } .herramientas a.favoritos :link {background: url(https://imagenes.ypf.com/imgplantilla/icoFavoritosT2.gif) no-repeat scroll 0pt 50%;padding-left: 15px; color: #4E708B; text-decoration:none} a.favoritos :visited {background: url(https://imagenes.ypf.com/imgplantilla/icoFavoritosT2.gif) no-repeat scroll 0pt 50%;padding-left: 15px; color: #4E708B; text-decoration:none} .herramientas a.favoritos :hover {background: url(https://imagenes.ypf.com/imgplantilla/icoFavoritosT2.gif) no-repeat scroll 0pt 50%;padding-left: 15px; color: #4E708B; text-decoration:underline} .herramientas a.favoritos :active {background: url(https://imagenes.ypf.com/imgplantilla/icoFavoritosT2.gif) no-repeat scroll 0pt 50%;padding-left: 15px; color: #4E708B; text-decoration:none} .herramientas a.imprimir {background: url(https://imagenes.ypf.com/imgplantilla/icoImprimirT2.gif) no-repeat scroll 0pt 50%;padding-left: 17px; color: #4E708B} .herramientas a.imprimir :link {background: url(https://imagenes.ypf.com/imgplantilla/icoImprimirT2.gif) no-repeat scroll 0pt 50%; padding-left: 17px; color: #4E708B; text-decoration:none} .herramientas a.imprimir :hover {background: url(https://imagenes.ypf.com/imgplantilla/icoImprimirT2.gif) no-repeat scroll 0pt 50%;padding-left: 17px; color:#4E708B; text-decoration:underline } .herramientas a.dLogin {background:url(https://imagenes.ypf.com/imgplantilla/candado.gif) no-repeat 0; font-weight:bold; padding-left:13px; color: #4E708B;} .herramientas a.dLogin :link {background:url(https://imagenes.ypf.com/imgplantilla/candado.gif) no-repeat 0; font-weight:bold; color: #4E708B, text-decoration:none} .herramientas a.dLogin :hover {background:url(https://imagenes.ypf.com/imgplantilla/candado.gif) no-repeat 0; font-weight:bold; text-decoration:underline; color: #4E708B} .titulo1 { font-family: Verdana, Tahoma; font-size: 11px; font-style: normal; font-weight: bold; color: #CC0000; font-variant: normal; text-transform: none; } .titulo3 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #CC0000; font-variant: normal; text-transform: none; margin-left: 10px; text-indent: 7px; word-spacing: normal; clip: rect(auto,auto,auto,0px); background-position: 8px; } .titulo4 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #CC0000; font-variant: normal; text-transform: none; text-indent: 10px; } .tablaDetalle { margin-bottom: 10px; } /*------------------------------------------------------ FIN ESTILOS Locales --Muchis-- ------------------------------------------------------*/ /* ------------------------------------------------- Estilos Slide home Serviclub ----------------------------------------------------*/ .slideGeneral { position:relative; /*width: 405px; height: 305px!important; *height: 310px!important; *height: 316px; background-color: #333333; /*para ocultar en ie6 linea que se genera entre imagen y copete */ } .panCabeSlide { font-family: Arial, Helvetica, Verdana; font-weight: bold; color: #09357C; font-size: 13px; width: 382px; height: 18px; background-color: #d5e8ee; text-indent: 7px; padding-top: 3px; display: none; } .imgNotaSlide { FILTER: progid:DXImageTransform.Microsoft.Fade(duration=0.3); width: 405px; height: 226px; margin:0; } #ss_img_div { width: 405px; height: 209px; } .panBotonera { width: 102px; height: 21; position: absolute; left: 304px; top: 204px!important; *top: 203px; z-index: 1; } .prevSlide { float: left; height: 21px; margin-bottom:-4px; } .prevSlide a { float:left; background-color: #93DCFF; display:block; width: 24px; height: 21px; } .prevSlide a:hover { background-color: #ffffff; display:block; width: 24px; height: 21px; } .stopSlide { float:left; height: 21px; margin-bottom: -4px; } .stopSlide a { margin-left: 1px; background-color: #93DCFF; display:block; width: 24px; height: 21px; } .stopSlide a:hover { background-color: #ffffff; display:block; width: 24px; height: 21px; } .playSlide { float:left; height: 21px; margin-bottom: -4px; } .playSlide a { background-color: #93DCFF; display:block; margin-left: 1px; width: 24px; height: 21px; } .playSlide a:hover { background-color: #ffffff; display:block; width: 24px; height: 21px; } .nextSlide { float:left; height: 21px; margin-bottom: -4px; } .nextSlide a { background-color: #93DCFF; display:block; margin-left: 1px; width: 24px; height: 21px; } .nextSlide a:hover { background-color: #ffffff; display:block; width: 24px; height: 21px; } .panCopeteSlide { width: 375px; background-color: #333333; position:relative!important; top:17px!important; *position: static; height:64px !important; *height: 69px !important; *height: 87px; padding-top: 10px; padding-left:15px; padding-right:15px; padding-bottom: 5px; } .panTitulo { font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: bold; color: #93DCFF; text-decoration: none; } .panTitulo a { font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: bold; color:#93DCFF; text-decoration: none; } .panTitulo a:hover { text-decoration: underline; } .panTitulo a:visited { font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: bold; color: #93DCFF; } .panEntradilla { font-family: Arial, Helvetica, Verdana; text-align: justify; font-size: 10px; font-weight: normal; width: 375px; color: #ffffff; line-height: 13px; padding-top: 5px; } /* caja destacado Flash (ahora html) */ div.caja_destacado_flash { width: 405px; } /************** Estilos Espectaculos 11-02-09**************/ #ContenedorEspectaculos { width: 460px; height: 300px; } #columnaIzquierda { width: 130px; float:left } #imgChica { width: 130px; height: 250px; } #columnaDerecha { width: 290px; float:left; padding-left: 15px; } #tituloPrincipal { font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: bold; color: #be1818; } #descripcionPeli { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #be1818; } #descripcionPeli ul { list-style: none; margin: 0; padding: 0; } #descripcionPeli li{ line-height: 15px; font-size: 11px; } #descripcionPeli span { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #666666; } #linkAmpliarImg { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #666666; } #linkAmpliarImg a{ color: #666666; text-decoration:none; } #linkAmpliarImg a:hover{ color: #be1818; text-decoration:underline; } #tituloHorario { font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: bold; color: #be1818; margin-bottom: 11px; } #contenedorTabla #horarios { font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: bold; color: #666666; } #contenedorTabla #horarios td{ vertical-align:top; } #contenedorTabla #horarios .datos{ font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #666666; font-weight: normal; } #sinopsisTitulo { font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: bold; color: #be1818; margin-top: 30px; margin-bottom: 11px; } #sinopsisCont { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #666666; } #contenedorSup { float: left; width: 470px; margin-top: 30px; } /*******************************************************************************************//* /************* ESTILOS ENCUESTA LATERAL SERVICLUB*****************/ #contenedorEncuesta_sc_der { text-align:left!important; padding-left: 10px; } #contenedorEncuesta_sc { width: 153px; font-family: arial; float: left; margin-top:3px; } #contenedorEncuesta_sc #marco { margin-top: 2px; padding: 5px; font-size: 11px; float: left; width:141px!important; width: 100%; } #contenedorEncuesta_sc #titulo { color:#ffffff; font-weight: bold; font-size: 12px; line-height:18px; padding-left:7px; } #contenedorEncuesta_sc #marco #imagen { float: left;} #contenedorEncuesta_sc #marco #imagen img { width:141px; height:90px; } #contenedorEncuesta_sc #pregunta { font-weight: bold; border-bottom: 1px solid #cccccc; float:left; width: 140px; display: block; } #contenedorEncuesta_sc #opciones { float: left; width: 100%; margin-top:10px; } #contenedorEncuesta_sc #opciones .opcion { margin-left: 5px; width: 100%; padding-bottom: 2px } #contenedorEncuesta_sc #cont_botonVotar{ text-align: center; width:100%} #contenedorEncuesta_sc #cont_botonVotar input{ color: #FFFFFF; font-weight: bold; font-size:12px; width: 56px; height: 20px } #contenedorEncuesta_sc #linkresultados { text-align: center; width:100% } .colorEncuestaPregunta { color: #95CDDC } .colorEncuestaMarco { border: 1px solid #95CDDC text-align:left!important; } .colorEncuestaFondo { background: #95CDDC url(/imagenes/imgplantilla/esq_arge_portada_izq.gif) no-repeat 0 0; height: 18px; } .colorEncuestaFondo h4{ background: transparent url(/imagenes/imgplantilla/esq_arge_portada_der.gif) no-repeat right; height: 18px; } input.colorEncuestaBoton { background-color: #95CDDC; } .colorEncuestaPregunta { color: #94AFC4 } .colorCompeticionMarco { border: 1px solid #94AFC4 } .colorEncuestaFondo { background: #94AFC4 url(/imagenes/imgplantilla/esq_arge_destacados_izq.gif) no-repeat 0 0; height: 18px; } .colorEncuestaFondo h4{ background: url(/imagenes/imgplantilla/esq_arge_destacados_der.gif) no-repeat right; height: 18px; } input.colorEncuestaBoton { background-color: #94AFC4; } /*****************************************************************/ /*------------------------------------------------------ Estilos Rediseño ServiClub Espectaculos ------------------------------------------------------*/ body { margin: 0; font-family: Arial, Helvetica, sans-serif; } img { border: 0; } .contenedor{ background-image : url(https://imagenes.ypf.com/imgplantilla/serviclubespectaculos/linea.gif); background-repeat : repeat-y; padding: 5px 15px !important; padding: 5px 25px 0 15px; width: 750px !important; width: 787px; display: block; text-align: left; } .cabecera{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #C60D0A; text-align: left; } .contenido_pelicula{ } .contenido_pelicula_izq{ width: 248px; float: left; text-align: center; } .contenido_pelicula_der{ width: 495px; text-align: center; padding-left: 3px; } .tabla_1 td{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; border-bottom: solid #CCCCCC 1px; } .caps_1{ float:left; margin:10px 20px 10px 5px; } .contenido_trailer_izq{ float: left; } .contenido_trailer_der{ width: 340px; float: right; border-top: dashed black 1px; border-bottom: dashed black 1px; padding: 3px 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .contenido_info{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .contenido_sinopsis{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .pie_final{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .linea { font-size: 1px; height: 1px; border-top: dashed black 1px; } #tira_izq{ width: 281px; display: block; } #tira_der{ display: block; } .tira_izq_txt_1{ width: 9px; margin-right: 6px; padding-top: 2px; } .tira_izq_txt_2{ width: 261; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .tira_izq_txt_2_menu{ width:130px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } h1{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 0; } a:hover{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #666; } a{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color:#666; } h2{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; font-weight:lighter; } .tira_izq_txt_imagenes{ width: 75px; height: 82; } .tira_izq_txt_imagenes_mano{ width: 151px; text-align: right; } .tira_der_txt_2{ width:170; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-right: 6px; display: block; } .tira_der_txt_titular{ width: 280px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 3px; color:#666; } .tira_der_txt_1{ width: 9; height: 9; margin-right: 6px; padding-top: 2px; } #tira_der_txt_especial{ width:254; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-right: 6px; } .titulete { width: 281px; height: 19px; background-image: url(https://imagenes.ypf.com/imgplantilla/serviclubespectaculos/novedades.gif); background-repeat: no-repeat; font-weight: bold; color: Black; font-size: 12px; padding: 2px 0 0 5px; margin: 5px 0; } .tirita { clear: both; margin-bottom: 7px; }/* */ .catalog-highlights { background:url('../../../SA/Serviclub/imagenes/ar_es/bg_catalog-highlights.jpg') no-repeat 0 5px; } .menu-selected { padding-left:20px!important; font-weight:bold!important; background:url('../../../SA/Serviclub/imagenes/ar_es/bg_left_menu_selected.gif') no-repeat 11px 14px #F2F3F5!important; } .menu-selected-parent { font-weight:bold!important; } .point-and-price { width:100%; border-top:1px dotted #666666; color:#716352; position:relative; clear:both!important; float:left; } .point-and-price h3 { margin:5px 0 0 0; padding:0; font-family:!important; color:#716352; font-size:11px; font-weight:normal; } .point-and-price span { width:100%!important; display:block!important; } .point-and-price span img { margin:0px!important; float:left!important; position:relative!important; top:10px!important; } .point-and-price span h4 { display:block!important; float:left!important; font-weight:normal; font-size:34px!important; margin:0!important; padding:0!important; font-family:"Times New Roman", Times, serif!important; width:auto; } .point-and-price span h4 span{ display:block!important; float:left!important; font-weight:normal; font-size:34px!important; margin:0!important; padding:0!important; font-family:"Times New Roman", Times, serif!important; width:auto!important; } .cant-miss-wrapper { width:457px; margin:8px 0 0 0; float:left; clear:both; position:relative; left:8px; #left:12px; } .cant-miss-wrapper span { width:3px; height:30px; display:block; float:left; } .cant-miss-wrapper div { display:block; float:left; width:451px; height:30px; background:url('../../../SA/Serviclub/imagenes/ar_es/bg_cant_miss.jpg') repeat-x; } .cant-miss-wrapper div p { color:#1B1D21; font-family:Arial; font-size:12px; background:url('../../../SA/Serviclub/imagenes/ar_es/bullet.gif') no-repeat 0 12px; padding:7px 0 0 14px; margin:0 0 0 10px; } .cant-miss-wrapper ul { margin:0!important; padding:0!important; display:block; list-style:none; width:457px; } .cant-miss-wrapper ul li { display:block; float:left; width:206px; height:80px; margin:15px 0 0 15px; } .cant-miss-wrapper ul li img { display:block; border:1px solid #F29995!important; float:left; } .cant-miss-wrapper ul li h4 { color:#ED1C24; font-size:11px; font-weight:bold; margin:0 0 0 10px; padding:0; float:left; } .cant-miss-wrapper ul li h4 a { color:#ED1C24; font-size:11px; font-weight:bold; padding:0; float:left; } .cant-miss-wrapper ul li p { font-size:11px; color:#1B1D21; float:left; margin:0 0 0 10px; padding:0; width:125px; _width:135px; } .cant-miss-wrapper ul li p span { width:120px; } .cm-left-span { background:url('../../../SA/Serviclub/imagenes/ar_es/bg_left_cant_miss.jpg') no-repeat; } .cm-right-span { background:url('../../../SA/Serviclub/imagenes/ar_es/bg_right_cant_miss.jpg') no-repeat; } .sb-left, .sb-right { display:block; float:left!important; width:3px; height:24px; position:relative; top:10px; margin-bottom:10px; } .sb-left { background:url('../../../SA/Serviclub/imagenes/ar_es/bg-input-left.jpg') no-repeat; } .sb-right { background:url('../../../SA/Serviclub/imagenes/ar_es/bg-input-right.jpg') no-repeat; } .sb-input { background:url('../../../SA/Serviclub/imagenes/ar_es/bg-input-search.jpg') repeat-x!important; height:24px!important; float:left!important; width:121px!important; padding:5px 0 0 0!important; margin:0!important; position:relative!important; top:10px!important; } .sb-password { float:left; width:127px; margin-bottom:5px; } #Catalogo1_buscar { background: url(../../../SA/Serviclub/imagenes/ar_es/sprites.jpg) no-repeat 0 -144px!important; } .img-highlight { #position:relative!important; #top:10px!important; #left:10px!important; #margin:0!important; #padding:0!important; } /* NUEVOS HTMLS PRODUCTO_CARDS PAGE */ .available-cards { width:215px; *width:213px; clear:both; float:left; position:relative; left:0px; } .available-cards span { width:100%; display:block; float:left; } .available-cards div { /*width:100%;*/ border-left:1px solid #DCE1E7; border-right:1px solid #DCE1E7; border-top:0; border-bottom:0; height:156px; background:#E8ECEF; float:left; } .available-cards div div { height:50px!important; border-style: none none; } .available-cards div h5 { color:#535966!important; margin:0!important; padding:0 0 0 10px!important; font-size:11px!important; position:relative; left:11px; top:8px; background:url('../../../SA/Serviclub/images/bb_bullet_bg.jpg') 2px 4px no-repeat!important; } .available-cards div div ul { margin:14px 0 0 11px!important; padding:0!important; list-style:none!important; width:100%!important; height:45px !important; } .available-cards div div ul li { width:200px; display:block; float:left; position:relative; left:7px; height:22px; } .available-cards div div ul li input { display:block; float:left; border:0!important; } .available-cards div div ul li p { margin:0 0 0 5px; padding:0; float:left; font-size:11px; color:#1B1D21; } .background-avca { background:url('../../../SA/Serviclub/images/bg_ul_available_cards.jpg') no-repeat 0 46px!important; height:48px!important; } .top-available-cards { background:url('../../../SA/Serviclub/images/bg_top_avaliable_cards.jpg') no-repeat; height:2px!important; font-size:2px!important; } .bottom-available-cards { background:url('../../../SA/Serviclub/images/bg_bottom_avaliable_cards.jpg') no-repeat; height:10px!important; font-size:10px!important; } /* PRODUCTO_CREDIT_CARDS PAGE */ .credit-cards-wrapper { clear:both; float:left; width:456px!important; } .credit-cards-wrapper h5 { color:#535966!important; margin:0!important; padding:0 0 0 10px!important; font-size:11px!important; position:relative; left:11px; top:8px; background:url('../../../SA/Serviclub/images/bb_bullet_bg.jpg') 2px 4px no-repeat!important; } .credit-cards-wrapper span { width:100%; display:block; float:left; font-size:2px!important; } .credit-cards-wrapper div { width:100%; border-left:1px solid #DCE1E7; border-right:1px solid #DCE1E7; border-top:0; border-bottom:0; height:76px; background:#E8ECEF!important; float:left; } .credit-cards-wrapper ul { margin:15px 0 0 30px; padding:0; list-style:none; } .credit-cards-wrapper ul li { display:block; float:left; margin:0; width:105px; } .credit-cards-wrapper ul li input { display:block; float:left; border:0!important; position:relative; top:10px; } .credit-cards-wrapper ul li img { float:left; position:relative; left:5px; } .top-credit-cards { background:url('../../../SA/Serviclub/images/bg_top_credit_cards.jpg') no-repeat!important; height:2px; } .bottom-credit-cards { background:url('../../../SA/Serviclub/images/bg_bottom_credit_cards.jpg') no-repeat!important; height:10px!important; } /* PRODUCTO_STATIONS */ .stations { width:459px; } .select-stations-wrapper { clear:both; _float:left; width:459px!important; position:relative!important; } .select-stations-wrapper span { width:100%; display:block; float:left; } .select-stations-wrapper div { width:100%; height:30px; background:#E8ECEF; float:left; } .select-stations-wrapper div p { color:#535966!important; margin:0!important; padding:0 0 0 10px!important; font-size:11px!important; position:relative; left:11px; top:8px; background:url('../../../SA/Serviclub/images/bb_bullet_bg.jpg') 2px 4px no-repeat!important; width:200px!important; float:left!important; } .select-stations-wrapper div p span { display:block!important; float:left!important; width:150px!important; z-index:9999!important; position:absolute; } .top-select-stations { background:url('../../../SA/Serviclub/images/bg_top_select_stations.jpg')0 0 no-repeat!important; height:2px; font-size:2px!important; } .bottom-select-stations { background:url('../../../SA/Serviclub/images/bg_bottom_select_stations.jpg') no-repeat!important; height:2px!important; } .stations h4 { color:#000!important; margin:30px 0 15px 0!important; padding:0 0 0 10px!important; font-size:15px!important; font-weight:bold; position:relative; left:11px; top:0px; float:left; background:url('../../../SA/Serviclub/images/bg_bulltet_stations.jpg') 0 7px no-repeat!important; } .stations-list {width:100%;} .stations-list ul { margin:0!important; padding:0!important; list-style:none!important; float:left; display:block; width:459px!important; border-bottom:1px dotted #B3B3B3; } .stations-list ul li { display:block; float:left; text-align:center; height:42px; } .stations-list ul li p { margin:0; padding:0; position:relative; top:7px; left:3px; font-size:11px; color:#1B1D21; } .stations-list ul li p input {border:0!important;} .stations-list-header { border-bottom:1px solid #D0D1D3!important; background:url('../../../SA/Serviclub/images/bg_li_stations.jpg') repeat-x; } .stations-list-header li { height:27px!important; border-left:1px solid #D0D1D3; } .stations-list-header li p { font-weight:bold!important; left:0!important; } .ls-actions { clear:both; float:left; margin:15px 0 0 8px; } .ls-actions input {border:0!important; margin-right:5px;} .sl-w28 {width:30px;} .sl-w109 {width:111px;} .sl-w127 {width:127px;} .sl-w99 {width:99px;} .sl-w87 {width:87px;} /* PRODUCTO_PRE_CONFIRMATION */ .pre-confirmation-wrapper { width:459px; float:left; margin:10px 0 0 10px; #margin:10px 0 0 5px; padding:0; } .pre-confirmation-wrapper span { display:block; float:left; width:100%; height:2px!important; font-size:2px!important; } .pre-confirmation-wrapper div { height:196px; background:#E8ECEF; float:left; display:block; width:100%; } .pre-confirmation-wrapper div h3 span { display:block; margin:10px 0 0 0; padding:0 0 0 21px; width:390px; float:left; background:url('../../../SA/Serviclub/images/bb_bullet_bg.jpg') 10px 5px no-repeat; font-size:13px; color:#1B1D21; font-weight:bold; min-height: 25px; } .pre-confirmation-wrapper div p span { width:390px; font-size:11px; color:#1B1D21; margin:10px 0 0 0; float:left; padding:0; position:relative; left:20px; padding-left: 10px; min-height: 25px; } .pre-confirmation-wrapper span { display:block!important; float:left!important; font-size:12px!important; position:relative!important; top:0px!important; left:20px!important; padding-left:10px; } .pre-confirmation-wrapper span p { display:block!important; float:left!important; width:10px!important; margin:0; padding:0; position:relative; left:0; top:3px!important; font-size:12px!important; } .pre-confirmation-wrapper span a { display:block; float:left; margin-right:5px; color:#1B1D21!important; text-decoration:underline!important; width:auto!important; } .pre-confirmation-wrapper span img {border:0!important;} .pre-confirmation-top { background:url('../../../SA/Serviclub/images/bg_top_pre_confirm.jpg') no-repeat; top:0!important; left:0!important; } .pre-confirmation-bottom { background:url('../../../SA/Serviclub/images/bg_bottom_pre_confirm.jpg') no-repeat; top:0!important; left:0!important; } /* PRODUCTO_CONFIRMATION */ .confirmation-wrapper { width:459px; float:left; margin:10px 0 0 10px; #margin:10px 0 0 5px; padding:0; } .confirmation-wrapper span { display:block; float:left; width:100%; height:2px!important; font-size:2px!important; } .confirmation-wrapper div { height:156px; background:#E8ECEF; float:left; display:block; width:100%; } .confirmation-wrapper div h3 { display:block; margin:10px 0 0 0; padding:0 0 0 21px; width:390px; float:left; background:url('../../../SA/Serviclub/images/bb_bullet_bg.jpg') 10px 5px no-repeat; font-size:13px; color:#1B1D21; font-weight:bold; } .confirmation-wrapper div span { width:441px!important; float:left; margin:11px 0 0 0; padding:0; position:relative; left:9px; background:url('../../../SA/Serviclub/images/bg_confirmation_line.jpg') top no-repeat; } .confirmation-wrapper div span h6 { font-weight:bold!important; font-size:11px!important; margin:10px 0; padding:0; width:420px; position:relative; left:10px; } .confirmation-wrapper div span p { margin:0; padding:0; font-size:11px!important; width:420px; position:relative; left:10px; } .confirmation-wrapper div span p a {text-decoration:underline!important;color:#1B1D21!important;} .mail-confirmation {font-weight:bold; text-decoration:none!important;} /* PRODUCTO_OTHER_OPTIONS */ .other-options { clear:both; float:left; width:250px!important; position:relative; left:-20px; } .other-options span { width:100%; float:left; } .other-options div { height:106px; background:#E8ECEF; border-left:1px solid #DDE0E7; border-right:1px solid #DDE0E7; border-top:0; border-bottom:0; } .other-options div ul { margin:0; padding:0; list-style:none; position:relative; left:10px; } .other-options div ul li { width:229px; height:39px; float:left; background:url('../../../SA/Serviclub/images/bg_confirmation_line.jpg') top no-repeat; } .other-options div ul li p { width:109px; float:left; margin:0; padding:0; font-size:11px; color:#1B1D21; font-weight:bold; position:relative; top:10px; left:10px; } .other-options div ul li select { float:left; position:relative; top:10px; left:10px; } .other-options div h5 { background:url('../../../SA/Serviclub/images/bb_bullet_bg.jpg') 10px 5px no-repeat; display:block; margin:5px 0!important; padding:0 0 0 21px!important; float:left; background:url('../../../SA/Serviclub/images/bb_bullet_bg.jpg') 10px 5px no-repeat!important; font-size:11px!important; color:#535966!important; } .other-options-top { background:url('../../../SA/Serviclub/images/bg_top_other_options.jpg') no-repeat; height:2px!important; font-size:2px!important; } .other-options-bottom { background:url('../../../SA/Serviclub/images/bg_bottom_other_options.jpg') no-repeat; height:10px!important; font-size:2px!important; } /*-------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------*/ /* FireFox */ @-moz-document url-prefix() { #codAreaTel{ width:32px; } } @-moz-document url-prefix() { #telefono{ width:62px; } } @-moz-document url-prefix() { #codAreaCelu{ width:32px; } } @-moz-document url-prefix() { #telMovil{ width:62px; } } @-moz-document url-prefix() { #txtCodTelefonoEdit{ width:50px; } } @-moz-document url-prefix() { #txtTelefono{ width:75px; margin-left:17px; } } @-moz-document url-prefix() { #txtCodCelularEdit{ width:50px; } } @-moz-document url-prefix() { #txtCelularEdit{ width:75px; } } @-moz-document url-prefix() { .codTelEdit{ margin-left:71px; } } @-moz-document url-prefix() { .codCelEdit{ margin-left:71px; } } @-moz-document url-prefix() { #telEdit { margin-left:18px; } } @-moz-document url-prefix() { #celEdit { margin-left:19px; } } @-moz-document url-prefix() { .small-input-codTelLio { float:left; position:relative; top:10px; margin-left: 239px; } } @-moz-document url-prefix() { .small-input-telLio { float:left; position:relative; top:10px; margin-left: 35px; } } @-moz-document url-prefix() { .small-input-codTel15 { float:left; position:relative; top:10px; margin-left: 339px; } } @-moz-document url-prefix() { .small-input-celLio { float:left; position:relative; top:10px; margin-left: 54px; } } /* IE6 Only */ * html .small-input-codTelLio { float:left; position:relative; top:10px; margin-left:238px; } * html .small-input-telLio { float:left; position:relative; top:10px; margin-left:38px; } * html .small-input-codTel15 { float:left; margin-left:344px; position:relative; top:10px; } * html .small-input-celLio { float:left; margin-left:55px; position:relative; top:10px; } * html .codTelEdit{ margin-left:70px; } * html .codCelEdit{ margin-left:70px; } * html #telEdit{ margin-left:17px; } * html #celEdit{ margin-left:20px; } * html #codAreaTel{ width:32px; } * html #telefono{ width:61px; } * html #codAreaCelu{ width:32px; } * html #telMovil{ width:61px; } * html #divIframeServiclub{ height:600px; width:777px; } * html #txtTelefono{ margin-left:17px; } /* IE7 Only */ *:first-child+html .small-input-codTelLio { float:left; position:relative; top:10px; margin-left: 238px; } *:first-child+html .small-input-telLio { float:left; position:relative; top:10px; margin-left:37px; } *:first-child+html .small-input-codTel15 { float:left; position:relative; top:10px; margin-left:343px; width:1px; } *:first-child+html .small-input-celLio { float:left; position:relative; top:10px; margin-right:54px; width:1px; } *:first-child+html .codTelEdit{ margin-left:70px; } *:first-child+html .codCelEdit{ margin-left:70px; } *:first-child+html #telEdit{ margin-left:17px; } *:first-child+html #celEdit{ margin-left:20px; } *:first-child+html #codAreaTel{ width:32px; } *:first-child+html #telefono{ width:61px; } *:first-child+html #codAreaCelu{ width:32px; } *:first-child+html #telMovil{ width:61px; } *:first-child+html #txtTelefono{ margin-left:17px; } /* IE8 Only */ .small-input-codTelLio { float/*\**/:left\9; position/*\**/:relative\9; top/*\**/:10px\9; margin-left/*\**/: 238px\9; } .small-input-telLio { float/*\**/:left\9; position/*\**/:relative\9; top/*\**/:10px\9; margin-left/*\**/:37px\9; } .small-input-codTel15 { position/*\**/:relative\9; top/*\**/:10px\9; margin-left/*\**/:343px\9; width/*\**/:1px\9; } .small-input-celLio { position/*\**/:relative\9; top/*\**/:10px\9; margin-left/*\**/:54px\9; width/*\**/:1px\9; } .codTelEdit{ margin-left/*\**/:71px\9; } .codCelEdit{ margin-left/*\**/:71px\9; } #telEdit { margin-left/*\**/:17px\9; } #celEdit { margin-left/*\**/:21px\9; } #codAreaTel{ width/*\**/:32px\9; } #telefono{ width/*\**/:61px\9; } #codAreaCelu{ width/*\**/:32px\9; } #telMovil{ width/*\**/:61px\9; } #txtTelefono{ margin-left/*\**/:17px\9; } /*-------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------*/ /*------------------------------- ESTILO CONTACTANOS ASTERISCO YPF ------------------------------------------*/ * html #IframeAsteriscoYPF{ height:820px; width:780px; } *:first-child+html #IframeAsteriscoYPF{ height:600px; width:780px; } @-moz-document url-prefix(){ #IframeAsteriscoYPF{ height:550px; width:780px; } } /*------------------------------- FIN ESTILO CONTACTANOS ASTERISCO YPF------------------------------------------*/ /*------------------------------------ MENSAJE LOGIN -----------------------------------------------*/ /* IE6 Only */ * html #MensajeLogueo { width: 100%; Text-indent: 5px; padding-top:8px; } * html #Importante1 { Font-weight: bold; Font-size: 13px; color: #3d3d3d; Font-Family: Arial, Helvetica, sans-serif; } * html #Nuevo { font-size: 9px; vertical-align: super; color: blue; } * html #TextoMensajeLogueo { font-size: 11px; color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; width:100%; padding-top:5px; } * html .derivacionMensaje { font-size: 11px; color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; } * html #MensajeLogueoValidacionError { display: none; } * html #MensajeLogueoValidacionError-Catalogo { width: 100%; display: none; font-family: Arial,Helvetica, sans-serif; color: white; font-size: 12px; background-color: red; margin:0px; } * html #Importante2-Catalogo { font-weight: bold; font-size: 14px; text-indent: 20px!important; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; width: 100%; padding-bottom: 10px; } * html .MensajeIdentacionContenido-Catalogo { text-indent: 10px; top:10px; width: 100%; } * html .class1 { width:100%; background-color:red; margin-left:-4px; } /* IE7 Only */ *:first-child+html #MensajeLogueo { width: 100%; Text-indent: 5px; padding-top:8px; } *:first-child+html #Importante1 { Font-weight: bold; Font-size: 13px; color: #3d3d3d; Font-Family: Arial, Helvetica, sans-serif; } *:first-child+html #Nuevo { font-size: 9px; vertical-align: super; color: blue; } *:first-child+html #TextoMensajeLogueo { font-size: 10px; color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; width:100%; padding-top:5px; } *:first-child+html .derivacionMensaje { font-size: 11px; color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; } *:first-child+html #MensajeLogueoValidacionError { display: none; } *:first-child+html #MensajeLogueoValidacionError-Catalogo { width: 100%; display: none; font-family: Arial,Helvetica, sans-serif; color: white; font-size: 12px; background-color: red; margin:0px; } *:first-child+html #Importante2-Catalogo { font-weight: bold; font-size: 14px; text-indent: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; width: 100%; padding-bottom: 10px; } *:first-child+html .MensajeIdentacionContenido-Catalogo { text-indent: 10px; top:10px; width: 100%; } *:first-child+html .class1 { width:100%; background-color:red; margin-left:-4px; } /* IE8 Only */ #MensajeLogueo { width/*\**/: 100%\9; Text-indent/*\**/: 5px\9; padding-top/*\**/:8px\9; } #Importante1 { Font-weight/*\**/: bold\9; Font-size/*\**/: 13px\9; color/*\**/: #3d3d3d\9; Font-Family/*\**/: Arial, Helvetica, sans-serif\9; } #Nuevo { font-size/*\**/: 9px\9; vertical-align/*\**/: super\9; color/*\**/: blue\9; } #TextoMensajeLogueo { font-size/*\**/: 10px\9; color/*\**/: #3d3d3d\9; font-family/*\**/: Arial, Helvetica, sans-serif\9; width/*\**/:100%\9; padding-top/*\**/:5px\9; } .derivacionMensaje { font-size/*\**/: 11px\9; color/*\**/: #3d3d3d\9; font-family/*\**/: Arial, Helvetica, sans-serif\9; } #MensajeLogueoValidacionError { display/*\**/: none\9; } #MensajeLogueoValidacionError-Catalogo { width/*\**/: 100%\9; display/*\**/: none\9; font-family/*\**/: Arial,Helvetica, sans-serif\9; color/*\**/: white\9; font-size/*\**/: 12px\9; background-color/*\**/: red\9; margin/*\**/:0px\9; } #Importante2-Catalogo { font-weight/*\**/: bold\9; font-size/*\**/: 14px\9; text-indent/*\**/: 10px\9; font-family/*\**/: Arial, Helvetica, sans-serif\9; text-decoration/*\**/: underline\9; width/*\**/: 100%\9; padding-bottom/*\**/: 10px\9; } .MensajeIdentacionContenido-Catalogo { text-indent/*\**/: 10px\9; top/*\**/:10px\9; width/*\**/: 100%\9; } .class1 { width/*\**/:100%\9; background-color/*\**/:red\9; margin-left/*\**/:-4px\9; } /* FireFox */ @-moz-document url-prefix() { #MensajeLogueo { width: 100%; Text-indent: 5px; padding-top:8px; } } @-moz-document url-prefix() { #Importante1 { Font-weight: bold; Font-size: 13px; color: #3d3d3d; Font-Family: Arial, Helvetica, sans-serif; } } @-moz-document url-prefix() { #Nuevo { font-size: 9px; vertical-align: super; color: blue; } } @-moz-document url-prefix() { #TextoMensajeLogueo { font-size: 10px; color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; width:100%; padding-top:5px; } } @-moz-document url-prefix() { .derivacionMensaje { font-size: 11px; color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; } } @-moz-document url-prefix() { #MensajeLogueoValidacionError { display: none; } } @-moz-document url-prefix() { #MensajeLogueoValidacionError-Catalogo { width: 100%; display: none; font-family: Arial,Helvetica, sans-serif; color: white; font-size: 12px; background-color: red; margin:0px; } } @-moz-document url-prefix() { #Importante2-Catalogo { font-weight: bold; font-size: 14px; text-indent: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; width: 100%; padding-bottom: 10px; } } @-moz-document url-prefix() { .MensajeIdentacionContenido-Catalogo { text-indent: 10px; top:10px; width: 100%; } } @-moz-document url-prefix() { .class1 { width:100%; background-color:red; margin-left:-4px; } } /* Safari 3+ Y Chrome 1+*/ @media screen and (-webkit-min-device-pixel-ratio:0){ #MensajeLogueo { width: 100%; Text-indent: 5px; padding-top:8px; } } @media screen and (-webkit-min-device-pixel-ratio:0){ #Importante1 { Font-weight: bold; Font-size: 13px; color: #3d3d3d; Font-Family: Arial, Helvetica, sans-serif; } } @media screen and (-webkit-min-device-pixel-ratio:0){ #Nuevo { font-size: 9px; vertical-align: super; color: blue; } } @media screen and (-webkit-min-device-pixel-ratio:0){ #TextoMensajeLogueo { font-size: 10px; color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; width:100%; padding-top:5px; } } @media screen and (-webkit-min-device-pixel-ratio:0){ .derivacionMensaje { font-size: 11px; color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; } } @media screen and (-webkit-min-device-pixel-ratio:0){ #MensajeLogueoValidacionError { display: none; } } @media screen and (-webkit-min-device-pixel-ratio:0){ #MensajeLogueoValidacionError-Catalogo { width: 100%; display: none; font-family: Arial,Helvetica, sans-serif; color: white; font-size: 12px; background-color: red; margin:0px; } } @media screen and (-webkit-min-device-pixel-ratio:0){ #Importante2-Catalogo { font-weight: bold; font-size: 14px; text-indent: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; width: 100%; padding-bottom: 10px; background-color: red; } } @media screen and (-webkit-min-device-pixel-ratio:0){ .MensajeIdentacionContenido-Catalogo { text-indent: 10px; top:10px; width: 100%; } } @media screen and (-webkit-min-device-pixel-ratio:0){ .class1 { width:100%; background-color:red; margin-left:-4px; } } /* OPERA */ body:nth-of-type(1) #MensajeLogueo { width: 100%; Text-indent: 5px; padding-top:8px; } body:nth-of-type(1) #Importante1 { Font-weight: bold; Font-size: 13px; color: #3d3d3d; Font-Family: Arial, Helvetica, sans-serif; } body:nth-of-type(1) #Nuevo { font-size: 9px; vertical-align: super; color: blue; } body:nth-of-type(1) #TextoMensajeLogueo { font-size: 10px; color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; width:100%; padding-top:5px; } body:nth-of-type(1) .derivacionMensaje { font-size: 11px; color: #3d3d3d; font-family: Arial, Helvetica, sans-serif; } body:nth-of-type(1) #MensajeLogueoValidacionError { display: none; } body:nth-of-type(1) #MensajeLogueoValidacionError-Catalogo { width: 100%; display: none; font-family: Arial,Helvetica, sans-serif; color: white; font-size: 12px; background-color: red; margin:0px; } body:nth-of-type(1) #Importante2-Catalogo { font-weight: bold; font-size: 14px; text-indent: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; width: 100%; padding-bottom: 10px; background-color: red; } body:nth-of-type(1) .MensajeIdentacionContenido-Catalogo { text-indent: 10px; top:10px; width: 100%; } body:nth-of-type(1) .class1 { width:100%; background-color:red; margin-left:-4px; } /*------------------------------- FIN MENSAJE LOGIN -----------------------------------------------*/ /*---------- INICIO FILTRO DE NAVEGACION DE CATALOGO ---------------*/ /* IE6 Only */ * html .col_izq .caja12 .boxcontent .links .formu li a{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; text-decoration:none; } * html .col_izq .caja12 .boxcontent .links .formu li a:hover{ text-decoration:underline; } * html #FiltroDeNavegacion{ Font-weight: bold; Font-size: 13px; color: #3d3d3d; Font-Family: Arial, Helvetica, sans-serif; padding-top:35px; } * html .col_izq .caja12 .boxcontent div #Catalogo1_lblCategoria{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } * html .col_izq .caja12 .boxcontent div #Catalogo1_lblProvincia{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } * html .col_izq .caja12 .boxcontent div #Catalogo1_lblRangoPtos{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } * html .col_izq .caja12 .boxcontent div #Catalogo1_lblMarca{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } * html .col_izq .caja12 .boxcontent div .btn-buscar{ border:none; color:#fff; float:right; display:block; background:#537AA3; width:81px; height:25px; cursor:pointer; } /* IE7 Only */ *:first-child+html .col_izq .caja12 .boxcontent .links .formu li a{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; text-decoration:none; } *:first-child+html .col_izq .caja12 .boxcontent .links .formu li a:hover{ text-decoration:underline; } *:first-child+html #FiltroDeNavegacion{ Font-weight: bold; Font-size: 13px; color: #3d3d3d; Font-Family: Arial, Helvetica, sans-serif; padding-top:35px; } *:first-child+html .col_izq .caja12 .boxcontent div #Catalogo1_lblCategoria{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } *:first-child+html .col_izq .caja12 .boxcontent div #Catalogo1_lblProvincia{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } *:first-child+html .col_izq .caja12 .boxcontent div #Catalogo1_lblRangoPtos{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } *:first-child+html .col_izq .caja12 .boxcontent div #Catalogo1_lblMarca{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } *:first-child+html .col_izq .caja12 .boxcontent div .btn-buscar{ border:none; color:#fff; float:right; display:block; background:#537AA3; width:81px; height:25px; cursor:pointer; } /* IE8 Only */ .col_izq .caja12 .boxcontent .links .formu li a{ color/*\**/: #1B1D21\9; display/*\**/: block\9; font/*\**/: 11px Arial\9; height/*\**/: auto !important\9; text-decoration/*\**/:none\9; } .col_izq .caja12 .boxcontent .links .formu li a:hover{ text-decoration/*\**/:underline\9; } #FiltroDeNavegacion{ Font-weight/*\**/: bold\9; Font-size/*\**/: 13px\9; color/*\**/: #3d3d3d\9; Font-Family/*\**/: Arial, Helvetica, sans-serif\9; padding-top/*\**/:45px\9; } .col_izq .caja12 .boxcontent div #Catalogo1_lblCategoria{ color/*\**/: #1B1D21\9; display/*\**/: block\9; font/*\**/: 11px Arial\9; height/*\**/: auto !important\9; margin/*\**/:20px 0 0 0\9; } .col_izq .caja12 .boxcontent div #Catalogo1_lblProvincia{ color/*\**/: #1B1D21\9; display/*\**/: block\9; font/*\**/: 11px Arial\9; height/*\**/: auto !important\9; margin/*\**/:20px 0 0 0\9; } .col_izq .caja12 .boxcontent div #Catalogo1_lblRangoPtos{ color/*\**/: #1B1D21\9; display/*\**/: block\9; font/*\**/: 11px Arial\9; height/*\**/: auto !important\9; margin/*\**/:20px 0 0 0\9; } .col_izq .caja12 .boxcontent div #Catalogo1_lblMarca{ color/*\**/: #1B1D21\9; display/*\**/: block\9; font/*\**/: 11px Arial\9; height/*\**/: auto !important\9; margin/*\**/:20px 0 0 0\9; } .col_izq .caja12 .boxcontent div .btn-buscar{ border/*\**/:none\9; color/*\**/:#fff\9; float/*\**/:right\9; display/*\**/:block\9; background/*\**/:#537AA3\9; width/*\**/:81px\9; height/*\**/:25px\9; cursor/*\**/:pointer\9; } /* FireFox */ @-moz-document url-prefix() { .col_izq .caja12 .boxcontent .links .formu li a{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; text-decoration:none; } } @-moz-document url-prefix() { .col_izq .caja12 .boxcontent .links .formu li a:hover{ text-decoration:underline; } } @-moz-document url-prefix() { #FiltroDeNavegacion{ Font-weight: bold; Font-size: 13px; color: #3d3d3d; Font-Family: Arial, Helvetica, sans-serif; padding-top:35px; } } @-moz-document url-prefix() { .col_izq .caja12 .boxcontent div #Catalogo1_lblCategoria{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } } @-moz-document url-prefix() { .col_izq .caja12 .boxcontent div #Catalogo1_lblProvincia{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } } @-moz-document url-prefix() { .col_izq .caja12 .boxcontent div #Catalogo1_lblRangoPtos{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } } @-moz-document url-prefix() { .col_izq .caja12 .boxcontent div #Catalogo1_lblMarca{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } } @-moz-document url-prefix() { .col_izq .caja12 .boxcontent div .btn-buscar{ border:none; color:#fff; float:right; display:block; background:#537AA3; width:81px; height:25px; cursor:pointer; } } /* Safari 3+ Y Chrome 1+*/ @media screen and (-webkit-min-device-pixel-ratio:0){ .col_izq .caja12 .boxcontent .links .formu li a{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; text-decoration:none; } } @media screen and (-webkit-min-device-pixel-ratio:0){ .col_izq .caja12 .boxcontent .links .formu li a:hover{ text-decoration:underline; } } @media screen and (-webkit-min-device-pixel-ratio:0){ #FiltroDeNavegacion{ Font-weight: bold; Font-size: 13px; color: #3d3d3d; Font-Family: Arial, Helvetica, sans-serif; padding-top:35px; } } @media screen and (-webkit-min-device-pixel-ratio:0){ .col_izq .caja12 .boxcontent div #Catalogo1_lblCategoria{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } } @media screen and (-webkit-min-device-pixel-ratio:0){ .col_izq .caja12 .boxcontent div #Catalogo1_lblProvincia{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } } @media screen and (-webkit-min-device-pixel-ratio:0){ .col_izq .caja12 .boxcontent div #Catalogo1_lblRangoPtos{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } } @media screen and (-webkit-min-device-pixel-ratio:0){ .col_izq .caja12 .boxcontent div #Catalogo1_lblMarca{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } } @media screen and (-webkit-min-device-pixel-ratio:0){ .col_izq .caja12 .boxcontent div .btn-buscar{ border:none; color:#fff; float:right; display:block; background:#537AA3; width:81px; height:25px; cursor:pointer; } } /* OPERA */ body:nth-of-type(1) .col_izq .caja12 .boxcontent .links .formu li a{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; text-decoration:none; } body:nth-of-type(1) .col_izq .caja12 .boxcontent .links .formu li a:hover{ text-decoration:underline; } body:nth-of-type(1) #FiltroDeNavegacion{ Font-weight: bold; Font-size: 13px; color: #3d3d3d; Font-Family: Arial, Helvetica, sans-serif; padding-top:35px; } body:nth-of-type(1) .col_izq .caja12 .boxcontent div #Catalogo1_lblCategoria{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } body:nth-of-type(1) .col_izq .caja12 .boxcontent div #Catalogo1_lblProvincia{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } body:nth-of-type(1) .col_izq .caja12 .boxcontent div #Catalogo1_lblRangoPtos{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } body:nth-of-type(1) .col_izq .caja12 .boxcontent div #Catalogo1_lblMarca{ color: #1B1D21; display: block; font: 11px Arial; height: auto !important; margin:20px 0 0 0; } body:nth-of-type(1) .col_izq .caja12 .boxcontent div .btn-buscar{ border:none; color:#fff; float:right; display:block; background:#537AA3; width:81px; height:25px; cursor:pointer; } /*---------- FIN FILTRO DE NAVEGACION DE CATALOGO ---------------*/ /* agregados */ .caja_menu_principal{ display:none; } /*---------- NUEVO PORTAL ---------------*/ /*---------- estilo home---------------*/ .HomeCabeceraYPFCom { width:970px; margin-left:auto; margin-right:auto;} .HomeYPFCom a{ float:left; display:block; width:180px; height:78px; text-decoration: none; line-height:0px; font-size:0px;} .HomeYPFComLink { background:url(/imagenes/ar_es/cabecera-serviclub_03_tcm51-611258.jpg) 0 0 no-repeat;} .HomeServiclubCom a{display: block; float: left; font-size: 0; height: 78px; line-height: 0; text-decoration: none; width: 242px;} .HomeServiclubComLink { background: url("/imagenes/ar_es/cabecera-serviclub_03_tcm51-611258.jpg") -730px 0 no-repeat;} #HomeMenuCabecera { background: url("/imagenes/ar_es/cabecera-serviclub_03_tcm51-611258.jpg") -200px 0 no-repeat; float: left; height: 78px; width: 548px;} *:first-child+html .HomeListaLinksCabecera{ padding-top:10px; padding-left:25px; float:left; text-align:left; width:150px;} .HomeListaLinksCabecera{ padding-top/*\**/:10px\9; padding-left/*\**/:25px\9; float/*\**/:left\9; text-align/*\**/:left\9; width/*\**/:150px\9;margin-top/*\**/:4px\9;} @media screen and (-webkit-min-device-pixel-ratio:0){ .HomeListaLinksCabecera{ padding-top:14px; padding-left:25px; float:left; text-align:left; width:150px;} } @-moz-document url-prefix() { .HomeListaLinksCabecera{ padding-top:14px; padding-left:25px; float:left; text-align:left; width:150px;} } .HomeListaLinks {width/*\**/:150px\9; float/*\**/:left\9;} .HomeListaLinks li {margin/*\**/:-1px 0px 0px 0px\9;} *:first-child+html .HomeListaLinks li {margin:-4px 0px 0px 0px;} /* Leonardo Segovia */ *:first-child+html #HomeLink1 {margin: -4px 0px 0px 0px;} *:first-child+html #HomeLink2 {margin: -4px 0px 0px 0px;} *:first-child+html #HomeLink3 {margin: -4px 0px 0px 0px;} *:first-child+html #HomeLink4 {margin: -4px 0px 0px 0px;} *:first-child+html #HomeLink5 {margin: -4px 0px 0px 0px;} /* *:first-child+html .HomeListaLinks li {margin-top: -4px;} */ /* @-moz-document url-prefix() { .HomeListaLinks li {margin:0px 0px 0px;} } @media screen and (-webkit-min-device-pixel-ratio:0){ .HomeListaLinks li {margin:0px 0px 0px;} } */ /* FIN Leonardo Segovia */ *:first-child+html .HomeMenuLinkCabecera {font-size:11px; font-weight: bold; font-family:Arial,Tahoma,sans-serif;} .HomeMenuLinkCabecera {font-size/*\**/:11px\9; font-weight/*\**/: bold\9; font-family/*\**/:Arial,Tahoma,sans-serif\9;} @media screen and (-webkit-min-device-pixel-ratio:0){ .HomeMenuLinkCabecera {font-size:11px; font-weight: bold; font-family:Arial,Tahoma,sans-serif;} } @-moz-document url-prefix() { .HomeMenuLinkCabecera {font-size:11px; font-weight: bold; font-family:Arial,Tahoma,sans-serif;} } /*---------- FIN estilo home---------------*/ /*---------- estilo catalogo home---------------*/ .CabeceraYPFCom { width:970px; margin-left:auto; margin-right:auto;} .CabeceraYPFComHome { width:993px; margin-left:auto; margin-right:auto;} .YPFCom a{ float:left; display:block; width:180px; height:78px; text-decoration: none; line-height:0px; font-size:0px;} .YPFComLink { background:url(/imagenes/ar_es/cabecera-serviclub_03_tcm51-611258.jpg) 0 0 no-repeat;} .ServiclubCom a{display: block; float: left; font-size: 0; height: 78px; line-height: 0; text-decoration: none; width: 242px;} .ServiclubComLink { background: url("/imagenes/ar_es/cabecera-serviclub_03_tcm51-611258.jpg") -730px 0 no-repeat;} #MenuCabecera { background: url("/imagenes/ar_es/cabecera-serviclub_03_tcm51-611258.jpg") -200px 0 no-repeat; float: left; height: 78px; width: 548px;} .ListaLinksCabecera{float:left; text-align:left; width:170px;} *:first-child+html .ListaLinksCabecera{margin-top: 14px;} *:first-child+html .ListaLinks {width:150px; float:left;color:#575757;margin-left:22px;} *:first-child+html .ListaLinks li{margin: -4px 0px 0px 0px;} .ListaLinks {margin-left/*\**/:-17px\9;} .MenuLinkCabecera {font-size/*\**/:11px\9; font-weight/*\**/: bold\9; font-family/*\**/:Arial,Tahoma,sans-serif\9;} *:first-child+html .MenuLinkCabecera {font-size:11px; font-weight: bold; font-family:Arial,Tahoma,sans-serif; height:12px; } #EspacioMultimediaLateral {width:185px; height:700px; margin-left: 797px;} @media screen and (-webkit-min-device-pixel-ratio:0){ .ListaLinksCabecera{ float:left; text-align:left; width:170px; margin-top: -9px;} } @-moz-document url-prefix() { .ListaLinksCabecera{ float:left; text-align:left; width:170px; margin-top: -9px;} } @media screen and (-webkit-min-device-pixel-ratio:0){ .MenuLinkCabecera {padding-top:0px; font-size:11px; font-weight: bold; font-family:Arial,Tahoma,sans-serif; margin-left: -22px;} } @-moz-document url-prefix() { .MenuLinkCabecera {padding-top:0px; font-size:11px; font-weight: bold; font-family:Arial,Tahoma,sans-serif;margin-left: -22px;} } @media screen and (-webkit-min-device-pixel-ratio:0){ .ListaLinks {width:150px; float:left;color:#575757;margin-left: 4px; margin-top:22px;} } @-moz-document url-prefix() { .ListaLinks {width:150px; float:left;color:#575757;margin-left: 4px; margin-top:22px;} } @-moz-document url-prefix() { #Imagen {margin-left: -976px;} } @-moz-document url-prefix() { .LeyDatos {width: 716px; margin-left: -1321px;} } @-moz-document url-prefix() { .col_compl {margin-top: 76px; margin-left:-976px;} } /*---------- FIN estilo catalogo home---------------*/ /*---------- FIN NUEVO PORTAL---------------*//* */