body { background:#FFFFFF; font:9pt Verdana, Geneva, Arial, Helvetica, sans-serif; margin:2px; padding:2px; } form { margin: 0; } input,select, textarea, button { font:9pt Verdana, Geneva, Arial, Helvetica, sans-serif; } table { font:9pt Verdana, Geneva, Arial, Helvetica, sans-serif; } a { color: #0040FF; text-decoration: none; } /* color: ##2F72FF; 454d9f*/ a:hover { color: #8186cf; text-decoration: none; } a:visited { color: #0040FF; } img { border: 0; padding: 0; } /* ** CLASES POR ID ** */ /*corresponde a un div que va de a establece el ancho, alto minimo, ...*/ #body { width: 960px; margin: 3px auto; background-color: #ffffff; min-height: 360px; border: 30px solid #ffffff; border-top:0px; } /*corresponde a un div que contiene todo el texto del pie de pagina*/ #footer { width: 960px; margin: 3px auto; font-size: 0.8em; color: #A1A1A1; text-align: center; } #footer_meta { color: #EFEFEF; } /* MENU - BEGIN */ #menu { width: 958px; background: #FFD700; float: left; position:absolute; z-index:3; } #menu ul { list-style: none; margin: 0; padding: 0; width: 150px; float: left; } #menu a, #menu h2 { font: bold 11px/16px arial, helvetica, sans-serif; display: block; margin: 0; padding: 2px 15px; } #menu h2 { background: #FFD700; color: #000000; font-size : 110%; font-style : italic; font-weight: bolder; padding-left : 6px; text-transform : capitalize; } #menu a { color: #000000; background: #FFD700; text-decoration: none; } #menu a:hover { color: #AA0000; background: #FFE966; } #menu a.x, #menu a.x:visited { background:#efefef url(/+/images/expand.gif) no-repeat bottom right; } #menu a.x:hover { color: #900000; background: #AFAFAF; } #menu li { position: relative; } #menu ul ul { position: absolute; z-index: 500; width: 200px; border: 1px solid #ccc; margin-top: 0; } #menu ul ul ul { position: absolute; top: 0; left: 100%; } div#menu { border: 1px solid #ccc; } div#menu ul ul ,div#menu ul li:hover ul ul ,div#menu ul ul li:hover ul ul { display: none; } div#menu ul li:hover ul ,div#menu ul ul li:hover ul ,div#menu ul ul ul li:hover ul { display: block; } #menu .separator { color: #000000; background: #FFD700; text-decoration: none; height: 2px; } #menu .separator> div { margin: 0 8px; height: 1px; border-bottom: 1px dotted #6F6F6F; } .close_menu { clear: both; height: 22px; } /* MENU - END */ #factura { width: 600px; margin: 50px auto; min-height: 360px; } #factura .list { border: 1px solid #DDDDDD; background-color: #FFF; } #factura > .list tr.header td,#factura > .list td.header { color: #000; font-size: 1.1em; background-color: #D1DFEF !important; padding: 4px; margin: 0; border: 0; } #factura > .list > .header { color: #454d9f; font-size: 1.5em; font-weight: bold; background-color: #DDDDDD; padding: 4px; margin: 0; } #factura > .list td { border-bottom: 1px dashed #BFBFBF; } #factura > .list tr:last-child td { border-bottom: 0; } #factura > .list tr:hover>td, #factura > .list>tr td:hover { background-color: #FEFF8F; } #factura .boton_generico, #factura .boton_genericoatras { background-color: #FFF; } #factura .boton_generico { font-weight: bold; } /* ** CLASES GENERICAS */ .link_underline { text-decoration: underline; } .desc { font-size: 8pt; } .techdata { display: list-item; color: #4F4F4F; list-style-type: circle; } .comentario { font-size: 9pt !important; font-family: arial; display: block; text-align: right; } .logo_text { font-size: 1.3em; font-family: Arial; font-weight: bold; } .logo_carrito { text-align: right; padding: 10px; } .logo_carrito img { vertical-align: bottom; } .slogan { color : #DA342C; font-weight : bold; font-family : Arial; font-style : italic; } .exito,.ok { color: #006600; font-weight : bold; font-size: 1em; } .ko,.ko > a { color: #990000 !important; font-weight : bold; font-size: 1em; } .obligatorio_leyenda { font-size: 0.8em; } .obligatorio { color: #FF0000; font-weight: bold; } .pagina_head { font-size : 14px; border-bottom: 1px solid #9F9F9F; margin: 6px 2px; padding: 2px; } /* PAGINABODY - BEGIN */ .pagina_body, .pagina_body table { font-family : Arial; font-size : 14px; } .pagina_body h2 { font-size: 120%; padding: 0; margin: 0; } .pagina_body h3 { font-size: 110%; } /* PAGINAFAQ - BEGIN */ .pagina_faq, .pagina_faq table, .pagina_contrato, .pagina_contrato table { font-family : Arial; font-size : 12px; } .pagina_faq h2, .pagina_contrato h2 { font-size: 120%; padding: 0; margin: 0; } .pagina_faq h3, .pagina_contrato h3 { font-size: 110%; } .pagina_faq h4, .pagina_contrato h4 { font-size: 100%; } .pagina_contrato a,.pagina_contrato a:hover { text-decoration: underline; } /* PLANRESUMEN - BEGIN */ .planresumen { border-collapse:collapse; font-size: 9pt !important; width: 100%; } .planresumen td { padding: 1px; } .planresumen .data { padding-left: 3px; border: 1px solid #DDDDDD; background-color: #EFEFEF; color: #000000; } .planresumen .value { padding-left: 3px; border: 1px solid #DDDDDD; color: #000000; font-size: 90%; } /* PRECIO - BEGIN */ .precio { margin: 0; border : 1px solid #5F1212; background-color: #B22222; padding: 2px; } .precio:hover { border : 3px solid #FFDF2F; padding: 0px; } /* PLANNAME - BEGIN */ .ver{ font-size: 8pt !important; } .planname { font-size: 12pt; font-weight: bold; background-color: #EFEFEF; border: 1px solid #DDDDDD; padding-left: 5px; text-align: left; } /* ** BLOQUES */ .block_generic { border : 1px solid #DDDDDD; } .block_generic>div { padding: 4px; } .block_generic .header { background-color: #EFEFEF; color: #454d9f; font-size: 1.2em; font-weight: bold; } /* ERROR Y EXITO - BEGIN */ .block_error { padding: 4px; border: 1px solid #900; background-color: #cfb5b6; margin: 4px 0 8px 0; } .block_exito { padding: 4px; border: 1px solid #060; background-color: #e0efe0; margin: 4px 0; } .block_transfer { padding: 4px; border: 1px solid #060; background-color: #e0efe0; margin: 4px 0; font-size: 9pt; } .block_transfer textarea { background-color: #FFFFFF; width: 95%; height: 100px; } /* BANNERTEXT - BEGIN */ .block_bannertext a { font-family : Arial; font-size : 13px; margin : 10px 1px; padding : 3px 10px; border : 1px solid #dddddd; background:#ffffff; min-height : 48px; display:block } .block_bannertext a:link ,.block_bannertext a:visited { background:#ffffff; color: #000000; } .block_bannertext a:hover { background:#dddddd; color: #000000; } .block_bannertext b { color: #D90000; font-weight : bold; font-family : Arial; font-size : 15px; } /* PLAN - BEGIN */ .block_plan .slogan { margin-bottom: 7px; } .block_plan .planname { color: #454d9f; padding-right: 10px; } .block_plan .planname .ver { font-size: 9pt !important; font-weight: normal; } .block_plan .detalle { color: #000000; padding : 5px 5px 5px 5px; } .block_plan .detalle ul { font-weight: bold; padding-left : 0; margin-left: 0; list-style-type: none; } .block_plan .detalle ul ul { font-size: 80%; padding-left : 15px; padding-bottom : +5px; font-weight: normal; list-style-type: disc; } .block_plan .opciones { color: #000000; padding: 5px 5px 5px 5px; border-left: 1px solid #DDDDDD; } .block_plan .opciones ul { font-weight: bold; padding-left : 0; margin-left: 0; list-style-type: none; } .block_plan .opciones ul ul { font-size: 80%; padding-left : 15px; padding-bottom : +5px; font-weight: normal; list-style-type: disc; } /* PRODUCTOS - BEGIN */ .block_productos { font-size: 9pt; } .block_productos .planresumen .data { width: 70px; } /* COMPARATIVA - BEGIN */ .block_comparativa { border-collapse: collapse; } .block_comparativa form { font-size: 85%; } .block_comparativa h2 { font-size: 115%; } .block_comparativa .detalle { color: #000000; padding: 5px 5px 5px 5px; border-left: 1px solid #DDDDDD; } .block_comparativa .detalle ul { font-weight: bold; padding-left : 0; margin-left: 0; list-style-type: none; } .block_comparativa .detalle ul ul { font-size: 80%; padding-left : 15px; padding-bottom : +5px; font-weight: normal; list-style-type: disc; } .block_comparativa .opciones { color: #000000; padding: 5px 5px 5px 5px; border-left: 1px solid #DDDDDD; } .block_comparativa .opciones ul { font-weight: bold; padding-left : 0; margin-left: 0; list-style-type: none; } .block_comparativa .opciones ul ul { font-size: 80%; padding-left : 15px; padding-bottom : +5px; font-weight: normal; list-style-type: disc; } .block_comparativa .techdata { display: list-item; } /* DOMINIO - BEGIN */ .block_dominio,.block_dominio * { font-size: 10pt; } .block_dominio { margin: 2px 0; padding: 2px; } .block_dominio .extensiones { color : #000000; margin: 2px 0; padding: 2px 0; border-right: 1px solid #DDDDDD; } .block_dominio .extensiones input[type='checkbox'] { margin: 0; padding: 0; vertical-align: text-bottom; } .block_dominio .extensiones .titulo { color : #000000; font-weight: bold; margin: 4px 2px; } .block_dominio .extensiones label , .block_dominio .extensiones .marcar , .block_dominio .extensiones .marcar a { font-size: 80%; } .block_dominio .separator { height: 2px; margin: 2px 5px; height: 1px; border-bottom: 1px dotted #6F6F6F; } .block_dominio .resultado { color: #000000; margin: 2px 0; padding: 2px; } .block_dominio .resultado td { color : #000000; border-bottom: 1px dashed #9F9F9F; height: 22px; } .block_dominio .resultado .titulo { color : #000000; font-weight: bold; margin: 4px 2px; } .block_dominio .resultado .botones td { border: 0; padding-top: 8px; } .block_dominio img { vertical-align: bottom; } .block_dominio .leyenda { font-size: 80%; margin-top: 10px; display: block; } .block_dominio .resultado .leyenda { font-size: 80%; } /* CONTACTO - BEGIN */ .block_contacto { color: #000000; padding: 5px 5px 5px 5px; margin: 2px 0; font-size: 10pt; } .block_contacto td { font-size: 10pt; } .block_contacto .info { color: #000000; padding: 5px 5px 5px 5px; border: 1px solid #DDDDDD; } .block_contacto .info td { font-size: 80%; } .block_contacto .info .titulo { color: #000000; font-weight: bold; font-size: 120%; } /* CARRITO - BEGIN */ .block_carrito .productos select { border: 1px solid #9F9F9F; } .block_carrito .productos .cabecera td { background-color: #EFEFEF; border: 1px solid #DDDDDD; } .block_carrito .productos .ahorro { text-align: right; color: #990000; } .block_carrito .productos .total, .block_carrito .productos .importe { text-align: right; } .block_carrito .productos .separator_total { border-bottom: 1px solid #000000; } .block_carrito .productos .separator_planes { border-bottom: 1px solid #9F9F9F; } .block_carrito .pasos { font-size: 11pt; margin: 5px 0; } .block_carrito .pasos td { padding: 2px; } .block_carrito .pasos .activo { color: #000000; border: 1px dotted #000000; background-color: #FFE966; } .block_carrito .pasos .noactivo { color: #AFAFAF; border: 1px dotted #AFAFAF; } .block_carrito .pasos .numero { font-size: 13pt; padding: 0 4px; } .block_carrito .pasos .activo .numero { border-right: 1px dotted #000000; } .block_carrito .pasos .noactivo .numero { border-right: 1px dotted #AFAFAF; } .block_carrito .addopciones { border: 1px solid #DDDDDD; border-collapse:collapse; } .block_carrito .addopciones .cabecera td { background-color: #DDDDDD; } .block_carrito .addopciones td { background-color: #EFEFEF; } /* TERMINO - BEGIN */ .block_termino { font-size: 9pt; font-family: arial; padding: 0 15px; } /* FACTURAELECTRONICA - BEGIN */ .block_factura .ejemplo { color: #7F7F7F; font-size: 0.8em; } .block_factura .seguro,.block_factura .block_links { padding : 5px 5px 5px 5px; border : 1px solid #DDDDDD; } .block_pdflinks { padding : 5px 5px 5px 5px; border : 1px solid #DDDDDD; background-color: #CFD3FF; } .block_warning { border: 1px solid #DF5829; } .block_warning div.titulo { background-color: #DF5829; font-weight: bold; color: #fff; font-size: 1.2em; padding: 4px; } .block_warning div.datos { padding: 4px 8px; line-height: 20px; } .block_addtocart { border : 1px solid #4F769F; padding: 2px; background-color: #C2D7EF; } /* ** LISTADOS */ /* list - header */ .list > tbody > tr.header > td { background-color: #A7B2BF !important; color: #fff; padding: 2px 4px; border: 0; border-left: 1px solid #fff; font-weight: bold; font-size: 1.1em; } .list > tbody > tr.header > td:first-child { border-left: 0; } .list > tbody > tr.header > td .desc { color: #FFF; font-weight: normal; } .list > tbody > tr.header + tr > td { border-top: 0; } /* list - header2 */ .list > tbody > tr.header2 > td { background-color: #CFCFCF !important; color: #5F5F5F; padding: 2px 4px; border: 0; border-left: 1px solid #fff; font-weight: bold; font-size: 1.1em; } .list > tbody > tr.header2 > td:first-child { border-left: 0; } .list > tbody > tr.header2 > td .desc { color: #FFF; font-weight: normal; } .list > tbody > tr.header2 + tr > td { border-top: 0; } /* list - items genericos*/ .list > tbody > tr > td { border-top: 1px dashed #BFBFBF; } .list > tbody > tr:first-child > td { border-top: 0; } .list > tbody > tr > td:hover,.list > tbody > tr:hover > td { background-color: #FEFF8F; } /* ** BOTONES */ .boton_buscar { vertical-align: top; } .boton_enviar { vertical-align: top; } .boton_comparar { vertical-align: top; } .boton_recalc { vertical-align: top; } .boton_generico { color: #000; font-size: 9pt; padding: 1px 19px 1px 0 !important; background: #EEE url(/+/botones/generico.gif) no-repeat center right; cursor: pointer; line-height: 13px; } .boton_genericoatras { color: #000; font-size: 9pt; padding: 1px 0 1px 19px !important; background: #EEE url(/+/botones/generico_atras.gif) no-repeat center left; cursor: pointer; line-height: 13px; text-align: left; } a.boton_plansuperior { font-size: 9pt; padding: 2px 19px 5px 0 !important; background: transparent url(/+/botones/superior.gif) no-repeat center right; } a.boton_planinferior { font-size: 9pt; padding: 2px 0 2px 19px !important; background: transparent url(/+/botones/inferior.gif) no-repeat center left; } .boton_addcart { vertical-align: top; } a.boton_borrar { padding: 2px 0 2px 19px !important; background: transparent url(/+/botones/del.gif) no-repeat center left; } a.boton_adddomain { padding: 2px 0 2px 19px !important; background: transparent url(/+/botones/add_domain.gif) no-repeat center left; } a.boton_adddomain_underline { padding: 2px 0 2px 19px !important; background: transparent url(/+/botones/add_domain.gif) no-repeat center left; text-decoration: underline; font-size: 10pt !important; } a.boton_download { padding: 2px 0 2px 19px !important; background: transparent url(/+/botones/download-icon.png) no-repeat center left; } a.boton_upload { padding: 2px 0 2px 19px !important; background: transparent url(/+/botones/upload-icon.png) no-repeat center left; } a.boton_pay { padding: 2px 0 2px 19px !important; background: transparent url(/+/botones/pay.png) no-repeat center left; } /* https://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/ */ .centered { position:fixed; top:50%; left:50%; /* bring your own prefixes */ transform: translate(-50%, -50%); }