@import 'normalize.css';
.container{position:relative;margin:0 auto;padding:0;width:960px;}
.container .one.column{width:60px}
.container .two.columns{width:140px}
.container .three.columns{width:220px}
.container .four.columns{width:300px}
.container .five.columns{width:380px}
.container .six.columns{width:460px}
.container .seven.columns{width:540px}
.container .eight.columns{width:620px}
.container .nine.columns{width:700px}
.container .ten.columns{width:780px}
.container .eleven.columns{width:860px}
.container .twelve.columns{width:940px}
.container .thirteen.columns{width:1020px}
.container .fourteen.columns{width:1100px}
.container .fifteen.columns{width:1180px}
.container .sixteen.columns{width:1260px}
.container .one-third.column{width:300px}
.container .two-third.column{width:620px}
.container .offset-by-one{padding-left:80px}
.container .offset-by-two{padding-left:160px}
.container .offset-by-three{padding-left:240px}
.container .offset-by-four{padding-left:320px}
.container .offset-by-five{padding-left:480px}
.container .offset-by-six{padding-left:480px}
.container .offset-by-seven{padding-left:560px}
.container .offset-by-eight{padding-left:640px}
.container .offset-by-nine{padding-left:720px}
.container .offset-by-ten{padding-left:800px}
.container .offset-by-eleven{padding-left:880px}
.container .offset-by-twelve{padding-left:960px}
.container .offset-by-thirteen{padding-left:1040px}
.container .offset-by-fourteen{padding-left:1120px}
.container .offset-by-fifteen{padding-left:1200px}
.column,.columns{float:left;display:inline;margin-left:10px;margin-right:10px;margin-bottom:20px}
.row{margin-bottom:20px;zoom:1}
.row:before,.row:after{content:"";display:table}
.row:after{clear:both}
.column.alpha,.columns.alpha{margin-left:0}
.column.omega,.columns.omega{margin-right:0}
@media only screen and (max-width: 959px){.container{width:300px;}
.container .column{margin:0}
.container .one.column,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.colums{width:300px}
.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen{padding-left:0}
}@media only screen and (min-width: handheld-landscape-width) and (max-width: 959px){.container{width:480px;}
.container .column{margin:0}
.container .one.column,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .thirteen.columns,.container .fourteen.columns,.container .fifteen.columns,.container .sixteen.columns,.container .one-third.column,.container .two-thirds.colums{width:480px}
.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-six,.container .offset-by-seven,.container .offset-by-eight,.container .offset-by-nine,.container .offset-by-ten,.container .offset-by-eleven,.container .offset-by-twelve,.container .offset-by-thirteen,.container .offset-by-fourteen,.container .offset-by-fifteen{padding-left:0}
}html,body{margin:0;padding:0;background:#24221f url("../img/cartographer.jpg");color:#fff;font:normal 16px/20px 'Exo','Helvetica Neue','Helvetica','Arial',sans-serif;overflow-x:hidden}
a{text-decoration:none;cursor:pointer;color:#90ae6b}
a:hover{color:#4b5f6d}
p,a,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:20px}
h2{color:#90ae6b;font-size:24pt;line-height:1.5;text-shadow:0 3px 6px rgba(0,0,0,0.70);behavior:url("PIE.htc")}
h3{color:#6476b3;font-size:18pt}
h4{color:#6476b3;font-size:14pt;display:inline;text-align:right;font-weight:normal}
.wrapper,.header{width:960px;margin:20px auto 0}
.header-wrapper{width:100%;height:40px;padding:10px 0;background-color:#363f45;position:fixed;top:30px;z-index:5}
.header{margin:0 auto;position:relative;}
.header h1{display:block;width:115px;height:80px;background:transparent url("../img/logo.png") no-repeat  ;border:none;text-indent:-1000px;overflow:hidden;margin:0;float:left;margin-top:-30px}
.header ul{list-style:none;padding:0;margin:0;text-align:center;display:block;overflow:hidden;position:absolute;top:0;right:0;text-align:right;}
.header ul li{display:inline-block}
.header ul a{display:block}
.header ul a{color:#6476b3;font-size:24px;line-height:30px;text-align:center;text-shadow:0 3px 5px rgba(0,0,0,0.30);-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;-ms-transition-duration:1s;transition-duration:1s;behavior:url("PIE.htc")}
.header ul a:hover{color:#90ae6b}
.header ul i:before{color:#90ae6b;font-size:30px;margin-left:10px}
.header ul i{font-style:normal}
.header ul li{margin-left:40px;*display:block;*float:right}
.header .nav{width:840px;padding-top:5px}
.header .tools{right:-9999px;margin-top:5px}
.header .afip{position:fixed;top:20px;right:20px;}
.header .afip img{height:80px;width:auto}
.tel-wrap{position:fixed;display:block;width:100%;z-index:3;padding:5px}
.telefonos{width:960px;margin:0 auto;text-align:right;padding-right:30px;color:#fff;text-shadow:0 0 5px #000;}
.telefonos i{color:#90ae6b}
.seccion{background:#24221f url("../img/cartographer.jpg");padding-top:100px;margin-top:-100px;height:1000px}
.seccion:focus{outline: none;}
.banner-wrapper{width:100%;height:300px;margin-top:120px;position:relative;*height:400px;}
.banner-wrapper > img{min-height:300px;max-width:100%;position:absolute;top:0;left:0}
.banner{width:960px;height:300px;margin:0 auto;z-index:2;*margin-top:120px;*height:400px;}
.banner h2{margin-top:50px;font-size:24pt}
.banner img{max-width:100%;display:block;margin:0;margin-top:-10px}
#home{padding-top:440px;margin-top:-440px;padding-bottom:400px;background-color:transparent;*padding-top:500px;}
#home h3{font-size:17px}
#home ul{list-style:none;padding:0}
#home li{margin-bottom:5px;font-size:14px}
#home .four:before{color:#302d29;font-size:200px;position:absolute;top:110px;left:40px;z-index:-1}
#home .home-users{background:url("../img/users.gif") 40px 50px no-repeat}
#home .home-network{background:url("../img/network.gif") 40px 30px no-repeat}
#home .home-suitcase{background:url("../img/suitcase.gif") 40px 40px no-repeat}
#clientes{padding-bottom:100px;position:relative;}
#clientes .slider{background-color:transparent;width:9000px;float:left;margin:0 0 0 10px;}
#clientes .slider div{background-color:#5e7c88;width:300px;float:left;margin-right:20px}
#clientes a{font-size:2em;line-height:0;padding-left:20px;font-weight:normal}
#clientes .inactivo{color:#302d29}
#clientes .inactivo:hover{color:#302d29}
#clientes .overlay{background:#24221f url("../img/cartographer.jpg");opacity:.8;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);position:absolute;right:-9990px;top:0;width:9999px;height:100%;float:none;z-index:1}
#clientes .ov-left{left:-9990px}
#clientes h3{padding:10px;background-color:#363f45;margin:0}
#clientes dl{padding:0;margin:0}
#clientes dd,#clientes dt{margin:0;padding:10px 10px 0}
#clientes dd{padding:0 10px 10px;font-size:14px;color:#ccc}
#clientes .cuarto{position:absolute;top:168px;right:-320px;opacity:.4;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;-ms-transition-duration:1s;transition-duration:1s;cursor:pointer;}
#clientes .cuarto:hover{opacity:.8;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80)}
@media (min-width: 1200px){#clientes a{position:absolute;top:100px;((null)):0;width:300px;height:400px;display:block;font-size:100px;padding-top:100px;z-index:5;padding-left:60px;}
#clientes a:hover{color:#90ae6b}
#clientes .siguiente{right:-350px}
#clientes .anterior{left:-150px}
}#web .web{overflow:hidden;height:240px;position:relative}
#web h3{display:none}
#web img{width:100%;position:absolute;top:0;cursor:pointer}
#web .logo{z-index:10}
#contacto h3,#contacto h4,#contacto p{margin:0}
#contacto .qr{float:right;}
#contacto .qr img{width:50px}
form{position:relative}
label,input,textarea{display:block;width:100%}
input,textarea{margin-bottom:20px;margin-top:10px;background-color:#5e7c88;border:2px solid #4b5f6d;border-top-color:#363f45;font:normal .9em/1.4em 'Exo','Helvetica Neue','Helvetica','Arial',sans-serif;color:#000;}
input:focus,textarea:focus{outline:0 none;border:2px solid #90ae6b}
input{padding:5px 0}
textarea{padding:0}
label{color:#6476b3;font-size:18pt;font-weight:bold}
.boton{background-color:#90ae6b;color:#2b361e;text-shadow:0 1px 1px #b1c697;font:bold 20px/1 "Exo",sans-serif;border-color:#749150;-webkit-box-shadow:0 0 5px rgba(144,174,107,0.40),0 1px 0 #b1c697 inset;-moz-box-shadow:0 0 5px rgba(144,174,107,0.40),0 1px 0 #b1c697 inset;box-shadow:0 0 5px rgba(144,174,107,0.40),0 1px 0 #b1c697 inset;}
.boton:hover{background-color:#749150;border-color:#657f46}
.form-msg:after{display:block}
#success:target .form-msg:after{content:"Su mensaje ha sido enviado correctamente"}
#fail:target .form-msg:after{content:"Ha habido un error con el mensaje, pruebe nuevamente"}
.speedtest img{max-width:100%;cursor:pointer}
#tools input{width:120px;display:inline;margin-right:10px}
#tools ul{list-style:none;padding:0;margin-top:0;}
#tools ul a{font-size:16pt;line-height:1.5em}
#tools .ip span{color:#6476b3}
.banner img{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;-ms-animation-delay:1.5s;animation-delay:1.5s}
.banner h2{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;-ms-animation-delay:2s;animation-delay:2s}
#home div:nth-child(1){-webkit-animation-delay:2.3s;-moz-animation-delay:2.3s;-o-animation-delay:2.3s;-ms-animation-delay:2.3s;animation-delay:2.3s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;-ms-animation-duration:2s;animation-duration:2s}
#home div:nth-child(2){-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;-ms-animation-delay:2.5s;animation-delay:2.5s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;-ms-animation-duration:2s;animation-duration:2s}
#home div:nth-child(3){-webkit-animation-delay:2.7s;-moz-animation-delay:2.7s;-o-animation-delay:2.7s;-ms-animation-delay:2.7s;animation-delay:2.7s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;-ms-animation-duration:2s;animation-duration:2s}
