body{ background: url(/hostmxbg.png); } #canvas{ width: 100%; text-align: center; } #container{ width: 950px; margin: 0 auto; } #roundtop{ width: 950px; height: 10px; background: url(/hostmx_top.png); margin: 0 auto; margin-top: 5px; } #homeimage{ width: 950px; height: 300px; background: url(/hostmx_home_girl.jpg); } #menumain{ width: 950px; height: 50px; background: url(/buttonbg.png); } #menuoption1{ float: left; width: 50px; height: 30px; margin-top: 10px; text-align: center; font-size: 12px; font-weight: bold; font-family: Arial; color: #fff; line-height: 30px; } #menuoption1 a{ text-decoration: none; color: #fff; } #menuoption1 a:hover{ text-decoration: none; color: #fff; font-size: 13px; text-decoration: underline; } #menuoption2{ float: left; width: 120px; height: 30px; margin-top: 10px; text-align: center; font-size: 12px; font-weight: bold; font-family: Arial; color: #fff; line-height: 30px; } #menuoption2 a{ text-decoration: none; color: #fff; } #menuoption2 a:hover{ text-decoration: none; color: #fff; font-size: 13px; text-decoration: underline; } #menuoption3{ float: left; width: 80px; height: 30px; margin-top: 10px; text-align: center; font-size: 12px; font-weight: bold; font-family: Arial; color: #fff; line-height: 30px; } #menuoption3 a{ text-decoration: none; color: #fff; } #menuoption3 a:hover{ text-decoration: none; color: #fff; font-size: 13px; text-decoration: underline; } #menuoption4{ float: left; width: 70px; height: 30px; margin-top: 10px; text-align: center; font-size: 12px; font-weight: bold; font-family: Arial; color: #fff; line-height: 30px; } #menuoption4 a{ text-decoration: none; color: #fff; } #menuoption4 a:hover{ text-decoration: none; color: #fff; font-size: 13px; text-decoration: underline; } #menuoption5{ float: left; width: 170px; height: 30px; margin-top: 10px; text-align: center; font-size: 12px; font-weight: bold; font-family: Arial; color: #fff; line-height: 30px; } #menuoption5 a{ text-decoration: none; color: #fff; } #menuoption5 a:hover{ text-decoration: none; color: #fff; font-size: 13px; text-decoration: underline; } #menuoption6{ float: left; width: 100px; height: 30px; margin-top: 10px; text-align: center; font-size: 12px; font-weight: bold; font-family: Arial; color: #fff; line-height: 30px; } #menuoption6 a{ text-decoration: none; color: #fff; } #menuoption6 a:hover{ text-decoration: none; color: #fff; font-size: 13px; text-decoration: underline; } #menuoption7{ float: left; width: 75px; height: 30px; margin-top: 10px; text-align: center; font-size: 12px; font-weight: bold; font-family: Arial; color: #fff; line-height: 30px; } #menuoption7 a{ text-decoration: none; color: #fff; } #menuoption7 a:hover{ text-decoration: none; color: #fff; font-size: 13px; text-decoration: underline; } #menuoption8{ float: left; width: 80px; height: 30px; margin-top: 10px; text-align: center; font-size: 12px; font-weight: bold; font-family: Arial; color: #fff; line-height: 30px; } #menuoption8 a{ text-decoration: none; color: #fff; } #menuoption8 a:hover{ text-decoration: none; color: #fff; font-size: 13px; text-decoration: underline; } #menuoption9{ float: left; width: 35px; height: 30px; margin-top: 10px; text-align: center; font-size: 12px; font-weight: bold; font-family: Arial; color: #fff; line-height: 30px; } #menuoption9 a{ text-decoration: none; color: #fff; } #menuoption9 a:hover{ text-decoration: none; color: #fff; font-size: 13px; text-decoration: underline; } #menuoption10{ float: left; width: 80px; height: 30px; margin-top: 10px; text-align: center; font-size: 12px; font-weight: bold; font-family: Arial; color: #fff; line-height: 30px; } #menuoption10 a{ text-decoration: none; color: #fff; } #menuoption10 a:hover{ text-decoration: none; color: #fff; font-size: 13px; text-decoration: underline; } #menuoption11{ float: left; width: 180px; height: 30px; margin-top: 10px; text-align: center; font-size: 12px; font-weight: bold; font-family: Arial; color: #fff; line-height: 30px; } #menuoption11 a{ text-decoration: none; color: #fff; } #menuoption11 a:hover{ text-decoration: none; color: #fff; font-size: 13px; text-decoration: underline; } #menuspace{ width: 1px; height: 30px; margin-top: 10px; background: #000; float: left; } #maincontentarea{ width: 950px; background: #fff; } #footer{ width: 950px; height: 200px; background: #000; } #logos{ float: right; margin-top: 10px; margin-right: 10px; width: 165px; height: 170px; } #tophometext{ height: 100px; text-align: left; width: 430px; margin-top: 30px; margin-left: 20px; float: left; font-family: Arial; font-size: 24px; color: #fff;} #tophometext a{ color: #fff; font-size: 14px; } #footerlinks{ width: 220px; height: 180px; margin-top: 0px; margin-left: 20px; float: left; text-align: left;} #footerlinks h1{ color: #fff; font-family: Arial; font-size: 14px; } #footerlinks a{ color: #ddd; font-family: Arial; font-size: 12px; text-decoration: none; line-height: 15px;} #footerlinks a:hover{ text-decoration: underline; } #copyright{ height: 90px; background: #000; width: 950px; font-family: Arial; font-size: 12px; color: #ddd; } #leftmenu{ width: 200px; float: left; margin-left: 5px; margin-top: 10px; } #centerarea{ width: 550px; float: left; margin-left: 13px; margin-top: 10px; font-family: Arial; font-size: 12px; } #centerarea p{ color: #444; text-align: justify; } #rightmenu{ width: 150px; float: left; margin-left: 10px; margin-top: 10px; } #roundbottom{ width: 950px; height: 10px; background: url(/hostmx-bottom.png); margin: 0 auto; } #PagosDiv{ position: relative; overflow: hidden; border-width: 1px; border-style: solid; border-color: #fff; margin-top: 10px; } #Description{ position: absolute; background: #dadada; padding: 5px; top:0; left: 0; width: 140px; height: 12px; opacity: 0.8; font-family: Arial; font-size: 12px; } #transfiere{ width: 150px; height: 150px; border-width: 1px; border-color: #fff; border-style: solid; background: url(/transfiere.png) no-repeat; margin-top: 10px; text-align: left; } #transfiere a{ font-family: Arial; font-size: 10px; text-align: left; text-decoration: none; margin-left: 5px; margin-top: 50px; color: #000; width: 130px; height: 130px; display: block;} #registrodedominios{ font-family: Arial; font-size: 10px; color: #444; text-align: center; border-width: 1px; border-color: #fff; border-style: solid; width: 200px; height: 140px; background: url(/dominiosback.png); } #newsletter{ width: 200px; height: 100px; background: url(/newsletter.png); border-width: 1px; border-color: #fff; border-style: solid; text-align: right; margin-top: 10px; font-family: Arial; font-size: 10px;} #buenfin{ width: 200px; height: 200px; background: url(/buenfin.png); border-width: 1px; border-color: #fff; border-style: solid; text-align: center; margin-top: 10px; font-family: Arial; font-size: 20px; } #buenfin a{ margin-top: 250px; font-size: 13px; color: #a00; font-weight: bold;} #newsletter h1{ font-size: 14px; color: #a00; } #ofertaactual{ width: 200px; height: 220px; background: url(/promocionbox.png); border-width: 1px; border-color: #fff; border-style: solid; text-align: center; margin-top: 10px; font-family: Arial; font-size: 10px; } #ofertaactual h1{ font-size: 18px; color: #a00; } #promocontent{ width: 190px; float: left; margin-left: 5px; margin-top: 5px; height: 90px; text-align: left;} #promocontent h1{ margin-top: 0px; line-height: 18px; } #promocontent a{ text-decoration: underline; color: #a00; margin-left: 70px; font-size: 14px; font-weight: bold;} #tiemporestante{ font-size: 10px; float: right; margin-top: 25px; width: 100px; } .acordion { width: 500px; border-bottom: solid 1px #888; margin-left: 25px; text-align: left;} .acordion h3 { background: #e7e7e7 url(/arrow-square.gif) no-repeat right -51px; padding: 5px 10px; padding-left: 30px; margin: 0; font-family: Arial; border: solid 1px #888; border-bottom: none; cursor: pointer; font-size: 14px;} .acordion h3:hover { background-color: #e2e2e2; } .acordion h3.active { background-position: right 5px; } .acordion p { background: #fff; margin: 0; padding: 5px 10px 5px; border-left: solid 1px #888; border-right: solid 1px #888; font-family: Arial; font-size: 12px;} #noticias{ font-family: Arial; text-align: left; } #noticias h1{ font-size: 16px; color: #a00; margin-left: 25px; } #tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85;} #tooltip h3, #tooltip div { margin: 0; } #subpageimage{ width: 950px; height: 150px; } #subpagetext{ height: 70px; text-align: left; width: 291px; margin-top: 13px; margin-left: 15px; float: left; font-family: Arial; font-size: 17px; color: #fff;} #subpagetext a{ color: #fff; font-size: 12px; } #subpagetext2{ height: 35px; width: 310px; margin-top: 8px; margin-right: 10px; float: right; font-family: Arial; font-size: 17px; color: #fff; } #subpagetext3{ height: 48px; width: 328px; margin-top: 10px; margin-left: 8px; float: left; font-family: Arial; font-size: 17px; color: #fff; } #currencywrapper{ width: 950px; height: 30px; text-align: right; } #currencyselect{ float: right; font-family: Arial; font-size: 12px; color: #fff; width: 300px; background: url(/currencies.png); height: 30px; line-height: 30px; } #currencyselect a{ text-decoration: none; color: #fff;} #currencyselect .theinput{ font-family: Arial; font-size: 12px; background: #ddd; border-width: 1px; border-style: solid; border-color: #888; margin-right: 20px; } #phonewrapper{ width: 300px; height: 30px; float: left; line-height: 30px; font-family: Arial; font-size: 16px; text-align: left; color: #444; background: url(/miniphone.png) no-repeat; padding-left: 40px;} #largecenterarea{ width: 910px; float: left; margin-left: 20px; margin-top: 10px; font-family: Arial; font-size: 12px; text-align: left; } #largecenterarea p{ color: #444; text-align: justify; } #largecenterarea h1{ color: #888; } #planbox{ width: 200px; height: 250px; background: url(/planbg.png); text-align: left; margin-left: 22px; float: left;} #plantitle{ margin-top: 13px; margin-left: 10px; font-family: Arial; font-size: 20px; color: #fff; } #plancontratar{ margin-top: 10px; margin-left: 39px; width: 120px; height: 40px; } #plancontratar a{ width: 120px; height: 40px; display: block; overflow: hidden; background: url(/contratarbut.png) 0 0; } #plancontratar a:hover{ background: url(/contratarbut.png) 0px -40px; } #planprecio{ width: 200px; height: 20px; text-align: center; } #planprecio .precios{ font-size: 12px; } #planinfo{ font-family: Arial; font-size: 12px; color: #444; margin-top: 30px; margin-left: 5px; height: 100px;} #planinfo a{ text-align: center; color: #a00; margin-left: 20px;} #planinfo2{ font-family: Arial; font-size: 12px; color: #444; margin-top: 15px; margin-left: 5px; height: 100px;} #planinfo2 a{ text-align: center; color: #a00; margin-left: 20px;} #planprecio2{ width: 200px; height: 20px; color: #a00; font-family: Arial; font-size: 16px; font-weight: bold; text-align: center;} #footnote{ text-align: center; color: #888; font-size: 11px; } #floatchatright{ float: right; width: 150px; height: 70px; text-align: right; margin-right: 5px; margin-top: 10px; } #floatchatrightwithquote{ float: right; width: 150px; height: 160px; text-align: right; margin-right: 5px; margin-top: 10px; } #clear{ clear: both; } #tinybox {position:absolute; display:none; margin: 15px 0 15px 0; padding:20px 15px 0 15px; background-color:transparent; z-index:2000; height: 2000px; overflow:hide;} #tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500;} #tinycontent {background-color: transparent;} .contents {background-image: url('/comparegradient.gif');background-repeat: repeat-x;background-position: top;background-color: #ffffff;border-top: 1px solid #ffffff;width:600px;clear: both;margin: 0px auto;padding: 15px 0px;overflow: auto;height: 500px; font-family: Arial;} .contents2 {background-image: url('/comparegradient.gif');background-repeat: repeat-x;background-position: top;background-color: #ffffff;border-top: 1px solid #ffffff;width:600px;clear: both;margin: 0px auto;padding: 15px 0px;overflow: auto;height: 300px; font-family: Arial;} .comparetop {background-image: url('/comparetop.gif');background-repeat: no-repeat;height: 52px;width: 600px;position: relative;top: 1px; font-family: Arial;} #linuxtop.comparetop , #wintop.comparetop {top: 11px;} .comparetop h2 {position: relative;padding: 15px 0 0 15px;font-size: 20px;color: #ffffff;} .comparebottom {background-image: url('/comparebottom.gif');background-repeat: no-repeat;height: 21px;width: 600px;border-top: 1px solid #ffffff;} .closebutton {display: inherit;z-index: 99999;background-color: transparent;background-image: url('/closebutton.png');background-repeat: no-repeat;height: 53px;width: 53px;float: right;cursor: pointer;position: relative;top: -18px;left: 22px; border-width: 0px;} #testdiv {width:550px; margin:0 auto; border:1px solid #ccc; padding:20px 25px; background:#fff;} tr.one {color:#444;background-color: #CCCCCC;text-align:center;} tr.two {color:#444;background-color:#E6E6E6;text-align:center;} tr.dblue th {background-image: url(/tback.gif);color:#FFFFFF;height:35px;text-align:left;font-size:12px; padding:0 6px ;} td.question {text-align:center;width: 3%;border:0px;} td.feature {margin: 3px;padding: 5px;width:28%;height: 15px;text-align:left;font-size:13px;} td.feature2 {margin: 3px;padding: 5px;width:190px;height: 15px;text-align:left;font-size:13px;} td.feature3 {margin: 2px;padding: 3px;width:28%;height: 12px;text-align:left;font-size:11px;} td.plans {text-align:center;color:#31659C;margin: 3px;width: 20%;} td.plans2 {text-align:center;color:#31659C;margin: 3px;width:200px;} td.select {background-color:#dadada;width:20%;} td.select2 {background-color:#A6BDD4;} .maintable {width: 550px;margin:0px auto;padding: 0px;z-index: 3000;background-color: #ffffff;background: #FFF ;border: 1px solid #21499C;border-top: none;} #half{ width: 440px; height: 250px; float: left; margin-top: 10px; background: url(/bghalf.png);} #half h1{ font-family: Arial; font-size: 18px; } #half a{text-align: right; color: #a00; margin-left: 350px;} #halfdata{ width: 440px; height: 50px; text-align: right; font-size: 14px; margin-top: 10px;} #halfspacer{ width: 30px; height: 250px; float: left; display: block;} #halfseparator{ width: 30px; height: 250px; float: left; display: block;} .vpsmid {margin-bottom: 0px;} .vpsmid .selectorbox {background-image: url('/selectorbox.png');height: 118px;margin-bottom: 3px;text-align: center;} .vpsmid .selectortable {color: #688BB1;margin-left: 0px;margin-top: 10px;padding: 0 0px 0 5px;width: 100%;text-align: center;} .vpsmid .selectortable2 { color: #688BB1;margin-left: 0px;margin-top: 10px;padding: 0 0px 0 5px;width: 100%;text-align: center; } .selectortable td {cursor:pointer;position: relative;width: 25%;font-size: 16px;font-family: "trebuchet ms", Helvetica, kalimati,arial;color: #444;font-weight: bold;border-right: 1px dotted #444;} .selectortable2 td {cursor:pointer;position: relative;width: 20%;font-size: 16px;font-family: "trebuchet ms", Helvetica, kalimati,arial;color: #444;font-weight: bold;border-right: 1px dotted #444; } .vpsmid ul{margin: 3px 0px 5px 0;padding: 0px;list-style: none;float: left;} .vpsmid li {width: 110px;height: 56px;float: left;font-family: arial;padding: 0 10px 20px 10px;margin: 0px 0 0 0;text-align: center;border-right: 1px solid #c0c0c0;border-left: 1px solid #fff;} .middle {width: 800px; margin-left: 52px;} .vpsmid .specbox {float: left;background-image: url('/specbox2.png');background-repeat: no-repeat;background-position: 0px 0;margin-bottom: 1px;height: 86px; width: 396px;} .specbox h3 {margin: 7px 0 7px 0;color: #444;font-size: 14px;} .specbox h2 {color: #a00;font-size: 20px;margin: 10px 0 0 0;} .vpsmid .pricebox {background-image: url('/pricebox.png');background-repeat: no-repeat;float: left;margin: 0 0px 0 2px;width: 131px;height: 86px;} .pricebox h2 {color: #fff;text-align: center;margin-top: 20px;font-size: 24px; } .calculadora{ float: left; width: 131px; height: 84px; margin: 0 0px 0 2px; } .resellerordernow {position: relative;left: 2px;float: right;width: 131px;height: 84px;background-color: transparent;background-image: url('/ordernow.png');background-repeat: no-repeat;background-position: 0px 0;border: none;cursor: pointer;} #star_val {position: relative;top: -7px;left: 2px;font-size: 15px;} .dynamic-slider-control {position:relative;background-color:transparent;-moz-user-focus:normal;-moz-user-select:none;cursor:default;} .horizontal {margin-top: 15px;margin-left: 60px;margin-right: 5px;width:775px;height:30px;} .vertical {width:29px;height:200px;} .dynamic-slider-control input {display: none;} .dynamic-slider-control .handle {position:absolute;font-size:1px;overflow:hidden;-moz-user-select: none;cursor: pointer;} .dynamic-slider-control.horizontal .handle {width: 25px;height: 37px;background-image: url("/handle.horizontal.png");} .dynamic-slider-control .line {position:absolute;font-size:0.01mm;overflow:hidden;width: 775px;height: 13px;background-image: url('/bg_red.png');background-position: 900px 0px;border-left: 1px solid #636363;border-right: 1px solid #ABABAB; box-sizing:content-box;-moz-box-sizing:content-box;} .dynamic-slider-control .line div {height:20px;} .dynamic-slider-control .line2 {position:absolute;font-size:0.01mm;overflow:hidden;width: 775px;height: 13px;background-image: url('/bg_red2.png');background-position: 900px 0px;border-left: 1px solid #636363;border-right: 1px solid #ABABAB; box-sizing:content-box;-moz-box-sizing:content-box;} .dynamic-slider-control .line div {height:20px;} #descutilidad{ font-family: Arial; font-size: 12px; text-align: center;} #utilidadreal{ font-family: Arial; font-size: 12px; text-align: center;} a.Ntooltip { position: relative; /* es la posición normal */ text-decoration: none !important; /* forzar sin subrayado */ color:#a00 !important; /* forzar color del texto */ } a.Ntooltip:hover { z-index:999; /* va a estar por encima de todo */ background-color:#dadada; } a.Ntooltip span { display: none; /* el elemento va a estar oculto */ } a.Ntooltip:hover span { display: block; /* se fuerza a mostrar el bloque */ position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */ top:2em; left:2em; /* donde va a estar */ width:250px; /* el ancho por defecto que va a tener */ padding:5px; /* la separación entre el contenido y los bordes */ background-color: #a00; /* el color de fondo por defecto */ color: #FFFFFF; /* el color de los textos por defecto */ } #tablaafiliados{ width: 700px; height: 400px; background: url(/afiliadostablabg.png); margin-left: 110px; } #tablaafiliadostexto{ width: 400px; height: 350px; margin-top: 45px; margin-left: 10px; float: left; font-size: 16px;} #tablaafiliadostexto .monto{ color: #a00; font-weight: bold; font-size: 18px; } #tablaestado{ border: 1px solid #888; width: 750px; } #tablaestado td{ margin: 0px;padding: 0px; height: 12px;text-align:center;font-size:11px; } #tablaestado tr.select{ background: #ddd; } /* ****************************************************************************** * These styles may be affected by the plugin, so avoid changing them if * it's not absolutely necessary. ****************************************************************************** */ .contentslider { position:relative; display:block; width:540px; height:250px; margin:0 auto; overflow:hidden; } .cs_wrapper { position:relative; display:block; width:100%; height:100%; margin:0; padding:0; overflow:hidden; } .cs_slider { position:absolute; width:10000px; height:100%; margin:0; padding:0; } .cs_article { float:left; position:relative; top:0; left:0; display:block; width:540px; height:250px; margin:0 auto; padding:0; } .cs_article h2 { display:block; width:26%; margin:10px 26px 5px 67%; text-align:left; } .cs_article img { position:absolute; top:0; left:0; width:66%; border:0; -ms-interpolation-mode:bicubic; } .cs_article p { display:block; width:26%; margin:0 26px 5px 67%; padding:0; border:0; } .cs_article .readmore { display:block; width:26%; margin:0 6% 1% 68%; text-align:right; } .cs_leftBtn, .cs_rightBtn { position:absolute; top:0; height:400px; padding:10px 0; z-index:9000; } .cs_leftBtn { left:0; outline:0; } .cs_rightBtn { right:0; outline:0; } .cs_leftBtn img, .cs_rightBtn img { border:0; position:relative; top:200px; margin:0; } /* * Color, Border, and Button Rules */ .contentslider { padding:10px; /* This acts as a border for the content slider */ background:#333; /* This is the color of said border */ } .cs_wrapper, .cs_article { background:#FFF; /* Background color for the entries */ } .cs_leftBtn, .cs_rightBtn { width:30px; /* Should be as wide as the button graphic being used */ background:#333; /* This will probably match the contentslider bg color */ } /* * Article styles (font, color, etc.) * * If textResize is set to TRUE, sizing shouldn't need to be touched. However, * depending on the sizes you have defined, additional tweaking may be * required in order to get the text to display properly. */ .cs_article h2 { font-size:200%; line-height:1.125em; } .cs_article h2 a { color:#333; text-decoration:none; } .cs_article p { font-size:85%; line-height:1.5em; color:#777; } .cs_article .readmore { font-size:80%; } #disponible{ width: 910px; border-width: 1px; border-color: #6A6; text-align: center; border-style: solid; height: 30px; background: #AFA; font-family: Arial; font-size: 18px; line-height: 30px; } #disponible .dominio{ font-weight: bold; } #nodisponible{ width: 910px; border-width: 1px; border-color: #A66; text-align: center; border-style: solid; height: 30px; background: #FAA; font-family: Arial; font-size: 18px; line-height: 30px; } #nodisponible .dominio{ font-weight: bold; } #dominio{ float: left; margin-right: 20px; margin-left: 20px; line-height: 20px; font-size: 16px; margin-top: 10px; } #picsright{ width: 300px; float: right; margin-left: 20px;} #picsright img{ margin-top: 10px; } #picsbottom { margin-top: 10px; } #picsbottom img{ margin-right: 1px; } #acreditacion{ float: left; width: 30%; margin-right: 3%; text-align: center; } #contacto{ float: left; width: 26%; margin-right: 3%; text-align: center; } #faqs { position:relative; } #faqs h3 { cursor:pointer; font-size: 14px; color: #a00;} #faqs h3.active { color:#d74646; } #faqs div { position:relative; } #faqs div p { padding:0; margin-bottom:15px; } #contenidosslide{ color: #fff; margin-top: 80px; margin-left: 25px; width: 350px; text-align: left; height: 160px; font-size: 16px; float: left;} #contenidosslide a{ color: #fff; } #fixslider{ text-align: left; } #softwareinfo{ width: 920px; height: 130px; background: url(/softwareinfobg.png); } #softwarelogo{ width: 200px; height: 130px; float: left; line-height: 130px; margin-left: 10px; text-align: center;} #softwaretext{ width: 500px; height: 100px; margin-top: 20px; margin-left: 10px; float: left; } #softwareprice{ width: 200px; height: 100px; float: left; margin-top: 40px; text-align: center;} #softwareprice a{ width: 120px; height: 30px; background: url(/softwaredetalles.png); display: block; margin-left: 40px; margin-top: 10px;} #fotosoftware{ float: right; } #tablaestado a{ width: 120px; height: 40px; display: block; overflow: hidden; background: url(/contratarbut.png) 0 0; margin-left: 7px; margin-bottom: 10px;} #tablaestado a:hover{ background: url(/contratarbut.png) 0px -40px; }