@charset "utf-8";
/* CSS Document *//* documento actualizado 18-2-2021. */
body{font-size: 14px;}
h1, h2, h3, h4, h5, h6 {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";  width: 100%; height: auto;padding: 0; margin: 0; font-weight:300;}
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: left;}
a, a:hover{text-decoration:none;}
b,strong { font-weight: 400;}
.celeste{color: #6d6d9b;}.naranjo{color: #f68642;}.verde{color: #59a345;}.rojo{color:#cc092f;}
hr {box-sizing: content-box; height: 0;}
/* Navigation */
#tf-superior{width:100%;height:auto;clear:both;background-color:#421259;}
.logo{ height:auto; margin:0;}
#tf-menu {margin: 0;background: transparent;border: 0; color: #fff !important;padding: 0.2% 0;/*2% 0*/ height:auto;}
#tf-menu.navbar-default .navbar-nav > li > a {color: #ffffff;text-transform: uppercase;font-size: 16px;font-weight: 400; line-height:34px;}
#tf-menu.navbar-default .navbar-nav > li > a:hover, #tf-menu.navbar-default .navbar-nav > li > a:focus {color: #ffffff;background-color: transparent;}
/*----*/
#header {background: url(../images/hosting_gratis.jpg);background-repeat: no-repeat;background-position: 50% 50% !important;text-align: center;clear: both;background-color: #51406a;border-bottom: 10px solid #3d305e;height: 406px;}
#header h1, #header h2, #header h6 {color: #FFF;text-align: right;}
#header h1 {font-size: 4.7em;line-height: 90px;letter-spacing: 1px;font-weight: 400;padding: 4% 0 1%;text-align: center;}
#header h2{font-size: 1.6em;line-height: 36px;text-align: center;}
#header h6 {font-size: 1.8em;line-height: 38px;padding-bottom: 2%;text-align: center;}
.slider_texto {float: left;width: 100%;text-align: right;margin: 0 0 2%;padding: 0.6% 0;background-color: rgba(0, 0, 0, 0.4);}
#header p {text-align: right;color: #FFF;line-height: 30px;font-size: 1.2em;padding: 1% 0;}
#header .fa {color: #9dbd31;}
#header .col-md-9, #header .col-md-11 {float:right;}

#footer {padding: 20px 0; background-color:#2f2f41;}
.content_footer p, #footer h5 {color: #FFFFFF; font-size: 1em;line-height:29px;}
#footer h5 {text-align:justify;}
.content_footer{height: auto;float: left;width: 100%;padding: 1% 0;}
.content_footer a, .content_footer a:hover, .compara a, .compara a:hover {color: #6d6d9b; text-decoration: none;}
.compara{height: auto;float: left;width: 100%;padding: 1% 0;font-size: 1em;color: #E0E0E0;line-height:28px; text-align:center; 	border-top: 1px solid #51406a;}

#producto p.large, #otrosplanes p.large, #detalle p.large, #caracteristica p.large{padding: 0;color: #444444;width: 100%;line-height: 30px;font-size: 1.3em;text-align: center;margin: 0;padding-bottom: 2%;}
#planes,#caracteristicas, #otroshosting, #destacado, #funcion, #contrata, #mensaje, #service, #contacto{padding: 0;height: auto;clear: both;width: 100%;}
#planes,#caracteristicas, #otroshosting, #destacado, #funcion, #mensaje, #service, #contacto{text-align: center;padding: 30px 0;}
.cuadro{border-top: 1px solid #51406a;border-bottom: 1px solid #51406a;border-left: 1px solid #51406a;float: left;width: 78%;padding: 1% 0;}
.cuadro .fa {color: #fa8b60; font-size:13px; padding-right:2%;}
#planes h2, #planes h3{color: #421259;font-size: 3.6em;text-align: center;line-height: 58px;padding-bottom: 2%;}
 #planes p.large{padding: 0;color: #544849;width: 100%;line-height: 32px;font-size: 1.2em;text-align: left;margin: 0;padding-bottom: 2%;}
#planes p{color: #544849;}
#planes p{font-size: 1.2em;line-height: 30px;}
.boton{font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";}
.boton{width: 21%;margin: 0;float: left;padding: 2.1% 0;text-decoration: none;font-size: 27px;font-weight: 300;background-color: #421259;color: #FFFFFF;text-align: center;line-height: 39px;border: 1px solid #51406a;}
.boton .mas{font-weight: 600;font-size: 47px;line-height: 58px;}
.boton a, #hosting .boton a:hover{text-decoration:none;color:#eb8900;}
#planes .impor{color: #f68642;font-size: 2em;line-height: 30px;font-weight: 600;margin: 0;text-align: left;padding: 4% 2% 1% 0;}
#caracteristicas { border-top:1px solid #cccccc;}
#caracteristicas h3{color: #000000;font-size: 2.3em; line-height:36px;padding-bottom: 3%;}
#caracteristicas h4, #caracteristicas .tema{color: #6d6d9b;font-size: 1.6em;line-height: 34px;padding-bottom: 1%;font-weight: 400;margin: 2% 0 3%;}
#caracteristicas p{font-size: 1.2em;line-height: 30px;color: #7e8890;text-align: justify;}

#otroshosting{background-color: #ededf2;}
#otroshosting .detalles{border: 1px solid #bcbcbc;width: 100%;float: left;background-color: #FFF;border-radius: 8px;padding: 3% 0 6%;}
#otroshosting h4{color: #421259;font-size: 3em;text-align: center;line-height: 56px;padding-bottom: 1%;}
#otroshosting h5{color: #737387;font-size: 1.8em;text-align: center;line-height: 38px;margin: 0 0 2%;}
#otroshosting h6{color: #6d6d9b;font-size: 2.6em;line-height: 40px;padding: 0;text-align: center;text-transform: uppercase;font-weight: 300;padding-top: 2%;}	
#otroshosting .price{padding: 0 0 0.3em;color: #f68642;font-size: 1.7em;border-bottom: 1px solid #bcbcbc;width: 86%;margin: 0 7%;font-weight: 600;line-height: 38px;}
#otroshosting .descripcion{padding: 2% 0 0;float: left;width: 86%;margin: 0 7%;}
#otroshosting p{font-size: 1.2em;line-height: 32px;text-align: left;color: #737387;}
#otroshosting .contratar, .btn_ser{border-radius: 8px;width: 100%;float: left;text-decoration: none;font-size: 1.5em;color: #ffffff;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";text-align: center;}
#otroshosting .contratar{margin: 3% 0 0;padding: 2% 0;font-size: 1.5em;font-weight: 400;background-color: #f68642;}
#otroshosting .contratar a, #otroshosting .contratar a:hover, .btn_ser a, .btn_ser a:hover{text-decoration:none;color:#fff;}
.btn_ser{background-color: #421259;font-weight: 300;font-size: 1.8em;margin: 2% 0;padding: 3% 0;line-height: 38px;}

#funcion{border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;}
#funcion h2 {color: #421259;font-size: 3em;font-weight: 300;letter-spacing: 1px;padding: 0;line-height: 42px;margin: 0;text-align: center;padding-bottom: 2%;}
#funcion p {color: #7e8890;font-size: 1.2em;line-height: 28px;}
#funcion .subheading {font-size: 1.5em;line-height: 30px;color: #737387;text-align: center;float: right;width: 100%;font-weight: 300;padding-bottom: 2%;}

#funcion .numero { font-size: 160px; line-height: 160px; color: #421259; text-align: center; float: left; width: 100%; font-weight: 400; margin: 50px 0 20px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";}
.btn-cotiza {font-size: 16px;line-height: 30px;padding: 4px; margin: 30% 0 0; float: right; width: 260px; font-weight: 400; border-radius: 10px; color: #421259;
border: 2px solid #421259;font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";}

#contacto h3 {color: #f16e00;font-size: 2em;text-align: center;padding-bottom: 2%;}
/* ---formulario general limpiar---- */
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:14px;}
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: #ff7122;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;}
input, select, textarea{border:1px solid #cccccc;}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"], input[type="radio"]{padding: 0!important;font-size: 13px;margin-right: 6px;border: 2px !important; height: 14px; width: 14px; margin: 4px 6px 0 0; line-height: normal;}input[type="radio"]{margin-top:-2px;}
input[type="text"], select, input[type="password"], input[type="email"]{padding: 4px 6px;margin: 1% 0 !important;min-height: 32px;}
input[type="text"], input[type="password"]{width: 80%;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;}
/* ------- */
#contrata{padding:24px 0;width:100%;height:auto;clear:both;}
#contrata p{color: #535353;font-size: 1.2em;line-height: 29px;}
#contrata p.large{color: #535353;font-size: 1.3em;line-height: 30px;text-align: center;padding-bottom: 2%;}
#contrata h1{font-size: 2.6em;line-height: 50px;text-align: center;color: #627486;margin-bottom: 1%;font-family: 'Kanit', sans-serif;text-transform: uppercase;font-weight: 500;}
#contrata h2, #contrata h3{line-height: 42px;color: #c90000;}
#contrata h2{font-size: 1.8em;line-height: 42px;text-align: left;color: #c90000;margin-bottom: 1%;font-family: 'Kanit', sans-serif;}#contrata h3{font-size: 1.8em;text-align: center;}
#contrata h4{font-size: 1.2em;line-height: 30px;text-align: justify;color: #535353;}
#contrata h6{font-size: 1.2em;line-height: 34px;text-align: center;color: #f36341;}
#contrata .terminostit{font-size: 1.6em;line-height: 34px;text-align: left;color: #c90000;font-weight: 400;padding: 1.6% 0;}
#contrata  a, #contrata  a:hover{text-decoration: none;color: #c90000;}
#contrata .fa{ font-size:18px; padding-right:2px; color:#c90000;}
#formulario{float: left;width: 98%;height: auto;padding: 2% 1%;text-align: left;}
.g-recaptcha{margin: 1% 0 1% 33%; float:left;} 
.separator{border-bottom:1px solid #FFFFFF;border-top:1px solid #cccccc;clear:both;display:inline-block;height:0;margin:1% 0;width:100%;}
button,input,select,textarea, label, .aviso_cel, #aviso_clave, .titfor, .titfor2, .result_box, .cont_general_forerror{height:auto;font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";font-weight:300;text-align:left;}
.cont_general_forerror, .aviso_cel, #aviso_clave{font-size:14px;line-height:25px;float:left;width:100%;text-align:left;}
.cont_general_forerror{color:#f36341;margin:1% 0;}.aviso_cel{COLOR:#5c6884;margin:5% 0 1%;}#aviso_clave{color:#F00; margin-top:1%;}
.result_box{color:#ccc;font-size:1.3em;line-height:34px;width:98%;border-bottom:1px solid #cccccc;text-align:center;height:40px;margin:1% 1% 2%;}
.result_box span{color:#34495e;}.result_box img{margin:1% 0.2%;border:0;}
label{display: inline-block;COLOR: #535353;line-height: 28px;padding: 0.4% 0.4% 0;font-size: 16px;} label a, label a:hover{text-decoration:none;color:#434343;}
input,select,textarea{font-size:14px;border:1px solid #999999;color:#484848;}button,input,select,textarea{margin:0;vertical-align:middle;}
select{padding: 4px;min-height: 36px;margin: 1% 0;}select option {text-indent: 8px; padding:2px 0; line-height:36px; }
button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor: pointer;overflow: visible;margin: 1% 0;height: auto;color: #FFFFFF;font-size: 18px;line-height: 28px;text-decoration: none;border: none;text-align: center;}
input[type="button"],input[type="submit"]{width: 50%;background: #c90000;padding: 6px 0;text-transform: uppercase;}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"], input[type="radio"]{padding:0!important;font-size:13px;margin-right:6px;border:2px !important;height:14px;width:14px;margin:4px 6px 0 0;line-height:normal;}input[type="radio"]{margin-top:-2px;}
input[type="text"], input[type="password"]{padding: 4px;margin: 1% 0;min-height: 36px;width: 94%;}
input[type="password"]{box-sizing: border-box;}input[type="digver"]{box-sizing:border-box;width:50px;margin:4px 0;padding-left:4px;min-height:36px;color:#484848;}input[type="submit"]{margin-top: 20px 0!important;}
textarea{height: 90px;width: 96%;margin: 5px 0;padding: 6px;overflow: auto;vertical-align: top}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0;}
.titfor, .titfor2{width:100%;float:left;text-indent:16px;}.titfor{font-size:21px;background-color:#34495e;color:#ffffff;margin:1.4% 0 1%;padding:1% 0;line-height:24px;}.titfor2{font-size:18px;color:#5C6884;padding-bottom:1%;}
/*font*/
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot');src:url('../fonts/fontawesome-webfont.eot#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2') format('woff2'),url('../fonts/fontawesome-webfont.woff') format('woff'),url('../fonts/fontawesome-webfont.ttf') format('truetype'),url('../fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;-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-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: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-calendar-check-o:before{content:"\f274"}.fa-toggle-off:before{content:"\f204"}.fa-bullhorn:before{content:"\f0a1"}

@media only screen and (min-width:320px) and (max-width:479px){
.logo{ margin:1% 2% 0 0;}.navbar-brand { width:79%;}
.g-recaptcha {margin: 2% 0 6% 1%; float:left;}
#header h1 {font-size: 2.6em;line-height: 40px;margin: 8% 0 2%;}
#header h2, #planes h6 {font-size: 1.3em;line-height: 31px;}
#planes h2, #planes h3{font-size: 1.5em;line-height: 35px;}
#header p {line-height: 28px;font-size: 1.1em;}
.cuadro{border: 1px solid #51406a;width: 100%;}.boton{width: 100%;}
#caracteristicas h4, #caracteristicas .tema{font-size: 1.4em;line-height: 30px;}#caracteristicas h3{font-size: 1.7em; line-height:33px;}
#otroshosting h4{font-size: 2em;line-height: 40px;}
}