.caja-redes-a {
 
   
margin: 0 auto;
    
padding: 5px;
    
position: relative;
    
width: 100%;
border-top:1px solid #ccc;

border-bottom:1px solid #ccc;

height: 65px;
margin-top: 10px;
margin-bottom: 20px;
}


.caja-redes-a a {

text-align: center;
	
font-size: 18px;

}


.caja-redes-a .icon-button {
	
background-color: white;
	
border-radius: 3em;
	
cursor: pointer;
	
display: inline-block;
	
height: 3em;
	
line-height: 3em;
	
margin: 0 8px;
	
position: relative;
	
width: 3em;

border:0px solid #000000;
float:left;
}


.caja-redes-a .icon-button span {
	
border-radius: 0;
	
display: block;
	height: 0;
	
left: 50%;
	
margin: 0;
	
position: absolute;
	
top: 50%;
	
-webkit-transition: all 0.3s;
	
-moz-transition: all 0.3s;
	
-o-transition: all 0.3s;
	
transition: all 0.3s;
	
width: 0;
}


.caja-redes-a .icon-button:hover span {
	
width: 3em;
	
height: 3em;
	
border-radius: 3em;
	
margin: -1.5em;

}


.caja-redes-a .linkedin span {background-color: #4393BB;}

.caja-redes-a .pinterest span {background-color: #C92228;
}
.caja-redes-a .twitter span {background-color: #4099ff;
}

.caja-redes-a .facebook span {background-color: #3B5998;
}

.caja-redes-a .google-plus span {
background-color: #db5a3c;

}




/* Iconos */

.caja-redes-a .icon-button i {

	background: none;

	color: white;
	left: 0;

	line-height: 3em;

	position: absolute;
	
	top: 0;
	
	-webkit-transition: all 0.3s;
	
	-moz-transition: all 0.3s;
	
	-o-transition: all 0.3s;
	
	transition: all 0.3s;
	
	width: 3em;
	
	z-index: 2;

}



.caja-redes-a .icon-button .icon-linkedin {color: #4393BB;
}

.caja-redes-a .icon-button .icon-pinterest {color: #C92228;
}

.caja-redes-a .icon-button .icon-twitter {color: #4099ff;
}

.caja-redes-a .icon-button .icon-facebook {color: #3B5998;
}

.caja-redes-a .icon-button .icon-google-plus {color: #db5a3c;
}



.caja-redes-a .icon-button:hover .icon-linkedin, 
.caja-redes-a .icon-button:hover .icon-pinterest, 
.caja-redes-a .icon-button:hover .icon-twitter, 
.caja-redes-a .icon-button:hover .icon-facebook, 
.caja-redes-a .icon-button:hover .icon-google-plus 
{
	
color: white;

}



























.caja-redes-b {
 
	   
margin: 0 auto;
    
padding: 5px;
    
position: relative;
    
width: 100%;
border-top:1px solid #ccc;

border-bottom:1px solid #ccc;

height: 50px;
margin-top: 10px;
margin-bottom: 20px;
}


.caja-redes-b a {

text-align: center;
	
font-size: 18px;

}


.caja-redes-b .icon-button {
	
background-color: #fff;
	
border-radius: 3em;
	
cursor: pointer;
	
display: inline-block;
	
height: 2em;
	
line-height: 2em;
	
margin: 0 8px;
	
position: relative;
	
width: 2em;

border:0px solid #000000;
float:left;
}


.caja-redes-b .icon-button span {
	
border-radius: 0;
	
display: block;
	height: 0;
	
left: 50%;
	
margin: 0;
	
position: absolute;
	
top: 50%;
	
-webkit-transition: all 0.3s;
	
-moz-transition: all 0.3s;
	
-o-transition: all 0.3s;
	
transition: all 0.3s;
	
width: 0;
}


.caja-redes-b .icon-button:hover span {
	
width: 2em;
	
height: 2em;
	
border-radius: 2em;
	
margin: -1.0em;

}


.caja-redes-b .linkedin span {background-color: #4393BB;}

.caja-redes-b .pinterest span {background-color: #C92228;
}
.caja-redes-b .twitter span {background-color: #4099ff;
}

.caja-redes-b .facebook span {background-color: #3B5998;
}

.caja-redes-b .google-plus span {
background-color: #db5a3c;

}




/* Iconos */

.caja-redes-b .icon-button i {

	background: none;

	color: white;
	left: 0;

	line-height: 2em;

	position: absolute;
	
	top: 0;
	
	-webkit-transition: all 0.3s;
	
	-moz-transition: all 0.3s;
	
	-o-transition: all 0.3s;
	
	transition: all 0.3s;
	
	width: 2em;
	
	z-index: 2;

}



.caja-redes-b .icon-button .icon-linkedin {color: #4393BB;
}

.caja-redes-b .icon-button .icon-pinterest {color: #C92228;
}

.caja-redes-b .icon-button .icon-twitter {color: #4099ff;
}

.caja-redes-b .icon-button .icon-facebook {color: #3B5998;
}

.caja-redes-b .icon-button .icon-google-plus {color: #db5a3c;
}



.caja-redes-b .icon-button:hover .icon-linkedin, 
.caja-redes-b .icon-button:hover .icon-pinterest, 
.caja-redes-b .icon-button:hover .icon-twitter, 
.caja-redes-b .icon-button:hover .icon-facebook, 
.caja-redes-b .icon-button:hover .icon-google-plus 
{
	
color: white;

}
























.caja-redes-c {
 
background-color: #142250;

	   
margin: 0 auto;
    
padding: 0px;
    
padding-left: 0px;
  
position: relative;
    
width: 280px;
border-top:0px solid #ccc;

border-bottom:0px solid #ccc;

height: 60px;
margin-bottom: 0px;
margin-top: 0px;
margin-left: 20px;
float:right;
}


.caja-redes-c a {

text-align: center;
	
font-size: 12px;

}


.caja-redes-c .icon-button {
	
background-color: #142250;
	
border-radius: 3em;
	
cursor: pointer;
	
display: inline-block;
	
height: 2em;
	
line-height: 2em;
	
margin: 0 4px;
	
position: relative;
	
width: 2em;

border:0px solid #000000;
float:right;
color: #fff;
}


.caja-redes-c .icon-button span {
	
border-radius: 0;
	
display: block;
	height: 0;
	
left: 50%;
	
margin: 0;
	
position: absolute;
	
top: 50%;
	
-webkit-transition: all 0.3s;
	
-moz-transition: all 0.3s;
	
-o-transition: all 0.3s;
	
transition: all 0.3s;
	
width: 0;
}


.caja-redes-c .icon-button:hover span {
	
width: 2em;
	
height: 2em;
	
border-radius: 2em;
	
margin: -1.0em;

}


.caja-redes-c .linkedin span {background-color: #4393BB;}

.caja-redes-c .pinterest span {background-color: #C92228;
}
.caja-redes-c .twitter span {background-color: #fff;
}

.caja-redes-c .facebook span {background-color: #fff;
}

.caja-redes-c .google-plus span {
background-color: #db5a3c;

}




/* Iconos */

.caja-redes-c .icon-button i {

	background: none;

	color: white;
	left: 0;

	line-height: 2em;

	position: absolute;
	
	top: 0;
	
	-webkit-transition: all 0.3s;
	
	-moz-transition: all 0.3s;
	
	-o-transition: all 0.3s;
	
	transition: all 0.3s;
	
	width: 2em;
	
	z-index: 2;

}



.caja-redes-c .icon-button .icon-linkedin {color: #4393BB;
}

.caja-redes-c .icon-button .icon-pinterest {color: #C92228;
}

.caja-redes-c .icon-button .icon-twitter {color: #fff;
}

.caja-redes-c .icon-button .icon-facebook {color: #fff;
}

.caja-redes-c .icon-button .icon-google-plus {color: #db5a3c;
}



.caja-redes-c .icon-button:hover .icon-linkedin, 
.caja-redes-c .icon-button:hover .icon-pinterest, 
.caja-redes-c .icon-button:hover .icon-twitter, 
.caja-redes-c .icon-button:hover .icon-facebook, 
.caja-redes-c .icon-button:hover .icon-google-plus 
{
	
color: #142250;

}