/*

Styling the counter itself.
Set image paths accordingly.

THIS YOU NEED TO KEEP.

So you can have multiple counters on a page, just make sure each one has a class of "flip-counter".

*/
@media (min-width:768px) {
.flip_counter_wrapper {
float: right;
position: relative;
left: -50%;
margin-top: 30px;
}
.flip_counter_container {
position: relative;
left: 50%;
clear: both;
}
.flip_counter_content {
float: left;
width: 100%;
}
.tarifas .flip_counter_container .left_to_counter {
display: block;
float: left;
position: relative;
min-width: 200px;	
}
.tarifas .flip_counter_container .left_to_counter p {
display: block;
float: right;
position: relative;
font-size: 22px;
font-weight: 300;
text-align: right;
margin-top: 51px;
margin-right: 20px;
}
.external_counter {
display: block;	
float: left;
position: relative;
width: auto;
text-align: center;
}
.flip-counter {
float: left;	
}
.tarifas .flip_counter_container .right_to_counter {	
min-width: 200px;
display: block;
float: left;
position: relative;
}
.tarifas .flip_counter_container .right_to_counter p {
display: block;
float: left;
position: relative;
font-size: 22px;
font-weight:300;
text-align: left;
margin-top: 51px;
margin-left: 20px;
}
}
@media (max-width:767px){
.flip_counter_wrapper {
float: right;
position: relative;
left: -50%;
margin-top: 30px;
}
.flip_counter_container {
position: relative;
left: 50%;
clear: both;
}
.flip_counter_content {
float: left;
width: 100%;
}
.tarifas .flip_counter_container .left_to_counter {
float: none;
clear: both;
}
.tarifas .flip_counter_container .left_to_counter p {
display: block;
position: relative;
font-size: 22px;
font-weight: 300;
text-align: center;
margin-top: 0px;
margin-bottom: 25px;
width: 100%;
}
.external_counter {
}
.flip-counter {
float: left;	
}
.tarifas .flip_counter_container .right_to_counter {	
float: none;
clear: both;
}
.tarifas .flip_counter_container .right_to_counter p {
display: block;
position: relative;
font-size: 22px;
font-weight: 300;
text-align: center;
margin-bottom: 30px;
width: 100%;
}	
}
.flip-counter ul.cd{float:left;list-style-type:none;margin:0;padding:0}
.flip-counter li{background:url(/api/counter/img/digits.png) 0 0 no-repeat}
.flip-counter li.t{background-position:0 0;width:53px;height:39px}
.flip-counter li.b{background-position:0 0;width:53px;height:64px}
.flip-counter li.s{background-position:-53px -1030px;width:14px;height:103px}