.todopie			{ position:relative; margin:auto; max-width:1230px; z-index:1;}

.col-pie 			{ width:33.33%; border-right:1px solid #efefef;}

.separapie			{ display:none; position:absolute; width:100%; top:-75px; left:0; right:0; text-align:center; width:auto;}
.separapie img		{ width:75px; height:60px; padding:10px; filter:grayscale(0%);}  

.primeralinea		{ position:relative; padding:30px 0; border-top:0px solid #e1e1e1; overflow:hidde}
.segundalinea		{ position:relative; padding:40px 0 30px 0; border-top:0px solid #e1e1e1; overflow:hidden}
.terceralinea		{ position:relative; margin-top:-30px; padding:0 0 20px 0; overflow:hidden}  
.-terceralinea		{ position:relative; padding:20px 0; border-top:1px solid #e1e1e1; overflow:hidden}  

.todopie .it					{  }
.todopie .it:after				{ content:"-"; padding:0 10px; text-align:center;}
.todopie .it:last-child:after	{ content:"";}

.izquierdapie		{ float:left; overflow:hidden;}
.derechapie			{ height:55px; float:right; display:flex; align-items:center; justify-content:center; overflow:hidden;}

.marcapie			{ margin-bottom:30px; font-size:170%; font-weight:600; text-align:left;}
.titulospie			{ margin-bottom:10px; font-family:'Poppins', sans-serif; font-size:110%; font-weight:500;}  
.subtitulospie		{ font-family:'Poppins', sans-serif; font-size:100%; font-weight:600;}  
.textospie			{ font-family:'Poppins', sans-serif; font-size:90%; line-height:1.4em; padding:6px 0; color:inherit; text-align:left; overflow:hidden;}  
.textospie a:hover	{ color:#444; text-decoration:underline; text-underline-position:under; text-decoration-style:dashed;}  
.textospie .social	{ font-size:130%; line-height:1.4em; padding:4px 0; color:inherit; text-align:left;}  
.textospie .social:hover	{ text-decoration:none; color:#800000;}  

.textospie .imageni	{ position:relative; float:left; min-width:65px; width:65px; height:65px; margin:0 15px 15px 0;}  


.code:before		{ content:"\f564"; font-family: FontAwesome; margin:0 5px 0 0;}	
.code:hover			{ color:#543790;}	
.copyleft:before	{ content:"\f08a"; font-family: FontAwesome; margin:0 5px 0 0;}	
.copyleft:hover		{ color:#543790;}

.todopie ul.traductor				{ display:inline-block; padding:15px 19px; border:1px solid #ddd;}
.todopie ul.traductor:before		{ content:"\f7a2"; font-family: FontAwesome; margin:0 15px 0 0;}	
.todopie ul.traductor li a:hover 	{ color:#1e1445;}




.-fa 						{ color:#c62641; margin: 0 2px; font-size:85%; animation: pound 0.35s infinite alternate;}
@-webkit-keyframes pound	{ to { transform: scale(1.1);}}
@keyframes pound 			{ to { transform: scale(1.1);}}

@media screen and (max-width: 1024px) {
.todopie			{ padding:0 20px;}

	
}
@media screen and (max-width: 768px) {


}
@media screen and (max-width: 568px) {
.col-pie 			{ width: 100%;}

.izquierdapie		{ width:100%; float:none; text-align:center;}
.derechapie			{ width:100%; float:none; text-align:center; margin-top:10px; border-top:0px dashed #e1e1e1;}

}
@media screen and (max-width: 480px) {

}