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



body{
	margin:0;
	padding:0;
}

body{
	box-sizing:border-box;
}

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

img{
	height:auto;
}

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



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


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

#headEspecial{
	position:relative;
	
	height:80px;
	box-sizing:border-box;
	
	
}

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


#headEspecial .logo1 a{
	background:transparent url(img/logo1.svg) no-repeat bottom left;
	background-size:117px;
	top:20px;
	left:10px;
	width:130px;
	z-index:100;
	height:40px;
	font-family: 'Roboto', sans-serif;
	font-weight:normal;
	font-size:11px;
	text-transform:uppercase;
	font-weight:700;
	color:#333;
    text-align: left;
}

#headEspecial .logo1 strong{
	color:#ff3b83;
	
}


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


#headEspecial .logo2 a{
	background:transparent url(img/logo2.png) no-repeat top right;

	top:14px;
	right:10px;
	width:168px;
	height:43;
	text-indent:-10000px;
	
}

.mainImg{
	width:100%;
}



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


*{
	box-sizing:border-box;
	
}


.wrapper{
    font-family: 'Roboto', sans-serif;
    color:#333;
}

#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: 'Roboto Slab', serif;
	font-size:56px;
	font-weight:normal;
    padding:0px;
	margin:10px 20px;
	
}


#contentEspecial a{
	color:#1a68a9;
}




h2{
	text-align:left;
	font-size:22px;
	font-weight:300;
	padding:0px 20px;
}


h3{
	font-family: 'Roboto Slab', serif;
   font-size:38px;
	font-weight:700;
    text-align:center;
    margin:100px 0px 20px auto;
	clear:both;
	padding:0px 20px;
	overflow:hidden;
}

#contentEspecial a{
	text-decoration:underline;
	
}


.videoMicro{
    margin:30px 0px;
}


.textCorto{
    max-width:680px;
    width:100%;
    margin:0 auto;
}


#contentEspecial .imgleft, #contentEspecial .imgRight{
	width:49%;
	height:auto;
	margin:60px 0px;
}


#contentEspecial .imgleft{
	float:left;
	margin:40px 20px 20px 0px;
	
}






p strong{
	background-color:#47d3ff;
	font-weight:700 !important;
}

p a{
	font-weight:700 !important;
	color:#ff1068;
	text-decoration:underline;
}



.lista1 li:nth-child(2), .lista1 li:nth-child(4), .lista1 li:nth-child(6){
    direction: rtl;
}


.list1{
	margin-top:50px;
	padding:0px 20px;
}



.list1 li{
	display:inline-block;
	width:24%;
	vertical-align:top;
	padding-top:138px;
	background-size:auto 150px;
	position:relative;
	text-align:center;
	

}



.infoMicro{
	padding:0px 20px;
}

.list1 li:after{
	content:'';
	display:block;
	width:86px;
	height:37px;
	background:url(img/flecha.svg) no-repeat center center;
	position:absolute;
	right:-40px;
	top:50px;
}


.list1 li:last-child:after{
	content:normal;
}



.list1 li:first-child{
	background:url(img/item1.svg) no-repeat top center;
	background-size:auto 120px;
}


.list1 li:nth-child(2){
	background:url(img/item2.svg) no-repeat top center;
	background-size:auto 120px;
}


.list1 li:nth-child(3){
	background:url(img/item3.svg) no-repeat top center;
	background-size:auto 120px;
}


.list1 li:nth-child(4){
	background:url(img/item4.svg) no-repeat top center;
	background-size:auto 120px;
	padding-right:0px;
}


.list1 li strong{
	background-color:transparent !important;
}










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



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


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


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

#footEspecial h4{
	background: url("img/sprite-foot.png") no-repeat scroll center top / 250px auto rgba(0, 0, 0, 0);
	background: url("img/sprite-foot.svg") no-repeat scroll center top / 250px auto rgba(0, 0, 0, 0);
    box-sizing: border-box;
    height: 62px;
    margin: 20px auto;
    text-indent: -10000px;
	display:block;
}



#footEspecial ul li.fb a {
 	background: url("img/sprite-foot.svg") no-repeat scroll 13px -52px;
}
#footEspecial ul li.tw a {
    background:url("img/sprite-foot.svg") no-repeat -37px -52px;
}
#footEspecial ul li.gplus a {
   background:url("img/sprite-foot.svg") no-repeat -87px -52px;
}
#footEspecial ul li.whatsapp a {
    background: url("img/sprite-foot.svg") no-repeat scroll -138px -52px;
}
#footEspecial 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/factoria.svg) no-repeat center left;
    padding-left:20px;
        
}


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

    
.list1 li:after{
	content:'';
	display:block;
	width:46px;
	height:37px;
	background:url(img/flecha.svg) no-repeat center center;
	background-size:100% auto;
	position:absolute;
	right:-28px;
	top:50px;
}

    
    
}

@media all and (max-width:640px){
    
   .list1 li:after{
	content:normal;
	
}


 .list1 li{
	 width:100%;
	 margin:30px auto;
 }
    
    
#footEspecial ul li.whatsapp {
    display: inline-block !important;
}


.fRight, .fLeft{
	float:none;
	margin:20px auto !important;
	text-align:center;
	display:block;
}
}

@media all and (max-width:480px){
    h1{
        font-size:42px;
    }
	
	
	h3{
		font-size:28px;
	}
  
}