/* DIRTY Responsive pricing table CSS */

/* 
- make mobile switch sticky
*/

.titulitis {
  display:flex;
  top:0px;
  z-index:10;
  padding-bottom:14px;
}
.titulitis li {
  list-style:none;
  flex:1;
}
.titulitis li:last-child {
  border-right:1px solid #DDD;
}
.encab{
	text-align:center;
	background:#F5F5F5;
	font-size:12px;
}

button {
  width:100%;
  border: 1px solid #DDD;
  border-right:0;
  border-top:0;
  padding: 10px;
  background:#FFF;
  font-size:14px;
  font-weight:bold;
  height:60px;
  color:#999
}
li.active button {
  background:#F5F5F5;
  color:#000;
}
table { border-collapse:collapse; table-layout:fixed; width:100%; }
th { background:#F5F5F5; display:none; }
td, th {
  height:53px;
  overflow: hidden;
}
td,th { border:1px solid #DDD; padding:10px; empty-cells:show; }
td,th {
  text-align:left;
}
td+td, th+th {
  text-align:center;
  display:none;
}
td.default {
  display:table-cell;
}
.bg-purple {
  border-top:3px solid #A32362;
}
.bg-blue {
  border-top:3px solid #333;
  font-size:12px;
}
.sep {
  background:#F5F5F5;
  font-weight:bold;
}
.txt-l { font-size:28px; font-weight:bold; }
.txt-top { position:relative; top:-9px; left:-2px; }
.tick { font-size:18px; color:#2CA01C; }
.hide {
  border:0;
  background:none;
}

@media (min-width: 640px) {
	
	.titulitis {
		display:none;
	}
	
  td,th {
    display:table-cell !important;
  }
  td,th {
    width: auto;
  
  }
  td+td, th+th {
    width: auto;
  }
}


.desc-compara{
	font-size: 12px;
    line-height: 150%;
}

.desc-compara ul li{
	list-style-type:none;
	text-align:left;
}
.desc-compara a{
	bottom: 0;
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
}

.compra-comp{
	border-bottom: double 10px #fff;
    padding: 0;
    width: 90%;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    max-height: 15px;
    overflow: hidden;
}

.compra-comp:hover{
	background:#333 !important;
}
.compra-comp a{
	text-decoration:none;
	color:#fff;
    width: 90%;
    float: left;
    padding: 20px 5%;
    text-align: center;
    display: block;
    position: relative;

}

.img-comparativa{
	width:100%;
}

.img-comparativa a{
	width:100%;
}
.img-comparativa a img{
	width:100%;
}