@charset "utf-8";
/* CSS DE LA CAJA DEL PIE EN LA PAGINA */
.caja-de-pie {display: flex;align-items: center;justify-content: center;float: left;
width: 100%;height: auto;position: fixed;bottom: 0px;z-index:9800;/*background-color: #CC6;*/background: rgb(169,3,41);	background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);	background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);	background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );}

.txt-del-pie{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 100%;
color: #FFF;padding: 2.0%;text-align: center;/*background-color: #999;*/width: 100%;
cursor: pointer;}

@media screen and (min-width:1441px) and (max-width:1920px) and (orientation: landscape) {
.txt-del-pie{font-size: 150%;}
}

@media screen and (max-width:1440px) and (orientation: landscape) {
.txt-del-pie{font-size: 130%;}
}

@media screen and (min-width: 1025px) and (max-width:1280px) and (orientation: landscape) {
.txt-del-pie{font-size: 100%; padding: 1.2%;}
}

@media screen and (max-width:1024px) and (orientation: landscape) {
.txt-del-pie{font-size: 90%; padding: 1.5%;}
}


@media (min-width: 320px) and (max-width: 384px) and (orientation: portrait) {
.txt-del-pie {font-size: 80%; padding-top: 12px; padding-right: 10px; padding-bottom: 12px; padding-left: 10px;}	
}

@media (max-width: 280px) and (orientation: portrait) {
.txt-del-pie {font-size: 75%; padding-top: 12px; padding-right: 10px; padding-bottom: 12px; padding-left: 10px;}	
}