@charset "UTF-8";
/* CSS Document */



body{
	margin:0;
	padding:0;
}

body{
	box-sizing:border-box;
	font-family:'Lato', sans-serif;
	color:#4A4A4A;
	font-size:18px;
	font-weight:300;
}

.wrapper{
	margin:0;
	padding:0;
	
}

img{
	height:auto;
}

ul, li{
list-style:none;
margin:0;
padding:0;
}


h1,h2,h3,h4,h5,h6,h7{
	font-weight:400;
	font-size:18px;
}



a, a:hover{
	text-decoration:none;
	color:#000;
	
}


.aCenter{
	text-align:center;
}


.row2{
	width:49.5%;
	display:inline-block;
}


.row3{
	width:32.5%;
	display:inline-block;
}


.inverseDirection{
	direction:rtl;
}


.inverseDirection .row2{
	direction:ltr;
}


.vBottom{
	vertical-align:bottom;
}


.vTop{
	vertical-align:top;
}


.aRight{
	text-align:right;
}


.maxWidth{
    max-width:1024px;
	width:100%;
	position:relative;
	margin:0 auto;
	padding:0px 15px;
}

#headEspecial{
	position:fixed;
	top:0;
	right:0;
	left:0;
	margin:0 auto;
	background-color:#fff;
	height:80px;
	box-sizing:border-box;
	z-index:10000;
	
	
}


.mainImg{
	margin-top:80px;
}

#headEspecial span a{
	position:absolute;
	display:block;
	color#fff !important;
}


#headEspecial .logo1 a{
	 background: transparent url("/img/publi-especial/repsol-waylet/as50.svg") no-repeat scroll left 15px / 84px auto;
    color: #333;
    font-family: "Roboto",sans-serif;
    font-size: 11px;
    font-weight: 700;
    height: 55px;
    left: 10px;
    text-align: left;
    text-transform: uppercase;
    top: 16px;
    width: 84px;
    z-index: 100;
}




.mainImg{
	width:100%;
	height:auto;
}


#headEspecial .logo2 a{
	background:transparent url(/img/publi-especial/repsol-waylet/logo2.png) no-repeat top right;
top:27px;
	right:10px;
	width:168px;
	height:43px;
	text-indent:-10000px;
	
}

.mainImg{
	width:100%;
}



.maxWidth{
	max-width:1024px;
	width:100%;
	margin:0 auto;
   
	
}


*{
	box-sizing:border-box;
	
}


h3,h4{
	margin:70px 0px;
	display:block;
}


h5{
	font-size:24px;
	font-family:'Exo', sans-serif;
}


.block h5:after{
	content:'';
	display:block;
	width:100px;
	margin:30px 0px 0 0px;
	border-bottom:3px solid #FF8200;
}

#contentEspecial{
	width:100%;
	
	max-width:1024px;
	width:100%;
	margin:0 auto;
	
	padding:0px 20px;
	
}
	
	
	 p{
		line-height:1.5em;
        margin:30px 0px;
        font-size:18px;
    padding:0px 20px;
		
	}
	
	
	#contentEspecial p{
		text-align:left;
		
		
	}


.fLeft{
	float:left;
	margin:0px 20px 20px 0px;
	overflow:hidden;
}


.fRight{
	float:right;
	margin:0px 0px 20px 20px;
	overflow:hidden;
}


 h1{
	font-family: 'Exo', serif;
	font-size:60px;
	font-weight:normal;
    padding:0px;
	margin:60px 20px;
	
}


#contentEspecial a{
	color:#1a68a9;
}




h2{
	font-family: 'Exo', serif;
	font-size:24px;
	font-weight:300;
	padding:0px 20px;
}


h2:after{
	content:'';
	display:block;
	width:100px;
	margin:30px auto 0 auto;
	border-bottom:3px solid #FF8200;
}




#contentEspecial a{
	text-decoration:underline;
	
}


.videoMicro{
    margin:30px 0px;
}


.bGrey{
	background-color:#F1F1F1;
}


.bOrange{
	background-color:#FF8200;
	color:#fff;
	padding:100px 0px;
}


.bOrange h7{
	font-family:'Exo', sans-serif;
	font-size:32px;
	
	display:block;
}



.bOrange ul{
	margin-top:50px;
}


.bOrange ul li{
	padding:0px 30px;
}


.bOrange ul li:before{
	content:'';
	display:block;
	margin:20px auto;
	background-color:#FFF;
	width:45px;
	height:45px;
	border-radius:50%;
	font-family:'Exo', sans-serif;
	color:#FF8200;
	font-size:32px;
}


.bOrange ul li:first-child:before{
	content:'1';
}


.bOrange ul li:nth-child(2):before{
	content:'2';
}


.bOrange ul li:last-child:before{
	content:'3';
}


.finalBlock h7{
	font-size:20px;
	margin:50px auto;
	display:block;
	
}


.videoMicro{
	margin:100px auto;
}



.block{
	padding-top:30px;
}

.finalBlock a{
	display:block;
	text-indent:-10000px;
	width:152px;
	height:58px;
	text-align:center;
	margin:0 auto;
}


.finalBlock li:first-child a{
	background:url(/img/publi-especial/repsol-waylet/link-app.png) no-repeat top left;
}



.finalBlock li:last-child a{
	background:url(/img/publi-especial/repsol-waylet/link-app.png) no-repeat top right;
}























#footEspecial{
	margin:100px auto 0 auto;
	text-align:center;
	padding-bottom:50px;
	clear:both;
	background-color:#CD1316;
	color:#fff;
	padding:30px 0px 0px 0px;
}



header ul{
	padding-top:12px;
}


header ul li{
	display:inline-block;
	margin:0px 5px;
	width:60px;
	height:60px;
	padding:5px;
	vertical-align:bottom;
	background-color:#fff;
	border-radius:50%;
	
}


header ul li a{
	display:block;
	width:100%;
	height:100%;
	
	
}


header ul li a{
	
	display:block;
	text-decoration:none;
}

#footEspecial h4{
	background: rgba(0, 0, 0, 0) url("/img/publi-especial/repsol-waylet/as50.svg") no-repeat scroll center top / 180px auto;
    box-sizing: border-box;
    display: block;
    height: 60px;
    margin: 20px auto;
    padding-bottom: 20px;
    text-indent: -10000px;
    width: 200px;
}

#footEspecial .redesSociales{
	border-top:1px solid #fff;
	padding-top:25px;
	width:330px;
	margin:25px auto 0px auto;
}


#footEspecial .redesSociales li{
	display:inline-block;
	margin:0px 15px;
	
}

#footEspecial .redesSociales li a{
	display:block;
	width:100%;
	height:20px;
	text-indent:-10000px;
}


#footEspecial .redesSociales li a.fb{
	background: url("/img/publi-especial/repsol-waylet/footer-as.svg") no-repeat scroll 0px bottom;
	width:9px;
}


#footEspecial .redesSociales li a.tw{
	background: rgba(0, 0, 0, 0) url("/img/publi-especial/repsol-waylet/footer-as.svg") no-repeat scroll -33px bottom;
    width: 30px;
}


#footEspecial .redesSociales li a.gplus{
	background: rgba(0, 0, 0, 0) url("/img/publi-especial/repsol-waylet/footer-as.svg") no-repeat scroll -86px bottom;
    width: 30px;
}

#footEspecial .redesSociales li a.ytube{
	background: rgba(0, 0, 0, 0) url("/img/publi-especial/repsol-waylet/footer-as.svg") no-repeat scroll -135px bottom;
    width: 50px;
}


#footEspecial .redesSociales li a.insta{
 background: rgba(0, 0, 0, 0) url("/img/publi-especial/repsol-waylet/footer-as.svg") no-repeat scroll -200px bottom;
    width: 25px;
}



header ul li.fb a {
 	background: url("/img/publi-especial/repsol-waylet/sprite-foot.svg") no-repeat scroll 13px -52px;
}
header ul li.tw a {
    background:url("/img/publi-especial/repsol-waylet/sprite-foot.svg") no-repeat -37px -52px;
}
header ul li.gplus a {
   background:url("/img/publi-especial/repsol-waylet/sprite-foot.svg") no-repeat -87px -52px;
}
header ul li.whatsapp a {
    background: url("/img/publi-especial/repsol-waylet/sprite-foot.svg") no-repeat scroll -138px -52px;
}
header ul li.whatsapp {
    display: none;
}






#footEspecial h5, #footEspecial h6, #footEspecial h7{
	font-family: 'Roboto', sans-serif;
	font-weight:300 !important;
	font-size:16px;
	margin:0px;
	
}

#footEspecial h7{
    margin-top:30px !important;
    display:inline-block;
    font-size:14px;
    background:url(/img/publi-especial/repsol-waylet/factoria.svg) no-repeat center left;
    padding-left:20px;
        
}


#footEspecial h8{
	background-color:#B60C0E;
	border-top:1px solid #fff;
	display:block;
	padding:20px 0px;
	margin-top:30px;
}


@media all and (max-width:768px){
    h1,h2{
        width:100%;
        padding:0 20px;
        margin-left:0;
        text-align: center;
    }
    

    
     h1{
         padding-top:5%;
     }

    


    
    
}

@media all and (max-width:640px){
    

    
    

}

@media all and (max-width:570px){
	
	
	#headEspecial{
	position:relative;
	
	
	
}


.mainImg{
	margin-top:0px;
}
	
	h1{
		font-size:34px;
	}
	
   .row2, .row3{
	   width:100%;
	   text-align:center;
   }
   
   
   .block h5:after{
	
	display:block;
	
	margin:30px auto;
	
}

.finalBlock a{
	margin:10px auto;
}
  
  
  
  header ul{
	  position:fixed;
	  bottom:0px;
	  background-color:#fff;
	  margin:0 auto;
	  left:0;
	  right:0;
	  z-index:10000;
  }
  
  
  #footEspecial{
	  padding-bottom:70px;
  }
  
  
  
 header ul li.whatsapp {
    display: inline-block !important;

}


header ul li{
	margin:0px 5px !important;
	
	
}
}