html, body{margin:0;height:100%;font:normal normal normal 16px/18px 'Century Gothic', sans-serif;}
h2{font:normal normal normal 35px/40px 'Century Gothic', sans-serif;}
p{font:normal normal normal 16px/18px 'Century Gothic', sans-serif;}
#cabecera{width:100%;height:50px;background:#000000;color:#fff;z-index:99;}
#cabecera #menu-web{}
#cabecera #menu-web ul{list-style-type:none;padding:20px;margin:0;}
#cabecera #menu-web ul li{float:left;text-align:center;margin-left:15px;display:inline;-webkit-transition:200ms;transition:200ms;}
.menu-ul-web{float:right}
#menu-movil{top:0;width:250px;background:#fff;position:fixed;z-index:5500;right:-1500px;display:none;overflow:auto;border-radius:5px;}
#cabecera #menu-web ul li a{text-decoration:none;font:normal normal normal 15px/20px 'Century Gothic', sans-serif;-webkit-transition:1s;transition:1s;color:#fff}
#cabecera #menu-web ul li a:focus{}
#cabecera #menu-web ul li a:hover{background:#36ff00;padding:10px;}
#mobile_menu{font-size:40px;}
.vcenter{position:absolute;z-index:11;top:35%;height:auto;width:100%;}
.triangulos{margin-top:-12px;background:url(../img/triangulo.png) repeat-x;height:12px;width:100%;}
.triangulos2{margin-top:-12px;background:url(../img/triangulo2.png) repeat-x;height:12px;width:100%;}
.rotaicon{-webkit-transition:-webkit-transform 1s ease-out;-moz-transition:-moz-transform 1s ease-out;transition:transform 1s ease-out;}
.rotaicon:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);}
.vcenter img{display:inline-block;}
.separador{min-height:100%;}
#logo-web img{height:50px;display:inline-block;}
#logo-web-2 img{height:50px;display:inline-block;}
#slider{height:100%;}
#slider #mask{position:absolute;width:100%;height:100%;background:#070607;opacity:0.5;filter:alpha(opacity=5);z-index:10;}
#slider .slider-ul{position:absolute;min-width:100%;min-height:100%;}
#slider #bottom-slider{position:absolute;bottom:0;height:50px;width:100%;z-index:99;}
#slider .but-nav{float:left;}
#slider .but-nav .but-izq{width:50px;height:50px;color:#fff;display:inline-block;}
#slider .but-nav .but-der{width:50px;height:50px;color:#fff;display:inline-block;}
#slider .but-more{float:right;width:50px;height:50px;color:#fff;display:inline-block;}
#about{background:#111;padding:80px 60px 60px 60px;color:#adadad}
#service{background:url(../img/F01.jpg) 100% 100% fixed;padding:80px 60px 60px 60px;color:#fff;}
#service img{width:250px;height:150px;border-radius:20px 0px 20px 0px;transition:1s;box-shadow:2px 2px 15px #000;transition:width 1s, height 1s, transform 1s;-moz-transition:width 1s, height 1s, -moz-transform 1s;-webkit-transition:width 1s, height 1s, -webkit-transform 1s;-o-transition:width 1s, height 1s,-o-transform 1s;}
#service .img-responsive{margin:0 auto;}
.imgservice:hover{z-index:20;}
#service .text{border-radius:20px 0px 20px 0px;padding:5px 5px 0px 5px;background-color:#3ffa3f;width:60%;color:#000;box-shadow:2px 2px 15px #000;margin:10px auto 0 auto;font-size:18px;font-weight:bold;}
#service img:hover{transform:scale(2);-moz-transform:scale(2);-webkit-transform:scale(2);-o-transform:scale(2);z-index:999;}
#portf{background:#111;padding:80px 60px 60px 60px;color:#adadad;}
#clie{background:url(../img/F01.jpg) 100% 100% fixed;background-position:center;padding:80px 60px 60px 60px;color:#fff;font-weight:bold;}
#contact{background:#111;padding:80px 60px 60px 60px;color:#adadad}
#contact input{width:100%;height:50px;padding:10px;border:none;}
#contact textarea{border:none;width:100%;height:150px;padding:10px;}
#contact .rsico{width:50px}
.clientes{margin-top:10px;margin-bottom:10px;}
.clientes img{border-radius:20px 0px 20px 0px}
#footer{height:50px;padding-top:20px;background:#000}
.slider-2{width:100%;height:600px;}
.texto-slider{width:100%;height:40px;background:rgba(0,0,0,0.6);color:#fff;font-size:20px;padding-top:10px;padding-left:20px;border-radius:20px 0px 0px 0px;}
@media (min-width:1200px){.translate{display:inline-block;}
}
@media (min-width:980px) and (max-width:1199px){}
@media (max-width:979px){#about{padding:80px 30px 30px 30px;}
#service{padding:80px 30px 30px 30px;}
#portf{padding:80px 30px 30px 30px;}
#contact{padding:80px 30px 30px 30px;}
.vcenter{top:35%;}
}
@media (max-width:768px){#about{padding:80px 10px 10px 10px;}
#service{padding:80px 10px 10px 10px;}
#portf{padding:80px 10px 10px 10px;}
#contact{padding:80px 10px 10px 10px;}
.vcenter{top:30%;}
}