@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl, dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}
body{line-height:20px} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:none} :focus{outline:0} ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0} a{color:#000;text-decoration:none} a:hover{color:#000} .left{ float:left} .clear{ clear:both} .right{ float:right}
/*---fin/reset---*/
body{background: url(../img/interfaz/bg2.jpg) repeat-x center 557px  }
body{font:11px/20px Tahoma, Geneva, sans-serif}
#bg{position:absolute;	top:144px;	left:0;	width:100%;	background: url(../img/interfaz/bg.jpg) repeat-x  center 0;	height:412px;	z-index:-1}
#web{ width:960px; margin:0 auto}

/*header*/
#header{ padding-top:10px} #header > img{ float:left;border:none} #header > a{ display:inline;border:none; width:154px; margin:0; float:left}	 
#bannerTop{ height:76px; margin: 8px 0 0 320px; background: url(../img/interfaz/bgBannerTop.jpg) no-repeat 0 top; padding:7px}
#bannerTop > a img{ float:left; margin-top:7px} #bannerTop > div{ margin-left:30px; margin-top:10px; height:50px; line-height:17px; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#069}
#bannerTop div > a {padding:6px 0 0; float:none; display:inline;/* background:url(../img/interfaz/li1.gif) no-repeat left 17px*/}
#bannerTop div > a {font-size:14px; font-weight:bold; color:#FF9F11} #bannerTop > div#btnG{ float: right; padding-top:5px; padding-left:10px; width:110px; margin:0} div.fb{ margin-top:5px; overflow:hidden}
#bannerTop a.ventas{width:200px; padding-left:0; background:none} a.soporte{width:120px;} a.contactenos{width:100px;} #bannerTop a.ventas:hover{ text-decoration:underline}
#bannerTop div > a strong{color:#1070CE }
#bannerTop div > a, #menuTop a, ul.nav li a, #box stong {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#menuTop{ background:url(../img/interfaz/bgMenuTop.jpg) no-repeat left top; height:36px; width:960px; clear:right}
ul.nav li a:hover{ text-decoration:underline}

#banners{ padding-bottom:9px;padding-top:35px;}
#slideBox{ margin-right:211px;  height:220px; background:url(../img/interfaz/bgSlide.png) no-repeat 15px 0}
#box{ width:210px; padding:0; float:right; background:url(../img/interfaz/bgbanner2.png) no-repeat left 5px}
#box strong{ font:bold 12px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;color: #03C} #box ul li{ background:url(../img/interfaz/li2.gif) no-repeat left 0; padding-left:13px} #box .compare{ margin-top:10px} li.tipoH{ font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#F30 }

#bg2{ background:url(../img/interfaz/bgMain.png) no-repeat  center top}
#main{ margin:0 auto; width:990px; height:auto; padding-top:15px}


#sidebar{ margin-left:640px}
#info{  float:left; width:620px;}

/*banner home*/
ul#slider1{ display:block; width:741px; height:200px; margin:0}
.bx-next{background: #069;height:30px;position:absolute;right:-50px;text-indent:-999999px;top:40%;width:30px;z-index:999}
.bx-prev{background: #069;height:30px;left:0;position:absolute;text-indent:-999999px;top:40%;width:30px;z-index:999}
.bx-pager{ float:right;margin-right:10px;color:#666}
.bx-pager a{background: url(../img/interfaz/sOff.png) no-repeat;color:#679DB6;font-size:1px;margin-right:5px;padding:1px;zoom:1; display:block; float:left; width:8px; height:8px; text-indent:-5000px; overflow: hidden}
.bx-auto .start{background:#069;padding-left:13px}
.bx-auto .stop{background:#069;padding-left:13px}
.bx-captions{color:#666;font-size:12px;padding:7px 0;text-align:center}
.bx-auto{padding-top:15px;text-align:center}
.bx-auto a{color:#666;font-size:12px}
.bx-next:hover,.bx-prev:hover,.bx-pager .pager-active,.bx-pager a:hover{color:#0066CC; background:url(../img/interfaz/sAct.png) no-repeat}

ul#slider1 li{ display:block; padding-top:14px; height:180px}
ul#slider1 li span{ display:block; height:180px; width:245px; float:left;font-size:11px;color:#044A94; line-height:18px; background:url(../img/interfaz/bgPack.png) no-repeat 15px 10px}
ul#slider1 li span a.tit{ display:block; width:222px;}  ul#slider1 li span a.precio img{ margin-top:15px } 
ul#slider1 span ul{ padding-left:30px; width:130px} ul#slider1 span ul li{ display:inline}

/**info estilos */
#main h1, #main h3, #main h2, strong.large, #main span.large, #main span.short, #main h4.large{display:block; padding:8px 0 17px 20px; font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff}
#main h1, #main h3, #main span.short{background:url(../img/interfaz/bgH1.png) no-repeat} 
#main h1.large, #main h3.large, #main h4.large, #main span.large, strong.large{background:url(../img/interfaz/bgH3.png) no-repeat;/*text-shadow: #999 1px 1px 2px*/} #main span.short{ font-weight:normal}

#main h2{background:url(../img/interfaz/bgH2.png) no-repeat right top;color: #9C0; font-weight:bold; padding:12px 35px 20px 0;  text-align:right}
#main p, #main ul{ padding:0 40px 10px;color:#444}
#main ul li { background:url(../img/interfaz/li2.gif) no-repeat left 7px; padding-left:15px } .bottom5{ margin-bottom:5px}
#main p a, #main ul li a{color:#06C; text-decoration:underline; font-weight:normal}
#main ul.lista0{ text-align:center}
#main ul.lista0 li{ background:none; display:inline; padding:0 10px}

/*sidebar estilos*/
#sidebar p{ padding-left:15px; padding-bottom:10px} #sidebar h3{ margin-bottom:7px}
#aplicacionesSoportadas{ padding:15px}
#aplicacionesSoportadas div{ float: left; width:75px; height:60px; text-align:center} #aplicacionesSoportadas div img{ display:block;; margin:0 auto}
#aplicacionesSoportadas div.clear{ width:auto; float:none; clear:none; height:0}
form#search{ position:relative; width:309px; margin-bottom:15px}
form#search input[type="text"]{border:none; outline:none; margin-top:1px; }
form#search input[type="submit"]{ margin-top:2px;border:none; outline:none; background: url(../img/interfaz/bgSerar.jpg) no-repeat 0 0; width:51px; height:45px; margin-top:1px;cursor:pointer; float:right}
#status{ width:238px;outline:none;border:none; padding:13px 0 14px 20px}
#sidebar .idleField{background: url(../img/interfaz/bgText.png) no-repeat left top;color:#6F6F6F}
#sidebar .focusField{background:url(../img/interfaz/bgText.png) no-repeat left bottom;color:#000}
form#search select{ padding:12px 4px; width:70px; margin:0;border:none;border-top:solid 2px #CCC; outline: none}
#ok{ padding:7px; font-weight:bold; padding:7px;border:solid 1px #9C0;color:#093; background:#F0FAE7; margin:0 40px 10px 5px} #ok a:hover{ text-decoration:underline;color:#09F}

.seccion{ background:url(../img/interfaz/bgpSidabr.png) no-repeat 14px 14px; min-height:170px}
#boxClientes{ padding: 0 25px; height:130px} #boxClientes > p{ width:150px; float:left; padding:0} #boxClientes div{ margin-left:120px; text-align:center; padding:0} #boxClientes div > p { padding:0}

#pie{ background:url(../img/interfaz/bgPie.jpg) repeat-x}
#pieCont{ width:980px; margin:0 auto; height:200px; background: url(../img/interfaz/bgPieCont.png) no-repeat center top; padding-top:20px}
#pieCont div{ width:170px; float:left; height:100px;color:#ccc} #pieCont div strong{color:#FFF} #pieCont div a{color:#CCC} #pieCont div a:hover{color: #9F0; text-decoration:underline} span#redes { display:block; padding-top:10px; width:220px}  span#redes img{ margin-right:10px}

/*PAGINA DE PLANES*/
#tPlanes{padding-left:40px;font-size:11px; width:auto; margin-left:0}
#tPlanes table{ min-width:600px;margin-bottom:1px;background:url(../img/interfaz/bgTh.jpg) no-repeat}
#tPlanes table.conPrecios{background:url(../img/interfaz/bgTh.jpg) no-repeat left 14px;border:0} #tPlanes table.conPrecios th{ vertical-align:middle}
#tPlanes table th{ padding: 5px 0; min-width:100px}
#tPlanes table td{ padding:7px 0;border-bottom: solid 1px #ccc;border-right:solid 1px #ccc; text-align:center; width:100px}
#tPlanes table th strong, #tPlanes table th a{color:#FFF} 
#tPlanes table .cd1{ width:170px; text-align:left;color:#036}
#tPlanes table td a.btnComprar{ background:url(../img/interfaz/btnComprar.jpg) no-repeat left top;color:#FFF; display:block; width:80px; height:22px; padding-top:2px; font-weight:bold; margin: 0 auto}
#tPlanes table td.si{ background:url(../img/interfaz/si.png) no-repeat center center}
#tPlanes table td a.btnComprar:hover{ background:url(../img/interfaz/btnComprar.jpg) no-repeat left bottom}
p.cuestion strong{ display:block; background:url(../img/interfaz/li3.gif) no-repeat left 7px; padding-left:14px;color:#069}
.cuestion2{ padding-left:15px}
img.btnPrecio{ margin-top-15px}

/*PAG DE CONTACTO*/
.formulario{width:auto; margin-left:50px; color:#555; } 

.formulario tr td{ vertical-align:top; padding:5px 3px}
.formulario textarea{ font:12px/18px Arial, Helvetica, sans-serif;color:#555}
.formulario p.box{color:#FFF; display:block; width:200px; padding-top:15px}
.formulario input[type="text"]{ width:300px; height:18px; padding:5px 10px; border:solid 1px #999}
.formulario input.field{ width:320px; height:18px; padding:10px}
.formulario input[type="submit"]{width:100px; height:32px;color:#036;cursor:pointer}
.formulario input[type="button"]{width:100px; height:32px;color:#036;cursor:pointer}
.formulario textarea{ width:300px;border:none; height:85px; padding:7px;border:solid 1px #999;color:#555}
.formulario a{ color:#06C; text-decoration:underline}

/*PAG DE DOMINIO*/
#listo span{ font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#555; line-height:37px}
#entraChat{margin:0 40px 15px; padding: 15px;border:solid 1px #fff; background: #E9E9E9;border:solid 2px #0C6; text-align:left}
#entraChat span{ display:block; text-align:center; width:270px; float:left; padding-top:7px; margin-right:10px; text-align:right;font:17px bold Arial, Helvetica, sans-serif;color:#093}

#buscar{margin:0 auto 10px; width:567px; min-height:130px; padding: 15px; background:url(../img/interfaz/bgpasarela1.png) no-repeat center top;text-align:center;font-size:13px;color: #096; font-weight:bold}
#buscar p{color: #096}
#buscar table{ margin:0 auto}
#buscar table td{font:bold 14px Arial, Helvetica, sans-serif; vertical-align:middle; padding:0}
#buscar table td strong{ display:inline}

#buscar2{margin:0 40px;background: #E9E9E9;text-align:center; border-bottom:none} #listo p{padding:15px}
#buscar2 strong{ font-size:24px;color: #090}
#buscar2 input[type="submit"]{border:none; outline:none; background:url(../img/interfaz/btnSolicitarAhora.png) no-repeat center top; width:198px; max-width:198px; height:48px;  cursor:pointer}
#buscar2{margin:0 auto 10px; width:567px; min-height:290px; padding: 15px; background:url(../img/interfaz/btnBuscar2.png) no-repeat center top;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}

/******************seccion pasarela de compra**************/
#print-ajax-val span{margin-left:10px; display:inline; padding-top:10px; clear:left}
table#dominios-tabla{margin:0 auto;}
#dominios-boton{margin:10px auto; direction:inline; clear:left; width:500px } #dominios-boton.botones-centro{ margin:0 auto 25px; clear:left; padding-left:60px }
#dominios-boton input.btnRetro[type="button"]{ outline:none;border:none; background:url(../img/interfaz/btnRetroceder.png) no-repeat; width:182px;  max-width:182px;padding-right:-999px; overflow:hidden; height:38px;color:#FFF; font-weight:bold;cursor:pointer; margin-top:1px }
#dominios-boton input.btnNext{outline:none;border:none; background:url(../img/interfaz/btnSiguiente.png) no-repeat; width:182px; max-width:182px; height:34px; padding-right:-999px; overflow:hidden;color:#FFF;font-weight:bold;cursor:pointer}

/*botones Procesar formulario*/
input.btnRetro2[type="button"]{ outline:none;border:none; background:url(../img/interfaz/btnRetroceder2.png) no-repeat; width:196px;  max-width:196px;padding-right:-999px; overflow:hidden; height:48px;color:#FFF; font-weight:bold;cursor:pointer; margin-top:1px; margin-left:20px }
input.btnProcesar2[type="button"]{outline:none;border:none; background:url(../img/interfaz/btnProcesar2.png) no-repeat; width:196px; max-width:196px; height:48px; padding-right:-999px; overflow:hidden;color:#FFF;font-weight:bold;cursor:pointer; margin-left:10px}

#sidebar .error{color:#F00;}
.val{color:#F00; font-size:14px;}
.val-ok{color:#390; font-size:14px;}
.error-ajax{background-color:#FFBFC1; border:1px solid #F00; color:#F00; text-align:center; padding:5px; font-size:14px;}
.ok-ajax{background-color:#AEFDA6; border:1px solid #390; color:#277839; text-align:center; padding:5px; font-size:14px;}
#btnAjaxDominio{border:none; outline:none; background:url(../img/interfaz/btnBuscar.png) no-repeat; width:105px; height:31px; padding-left:-9999px; overflow:hidden; cursor:pointer;font:bold 17px 'Helvetica65Medium';color:#FFF; margin-left:3px}
#txtDomain{border:none; outline:none; background: url(../img/interfaz/bgInputxt.png) no-repeat 0 1px; width:240px; height:17px; margin:8px 2px 0; padding:7px 7px 8px;font: bold 17px 'Helvetica65Medium'; margin-bottom:10px}
#loader-domain{ margin:10px 0 15px 50px }
span.radio{ width:180px; float:left; height:60px; display:block}
span.radio label{ float:left} span.radio.pleft120{ padding-left:150px; width:120px; padding-right:20px}
span.radio input[type="radio"]{ margin-top:15px}
#formulario-dominio{ display:block}
#formulario-dominio table td{ padding:0; margin:0; vertical-align:middle}
#formulario-dominio #txtExtensi{ padding:4px}
#main p.elPrecio{ font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#06C} p.elPrecio strong{font-size:19px; color: #F60} #main p.host{font:bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;color: #036}
/*---------*/
.font1{ font:bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase;color: #06C}

.fverde{color:#06C; margin-left:15px}
.fverde:hover{color:#39F}

.fazul{color:#18A12B}
.fazul:hover{color:#5FB813}

input[type="radio"]{cursor:pointer} 
#info.contPlanes{ margin-right:0; width:auto}
#info.contPlanes #tPlanes{ width:auto; margin-right:35px}

@font-face{
    font-family: 'Helvetica65Medium';
    src: url('../img/fonts/helvetica/helveticamed-webfont.eot');
    src: url('../img/fonts/helvetica/helveticamed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../img/fonts/helvetica/helveticamed-webfont.woff') format('woff'),
         url('../img/fonts/helvetica/helveticamed-webfont.ttf') format('truetype'),
         url('../img/fonts/helvetica/helveticamed-webfont.svg#Helvetica65Medium') format('svg');
}
.font1{font:normal 17px 'Helvetica65Medium'}
#btnLlamanos{ width:558px; height:93px; background:url(../img/interfaz/bgTel.jpg) no-repeat;font: italic bold 14px "Trebuchet MS"; padding:17px 20px;color:#003399; margin-left:35px}
#btnLlamanos img{ float:left; margin-right:15px}

/*slide top*/
#bxClientes {position:relative;height:90px; width:90px; float:right; overflow:hidden; padding-right:50px}
#bxClientes img {position:absolute; top:0;left:0;z-index:8;opacity:0.0;}
#bxClientes img.active {z-index:10; opacity:1.0;}
#bxClientes img.last-active {z-index:9;} #txtDireccion{ background: #333;font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff; text-align:center; padding:20px 0} #txtDireccion a{color:#9C0}
table.icons{ width:400px; float:right;border:none} table.icons td{ padding-right:25px} table.icons img{ margin:2px} .clinux{ float:right; width:100px; margin-right:15px}



/* SLIDEOUT */

a.trigger{
position: fixed;
text-decoration: none;
top:100px;
right: 0;
letter-spacing:-1px;
display: block;
z-index:9999;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top:100px; right: 0;
color:#fff;
display: block;
}

a.active.trigger {
background:#222222 url(../images-slideout/minus.png) 15% 55% no-repeat;
}