@charset "UTF-8";/* modificado 30-07-2020*/
body{font-size:14px;}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;font-weight: 300;width: 100%;height: auto;margin: 0;float: left;font-style: normal;}
.rojo {color: #b82337;}.naranjo {color: #d48c34;}
p, p.large{font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";font-weight: 300; margin: 0; padding:0; font-style:normal;} p{text-align: justify;}
a, a:hover{text-decoration:none;}
b,strong { font-weight: 700;}
.separator{border-bottom: 1px solid #FFFFFF;border-top: 1px solid #cccccc;clear: both;display: inline-block;height: 0;	margin: 2% 0;width: 100%;float: left;}
.marco, .marco-medio{clear: both;display: inline-block;height: 0;width: 100%;float: left;}
.marco{margin: 2% 0;}.marco-medio{margin: 1% 0;}
.bloque-centro{text-align: center; margin: 4% 0; float: left; width: 100%;}
.verde{ color: #59b75c;}
.bggris{ background-color: #f0f0f0;}.bgblanco{background-color: #ffffff;}.bgazul{background-color: #2a363f;}.bgclaro{background-color: #f9f9f9; }
.bgnaranjo{background-color: #d48c34; } 
.oscuro{color: #68727a;} .verde{color: #59b75c; }.naranjo{color: #f0aa3e; }  
/* wasap */
.bubble { position: fixed; bottom: 1rem; right: 1rem;padding: 8px; background-color: #00B4FF;border-radius: 50px; font-size: 35px;display: flex;justify-content: center;align-items: center;text-align: center;}
.bubble a { color: white;width: 48px; height: 48px;}
.ws-bubble { background-color: #5FC993; z-index: 1000;  }
.ws-bubble .fa {font-size: 35px;margin-top: 6px;margin-left: 2px;}
/*-- */
/* Navigation */
#tf-superior{background-color:#fff;width:100%;height:auto;clear:both; }/*mio*/
#tf-superior .row{border-bottom:1px solid #eeeeee; /*box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.1)*/}/*mio*/
.logo{ width:100%; height:auto; margin: 4% 0 3%;}
#tf-menu {margin: 0;background: transparent;border: 0; color: #fff !important;padding: 0;/*2% 0*/ height:auto;}
#tf-menu.navbar-default .navbar-nav > li > a {color: #585858;text-transform: uppercase;font-size: 15px;line-height:30px;font-family: 'Lato', sans-serif; font-weight:400; padding-top:15px;/*20px*/}
#tf-menu.navbar-default .navbar-nav > li > a:hover, #tf-menu.navbar-default .navbar-nav > li > a:focus {color: #FF7122;background-color: transparent;}
/*------------*/
#comparador, #footer,#header, #inicio, #intro, #caracteristicas, #aplicaciones, #review, #datos, #home, #noticias, #cotizar, #cotizarcontent, #hostingpremium{ width: 100%;height: auto;clear: both;}
#comparador, #inicio, #intro, #caracteristicas, #aplicaciones, #review, #datos, #noticias, #cotizar, #cotizarcontent,#hostingpremium, #contact,#footer {padding: 34px 0;}
#review, #cotizar{ background-color: #f0f0f0;}
#header {background-color:#282b2d;}
#header h3 {font-size: 1em; line-height: 26px; letter-spacing: 1px;color: #FFFFFF; text-align:center; padding:0.3% 0;font-weight: 200;}

#footer p{font-size:13px;color:#b2b2b2;line-height:24px;} 
#footer h6{font-size:13px;color:#b2b2b2;line-height:28px; text-align:justify;}
.foot_item{font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";font-weight:300;text-align:left;float:left;height:auto;width:100%;color:#b2b2b2;font-size:13px;}
.foot_item p{font-size:13px;color:#808080;line-height:24px;}
#footer a{color:#808080;text-decoration:none;}#footer a:hover{text-decoration:none;color:#ffffff;}
.redes {float: left; padding: 0; margin:4% 0 0; width:100%;}
.redes .fa {border: 1px solid #a0adbb; border-radius: 50%; padding: 8px 0 0 9px !important;height: 30px; width: 30px; margin: 1% 10% 1% 0 !important; float:left;}
/*botones*/
.btn_ser, .btn_visitar, .btn-hosting, .descargar_pdf, .ver_detalles, .btn_plan, .btn_info, .btn_sitio, .btn_ver{font-family: 'Montserrat', sans-serif; text-decoration: none;height: auto;}
.btn_ser, .btn_visitar, .btn-hosting{text-align: center; font-weight: 600; }
.btn_ser, .btn_plan, .btn_info, .btn_sitio, .btn_visitar, .btn-hosting,  .btn_ver{ border-radius: 10px;}
.btn_ser{ float: right;background-color: #59b75c; font-size: 26px; margin: 23% 1% 0 0; padding: 0.6% 0; width: 24%; line-height: 32px;box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);}

.btn_plan, .btn_sitio, .btn_visitar, .btn-hosting, .descargar_pdf, .ver_detalles, .btn_plan, .btn_info, .btn_sitio, .btn_ver{float: left;}
.btn_plan, .btn_sitio, .btn_visitar, .btn-hosting, .descargar_pdf, .ver_detalles{color: #68717a;}
.btn_plan, .btn_sitio, .btn_visitar, .btn-hosting{ background-color: #FFFFFF;border: 2px solid #68717a;}
.btn_visitar, .btn-hosting{ font-size: 15px; padding: 0.4% 0;line-height: 33px;}
.btn_visitar{ margin: 8% 15%; width: 70%;}.btn-hosting {margin: 4% 0;width: 100%;}
.descargar_pdf, .ver_detalles{font-size: 1.1em;font-weight: 300;line-height: 28px;width: 100%;text-align: left;}
.btn_plan, .btn_info, .btn_sitio, .btn_ver{text-align: center;}
.btn_plan{font-size: 14px;margin: 4% 26%; padding: 0.4% 0;width: 48%;line-height: 33px;font-weight: 400;}
.btn_info, .btn_sitio{text-transform: uppercase; font-size: 1em;line-height: 28px; font-weight: 300;}
.btn_info, .btn_ver{ color: #ffffff !important; }
.btn_info{ background-color: #d48c34;padding: 1% 0;margin: 5%;width: 90%;}.btn_sitio{margin: 5% 10% 0;padding: 0;width: 80%; }
.btn_ver{margin: 1% 33% 0;padding: 0.5% 0;width: 33%; font-size: 1.4em;line-height: 40px;font-weight: 300;background-color: #2a363f;}

.btn_visitar a, .btn_visitar a:hover, .btn_visitar:hover, .btn-hosting a, .btn-hosting a:hover, .btn-hosting:hover, .descargar_pdf a, .descargar_pdf a:hover, .ver_detalles a, .ver_detalles a:hover, .btn_plan a, .btn_plan a:hover, .btn_sitio a, .btn_sitio a:hover{text-decoration: none;color: #68717a;}
.btn_ser, .btn_ser a, .btn_ser a:hover, .btn_ser:hover, .btn_info a, .btn_info a:hover, .btn_ver a, .btn_ver a:hover{text-decoration: none;color: #FFFFFF;}
/*---*/

#intro p, #noticias p, #review p, #caracteristicas p, #datos p {color: #68727a;}
#datos p {font-family: 'Montserrat', sans-serif;}
#noticias p, #datos p,#cotizar p, #cotizarcontent p { line-height: 28px;font-size: 1.1em;}
#caracteristicas p  {line-height: 26px;font-size: 1.1em;}
#review p {font-size: 1em;line-height: 28px;}#review p a, #review p a:hover{ text-decoration: none; color: #68727a; }
#datos p a, #datos p a:hover{text-decoration: none;color: #465a75;}

#home {  background-color: #ffffff; height: 440px;overflow: hidden; background-repeat: no-repeat; background-position: 50% 50% !important;clear: both;background-origin: padding-box;background-size: auto auto;}
#home h1, #home h2, #home .titulo, #home .subtitulo{color: #FFFFFF;text-align: left; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);}
#home h1{ font-size: 4.5em;line-height: 70px;font-weight: 400;padding: 7% 0 3%;}
#home h2 {line-height: 34px;font-size: 1.8em; font-weight: 200;}
#home .titulo, #home .subtitulo {float: left;padding: 0;width: 100%;}
#home .titulo{line-height: 34px;font-size: 1.8em; font-weight: 200;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";}
#home .subtitulo{ line-height: 38px; font-size: 1.8em; margin: 1% 0 0;text-transform: uppercase; font-weight: 400; font-family: 'Montserrat', sans-serif;}

#hostingpremium { height: 300px;}
#hostingpremium h2 {  color: #263745; font-size: 2.4em;line-height: 50px; font-weight: 700; text-align: center;} 

.plan {height: auto; background-color: #FFF; border-radius: 14px; margin: 0 0 8%; width: 100%;float: left; padding: 14px; clear: both; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 1px 10px rgba(0,0,0,.10),0 4px 5px rgba(0,0,0,.12);}
.host {margin-top: -220px;}.host2 {margin-top: -200px;}
.contenidodestaca { padding: 0; width: 90%; float: left; height: auto; margin: 0 5%;border-radius: 10px; }
.plan .titulo { color: #465a75; font-size: 1.3em; line-height: 34px; padding: 1% 0; margin: 0; text-align: center;font-weight: 600;font-family: 'Montserrat', sans-serif;}
.starcliente {padding: 2% 0;width: 100%; text-align: center;}.starcliente .fa {color: #f0aa3e; font-size:28px; margin-right:1%;}
.notacliente {width: 100%; float: left; color: #07173b; text-align: center; font-size: 3em;line-height: 50px;font-weight: 600;}
.plan .texto, .textod { font-weight: 300;text-align: left; }
.plan .texto{ padding: 2% 0 0 8%;width: 92%;margin: 0;color: #465a75; font-size: 14px; line-height: 26px;}.plan .texto .fa{padding-right:2%; font-size: 8px; }
.textod {padding: 0 20px; width: 57%; border-right: 1px solid #CCC;border-left: 1px solid #CCC; margin: 0 0px 0 22px;color: #68717a;font-size: 13px;line-height: 25px; }.textod .fa{color: #f0aa3e; padding-right:1%;}

.margen, .margen2{float: left;width: 100%; }.margen{margin: 2% 0;}.margen2{margin: 5% 0;}
.codigotext,.codigoprin, .codigo{font-family: 'Montserrat', sans-serif;float: left;text-align: center; }
.codigoprin{padding: 3% 0 0;width: 100%; margin: 2% 0 0;color:#07173b;font-size: 25px;line-height: 32px;font-weight: 600; letter-spacing: 0.3px;border-top: 1px solid #ced4da;}
.codigotext{padding: 0;width: 100%; margin: 0;color:#465a75;font-size: 16px;line-height: 20px;font-weight: 300;}
.codigo{color:#59b75c;font-size: 1.4em;margin: 1% 0 0; padding:0;width: 100%;line-height: 32px; letter-spacing: 1px;font-weight: 600;}

#comparador .tit, .textod, .nota, .plan .texto, .notacliente, .btn_codigo,.costo, #caracteristicas .col_box{font-family: 'Montserrat', sans-serif;}
#comparador .tit, #comparador h4{text-align: center;}
#comparador .tit{ padding: 1% 0;  color: #f0aa3e;  line-height: 38px;font-size: 1.9em; float: left; width: 100%; font-weight: 600;}
#comparador h4{color: #263745;font-weight: 300; line-height: 30px;font-size: 1.3em;padding-bottom: 2%;}
.contenidohosting, .hosting, .textod, .marcas, .nota {float: left; }
.contenidohosting {width: 100%;background-color: #FFFFFF; margin: 0;padding: 0;}
.hosting{  width: 98%; border-bottom: 1px solid #ced4da;margin: 0 1%;padding: 14px 0;}

.costo {float: left;  width: 14%; border-right: 1px solid #CCC;text-align: center; padding: 20px 0 22px;}
.costo .valor, .costo .desde, .costo .iva, .costo .precioantes, .estrellas{ float: left; width: 100%;}
.costo .desde{ color: #07173b; line-height: 22px;font-size: 1.1em; font-weight: 600; }
.costo .precioantes{ color: #68717a; line-height: 22px;font-size: 0.9em;text-decoration: line-through; font-weight: 300;}
.costo .valor, .costo .iva{ color: #59b75c; font-weight: 600; }
.costo .valor{line-height: 36px;font-size: 2em; }
.costo .iva{  line-height: 19px;font-size: 1.1em;  }
.destaca-hosting {margin: 5px 0 0;text-align: center; padding: 0; float: right;width: 11%;}
.marcas {margin: 0.6% 0 0 2%; text-align: center;padding: 0; width: 13%;} .marcas img {float: left;}
.nota{ margin-top: 3%; text-align: center; width: 100%;height: auto; padding: 0;}
.nota .numero{ color: #07173b;font-size: 2.2em;line-height: 44px;font-weight: 400; }
.estrellas{height: 24px;}.estrellas .fa{color: #f0aa3e; padding-right:1%; font-size: 14px;}

#inicio h1{font-size: 2.2em;line-height: 44px;text-align: center;font-weight: 400;color: #59b75c;}
#inicio h2{color: #3b4453;font-size: 1.4em;line-height: 36px;text-align: center;font-weight: 300;}
#inicio p.large{padding: 3% 0 0; color: #68727a;line-height: 32px;font-size: 1.3em;text-align: center;}
#review h2{color: #5c6884; font-size: 1.8em; line-height: 40px; text-align: center;}
#review h3{text-align: left;color: #5c6670;font-size: 1.4em;line-height: 32px;padding: 1% 0 0;font-weight: 400;}
#review .col-md-4{ margin-bottom:2%;}#review .col-md-6{padding: 2px 0 2px 4px;}
.bloque{border: 1px solid #dddddd;width: 100%;float: left;background-color: #FFF; padding:2% 1%;border-radius: 10px;}
#aplicaciones{border-bottom: 1px solid #ffffff;}
#aplicaciones h2{ text-align: center; color: #F0F0F0;font-size: 2em;line-height: 40px; padding: 0 0 1%;font-weight: 600;}
#aplicaciones h3{ text-align: center; color: #F0F0F0;font-size: 3.2em;line-height: 50px; padding: 0 0 1%;font-weight: 600;}
#aplicaciones p{ text-align: center; color: #F9f9f9;font-weight: 200; line-height: 30px; font-size: 1.3em; width: 92%;  margin: 0 4%;}
#caracteristicas a, #caracteristicas a:hover{text-decoration: none;color: #68717a;}
#caracteristicas h1, #caracteristicas h2, #caracteristicas h3,#caracteristicas h4{ text-align: center;color: #263745;font-size: 2.4em;line-height: 60px;padding: 2% 0; font-weight: 300;}
#caracteristicas h6{text-align: center; font-size: 1.3em; line-height: 33px;color: #68717a;padding-top: 40px;}
#caracteristicas p.large{padding: 2% 0;color: #666666;line-height: 34px;font-size: 1.3em;text-align: center;}
#caracteristicas p, #caracteristicas .titulo { font-family: 'Montserrat', sans-serif; }
#caracteristicas .titulo{ line-height: 22px; text-align: center;color: #68717a; font-size: 0.9em;padding: 4% 0; width: 100%; margin: 0;font-weight: 600; text-transform: uppercase;}
#caracteristicas .col_banner, #caracteristicas .col_box {height: auto;float: left;padding: 0;}
#caracteristicas .col_banner{ margin: 1% 3% 0 0; width: 26%; border-right: 2px solid #68717a;}#caracteristicas .col_banner img{margin: 8% 18% 0;}
#caracteristicas .col_box {margin: 0; width: 70%; }
#noticias h1{color: #3b4453;font-size: 2em;line-height: 40px;text-align: center;padding-bottom: 1%;}
#noticias h5{text-align: left;color: #59b75c;font-size: 1.2em;line-height: 30px;padding: 0 0 2%;}
#noticias .blog_post{width: 100%;float: left;margin: 2% 0;}
/*pagina interna*/
#datos h1{ color: #07173b;padding: 0 0 2%;font-size: 2.3em; line-height: 42px;text-align: left; font-weight: 400;}
#datos .data, #datos .recomendado, #datos .precios, #datos .info {font-family: 'Montserrat', sans-serif; font-weight: 300; }
#datos .info {color: #68727a;line-height: 28px;font-size: 1.1em;width: 100%;float: left;margin:0;border-bottom: 1px solid #ced4da; padding: 1.5% 0;}
#datos .info .fa, #datos .precios .fa { margin:0 0.5%; font-size: 18px;}
#datos .precios .fa {color: #59b75c; }
#datos .info a, #datos .info a:hover{color:#68727a;text-decoration:none;}
#datos .data, #datos .recomendado, #datos .precios {color: #465a75;}
#datos .right {float: right;}
#datos .fa {font-size:15px; margin-right:1%;}
#datos .marca { margin: 2% 0; }
#datos .data {width: 100%;float: left;margin: 3% 0 0; font-size: 15px;line-height: 30px;}
#datos .precios {width: 100%;float: left;margin: 7% 0 4%; }
#datos .precios .tit {width: 100%;float: left;}
#datos .precios .mon {width: 100%;float: left; padding: 1% 0; border-bottom: 1px solid #ced4da;}
#datos .precios .tit, #datos .precios .mon, #datos .recomendado {font-size: 15px;line-height: 30px;}
#datos .recomendado {width: 100%; float: left;margin: 10% 0 0;font-weight: 600;line-height: 32px;}
#datos .detalle, #datos .detalle-medio{text-align: left; padding: 0.6% 0; margin: 0; height: auto; float: left;text-transform: uppercase;}
#datos .detalle img{ margin-top: 5px; float: right;}
#datos .detalle{width: 100%;}#datos .detalle-medio{width: 50%;}
.icon_mano { margin: 0; float: right; width: 50px;  height: auto;text-align: center;} .icon_mano img {margin: 0 0 8%;}
#datos .col-md-8 { padding-right:70px;}#datos .col-md-4 { /*border-left: 1px solid #CCC; */padding-left: 30px; }
/* cotizacion */
#cotizar .btn:hover{color:#fff; background-color:#222222;}
#cotizar .temas {padding: 10px;float: left;width: 98%;border-bottom: 4px solid #d5d5d5;	margin: 15px 0 0;background-color: #FFF;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);}
#cotizar h3{color: #585858;letter-spacing: 1px;font-size: 1.3em;line-height: 31px;text-align: center;}
#cotizar .titulo, #cotizarcontent .titulo, .texto-hosting, .horario, .calificacion{font-family: 'Montserrat', sans-serif;float: left;width: 100%;}
#cotizar .titulo {text-indent: 16px;text-align: left;color: #666;padding: 0 0 2%;font-weight: 600;font-size: 1.2em;}
#cotizarcontent .titulo{line-height: 36px;text-align: center;color: #FFFFFF;font-size: 1.5em;padding: 0;margin: 0 0 1%;font-weight: 400;}
#cotizarcontent{background: #0085a1;}
#cotizarcontent p{color: #FFFFFF;padding-top: 1%;}
#cotizarcontent .fa{color:#3b4453; font-size:2em; border: 3px solid #3b4453; border-radius: 50%;padding: 4% 0 0 0 !important;height: 78px;width: 78px;text-align: center; margin-bottom:2%;}
.star{height: auto;float: left;width: 60%;text-align: left;padding-top: 1%;}
.precio_hosting, .iva_hosting{font-family: 'Montserrat', sans-serif;color: #f0aa3e;height: auto;float: left;font-weight: 400;}
.precio_hosting{font-size: 2em;line-height: 40px;width: 60%;text-align: right;padding: 0 3% 0 0;}
.iva_hosting{font-size: 1.1em;line-height: 31px;width: auto;text-align: center;padding: 3% 0 0;}
.marca_hosting{height: auto;float: left;margin: 0 0 2%;width: 100%;text-align: left;padding: 0;}
.horario, .texto-hosting, .calificacion{font-size: 1em;color: #666;font-weight: 300;height: auto;line-height: 28px;text-align: left;padding: 0;}
.calificacion{idth: 26%;}
/* ---formulario general---- */
#formulario{float: left;width: 98%;height: auto;padding: 1%;text-align: left;}
button,input,select,textarea, label, .titfor, .titfor2{height:auto;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";font-weight:300;text-align:left;}
input,select,textarea{font-size:15px;border:1px solid #cccccc;}
select{/*padding: 4px;min-height: 30px; line-height:30px;*/}select option {text-indent: 6px; /*padding:2px 0; line-height:36px; */}
label{display: inline-block;COLOR: #535353;line-height: 28px;padding: 2% 0 0;font-size: 15px;} label a, label a:hover{text-decoration:none;color:#434343;}
button,input,select,textarea{margin:0;vertical-align:middle;COLOR:#484848; line-height:normal;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor: pointer;overflow: visible;margin: 1% 0;height: auto;color: #FFFFFF;font-size: 17px;background:#04b5c9;text-decoration: none;border: none;line-height: 25px; text-align: center;padding: 0.3em 0.3em;}
input {height: 26px; padding: 3px 0 3px 6px; color: #484848;}
button[disabled],input[disabled]{cursor:default}
input[type="text"], select, input[type="password"], input[type="email"]{padding: 4px 6px;margin: 0.6% 0 !important;min-height: 34px;}
input[type="text"], input[type="password"]{width: 98%;height: 32px;}
input[type="password"]{box-sizing: border-box;}
input[type="digver"]{box-sizing:border-box;width:50px;margin:4px 0px;padding-left:4px;min-height:27px;color:#484848;}
input[type="submit"]{margin-top: 20px;}
input[type="file"] { display: block;}
input[type="range"] { display: block; width: 100%;}
textarea{height: 90px;width: 91%;margin: 5px 0;padding: 6px;overflow: auto;vertical-align: top;border: 1px solid #D5D5D5;}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0;}
.titfor{width: 100%;float: left; text-indent: 16px;}.titfor{font-size: 18px;background-color: #f15a23;color: #ffffff;margin: 1% 0;padding: 0.8% 0;line-height: 24px;}
.tema{width: 25%;float: left;margin: 0;text-align: left;COLOR: #555;line-height: 25px;font-size: 16px;}
input[type="checkbox"], input[type="radio"]{padding: 0!important;font-size: 13px;border: 2px !important;margin: 0 8px 0 0;line-height: normal;}input[type="radio"]{margin-top:-2px;}
/* Contact Section */
#contact p {color: #585858;font-size: 1.1em;line-height: 30px;padding: 0;letter-spacing: 1px;}
#contact .col-md-8{border: 1px solid #CCC;padding: 1%;}
#contact h1, #contact h2{font-size: 1.8em;line-height: 40px;text-align: left;color: #627486;margin-bottom: 3%;}
#contact .fa {color: #9dbd31;margin: 0;}
#contact .btn {font-size: 14px;margin: 20px 0;background-color: #04b5c9;color: #fff;border: 0;width: 100%; text-transform: uppercase;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";}
#contact .btn:hover, #contact .btn:focus {background-color: #222;outline: 0px;}
#contact-form .close { margin-right: 12px; padding: 1% 2%;}
.contact-detail {text-align: center;margin: 60px 0;}
.contact-detail i.fa { text-align: center;font-size: 30px; background-color: #FFCC33; color: #ffffff;  padding: 25px 0;border-radius: 50px; border-top-left-radius: 0; margin: 0 10px;margin-right: 20px; width: 82px;height: 80px; transition: background-color 0.5s;}
.contact-detail:hover i.fa { background-color: #333333 }
form#contact-form { text-align:left ;}
#contact-form {float: left;width: 100%;height: auto;padding: 0;}
.contact form#contact-form {padding: 0}
.form-control:focus { border-color: inherit; outline: 0; box-shadow: none;}
.form-control {display: block;width: 100%;min-height: 40px;padding: 10px 12px;font-size: 14px;line-height: 24px;color: #555;background-color: #fff;background-image: none;box-shadow: none;transition: none;}
p.help-block.text-danger ul li { display: block;/* margin-left: -20px;*/color: #ff7122; font-size: 14px;}
#success .alert-danger {color: #049dbf;background-color: #dddddd;}
/*font*/
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-shield:before{content:"\f132"} .fa-cloud-download:before {content: "\f0ed";}.fa-database:before{content:"\f1c0"}.fa-server:before{content:"\f233"}.fa-bug:before{content:"\f188"}.fa-tree:before{content:"\f1bb"}.fa-user:before{content:"\f007"}.fa-wrench:before{content:"\f0ad"}.fa-power-off:before{content:"\f011"}.fa-code:before{content:"\f121"}.fa-check-circle:before{content:"\f058"} .fa-check-square-o:before{content:"\f046"}.fa-check:before {content: "\f00c";}
.fa-caret-right:before{content:"\f0da"}.fa-arrow-down:before{content:"\f063"}.fa-clock-o:before{content:"\f017"}.fa-globe:before{content:"\f0ac"}.fa-location-arrow:before{content:"\f124"}.fa-phone:before{content:"\f095"}.fa-map-marker:before{content:"\f041"}.fa-check-square:before{content:"\f14a"}.fa-angle-right:before{content:"\f105"}
.fa-twitter:before{content:"\f099"}.fa-instagram:before {content: "\f16d";}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-youtube-play:before{content:"\f16a"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-comment:before{content:"\f075"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-comments:before{content:"\f086"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-wordpress:before{content:"\f19a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-envelope-o:before{content:"\f003"}.fa-area-chart:before{content:"\f1fe"}.fa-laptop:before{content:"\f109"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-remove:before,
.fa-close:before,.fa-times:before { content: "\f00d";}.fa-chevron-right:before{content:"\f054"}
.fa-microchip:before{content:"\f2db"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-exchange:before{content:"\f0ec"}.fa-dot-circle-o:before{content:"\f192"}.fa-pie-chart:before{content:"\f200"}
.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-certificate:before{content:"\f0a3"}.fa-window-maximize:before{content:"\f2d0"}.fa-envelope:before{content:"\f0e0"}.fa-diamond:before{content:"\f219"}.fa-folder-open-o:before{content:"\f115"}.fa-retweet:before{content:"\f079"}.fa-qrcode:before{content:"\f029"}
.fa-handshake-o:before{content:"\f2b5"} .fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-smile-o:before{content:"\f118"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-o-up:before{content:"\f087"}
.fa-eye:before{content:"\f06e"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-star:before {content: "\f005";} .fa-circle:before{content:"\f111"}.fa-flag:before{content:"\f024"}.fa-whatsapp:before {content: "\f232";}
/* -----------chile---------- */
#home {background-image: url(../images/mejor-hosting-chile.jpg);}
/* -------------------- */
@media screen and (max-width:320px){}
@media only screen and (min-width:320px) and (max-width:479px){
.logo{ margin:1% 2% 0 0;}.navbar-brand { width:79%;}
#comparador h1, #comparador h2, #comparador h4{font-size: 1.1em;line-height: 28px;} #comparador p.large{line-height: 30px;font-size: 1.4em;}
#comparador p{padding: 0 0 3%;line-height: 27px;font-size: 1em;}
#comparador .tit{line-height: 29px;font-size: 1.3em;}
.tabla_comparativa {border: 0px solid #dddddd;}
.texto{font-size: 12px;line-height: 21px;}
.left_ranking{width: 13%; padding: 6px 0; margin:2% 0 0;}
.contenidodestaca { width: 94%;margin: 0 3%}
.plan .texto{ padding: 2% 0 0 3%;width: 94%;}
.costo { width: 54%; border-right: 1px solid #CCC;padding: 13px 0;}
.costo .precioantes{ line-height: 20px;}	
.marcas{ width: 98%;margin: 3% 0 0 4%; border-right: 0px solid #CCC; text-align: center;}
.nota{font-size: 1.5em;margin: 0;}
.nota .numero{ font-size: 1.6em;line-height: 36px;}
.destaca-hosting {margin: 3% 0 0;width: 40%;}.btn_sitio{margin: 8% 0 0 16%;width: 35%;}.btn_info{margin: 4% 5% 0;width: 90%;}
.textod {font-size: 12px;line-height: 21px;padding: 0 0 0 1%;border-right: 0px solid #CCC; border-left: 0px solid #CCC; width: 98%;margin: 15px 0; }	
#header h3 {font-size: 0.9em; line-height: 22px;}
#home {height: 280px; background-image: url(../images/mejor-ranking-hosting.jpg);}	
#home h1{font-size: 1.7em;line-height: 32px;padding: 3% 0 1%;}
#home h2 {line-height: 28px;font-size: 1.3em;}
#home .titulo, #home .subtitulo, #aplicaciones h4, #aplicaciones p, #caracteristicas p.large, #caracteristicas h6{font-size: 1.1em;line-height: 28px;}
.btn_ser{font-size: 18px;margin:3% 1% 0;width: 98%;line-height: 32px;}
#hostingpremium { height: 110px;}
#hostingpremium h2 {font-size: 1.4em;line-height: 34px;} 
.host, .host2 {margin-top: 0;}	
#aplicaciones h3{ text-align: center; color: #ffffff; font-size: 1.8em; line-height: 36px; padding: 20px 0 10px; }
#aplicaciones h4 { padding-bottom: 20px;}
#aplicaciones p{ width: 100%; margin: 0;}
#caracteristicas h1, #caracteristicas h2, #caracteristicas h3,#caracteristicas h4{ font-size: 1.7em;line-height: 34px;padding: 4% 0;}	
#caracteristicas .titulo{ font-size: 0.8em;}
#caracteristicas img {width: 78%; height: auto;}
#caracteristicas .col_box {margin: 0 0 30px; width: 64%;}#caracteristicas .col_banner{ width: 32%; }#caracteristicas .col_banner img{margin: 0 10%;}
.btn_ver{margin:3% 2%;padding: 0.8% 0;width: 96%; }
}
@media only screen and (min-width:480px) and (max-width:600px){
.logo{ margin:1% 2% 0 0;}.navbar-brand { width:79%;}
#home {height: 260px; background-image: url(../images/mejor-ranking-webhosting.jpg);}	
#home h1{font-size: 2.2em;line-height: 37px;padding: 3% 0 1%;}
#home h2 {line-height: 26px;font-size: 1.5em;}
#home .titulo, #home .subtitulo{font-size: 1.1em;line-height: 28px;}
.btn_ser{font-size: 18px;margin:3% 1% 0;width: 98%;line-height: 32px;}
#hostingpremium h2 { font-size: 2em;line-height: 40px; margin-bottom: 2%;} 
}
@media only screen and (min-width: 1000px) and (max-width: 1169px){/*este lo toma crome 700*/
#home h1{font-size: 2.4em !important;line-height: 42px !important;}
#home .titulo{line-height: 31px;font-size: 1.3em !important;}
/* Navigation */
#tf-menu.navbar-default .navbar-nav > li > a {font-size: 14px!important;}}