/************************************/
/************************************/
/** CSJN FOOTER CSS                **/
/** Copyright 2016                 **/
/************************************/
/************************************/


/* DESKTOP */
@media only screen and (min-width: 980px) {
	footer.clearfix {border-top: 1px solid #E8E8E8;    background: #FAFAFA;margin-top: 67px;}
	footer .logo-container {  margin: 0 auto;width: 542px;position: relative;top: -17px;text-align: center;color: #000;margin-bottom: 14px;height: 107px;}
	footer .logo-container img {width: 100%;position: relative;top: -61px;left: 5px;}
	footer .logo-container  .logo-csjn {width: 523px;    margin: 0 auto;margin-bottom: 0px;height: 120px;}
	footer .logo-container  .corte-suprema-de-justicia-text {    font-family: "Cinzel";    font-size: 16px;    text-rendering: optimizeLegibility !important;    -webkit-font-smoothing: antialiased !important;}
	footer .logo-container  .gobierno-abierto-judicial-text {    font-family: "Cinzel";    font-size: 15px;    text-rendering: optimizeLegibility !important;    -webkit-font-smoothing: antialiased !important;}
	footer .footer-links-container {border-top: 1px solid #E8E8E8;padding-top: 48px;z-index: 2;      position: relative;}
	footer .col-footer h4 { font-size: 14px;margin-bottom: 27px;}
	footer .col-footer {  float: left;}
	footer .copyright { margin-top: 50px;    font-size: 12px;    border-top: 1px solid #EAE8E8;    padding-top: 50px;    margin-bottom: 30px;    color: #A09E9E;}
	footer .copyright span.lighter {    margin: 0 15px;    color: #DEDBDB;}	
	footer ul.ul-column-footer {font-family: "Raleway";}
	footer ul.ul-column-footer li {font-size: 14px;margin-bottom: 5px;font-family: "Roboto";font-weight: 300;color: #232323;max-width: 330px;}	
	footer ul.ul-column-footer li:last-child{margin-bottom:0px}
	footer .col-footer.column-footer-type-1 {width: 462px;}
	footer .col-footer.column-footer-type-2 {width: 462px;}
	footer .col-footer.column-footer-type-3 { width: 180px;}	
}

/* TABLET AND MOBILE */
@media screen and (max-width: 979px){
	footer.clearfix {border-top: 1px solid #E8E8E8;    background: #FAFAFA;margin-top: 67px;width: 100%;}
	footer ul.ul-column-footer {font-family: "Raleway";}
	footer .logo-container {  margin: 0 auto;width: 542px;position: relative;top: -17px;text-align: center;color: #000;margin-bottom: 14px;height: 107px;}
	footer .logo-container img {width: 100%;position: relative;top: -69px;left: 5px;}
	footer .logo-container .logo-csjn {width: 523px;    margin: 0 auto;margin-bottom: 0px;height: 120px;}
	footer .logo-container .corte-suprema-de-justicia-text {    font-family: "Cinzel";    font-size: 16px;    text-rendering: optimizeLegibility !important;    -webkit-font-smoothing: antialiased !important;}
	footer .logo-container .gobierno-abierto-judicial-text {    font-family: "Cinzel";    font-size: 15px;    text-rendering: optimizeLegibility !important;    -webkit-font-smoothing: antialiased !important;}
	footer .footer-links-container {border-top: 1px solid #E8E8E8;padding-top: 48px;z-index: 2;position: relative;overflow: hidden;}
	footer .col-footer h4 {font-size: 14px;margin-bottom: 27px;}
	footer .col-footer {  float: left;}
	footer .copyright { margin-top: 50px;    font-size: 12px;    border-top: 1px solid #EAE8E8;    padding-top: 50px;margin-bottom: 75px;    color: #A09E9E;}
	footer .copyright span.lighter {    margin: 0 15px;    color: #DEDBDB;}	
	footer ul.ul-column-footer li {font-size: 14px;margin-bottom: 5px;font-family: "Roboto";font-weight: 300;color: #232323;max-width: 330px;}	
	footer ul.ul-column-footer li:last-child{margin-bottom:0px}
	footer .col-footer.column-footer-type-1 {width: 48%;margin-right: 4%;}
	footer .col-footer.column-footer-type-2 {width: 48%;}
	footer .col-footer.column-footer-type-3 {width: 20%;}	
}

/* MOBILE */
@media screen and (max-width: 580px){
    footer .logo-container {  margin: 0 auto;width: 100%;position: relative;top: -17px;text-align: center;color: #000;margin-bottom: 14px;height: 107px;}
	footer .logo-container img {width: 100%;position: relative;top: -70px;}
	footer .logo-container  .logo-csjn {width: 523px;margin-bottom: 0px;height: 120px;left: 50%;position: relative;margin-left: -264px;}
}

/* MOBILE */
@media screen and (max-width: 460px){
    footer .logo-container {  margin: 0 auto;width: 100%;position: relative;top: -8px;text-align: center;color: #000;margin-bottom: 14px;height: 82px;}
	footer .logo-container img {width: 100%;position: relative;top: -69px;}
	footer .logo-container  .logo-csjn {width: 463px;margin-bottom: 0px;height: 120px;left: 50%;position: relative;margin-left: -232px;}
	footer .col-footer {  float: none;}
	footer .col-footer.column-footer-type-1 {width: 100%;margin-bottom: 30px;}
	footer .col-footer.column-footer-type-2 {width: 100%;margin-bottom: 30px;border-top: 1px dashed #DEDEDE;padding-top: 15px;}
	footer .col-footer.column-footer-type-2 h4 { font-size: 14px;margin-bottom: 0px;}
	
	footer .col-footer.column-footer-type-3 {width: 100%;border-top: 1px dashed #DEDEDE;      padding-top: 30px;}		
	footer .copyright { margin-top: 50px;margin-bottom: 75px;text-align: center;line-height: 11px;}
    footer .copyright span.lighter {   margin: 0 278px;  color: #fff}
}

/* MOBILE */
@media screen and (max-width: 410px){
    footer .logo-container {top: -8px;margin-bottom: 14px;height: 74px;}
	footer .logo-container img {position: relative;top: -62px;}
	footer .logo-container  .logo-csjn {width: 411px;height: 93px;margin-left: -205px;}
}

/* MOBILE */
@media screen and (max-width: 360px){
    footer .logo-container {top: -8px;margin-bottom: 14px;height: 67px;}
	footer .logo-container img {position: relative;top: -55px;}
	footer .logo-container  .logo-csjn {width: 370px;height: 76px;margin-left: -187px;}
}