@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,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,ul{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-family:'Open Sans', Arial, Helvetica, sans-serif;font-style:normal;list-style:none;text-decoration:none;outline:0;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background:transparent;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{border:solid #eee;border-width:1px 0 0;clear:both;height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}code,kbd,pre,samp{font-family:monospace, monospace;font-size:16px;font-size:1rem;line-height:1.5;}q{quotes:none;}q:before,q:after{content:'';content:none;}form{margin:0;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;vertical-align:baseline;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{margin:0 2px;}legend{border:0;padding:0;white-space:normal;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}
.clearfix:after{content:"";display:table;clear:both;}li{list-style:none;}
html,body{background:#1d2227 !important;color:#333;font:normal normal 1em/1.5 "Open Sans",Helvetica,Arial,sans-serif;margin:0;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;}html[dir="rtl"]{direction:rtl;}*::-webkit-selection{background-color:#666;color:#fff;}*::-moz-selection{background-color:#666;color:#fff;}*::selection{background-color:#666;color:#fff;}*{margin:0;padding:0;outline:0;}a{text-decoration:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;text-size-adjust:100%;height:100%;overflow:auto;}body{height:100%;background:#f8f8f8;font-family:'Open Sans', Arial, Helvetica, Geneva, sans-serif;color:#31373c;text-rendering:optimizelegibility;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-tap-highlight-color:rgba(0,0,0,0);-moz-text-size-adjust:none;-moz-font-smoothing:antialiased;-ms-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:none;-ms-font-smoothing:antialiased;}
@font-face{font-family:'Open Sans';src:url('../fonts/opensans-bold-webfont.eot');src:url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans-bold-webfont.woff2') format('woff2'),url('../fonts/opensans-bold-webfont.woff') format('woff'),url('../fonts/opensans-bold-webfont.ttf') format('truetype');font-weight:700;font-style:normal;}
@font-face{font-family:'Open Sans';src:url('../fonts/opensans-bolditalic-webfont.eot');src:url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),url('../fonts/opensans-bolditalic-webfont.woff') format('woff'),url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype');font-weight:700;font-style:italic;}
@font-face{font-family:'Open Sans';src:url('../fonts/opensans-italic-webfont.eot');src:url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans-italic-webfont.woff2') format('woff2'),url('../fonts/opensans-italic-webfont.woff') format('woff'),url('../fonts/opensans-italic-webfont.ttf') format('truetype');font-weight:400;font-style:italic;}
@font-face{font-family:'Open Sans';src:url('../fonts/opensans-light-webfont.eot');src:url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans-light-webfont.woff2') format('woff2'),url('../fonts/opensans-light-webfont.woff') format('woff'),url('../fonts/opensans-light-webfont.ttf') format('truetype');font-weight:100;font-style:normal;}
@font-face{font-family:'Open Sans';src:url('../fonts/opensans-lightitalic-webfont.eot');src:url('../fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans-lightitalic-webfont.woff2') format('woff2'),url('../fonts/opensans-lightitalic-webfont.woff') format('woff'),url('../fonts/opensans-lightitalic-webfont.ttf') format('truetype');font-weight:100;font-style:italic;}
@font-face{font-family:'Open Sans';src:url('../fonts/opensans-regular-webfont.eot');src:url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/opensans-regular-webfont.woff2') format('woff2'),url('../fonts/opensans-regular-webfont.woff') format('woff'),url('../fonts/opensans-regular-webfont.ttf') format('truetype');font-weight:400;font-style:normal;}
/*-- GRID HTML --*/
#pagewrapper{float:left;width:100%;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;background:#f8f8f8;}
header{width:100%;height:145px;float:left;position:relative;z-index:99999px;background:#09c;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiMwMGIzZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA5OWNjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);background:-moz-linear-gradient(top,  #00b3e5 10%,#0099cc 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(10%,#00b3e5), color-stop(100%,#0099cc));background:-webkit-linear-gradient(top,  #00b3e5 10%,#0099cc 100%);background:-o-linear-gradient(top,  #00b3e5 10%,#0099cc 100%);background:-ms-linear-gradient(top,  #00b3e5 10%,#0099cc 100%);background:linear-gradient(to bottom,  #00b3e5 10%,#0099cc 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b3e5', endColorstr='#0099cc',GradientType=0 );}section{width:100%;height:auto;float:left;background:#f8f8f8;}aside{width:100%;height:auto;float:left;background:#f3f3f3;}footer{width:100%;height:auto;float:left;background:#fff;}
/*GRID12*/
h1,h2,h3,h4,h5,h6{color:#09c;font-weight:100;line-height:115%;letter-spacing:-1px;padding:0 0 10px 0;}em,i{font-style:italic;}strong,b{font-weight:700;}a.permalink{color:#575e64;}a:hover.permalink{color:#09c;}
.row{width:100%;float:left;clear:both;padding:0px;margin:0px;zoom:1;}.row:before,.row:after{content:"";display:table;}.row:after{clear:both;}
.row img{float:left;width:100%;height:auto;}.row a{color:#09c;}.row a:hover{color:#0CF;}.row strong{color:#333;}
.content{float:left;}.container{width:1280px;margin:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:0 20px;}
.colspec,.col12,.col11,.col10,.col09,.col08,.col07,.col06,.col05,.col04,.col03,.col02,.col01{display:block;float:left;margin:1% 0 1% 1.6%;}
.colspec{margin:1% 0 1% 0%;}
.colspec:first-child,.col12:first-child,.col11:first-child,.col10:first-child,.col09:first-child,.col08:first-child,.col07:first-child,.col06:first-child,.col05:first-child,.col04:first-child,.col03:first-child,.col02:first-child,.col01:first-child{margin-left:0;}
.colspec{width:20%;}.col12{width:100%;}.col11{width:91.53%;}.col10{width:83.06%;}.col09{width:74.6%;}.col08{width:66.13%;}.col07{width:57.66%;}.col06{width:49.2%;}.col05{width:40.73%;}.col04{width:32.26%;}.col03{width:23.8%;}.col02{width:15.33%;}.col01{width:6.86%;}
/*STYLE CSS GRID12*/
.col12 .subtitle strong{font-size:40px;margin-top:10px;line-height:30px;}
.col06 .subtitle strong{font-size:30px;margin-top:10px;line-height:30px;}
.col12 h1,.col06 h1{font-size:50px;padding:40px 0 20px 0;letter-spacing:-2px;float:left;width:100%;}
.col12 h2{font-size:40px;letter-spacing:-2px;float:left;width:100%;}
.col06 h2{font-size:35px;padding-top:20px;width:100%;float:left;}
.col04 h2{font-size:30px;padding-top:15px;width:100%;float:left;}
.col04 h3{font-size:27px;padding-top:15px;width:100%;float:left;}
.col03 h4{font-size:25px;padding-top:15px;width:100%;float:left;}
.col02 h5{font-size:20px;padding-top:15px;width:100%;float:left;}
.col12 p,.col06 p,.col04 p,.col03 p,.col02 p{padding:0 0 15px 0;}
.col12 p{font-size:20px;}
.col06 p{font-size:18px;}
.col04 p{font-size:18px;}
.col03 p{font-size:16px;}
.col02 p{font-size:16px;}
.col12 .info{color:#09c;font-size:20px;padding:0 20px 3px 0;background-size:16px;}
.col06 .info{color:#09c;font-size:18px;padding:0 18px 3px 0;background-size:14px;}
.col04 .info{color:#09c;font-size:18px;padding:0 16px 3px 0;background-size:13px;}
.col03 .info,.col02 .info{color:#09c;font-size:16px;padding:0 14px 2px 0;background-size:12px;}
/*GRID DARK*/
.dark .col12 h1,.dark .col12 h2,.dark .col06 h1,.dark .col06 h2 {color:#fff !important;}
.dark p{color:#f3fcff;}
.dark .col06 .info{color:#fff;background-image: url(../img/svg/flecha-mas-informacion-02.svg);}
.dark .col06 .info:hover{color:#f3fcff;}
.dark .buttom a{border: 2px solid #fff;}
.dark .ullist h2,.dark .ollist h2{color:#fff;}
.dark .ullist li,.dark .ollist li{color:#f3fcff;}
.dark li a{color:#fff;}
.dark strong{color:#fff;}
.hdark h1,.hdark h2,.hdark h3,.hdark h4,.hdark h5,.hdark h6{color:#003652;}
/*FX - ANIMATION HOVER - */ 
.info,.selection a,.configure a,.continue a,.ullist a{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
/*-- PARALLAX --*/
.parallax{background-image:url(../img/grid-blueprint.png);background-position: center top;background-attachment: fixed;}
/*BUTTOMS*/
.info{background:url(../img/svg/flecha-mas-informacion.svg) no-repeat;background-position:right center;}
.buttom{width:100%;float:left;text-align:center;padding:20px 0;}
.buttom a{background:url(../img/svg/icono-seleccionar.svg) #0073ad no-repeat;background-size:40px;background-position:5px center;font-size:20px;color:#fff;padding:10px 55px 10px 65px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-khtml-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;-webkit-box-shadow:0 2px 2px 0px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 2px 0px rgba(0,0,0,0.2);box-shadow:0 2px 2px 0px rgba(0,0,0,0.2);}
.buttom a:hover{background-color:#09c;color:#fff;}.buttom a:active{background-color:#00bfff;color:#fff;}
.configure a{background-image: url(../img/svg/icono-configurar-servicio.svg);}
.selection a{background-image:url(../img/svg/icono-seleccionar-servicio.svg);}
.continue a{background-image:url(../img/svg/icono-continue-siguiente.svg);}
.order a{background-image: url(../img/svg/icono-carrito.svg);}
.continue a{background-image:url(../img/svg/icono-informacion.svg);}
/*FORMAT & SPECIALS*/
.center{text-align:center;}.justify{text-align:justify;}.textleft{text-align:left;}.textright{text-align:right;}
.padleft{padding-left:20px;}.padright{padding-right:20px;}.margintop{margin-top:40px;}
.subtitle strong{color:#003652;font-weight:500;}
.space{padding:40px 0;}
.blue01{background:#09c;}.blue02{background:#003652;}.white{background:#fff;}
.intro{padding:40px 0 0 0;}
.intro img{width:100%;height:auto;}
.col06-2 .col06{padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.col06-2 .col06:first-child{padding:0 10px 0 0;}
.ullist li,.ollist li{padding:5px 0 5px 25px;font-size:16px;background:url(../img/svg/flecha-azul-fondo.svg) no-repeat;background-size:20px;background-position:left center;overflow:auto;}
#mainsection{margin:40px 0 0;}
#mainsection h1,#mainsection h2{padding:0;}
/*CHAT*/
/*-- FIX --*/
.brand {display: none !important;}#LiveHelpTab { background-color:#34b700 !important;}
#LiveHelpEmbedded .button, #LiveHelpOffline .button {
display: inline-block; padding: 0 25px; margin: 0 auto; border-radius: 100px;height: 40px; border: none !important;background: #003652 !important;
    -box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    font-family: 'Segoe UI Light','Segoe WP Light','Helvetica Neue','Source Sans Pro',sans-serif !important;
    font-size: 20px;
    font-weight: 200;
    line-height: 37px;
    color: #fff !important;;
    cursor: pointer;
    text-indent: 0 !important;
}
#LiveHelpEmbedded #LiveHelpConnectButton { color:#fff !important; }
#LiveHelpEmbedded .button:hover, #LiveHelpOffline .button:hover {
 background:#09c !important;color:#fff !important;
}
#LiveHelpScroll { width:100% !important;}
/*RESPONSIVE*/
@media only screen and (max-width:790px){.col06{width:100%;padding:0;margin:0;}.col01:nth-child(6n+1){clear:both;margin-left:0;width:15.33%;}.col12 h1{font-size:50px;padding:0 0 15px 0;}.buttom a{padding:10px 25px;width:100%;float:left;}}
@media only screen and (max-width:690px){.intro .col06{width:100%;float:left;}.col04,.col05,.col07{margin: 0 0 40px 0;width:100%;text-align: center;}}
@media only screen and (max-width:360px){.col12 h1{font-size:40px;padding:0 0 15px 0;}.col12 h1,.col06 h1{font-size:40px;padding:0 0 15px 0;line-height:34px;}.col12 .subtitle strong{line-height:25px;font-size:25px;}}
@media only screen and (max-width:980px){.configmx img{margin-top:80px;}.col06-2 .col06{width:100%;}.col12 h1,.col06 h1{font-size:60px;padding:0 0 20px 0;}}
@media only screen and (max-width:480px){.row .ullist,.row .ollist{margin:20px 0;float:left;width:100%;}.col12,.col11,.col10,.col09,.col08,.col07,.col06,.col05,.col04,.col03,.col02,.col01{margin:1% 0 1% 0%;width:100%;padding:20px 0;}.col01:nth-child(6n+1){width:100%;}.intro .col06{padding:0;}}
@media only screen and (max-width:1280px){.container{width:100%;}}
@media only screen and (max-width:1024px){.col06{width:100%;padding: 0;}.col06:nth-child(6n+2){padding: 0;margin:0;}.row{padding: 0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}.col02{width:100%;}.menu a{font-size:12px;}}
/*--END GRID HTML--*/
/*-- UI CSS --*/
/*HEADER*/
#topheader{width:100%;height:30px;background:url(../img/svg/top-header-bottom.svg) repeat-x bottom #272e34;float:left;}
#introtop{width:auto;height:30px;float:left;line-height:30px;z-index:2;font-size:12px;;background:url(../img/svg/top-header-bottom.svg) repeat-x bottom #272e34;}
#introtop em{position:relative;z-index:3;width:auto;float:left;color:#ccc;font-size:1em;line-height:30px;padding:0 80px 0 0;background:url(../img/svg/top-header-right.svg) right bottom no-repeat,url(../img/svg/top-header-bottom.svg) repeat-x bottom #272e34;}
#cookietop{background:#00d8c6;width:100%;float:left;z-index:99999;position:fixed;bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
#cookiewarning p{width:100%;color:#003652;font-size:16px;text-align:center;float:left;line-height:30px;padding:5px 0;}#cookiewarning img{margin:8px 6px -4px 0;}#cookiewarning a{color:#003652;font-weight:700;} a:hover{color:#fff;}
#cookiewarning input{background:url(../img/svg/icono-cerrar-cyberneticos.svg) no-repeat right 8px;border:none !important;cursor:pointer;height:30px;background-size:15px 15px;padding:0 15px 0 0;font-weight:700;}#cookiewarning input:hover{color:#fff;}
#detailtop{float:left;background:url(../img/svg/top-header.svg) center repeat-x;height:30px;width:100%;position:relative;margin:0 0 -30px 0;}
#phone{float:right;background:url(../img/svg/top-header-left.svg) no-repeat left bottom,url(../img/svg/top-header-bottom.svg) repeat-x bottom #272e34;font-size:12px;width:300px;position:relative;height:30px;padding:0 0 0 75px;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
#phone span{float:left;color:#09c;line-height:30px;}
#phone a{color:#fff;float:left;line-height:30px;font-size:16px;font-weight:100;}
#icotel{float:left;margin:5.5px 5px 0 0;}
#header{width:100%;height:60px;padding:10px 0;float:left;}
#header h1{width:184;height:60px;float:left;}
#dashboard{float:right !important;width:220px;margin-top:10px !important;height:40px;}
#dashboard li{float:left;padding:0 0 0 15px;width:40px;height:40px;}#dashboard img{width:40px;height:40px;float:left;}
#dashboard a{opacity:0.9;float:left;border:4px solid rgba(255,255,255,0);margin:-4px;-moz-border-radius:100px;-webkit-border-radius:100px;-khtml-border-radius:100px;border-radius:100px;}#dashboard a:hover{border:4px solid rgba(255,255,255,0.50);}
.burger{position:absolute;float:left;padding:10px;top:4px;left:10px;display:none;cursor:pointer;}
.burger li{width:30px;height:4px;background-color:#fff;border-radius:3px;margin:5px 0;}
.burger.open li{background-color:#272e34;}
#dashboard a:hover{opacity:1;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
#topheader,#support24,#openticket,#sitemap nav,#sitemap li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
/*MENU*/
#menu{width:100%;height:39px;background:#fff;float:left;border-top:1px solid #87e1ff;position:relative;-webkit-box-shadow:0 2px 2px 0px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 2px 0px rgba(0,0,0,0.2);box-shadow:0 2px 2px 0px rgba(0,0,0,0.2);}
.botmenu{font-size:14px;text-transform:uppercase;color:#495357;margin:0 10px;line-height:40px;font-weight:400;}
.menu li{float:left;display:inline-block;position:relative;}
.menu a{display:block;height:39px;}
.menu a:hover{color:#09c;}
.menu ul{border-bottom:2px solid rgba(0,0,0,0.1);display:none;position:absolute;z-index:99999;width:540px;background:#272e34;padding:20px;-khtml-border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;-ms-border-radius:0 0 20px 20px;-webkit-border-radius:0 20px 20px;border-radius:0 0 20px 20px;}
.menu ul ul{width:auto !important;position:absolute;background:none;padding:0 0 0 20px;margin:-10px 0 0 0;}
.menu ul ul li{float:left;width:190px;height:auto;margin:0;padding:0;border-bottom:none !important;}
.menu ul ul a{font-size:12px !important;float:left;width:190px;height:20px !important;margin:0;padding:2.5px 0 2.5px 10px;background:url(../img/svg/flecha-cyberneticos.svg) 0 7.5px no-repeat;background-size:10px 10px;border-bottom:none !important;}
.menu li li{float:left;width:240px;height:80px;margin:10px 15px;border-bottom:1px dotted #1a1f23;}
.menu em{font-size:13px;color:#CCC;font-style:italic;padding:0 0 0 25px;height:40px;width:220px;float:left;}
.menu li li a{height:100px;font-size:15px;color:#00bfff;font-weight:400;float:left;}
.menu li:hover ul a:hover{color:#fff;}
.menu > li:hover{border-bottom:5px solid #09c;height:35px;}
.menu ul a{color:#fff;}
.menu > #inicio:hover{border:none;opacity:0.8;}
.menu img{float:left;padding:0 5px 0 0;}
#inicio a{background:url(../img/svg/flecha-cyberneticos.svg) no-repeat 28px 12px;width:20px;height:40px;background-size:15px 15px;float:left;padding:0 20px 0 0;}
#inicio img{width:20px;height:20px;float:left;padding:8px 0 0 0;}
.destacado{float:right !important;width:20px;height:20px;margin:-10px 0 0 0;}nav #dashboard-menu{display:none;}
/*CUSTOMER CARE*/
#customercare{ width:100%;float:left;padding: 40px 0;}
#customercare p {font-size: 18px;}
#customercare .col06 { padding: 20px 0 20px 180px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; background: url(../img/svg/icono-dpto-comercial.svg) no-repeat 20px center / 140px; }
#customercare .col06:nth-child(2){ background: url(../img/svg/icono-24horas-02-cyberneticos.svg) no-repeat 20px center / 130px; }

/*FOOTER*/
#cookiewarning a:hover{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
 .column02{width:50%;padding:20px 0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
 .column02 p{font-size:16px;} 
#breadcrumbs{width:100%;float:left;height:40px;font-size:18px;padding:20px 0;background:#fff;}
#breadcrumbs img{float:left;}
#breadcrumbs a{font-weight:600;background:url(../img/svg/flecha-cyberneticos.svg) right 10px no-repeat;padding:0 25px 0 0;background-size:20px 20px;color:#09c;float:left;}
#breadcrumbs p{float:left;}
#breadcrumbs a,#breadcrumbs p{line-height:40px;}
#templatemonster {padding: 0 0 0 40px;background: url(../img/svg/logotipo-template-monster.svg) no-repeat center left;background-size: 30px;float:right;margin-top: 5px;} 
#templatemonster a {font-size:14px;line-height:16px !important;padding: 0!important;background: none !important;color:#555;font-weight:200;}
#templatemonster em {color:#09c;font-weight: 700;}
#templatemonster a:hover {color:#09c;}
#sitemap{float:left;padding:40px 0 0 0;border-top:1px solid #ccc;background:#fff;}
#sitemap nav{float:left;width:65%;padding:20px;}
#sitemap div{width:35%;}
#sitemap li{float:left;width:100%;line-height:12px;}
#sitemap a{float:left;width:auto;padding:5px 0;font-size:13px;color:#666;}
#sitemap a:hover{color:#003652;}
#sitemap h3{font-size:16px;line-height:0;font-weight:400;}
#sitemap ul{width:21%;float:left;height:225px;padding:0 10px;margin-bottom:25px;}
#emails-footer{margin:30px 0 0 0;}
#sitemap .moreinfo02{color:#09c !important;float:none !important;font-size:15px;width:auto !important;text-align:center !important;line-height:45px;background:url(../img/svg/flecha-cyberneticos.svg) no-repeat;background-position:right 5px;background-size:15px 15px;padding:0 15px 0 0;}
#sitemap .moreinfo02:hover{color:#003652;}
#ventajas{float:left;}
#garantia{width:330px;height:85px;background:url(../img/svg/garantia-satisfaccion-15-dias.svg) no-repeat;background-size:60px 60px;padding:0 0 0 70px;}
#garantia p{font-size:14px;color:#003652;margin:0 0 10px 0;font-style:italic;}
#pagoseguro{width:330px;height:85px;background:url(../img/svg/icono-pago-seguro-cyberneticos.svg) -10px 5px no-repeat;background-size:60px 60px;padding:0 0 0 50px;}
#pagoseguro h4,#garantia h4{font-size:20px;color:#09c;}
#pagoseguro a,#pagoseguro li{width:auto;height:auto;float:left;}
#copy{float:left;background:#1d2227;width:100%;height:30px;padding:10px 0;line-height:30px;}
#logofooter{width:100px;height:33px;float:right;}
#copy i{font-weight:600;color:#09c;padding:0 10px;float:left;font-size:12px;}
#copy p{float:left;padding:0 10px 0 0;font-size:12px;color:#888;}
#copy a{padding:0 10px;border-left:1px solid #111;float:left;color:#68727a;font-size:12px;}
#copy a:hover{color:#09c;}
#information div{width:100%;text-align:center;}
#information li{height:auto !important;}
#information{border-left:1px solid #ccc;margin:0 0 20px 0;}
#submenu09{margin-left:-124px;}
#flag{float:left;}
.flag{float:left;width:30px !important;height:20px;margin:0;padding:0;}
#lz_overlay_chat .lz_overlay_chat_options_link { text-indent:-999999px; }
/*RESPONSIVE UI*/
@media only screen and (max-width:650px){.column02{width:100%;}}
@media only screen and (max-widopyth:480px){#templatemonster {font-size:12px;}#templatemonster br {display:none;}
.column02,#breadcrumbs{font-size:10px;padding:15px 0;height:20px;}#breadcrumbs img{width:20px;height:20px;background:none;padding:0;}#breadcrumbs a{background:url(../img/svg/flecha-cyberneticos.svg) right 6px no-repeat;padding:0 15px 0 5px;background-size:12px 12px;}#breadcrumbs a,#breadcrumbs p{line-height:22px;}}
@media only screen and (max-width:320px){.column02{width:100%;}}
@media only screen and (max-width:1320px){.container{padding:0 20px;}#menu > .container{padding:0 !important;}.container,.menu{width:100%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.menu{padding:0 20px;}
#submenu04{margin-left:-80px;}#submenu05{margin-left:-156px;}#submenu06{margin-left:-256px;}#submenu07{margin-left:-316px;}#submenu08{margin-left:-416px;}#submenu09{margin-left:-304px;}}
@media only screen and (max-width:1024px){
#information{border-top:1px solid #ccc;border-left:none;}#information p img{display:none;}
#sitemap nav{width:100%;}
#sitemap div{width:50%;}
#sitemap .column02{width:100%;}
#sitemap a{font-size:13px !important;}
#sitemap h3{font-size:16px;}}
@media only screen and (max-width:1280px){#sitemap a{font-size:11px;}#submenu04{margin-left:-80px;}#submenu05{margin-left:-156px;}#submenu06{margin-left:-256px;}#submenu07{margin-left:-300px;}#submenu08{margin-left:-400px;}#submenu09{margin-left:-500px;}}
@media only screen and (max-width:920px){#description li,#description > #price{font-size:16px;}}
@media only screen and (max-width:980px){#breadcrumbs {height: auto;}.breadcrums {float:left;width:100%;}#templatemonster {float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;padding:20px 0 20px 40px;border-top:1px solid #ccc;margin-bottom:-20px;}.botmenu{margin:0 5px;}#copy{height:auto;margin:0;}#copy i{width:450px;padding:0;}#copy img{margin-top:-20px;}#submenu04{margin-left:-80px;}#submenu05{margin-left:-156px;}#submenu06{margin-left:-256px;}#submenu07{margin-left:-316px;}#submenu08{margin-left:-416px;}#submenu09{margin-left:-524px;}}
@media only screen and (max-width:1020px){#detailtop,#introtop em,#introtop,#phone{background-image:none;}
#detailtop,#introtop em,#introtop,#phone{background-image:url(../img/svg/top-header-bottom.svg);background-repeat:repeat-x;}
#phone{padding:0;width:auto;}}
@media only screen and (min-width:790px){.menu li:hover ul{display:block !important;}}
@media only screen and (max-width:790px){
header{position:static;margin-bottom:60px;}#topheader{display:none;}
#mainsection{border:none;margin-bottom:20px;}
#menu{border:none;}
#dashboard,#sitemap,.menu em,.menu li ul img,#menu #inicio img,.menu li a.logo,#phone,#copy img{display:none;}    #contentsection{padding:30px 0;}
#pagewrapper,#topheader{background:#1d2227;}header{height:auto;}
#cookiewarning{background:#00D8C6;padding:0 20px !important;}
#cookiewarning p{line-height:20px;}#cookiewarning input{background-position:right 9px;}
#topheader em{display:none !important;}#header{height:40px;z-index:2;position:fixed;top:0;right:0;left:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:#09c;border-bottom:2px solid rgba(0,0,0,0.1);-webkit-background-clip:padding-box;background-clip:padding-box;}
#header h1{height:45px;float:right;margin-right:20px;padding:0;}
#header h1 img{height:45px;width:130px;float:right;margin-top:-2px;}
#navToggle{margin-top:5px;}
.burger{display:block;}
#contentsection{padding:80px 0;}
#menu li a:hover,#menu li ul a:hover,.menu > #dashboard-menu img:hover{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
/*MENU*/
#menu{height:100%;overflow-y:visible;overflow-x:hidden;margin-top:30px;}
.menu{width:260px;padding:0 !important;}
#inicio a{border-left:5px solid #09c !important;background:url(../img/svg/logotipo-cyberneticos.svg) no-repeat #0083af !important;opacity:1 !important;background-position:10px 6px !important;float:left;padding:0;background-size:140px 45px !important;width:260px;height:20px !important;}
#inicio a:hover{background-color:#003652 !important;}
.botmenu{margin:0;line-height:10px;}
.menu > li:hover{border-bottom:none;height:auto;}
#menu li a:hover{color:#fff;background-color:#384149;border-left:5px solid #09c;}
#menu li ul a{text-transform:none;width:220px;height:20px;padding:10px 0 10px 40px;margin:0;letter-spacing:1px;font-size:14px;color:#deecf0;background:url(../img/svg/flecha-cyberneticos.svg) 25px 15px no-repeat #14171b;background-size:10px 10px;}
.menu ul{z-index:0;}
#menu{height:100%;position:fixed;left:0;top:0;margin:0;background:#1d2227;opacity:0;display:block;}
#menu.open{opacity:1;-webkit-transform:translate3d(0,0,0)scale(1);}
#menu li a{text-transform:capitalize;font-weight:500;letter-spacing:0;padding:20px 0 20px 35px;border-left:5px solid #14171b;font-size:16px;color:#deecf0;height:auto;background-size:15px 15px;background-repeat:no-repeat;background-position:10px 18px;}
#menu li a.active{color:#fff;background-color:#384149;border-left:5px solid #09c;}
#menu li{display:block;float:left;width:260px;height:auto;}
#menu a{text-transform:uppercase;border-left:1px solid #1d2227;}
#menu li ul{display:none;position:relative;width:280px;background:#14171b;padding:0;margin:0;-khtml-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-webkit-border-radius:0;border-radius:0;}
#menu li li{width:260px;height:40px;padding:0;margin:0;border:none;}
#menu li ul a:hover{background:url(../img/svg/flecha-cyberneticos.svg) 25px 15px no-repeat #232a2f;background-size:10px 10px;}
#menu li ul a:active{background:url(../img/svg/flecha-cyberneticos.svg) 25px 15px no-repeat #384149;background-size:10px 10px;}
#bothosting a{background:url(../img/svg/icono-hosting.svg);}#botservidores a{background:url(../img/svg/icono-servidores-dedicados-cyberneticos.svg);}#botdominios a{background:url(../img/svg/icono-dominios.svg);}#botstreaming a{background:url(../img/svg/icono-servidores-streaming-cyberneticos.svg);}#botsms a{background:url(../img/svg/icono-envios-sms-cyberneticos.svg);}#botemails a{background:url(../img/svg/icono-emails-cyberneticos.svg);}#botdistribuidores a{background:url(../img/svg/icono-distribuidores-cyberneticos.svg);}#botservicios a{background:url(../img/svg/icono-servicios-cyberneticos.svg);}#bototros a{background:url(../img/svg/icono-otros-cyberneticos.svg);}
#dashboard-menu{float:left;width:240px;padding:20px 5px;}
.menu > #dashboard-menu img{width:40px;height:40px;}
.menu > #dashboard-menu a{float:left;padding:0;width:40px;height:40px;border:none !important;margin:0 0 0 8px;}
.menu > #dashboard-menu a:hover{opacity:1;background:none;border:none !important;}
.menu > #dashboard-menu img:hover{width:40px;height:40px;}
#copy{text-align:center;height:auto;}#copy p,#copy span,#copy i{width:100%;}#copy a{margin:auto;float:none;}#copy i{padding:0;}
/*-- ANIMACION --*/
@-webkit-keyframes slideIn {0% {opacity:.3; -webkit-transform:translate3d(5%,0,0)scale(.97);} 100% {opacity:1; -webkit-transform:translate3d(0,0,0)scale(1);} }
@-moz-keyframes slideIn {0% {opacity:.3; -moz-transform:translate3d(5%,0,0)scale(.97);} 100% {opacity:1; -moz-transform:translate3d(0,0,0)scale(1);} }
@keyframes slideIn {0% {opacity:.3; transform:translate3d(5%,0,0)scale(.97);} 100% {opacity:1; transform:translate3d(0,0,0)scale(1);} }
#menu.close {opacity:0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
@-webkit-keyframes slideOut {0% {opacity:1; -webkit-transform:translate3d(0,0,0)scale(1);} 100% {opacity:.3; -webkit-transform:translate3d(5%,0,0)scale(.97);} }
@-moz-keyframes slideOut {0% {opacity:1; -moz-transform:translate3d(0,0,0)scale(1);} 100% {opacity:.3; -moz-transform:translate3d(5%,0,0)scale(.97);} }
@keyframes slideOut {0% {opacity:1; transform:translate3d(0,0,0)scale(1);} 100% {opacity:.3; transform:translate3d(5%,0,0)scale(.97);} }
.content {-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:1;}
#header.open, .content.open {-webkit-transform:translate3d(260px,0,0); -webkit-animation:open .5s ease-in-out; -moz-transform:translate3d(260px,0,0); -moz-animation:open .5s ease-in-out; transform:translate3d(260px,0,0); animation:open .5s ease-in-out;}
@-webkit-keyframes open {0% {-webkit-transform:translate3d(0,0,0);} 70% {-webkit-transform:translate3d(260px,0,0);} 100% {-webkit-transform:translate3d(260px,0,0);} }
@-moz-keyframes open {0% {-moz-transform:translate3d(0,0,0);} 70% {-moz-transform:translate3d(260px,0,0);} 100% {-moz-transform:translate3d(260px,0,0);} }
@keyframes open {0% {transform:translate3d(0,0,0);} 70% {transform:translate3d(260px,0,0);} 100% {transform:translate3d(260px,0,0);} }
#header.close, .content.close { -webkit-transform:translate3d(0,0,0); -webkit-animation:close .3s ease-in-out; -moz-transform:translate3d(0,0,0); -moz-animation:close .3s ease-in-out; transform:translate3d(0,0,0); animation:close .3s ease-in-out;}
@-webkit-keyframes close {0% {-webkit-transform:translate3d(260px,0,0);} 100% {-webkit-transform:translate3d(0,0,0);} }
@-moz-keyframes close {0% {-moz-transform:translate3d(260px,0,0);} 100% {-moz-transform:translate3d(0,0,0);} }
@keyframes close {0% {transform:translate3d(260px,0,0);} 100% {transform:translate3d(0,0,0);}}
/*--END UI CSS--*/