.no-padding{padding-left:0;padding-right:0}.no-padding .col-md-3{padding-left:0;padding-right:0}.grid,.no-space{padding:0;overflow:hidden}.a-center{text-align:center}.a-right{text-align:right}.animar{transition:all .3s ease-in-out}.btn{border:none;border-radius:2px;font-size:13px;text-transform:uppercase}.btn-xs{font-size:12px;text-transform:none;padding:3px 15px}.btn-primary{background:#2CB355;transition:all .3s ease-in-out}.btn-primary:hover{background:#30C960}.btn-primary:focus{background:#259C4A}.btn-primary:active{background:#259C4A}.btn-default{background:rgba(0,93,180,.5);color:#fff;transition:all .3s ease-in-out}.btn-default:hover{background:rgba(0,93,180,.7);color:#fff}.btn-default:focus{background:#005db4}.btn-default:active{background:#005db4}h4{line-height:24px}body,html{height:100%}body{font-size:15px;color:#444;background:#FFF;font-family:Karla}section#header{background-image:url(../images/bg.jpg);background-position:center top;height:450px;box-shadow:inset 0 40px 60px 16px rgba(0,0,0,.5)}body.inicio section#header{height:600px}body.empresa section#header{background-image:url(../images/empresa-bg.jpg)}body.lubricantes section#header{background-image:url(../images/lubricantes-bg.jpg)}body.fertilizantes section#header{background-image:url(../images/fertilizante-bg.jpg)}body.asfalto section#header{background-image:url(../images/asfalto-bg.jpg)}body.combustibles section#header{background-image:url(../images/combustible-bg.jpg)}body.productos section#header{background-image:url(../images/productos-bg.jpg)}body.ypf-directo section#header{background-image:url(../images/ypf-directo-bg.jpg)}body.servicios section#header{background-image:url(../images/combustible-bg.jpg)}nav{padding:15px 0;position:fixed;width:100%;z-index:30;transition:all .3s ease-in-out}nav .logo img{width:80px}nav.color{background:rgba(40,40,50,.9)}nav.color .logo img{width:50px}nav ul.mainnav{display:inline-block;list-style:none;line-height:44px;margin-bottom:0;padding-left:0}nav ul.mainnav li{display:inline-block;margin:0 10px}nav ul.mainnav li a{color:#fff;font-weight:400;font-size:13px;position:relative}nav ul.mainnav li a:hover:after{content:"";position:absolute;bottom:-10px;color:#FFF;width:100%;left:0;right:0}nav ul.mainnav li a:hover{text-decoration:none}nav ul.mainnav li a:after{content:"";position:absolute;bottom:-10px;background:#33D566;width:0;height:2px;left:50%;margin-left:0;transition:all .3s ease-in-out}nav ul.mainnav li.active a:after{width:100%;left:0;right:0}#menumovil{color:#FFF;font-size:23px;display:none;padding:7px 14px;position:absolute;right:10px;top:-40px}ul.dropdown-menu{background:#2CB355}ul.dropdown-menu li{width:inherit;display:block;text-align:center}ul.dropdown-menu li a{border-radius:4px}ul.dropdown-menu li a:after{display:none}ul.dropdown-menu li.active a{background:rgba(0,0,0,.1)}ul.dropdown-menu li.active:hover a{background:rgba(0,0,0,.1)}.module{background:#F2F2F2;padding:50px 50px;margin:50px 0;position:relative;box-shadow:0 20px 30px 0 rgba(0,0,0,.1)}.module.left{left:-35px}.module.right{right:-35px}.module h3{margin-top:0;font-weight:700;color:#11BD45}#destacado{padding-top:200px;position:relative;z-index:10}#destacado.internalpage .textocentrado{text-align:center}#destacado .textocentrado h1{color:#fff;font-size:40px;line-height:54px}#destacado .textocentrado p{font-weight:300;color:#fff;line-height:25px;font-size:16px;font-family:'Open Sans'}#destacado .textocentrado h4{margin:3px 0;color:#FFF;font-family:'Open Sans';font-weight:300;height:36px;font-size:16px;display:inline-block;background:#2CB355;padding:5px 10px;position:relative}#destacado .textocentrado h4:after{content:"";position:absolute;right:-22px;top:0;width:0;height:0;border-style:solid;border-width:36px 0 0 22px;border-color:transparent transparent transparent #2CB355}#four-block .bloque{padding:30px;height:300px;text-align:center;position:relative}#four-block .bloque:hover:after{background:rgba(0,0,0,.7)}#four-block .bloque:hover h2:after{width:100px;margin-left:-50px}#four-block .bloque h2{color:#fff;font-family:'Open Sans';font-size:22px;font-weight:300;position:relative;margin-bottom:30px}#four-block .bloque h2:after{content:"";position:absolute;width:40px;height:1px;left:50%;margin-left:-20px;background:#FFF;bottom:-15px;transition:all .3s ease-in-out}#four-block .bloque p{font-size:14px;color:#fff;margin:20px 0}#four-block .bloque:after{transition:all .3s ease-in-out;content:"";width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;left:0;top:0;z-index:1}#four-block .bloque .contenido{position:relative;z-index:2}#four-block .row>div{background-position:center}#four-block #producto1{background-image:url(../images/servicio-1.jpg)}#four-block #producto2{background-image:url(../images/servicio-2.jpg)}#four-block #producto3{background-position:center bottom;background-image:url(../images/servicio-3.jpg)}#four-block #producto4{background-image:url(../images/servicio-4.jpg)}#historia .imgbg{min-height:450px}#ypf-directo{padding:50px 0}.content .insidetext{padding:40px}.content h2{font-weight:300;font-size:30px;margin-bottom:20px;line-height:38px;font-family:'Open Sans'}.content p{font-size:14px;color:#999;line-height:25px;margin:20px 0}.content p strong{color:#111}.content ul.list{list-style:none;padding-left:30px;margin:20px 0}.content ul.list li{margin-bottom:20px;font-size:14px;color:#333;line-height:25px;margin:8px 0;position:relative}.content ul.list li:before{content:"\b0";left:-20px;top:5px;font-size:20px;position:absolute;color:#10C96D}.content h3{font-weight:300;font-size:18px;font-family:'Open Sans'}#values .topbar{background:#EAEAEA;padding:50px 0}#values .topbar ul{list-style:none;margin:0;padding:0;text-align:center}#values .topbar ul li{display:inline-block}#values .topbar ul li.active a{color:#000}#values .topbar ul li.active a:focus{text-decoration:none}#values .topbar ul li a{letter-spacing:6px;margin:0 20px;font-weight:300;font-size:14px;color:#999;font-family:'Open Sans'}#values .topbar ul li a:hover{text-decoration:none;color:#000}#values .content-topbar{padding:100px 0;transition:all .3s ease-in-out}#values .content-topbar img{max-width:100%}body.productos #destacado{padding-top:120px}body.productos #header{height:300px;background-image:none;background-color:#003364;background-size:cover;position:relative}body.productos #header:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0);z-index:1}body.lubricantes #destacado{padding-top:120px}body.lubricantes #header{height:600px;background-color:#003364;background-size:cover;position:relative}body.lubricantes #header:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0);z-index:1}.product-wrap{overflow:hidden;background:rgba(40,40,40,.8);padding:30px}.product-wrap>div{color:#fff;transition:all .3s ease-in-out;display:none}.product-wrap h5{font-family:'Open Sans';font-size:15px;font-weight:300;color:#11BD45}.product-wrap ul.list-pdf{margin:10px 0 30px;padding:0}.product-wrap ul.list-pdf li{display:inline-block;margin-right:20px}.product-wrap ul.list-pdf li a{font-size:14px;color:#fff}section#navproductos{position:relative;z-index:20}section#navproductos ul{padding:0;margin:0}section#navproductos .boxlink{text-align:center;overflow:inherit;width:25%;list-style:none;display:block;float:left}section#navproductos .boxlink a{background:#2CB355;border-left:1px solid #2EC35D;display:block;line-height:100px;color:#fff;font-family:'Open Sans';font-weight:300;position:relative;transition:all .3s ease-in-out}section#navproductos .boxlink a:hover{text-decoration:none;background:#2EC35D}section#navproductos .boxlink a.active{background:#2EC35D}section#navproductos .boxlink a.active:after{content:"";position:absolute;left:50%;margin-left:-12px;top:-12px;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #2EC35D}#gray-content{background:#EDF0FA;padding:80px 0}.combustible-module{text-align:center;padding:0 25px}.combustible-module p{text-align:left}.combustible-module p.a-center{text-align:center}.combustible-module hr{border-color:#d6d6d6}footer{background:#005db4;padding:30px 0;color:#fff;font-family:'Open Sans'}footer h2{font-weight:300;font-size:30px;margin-bottom:60px}footer .container{position:relative}footer ul.footlist{margin:0 0 20px;padding:0;list-style:none}footer ul.footlist li{line-height:28px;font-size:13px;font-weight:300}footer ul.footlist li.main{font-family:Karla;text-transform:uppercase;font-weight:700;margin-bottom:15px;font-size:13px}footer ul.footlist li i{margin-right:10px}footer ul.footlist li a{color:#fff}.infinito{bottom:-20px;position:absolute;right:10px}#servicios-topbar{padding-top:40px!important}@media (max-width:991px){#menumovil{display:block}nav{padding:14px 0}.logo img{width:215px}.logoypf img{width:215px}nav ul.mainnav{display:none;text-align:left;left:0;padding:0;position:absolute;width:100%;background:rgba(40,40,50,.9);top:15px}nav ul.mainnav li{display:block}nav ul.mainnav li a{line-height:35px;display:block;padding:5px 10px}nav ul.mainnav li a:after{display:none!important}nav ul.mainnav .btn{margin-left:21px;margin-bottom:20px}section#header{height:360px}section#header .internalpage{padding-top:130px}body.inicio section#header{height:480px}body.inicio section#header #destacado{padding-top:110px}body.inicio section#header .textocentrado h4{font-size:15px}#navproductos ul li a{font-size:12px}.module{left:inherit!important;right:inherit!important;padding:23px!important}.module h3{margin:15px 0;text-align:center}}@media (min-width:992px) and (max-width:1199px){nav ul.mainnav li{margin:0 5px}}@media (min-width:480px) and (max-width:767px){#four-block #producto1{background-size:cover}}@media (min-width:768px) and (max-width:991px){#four-block #producto1{background-size:cover}.content .insidetext{padding:10px}.content h2{margin-bottom:0}}@media (max-width:550px){section#navproductos .boxlink{width:100%}section#navproductos .boxlink a{font-size:16px}#values .topbar ul li a{margin:0 3px}#values .content-topbar{padding-top:30px}.content .insidetext{padding:15px!important}body.ypf-directo #destacado.internalpage .textocentrado p{display:none}a.logo img{width:40px!important}nav.color a.logo img{width:50px}a.logoypf img{width:50px;padding-bottom:20px;padding-left:10px}}@media (min-width:1300px){section#header{background-size:cover}}