.row-pie {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -20px;
}
.row:last-child {
  margin-bottom: 0;
}
[class*="colpie-"] {
  padding: 0 20px 20px 20px;
  width: 100%;
}

@media all and ( min-width: 600px ) {

  /* set col widths */
  .colpie-2-3 {
    width: 66.66%;
  }
  .colpie-100 { width: 100%; clear:both;}
  .colpie-1-2 { width: 50%;}
  .colpie-1-3 { width: 33.33%;}
  .colpie-1-4 { width: 25%;}
  .colpie-1-8 { width: 12.5%;}
  .colpie-7-8 { width: 87.5%;}

}

.primeralinea		{ position:relative; padding:30px 0; border-bottom:1px solid #435630; overflow:hidden}
.segundalinea		{ position:relative; padding:30px 0; border-bottom:1px solid #435630; overflow:hidden}
.terceralinea		{ position:relative; padding:30px 0; border-bottom:none; overflow:hidden}

.botonpie			{ position:relative; display:inline-block; padding:10px 18px; text-align:center; text-decoration:none; font-size:100%; line-height:1.5em;}
.botonpie			{ border:1px solid #2c5f2d; border-radius:35px; background:#2c5f2d; color:#fff;}
.botonpie:hover		{ border:1px solid #f3f3f3; color:#fff; background:transparent; transition: 0.4s;}

.separadorpie	{ clear:both; border-bottom: 1px solid #8090a1; padding:10px 0 0 0; margin: 0 0px 20px 0;}
.cajapie1		{ display:block; clear:both; font-size:95%; overflow:hidden}
.cajapie2		{ display:block; clear:both; font-size:95%; overflow:hidden}
.izquierdapie	{ display:inline-block; float:left; padding:0; overflow:hidden;}
.derechapie		{ display:inline-block; float:right; padding:0; overflow:hidden;}
.bajopie		{ clear:both; padding:0 0 0 0; margin: 0 0px 0px 0;}

.titulospie			{ color:#fff; font-size:180%; font-weight:600;}
.titulospie:after	{ display:block; content:""; border-bottom:2px solid #fff; margin:0 0 20px 0; padding:0 0 15px 0; max-width:40px; overflow:hidden}
.lineacorta			{ display:none; border-bottom:1px solid #fff; margin:0 0 20px 0; padding:0 0 15px 0; max-width:40px; overflow:hidden}

#logofafar		{ position:relative; display:inline-block; float:left; width:50px; height:50px; margin: 0 10px 0 0; border:1px solid #ddd; border-radius:100%; overflow:hidden}
.logofafar		{ background: url(../../images/logos/fafar.png) no-repeat 0 0; background-size:cover; background-position:center center;}

#marcapie		{ display:block; float:auto; width:160px; line-height:1.7em; overflow:hidden}
.marcafafar		{ font-family: 'Oswald', sans-serif; font-size:125%; color:#f3f3f3; text-decoration:none; margin:5px 0;}
.marcaus		{ font-family: 'Roboto', sans-serif; color:#f3f3f3; text-decoration:none; margin:5px 0 0 0;}

.titulitospie	{ color:#ddd; line-height:1.3em; margin:0 0 5px 0; font-size:115%; font-weight:600;}
.textospie		{ display:inline-block; float:auto; color:#ddd; line-height:1.5em; margin:0 7px 0 0; text-decoration:none; }
.textospie a	{ color:#ddd; text-decoration:none}
.link			{ text-decoration:none; white-space:nowrap;}
.link a			{ color:#666; text-decoration:none}
.link:hover		{ color:#f3f3f3; border-bottom:1px dotted #f3f3f3; text-decoration:none}
.copyleft:before{ content:"\f08a"; font-family: FontAwesome; margin:0 5px 0 0}	
.copyleft:after	{ content:"Web Team"}
.copyleft a		{ color:#666; text-decoration:none}
.copyleft:hover	{ color:#f3f3f3; border-bottom:1px dotted #f3f3f3; text-decoration:none}
.code:hover		{ color:#f3f3f3; border-bottom:1px dotted #f3f3f3; text-decoration:none}
.lineapie		{ display:none; clear:both; border-bottom: 1px solid #ddd; padding:20px 0 0 0; margin: 0 0px 20px 0;}

.socialpie					{ position:relative; font-size:210%; display:flex; align-items:center; justify-content:center; color:#fff; overflow:hidden;}
.socialpie a				{ color:#fff; text-decoration:none;}
.socialpie a:hover			{ color:#ffb606; text-decoration:none; border:none;}
.socialpie .facebook:before	{ content:"\f082"; font-family: FontAwesome; padding:0 7px; }
.socialpie .instagram:before{ content:"\f16d"; font-family: FontAwesome; padding:0 7px; }
.socialpie .twitter:before	{ content:"\f081"; font-family: FontAwesome; padding:0 7px; }
.socialpie .youtube:before	{ content:"\f431"; font-family: FontAwesome; padding:0 7px; }

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media only screen and (min-width: 1900px) {


}
/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {


}
/* for 980px or less */
@media screen and (max-width: 980px) {



}
/* for 700px or less */
@media screen and (max-width: 768px) {


}
/* for 500px or less */
@media screen and (max-width: 568px) {


}
/* for 480px or less */
@media screen and (max-width: 480px) {
.izquierdapie	{ display:block; clear:both; float:auto; padding:5px 0 25px 0; line-height:1.2em; border:none}
.derechapie		{ display:block; clear:both; float:none; text-align:center; margin:0; padding:15px 0 0 0; border-top:1px solid #667b8a}
.bajopie		{ clear:both; padding:0 0 0 0; margin: 0 0px 0px 0;}
.lineapie		{ display:block;}
.copyleft		{ float:auto; text-align:center; margin:0 auto}
.link:hover		{ border:none; text-decoration:none}
.textospie		{ line-height:1.5em; margin:0 7px 0 0; padding:2px 0 0 0}
.pie			{ text-align:center}
}