/* -------------------------------------------------------------- Sitio: www.xmundo.net Archivo: main.css (screen) Version: 2008-09-01 Autor: Maira Vykus Copyright 2008 XMundo Networks (www.xmundo.net) -------------------------------------------------------------- */ /* --- DIAGRAMACIÓN GENERAL --- */ *, html, body, div, ol, ul, li, dl, dt, dd, img { margin: 0; padding: 0; border: 0; list-style: none; } p { margin: .5em 0; } dl { line-height: 18px; } em { font-weight: 700; font-style: normal; color: #C7102D; background: #FFF; } code, kbd, samp, var { font: normal 1.1em "Courier New", Courier, fixed-width; color: maroon; background: transparent; } kbd { background: #DDE2E8; border: 1px solid #8B93A5; } small { font-size: .9em; color: #2E485E; background: #F7f7f7; } acronym { text-decoration:underline; } a:link { font-weight: 400; text-decoration: underline; color: #484B4D; background: transparent; } a:visited, a:active { font-weight: 400; text-decoration: underline; color: #B30000; background: transparent; } a:hover { font-weight: 400; text-decoration: underline; color: #000; background: transparent; } /* --- CLASES ÚTILES --- */ .rightalign { text-align: right; } .centeralign { text-align: center; } .small { font-size: .8em; } .brclear { /* Use a break with this class to clear float containers */ clear: both; height: 0; margin: 0; font-size: 0.1em; line-height: 0.1em; } .hidden { display: none; } /* --- FORMULARIOS --- */ form { margin: 0; padding: 0; border: 0 } fieldset{ margin: 20px 0; padding: 0; border: 0 } .fieldset_smallforms { margin: 0; padding: 0 0 6px 7px; border: 0 } .fieldset_domain { width: 170px; margin: 0; padding: 0 0 10px 7px; text-align: left } .fieldset_border, .fieldset_border_radio { margin: 20px 0 20px 20px; padding: 15px 0 15px 15px; border: 1px solid #B30000 } .fieldset_border_radio label, label.checkbox { display: inline; float: none; width: 200px; margin: 5px 0 2px 0; padding: 0 15px 0 0; text-align: right; color: #2E485E; background: #FFF } legend { padding: 0 10px; font-weight: 700; text-transform: uppercase; color: #2E485E; background: #FFF } label { display: block; float: left; width: 150px; /* entre 140 y 180, esto da la distancia del label e inputs */ margin: 5px 0 2px 0; padding: 0 15px 0 0; text-align: right; color: #2E485E; background: #FFF } input, textarea, select, button {font: normal 1.1em "Tahoma", Arial, Verdana, Geneva, Helvetica, sans-serif;} input, textarea { width: 250px; margin: 2px 0; padding: 2px; color: #484B4D; background: #F7F7F7; border: 1px solid #7B8286;} #consulta, #nuevaconsulta {width: 365px; } input:hover, textarea:hover { color: #000; background: #E7EBEF } select { width: 257px; margin: 2px 0; color: #484B4D; background: #FFF; border: 1px solid #7B8286 } button { width: auto; margin: 0 4px 0 0; padding: 0 4px 1px 4px; color: #FFF; background: #2E485E; border: 1px solid #2E485E } button:hover { color: #FFF; background: #B30000 } #consultar { font-size: .9em } br.br {display: none } .radio { margin: 5px 10px 0 20px; width: 50px; text-align: right; border: 0; background: none } .checkbox { margin: 5px 10px 0 175px; width: 50px; text-align: right; border: 0; background: none } .note { margin: 0; padding: 0 0 0 20px; font-weight: 400; color: #2E485E; background: #FFF url(../images/icono_alert_small.gif) 0 50% no-repeat; border: 0 } dl.confirmar_datos { margin: 0 0 0 35px; color: #2E485E; background: #FFF } .confirmar_datos dt { float: left; width: 150px; font-weight: 700 } .confirmar_datos strong { color: #7B8286; text-decoration:underline; } #content p.superbt a, #content p.superbt a:link { display:block; margin: 0; padding: 10px; font-weight: bold; text-align: center; text-decoration: none; color: #FFF; background: #68A32D; border: 1px solid #000; } #content p.superbt a:hover { text-decoration: none; color: #FFF; background: #4A7520; } /* --- FORMULARIOS - CONTRATACIÓN --- */ input#domicilio_calle { width: 160px; } input#domicilio_numero, input#domicilio_depto, input#domicilio_piso, input#domicilio_piso, input#telefono_localidad, input#fax_localidad, input#celular_localidad, input#telefono_empresa_localidad, input#fax_empresa_localidad, input#celular_empresa_localidad { width: 40px; } label#domicilio_numero, label#domicilio_depto { padding: 0 5px 0 10px; width: 40px; display: inline; float: none;} input#telefono, input#fax, input#celular, input#telefono_empresa, input#fax_empresa, input#celular_empresa {width: 156px; } input#telefono_pais, input#fax_pais, input#celular_pais, input#telefono_empresa_pais, input#fax_empresa_pais, input#celular_empresa_pais { width: 20px; } /* --- FORMULARIOS - CONTACTO --- */ .conversacion dl { margin: 20px 0; padding: 20px 0; border: 1px solid #000; } .conversacion dt { float: left; clear: both; height: 20px; padding: 10px 5px 0 30px; font-weight: 700; color: #484B4D; background: #f7f7f7 url(../images/bubble_archive.gif) 10px 80% no-repeat; } .conversacion dt em { font-weight: 400; font-style: normal; } .conversacion dd { margin: 0 0 5px 0; padding: 10px 10px 10px 60px; text-align: justify; color: #484B4D; background: #f7f7f7; } .conversacion dt.operador { color: #000; background: #EBEDEE url(../images/bubble_archive.gif) 10px 80% no-repeat;} .conversacion dd.operador { color: #000; background: #EBEDEE; } .conversacion dd.c_fecha_c { height: 20px; margin: 0; padding: 10px 10px 0 30px; font-weight: 400; font-style: italic; text-align: right; color: #484B4D; background: #f7f7f7; } .conversacion dd.c_fecha_o { height: 20px; margin: 0; padding: 10px 10px 0 30px; font-weight: 400; font-style: italic; text-align: right; color: #000; background: #EBEDEE; } /* --- CONTENT - PATHWAY --- */ p.pathway { margin: 0 1px 1px 1px; padding: 4px 0 3px 10px; font-weight: 700; color: #2E485E; background: #DDE2E8; border-bottom: 1px solid #CED3D9 } p.pathway strong { font-weight: 400; } p.pathway a:link { margin: 0 3px; } /* --- CONTENT --- */ #content { padding: 9px 10px 9px 9px; } #content p { margin: 0 0 10px 0; text-align: justify; line-height: 18px; } .inside p, .resultados p { margin: 0; padding: 0 10px 0 50px; } #content strong.important { color: #C7102D; } #content strong.xmundo { color: #C7102D; font-weight: 400; } .marco { position: relative; padding: 10px; margin: 0 0 10px 0; color: #2E485E; background: #F7F7F7; border: 1px dotted #DDE2E8; } .inside .marco { margin: 0 0 10px 50px; } .resultados { margin: 50px 0; padding: 0; } .searchresults { margin: 10px 0; padding: 1px 10px; background: #F7F7F7; height: 100%; } .searchresults p { margin: 0; padding: 0 10px 0 25px; line-height: 18px; } #content hr { height: 0; margin: 2px 0 1em 0; padding: 0; border-bottom: 1px solid #CED3D9; border-top: 0; border-left: 0; border-right: 0; } #content hr.short { margin: 10px 0 10px 50px; padding: 0; border-bottom: 1px dashed #CED3D9; height: 0; } #content.testimonios li { padding: 5px 10px 10px 10px; margin: 5px 0 0 0; background: #EBEDEE; list-style: none; } #content.testimonios p {margin: 5px 0 0 0; padding: 0; } #content.testimonios cite { color: #000; font-style: normal; } #content p.fecha { color: #2E485E; font-weight: 400; } #content img { float: left; margin: 10px 10px 10px 50px; display: block; padding: 5px; border: 1px solid #CED3D9; } #content ul, #content ol, #content .inside li ul, #content .inside li ol { padding: 0 10px 5px 75px; } #content .inside ul, #content .inside ol { padding-left: 90px; } #content li { margin-bottom: 5px; padding: 0; line-height: 19px; text-align: justify; } #content ul li, #content ol li ul li { padding: 0 0 0 12px; list-style-type: none; background: url(../images/triang_empty_blue.gif) no-repeat 0 0; } #content ol li { list-style-type: decimal; background: none; } #content li ol li { list-style-type: lower-alpha; } #content .capturas { padding: 0 0 10px 50px; clear: both; } #content .capturas p { margin: 0; padding: 0 } #content .capturas img { margin: 0 0 10px 0; } #content img.sinborder { float: left; margin: 10px 0 0 0; padding: 0 10px 0 50px; border: 0 solid #CED3D9; } #content div.dominioinfo { margin: 0 0 0 35px; } /* --- volver al contenido anterior o más información (en novedades y buscar) --- */ #content a.volver:link, #content a.volver:visited, #content a.masinfo:link, #content a.masinfo:visited { position: absolute; right: 0; color: #B7BCC2; text-decoration: none; padding: 0 10px 2px 25px; background: url(../images/triang_gray.gif) 0 50% no-repeat; border: 0; font-weight: 700; } #content a.volver:hover, #content a.masinfo:hover { color: #2E485E; text-decoration: none; border: 0; font-weight: 700;} /* --- CONTENT - HEADINGS --- */ #content h1 { font: 400 20px "Trebuchet MS",Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif; text-transform:uppercase; margin: 5px 0 10px 0; padding: 3px 3px 3px 12px; color: #8B93A5; background: #E7EBEF; border-left: 7px solid #C7102D; position:relative; } #content h2, #content h3.blue { display: block; position: relative; font-weight: 700; font-size: 1.2em; margin: 15px 0 20px 0; padding: 0 0 2px 25px; color: #B30000; background: url(../images/triang_red.gif) 0 50% no-repeat; border-bottom: 1px solid #CED3D9; } #content h3 { font-weight: 700; font-size: 1.1em; margin: 15px 0 15px 20px; padding-top: 0; color: #2E485E; } p.bcklegales, p.bckempresa, p.bckcontratar, p.bckhosting, p.bckservicios, p.bcksoporte, p.bckfaqs { width: 574px; height: 128px; position: relative; padding: 0; margin: 0; color: #C7102D; } p.bckclientes { width: 574px; height: 59px; position: relative; padding: 0; margin: 0; color: #C7102D; } p.bckempresa { background: #fff url(../images/interior/foto_laempresa.jpg) no-repeat; } p.bckcontratar { background: #fff url(../images/interior/foto_contratar.jpg) no-repeat; } p.bckhosting { background: #fff url(../images/interior/foto_hosting.jpg) no-repeat; } p.bckservicios { background: #fff url(../images/interior/foto_servicios.jpg) no-repeat; } p.bcksoporte { background: #fff url(../images/interior/foto_soporte.jpg) no-repeat; } p.bckfaqs { background: #fff url(../images/interior/foto_faqs.jpg) no-repeat; } p.bcklegales { background: #fff url(../images/interior/foto_legales.jpg) no-repeat; } p.bckclientes { background: #fff url(../images/interior/foto_panelclientes_small.jpg) no-repeat; } h1#bcklegales, h1#bckfaqs, h1#bckempresa, h1#bcktestimonios, h1#bckcontactar, h1#bckhosting, h1#bckcontratar, h1#bcksoporte, h1#bckclientes, h1#bcknovedades, h1#bckservicios { width: 574px; height: 128px; position: relative; margin: 0; padding: 0; font: 400 20px "Trebuchet MS",Verdana, Arial, Helvetica, "Nimbus Sans L", sans-serif; text-transform:uppercase; color: #8B93A5; background: #E7EBEF; border: 0; } #bckempresa span { background: url(../images/interior/foto_laempresa.jpg) no-repeat; position: absolute; width: 100%; height: 100%; } #bckcontratar span { background: url(../images/interior/foto_contratar.jpg) no-repeat; position: absolute; width: 100%; height: 100%; } #bcktestimonios span { background: url(../images/interior/foto_testimonios.jpg) no-repeat; position: absolute; width: 100%; height: 100%; } #bckcontactar span { background: url(../images/interior/foto_contactenos.jpg) no-repeat; position: absolute; width: 100%; height: 100%; } #bckhosting span { background: url(../images/interior/foto_hosting.jpg) no-repeat; position: absolute; width: 100%; height: 100%; } #bckservicios span { background: url(../images/interior/foto_servicios.jpg) no-repeat; position: absolute; width: 100%; height: 100%; } #bcksoporte span { background: url(../images/interior/foto_soporte.jpg) no-repeat; position: absolute; width: 100%; height: 100%; } #bckfaqs span { background: url(../images/interior/foto_faqs.jpg) no-repeat; position: absolute; width: 100%; height: 100%; } h1#bcklegales span { background: url(../images/interior/foto_legales.jpg) no-repeat; position: absolute; width: 100%; height: 100%; } h1#bckclientes span { background: url(../images/interior/foto_panelclientes.jpg) no-repeat; position: absolute; width: 100%; height: 100%; } h1#bcknovedades span { background: url(../images/interior/foto_novedades.jpg) no-repeat; position: absolute; width: 100%; height: 100%; } /* --- CONTENT - listado de noticias --- */ #content ul.listing { list-style: none; padding: 0; } #content ul.listing li { list-style: none; width: 520px; margin: 0 0 0 25px; background: #fff url(../images/triang_blue.gif) 0 50% no-repeat; border-bottom: 1px dotted #CED3D9; } #content ul.listing li a, #content ul.listing li a:link { display: block; font-weight: 700; font-size: 1.2em; text-decoration:none; margin: 0 0 0 10px; padding: 8px 0 10px 5px; color: #6A7389; background: #fff; } #content ul.listing li a:visited { color: #B7BCC2; background: #fff; text-decoration:none } #content ul.listing li a:hover { color: #6A7389; background: #E7EBEF; text-decoration:none } #content ul.listing li:hover ul, #content ul.listing li.over ul { display: block; } #content span.fecha { font-weight: 400; color: #2E485E; padding:0 5px 0 0; } /* --- CONTENT - listado de faqs --- */ #content #faqs { position: relative; border: 1px solid #FFF; /*dejar el border por bug*/ } #content #faqs h2 { margin-top: 30px; } #content h2.descargas_title { margin: 10px 0 15px 0; padding: 4px 4px 4px 5px; font-weight: 700; color: #FFF; background: #6A7389; } #content #faqs img { float: none; margin: 10px 0 0 0; padding: 0; border: 0 solid #CED3D9; } #content #faqs em { color: #000; font-weight: 400; } #content #faqs ol li a { text-decoration:none } #content #faqs dl { margin: 0 0 20px 55px; } #content #faqs dt { padding: 5px 0 5px 40px; background: url(../images/icono_folder2.gif) 0 100% no-repeat; } #content #faqs dt a:link { margin: 0 10px 0 0; font-size: 1.2em; font-weight: 700; text-decoration: none; color: #B30000; } #content #faqs dt a:visited, #faqs dt a:active { margin: 0 10px 0 0; padding: 0; font-size: 1.2em; font-weight: 700; text-decoration: underline; color: #B30000; } #content #faqs dt a:hover { text-decoration: underline; color: #000; } #content #faqs dd { margin: 0 0 10px 40px; } #content #faqs p.return { z-index: 50; position: absolute; right: 2px; top: 42px; display: inline; margin: 0 2px 0 0 !important; margin: 0 10px 0 0; padding: 2px 4px 2px 25px; border: 1px solid #8B93A5; background: #DDE2E8 url(../images/icono_volver.gif) 4px 50% no-repeat; } #content #faqs p.return a:link,#content #faqs p.return a:visited { text-decoration:none } #content #faqs ol.faqslisting { padding: 0; } #content #faqs ol.faqslisting li { list-style: decimal; margin: 0 0 0 85px; padding: 0; background: #fff; border-bottom: 1px dotted #CED3D9; } #content #faqs ol.faqslisting li a { display: block; font-weight: 400; font-size: 1.1em; margin: 0; padding: 3px 0 5px 10px; color: #2E485E; background: #FFF; } #content #faqs ol.faqslisting li a:visited { color: #6A7389; background: #FFF; } #content #faqs ol.faqslisting li a:hover { color: #000; background: #E7EBEF; } #content #faqs li:hover ol, #content #faqs li.over ol { display: block; } #content a.external:link, #content a.external:visited, #content a.external:hover {padding-left: 13px; color: #68A32D; background: url(../images/external.gif) center left no-repeat; text-decoration:underline; } #content a.download:link, #content a.download:visited, #content a.download:hover {padding-left: 13px; color: #68A32D; background: url(../images/download.gif) center left no-repeat; text-decoration:underline; } #content a.external:visited, #content a.download:visited {color: #8CAB25; } #content a.external:hover, #content a.download:hover {color: #000; } #content .masfaqs { margin: 20px 0 0 0; border-top: 1px dotted #2E485E} #content .masfaqs li {margin-bottom: 0} #content p.pathwayfaqs { margin: 7px 0 20px 0; padding: 5px; color:#FFF;background: #6A7389; } #content p.pathwayfaqs a {color: #FFF; } /* --- CONTENT - la empresa - logotipos y testimonios ---*/ .logos dl { position: relative; clear:left; margin: 0; padding: 0; } .logos dt { float: left; clear: left; height: 70px; width: 180px; margin: 0; padding: 0 0 0 50px; } .logos dd { height:70px; margin: 0 0 0 250px; padding: 30px 0 0 10px; } #content .logos dt a img { margin: 0; padding: 5px; border: 1px solid #CED3D9; } #content div.boton { position: relative; border: 1px solid #FFF; /*dejar el border por bug*/ } #content p.testimonio { position: absolute; right: 0; top: 0; display: inline; margin: 0 2px 0 0 !important; margin: 0 10px 0 0; padding: 2px 4px 2px 25px; border: 1px solid #8B93A5; background: #DDE2E8 url(../images/icono_testimonio.gif) 4px 50% no-repeat; } #content p.testimonio a:link,#content p.testimonio a:visited { text-decoration:none } /* --- CONTENT - soporte --- */ img#internetgratis { border: 0; padding: 0; margin: 0 0 0 10px; float: right; } #content dl.soporte { margin: 20px 0 20px 60px; padding: 0 0 10px 0; border-bottom: 1px dotted #CED3D9; } #content .soporte dt { margin: 5px 0; padding: 10px 0 0 0; border-top: 1px dotted #CED3D9; color: #B30000;} #content .soporte dd { margin: 0; padding: 0; } #content .soporte dt img { float: left; margin: 0 15px 5px 0; padding: 0; border: 0; } #content .soporte dd img { float: right; margin: 0 0 5px 15px; padding: 0; border: 0; } #content dl.soporte dt a { font-weight: 700; font-size: 1.2em; color: #B30000; text-decoration: none; } #content dl.soporte dt a:visited { color: #B30000; text-decoration: underline; } #content dl.soporte dt a:hover { color: #000; text-decoration: none; } #content .descargas dd { margin-left: 20px; } /* --- CONTENT - glosario --- */ #content ul.abc_list { margin: 0 0 60px 0; padding: 0 ; } #content ul.abc_list li { float: left; padding: 0 5px; list-style-image: none; background: #EBEDEE; border: 1px dotted #B7BCC2; } #content ul.abc_list li.abc_list_active { background: #CED3D9; } #content h2.abc_title { display: inline; clear: both; margin: 15px 0 0 15px; padding: 7px 10px; font-weight: 700; font-size: 1.4em; color: #FFF; background: #2E485E; } /* --- CONTENT - errores o ayudas --- */ .errors, .errorsp { padding: 15px 10px 6px 50px; margin: 10px 0 20px 0; font-weight: 700; background: #F7F7F7 url(../images/icono_alert.gif) 10px 50% no-repeat; color: #2E485E; border: 1px dotted #8B93A5; } #content .errors p { text-align: left } .errorsp { margin: 70px 0 70px 0; } input.error, textarea.error { border: 1px solid #C7102D; } select.error { color: #C7102D; } label.error { color: #C7102D; } #content p.tip { clear: both; padding: 5px 5px 5px 25px; background: #FEFCEF url(../images/icono_tip2.gif) 5px 5px no-repeat; border: 1px dotted #AF782B; } #content p.tip strong { color: #AF782B; } #content #faqs p.tip { margin-left: 50px; } #content p.dominio { clear: both; padding: 5px 5px 5px 25px; font-weight: 700; background: #FEFCEF url(../images/icono_tip2.gif) 5px 5px no-repeat; border: 1px dotted #AF782B; text-align: left} #content p.dominio strong { color: #AF782B; } #content div.tip { padding: 5px 5px 5px 25px; background: #FEFCEF url(../images/icono_tip.gif) 5px 5px no-repeat; border: 1px dotted #B30000; } #content div.tip p { padding: 0; } #content div.tip strong { color: #B30000; } .popwindow { width: 600px; height: 200px; margin: 80px auto; padding: 20px; font-size: .8em; border: 1px solid #8B93A5;} /* --- MAPA DEL SITIO --- */ ul#sitemap li a { text-decoration: none; } #sitemap ul { padding-left: 45px; } ul#sitemap li a { font-weight: 700; text-transform: uppercase; color: #B30000 } ul#sitemap ul li a { font-weight: 700; text-transform: none; color: #2E485E } ul#sitemap ul li ul li a { font-weight: 400; text-transform: none; } /* --- tabla --- */ #content table.tablasimple { font-weight: 400; font-size: 1em; margin: 0 0 10px 50px; background: #6A7389; } #content .tablasimple td { padding: 3px 6px 3px 6px; background: #F7F7F7; text-align: left; vertical-align: top; } #content .tablasimple th { padding: 3px 6px; color: #6A7389; background: #CED3D9; font-size: 1em; text-align: left; vertical-align: top; } #content .tablasimple thead th { padding: 3px 6px; background: #6A7389; color: #F7F7F7; font-size: 1.2em; text-align: left; vertical-align: top; text-transform: uppercase; } #content table.tablasimple ul, #content table.tablasimple ol { margin: 0 0 0 17px; } /* --- PANEL DE CLIENTES --- */ #content div.login { width: 380px; margin: 0 0 0 90px; } #content div.login h2 { margin: 0 0 2px 0; padding: 4px 0 4px 22px; font-weight: 700; color: #FFF; background: #B30000 url(../images/icono_clientes.gif) 4px 50% no-repeat; border: 0; } #content div.login p { text-align: center; } #content div.login fieldset { margin: 0; padding: 10px 5px; color: #2E485E; background: #E7EBEF; border: 1px solid #8B93A5; } #content div.login label { width: 90px; color:#2E485E; background: #E7EBEF } #content div.comunicado { width: 500px; margin: 0 0 0 50px; } #content div.comunicado h2 { margin: 0 0 2px 0; padding: 4px 0 4px 10px; font-weight: 700; color: #FFF; background: #6A7389; border: 0; } #content div.info { margin: 0 0 10px 0; padding: 10px; color:#2E485E; background: #E7EBEF; border: 1px solid #8B93A5; } #content div.info ul { padding-left: 20px; } #content table#panel { width: 503px; clear: both; } #content table#panel td { line-height: 18px; } #content table#panel fieldset { border: none; margin: 0; padding: 0; } #content p.panel_button { margin: 0 2px 4px 0; padding: 1px 5px; float: right; background: #B30000; border: 1px solid #2E485E;} #content p.panel_button a { font-weight: 700; text-decoration: none; color: #FFF;} #content p.panel_button a:hover { font-weight: 700; text-decoration: none; color: #CED3D9; } #content td.panel_respuestas { padding: 10px 10px 15px 10px; } #content td.panel_respuestas hr { margin: 20px 0 7px 0 !important; margin: 15px 0 0 0; border-bottom: 1px solid #B30000; } #content td.panel_respuestas p.agregado { color: #2E485E; padding: 0 0 5px 0; } #content textarea.panel { width: 480px; height: 200px; margin: 0; padding: 2px; color: #2E485E; background: #FFF; } #content textarea.big { width: 320px; height: 150px; } strong.activo, strong.pagado { color: #558F37; } strong.suspendido, strong.pendiente { color: #FFB324; } strong.finalizado, strong.mora { color: #b30000; } #content li.cuentas {float:left;background:none} #content li.cuentas img {margin:20px 20px 10px 0;} #content .inside table#panel tbody td ul { margin: 0; padding:0} /* *** FANCYBOX ***************************************************************** */ #content .capturas .fancybox_link img {margin: 0 2px 2px 0; background: #CED3D9; border: 1px solid #B7BCC2; } div#fancy_overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; background-color: #2E485E; } div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; } div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(../images/fancy_progress.png) no-repeat; } div#fancy_close { position: absolute; top: -30px; right: 0px; height: 25px; width: 81px; background: transparent url(../images/fancy_closebox.png); cursor: pointer; z-index: 100; display: none; } div#fancy_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; z-index: 96; } #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } img#fancy_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 92; } div#fancy_title { position: absolute; top: -30px; left: -10px; width: 80%; z-index: 100; display: none; } div#fancy_title table { margin: 0 0; } div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 2px; /*display:none;*/ } /* sacar el display:none para mostrar el title*/ td#fancy_title_left { height: 32px; width: 15px; } td#fancy_title_main { height: 32px; } td#fancy_title_right { height: 32px; width: 15px; } div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 35px 18px 18px 18px; margin: 0; overflow: hidden; background: #2E485E; display: none; } div#fancy_inner { position: relative; width: 100%; height: 100%; border: 0px solid #444; /*modificado*/ background: #FFF; } a#fancy_left, a#fancy_right { position: absolute; top: 10px; height: 100%; width: 49%; cursor: pointer; background-image: url(data:image/png;base64,AAAA); z-index: 100; } a#fancy_left { left: 0px; background: transparent url(../images/fancy_left1.png) no-repeat 0% 0%; } a#fancy_right { right: 0px; background: transparent url(../images/fancy_right1.png) no-repeat 100% 0%; } a#fancy_left:hover { background: transparent url(../images/fancy_left.png) no-repeat 0% 0%; } a#fancy_right:hover { background: transparent url(../images/fancy_right.png) no-repeat 100% 0%; } #fancy_bigIframe, #fancy_freeIframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; }