/* ---------------- S E C C I O N   V I P  -  P R E M I U M  -  G O L D  ------------------ */
#cont-exc {
	height: auto;
	margin: 0 auto;
	width: 983px;
	overflow: hidden;
	position: relative;
}

.bloqueseccion {
	width: 735px;
	float: left;
	height: 2000px
}

.titleCity{
	line-height: 40px; 
	margin-bottom: 10px; 
	text-align: center; 
	background-color:transparent; 
	margin-top: -10px; 
	font-size: 16px; 
	color: #f5c400; 
	font-weight: 600;
}
#loadern{
	position: relative; 
	width: 200px; 
	top: 40px; 
	text-align: center; 
	margin: 0 auto; 
	display:block; 
	margin-bottom:150px;
}
#loadern img{
	display: block; 
	margin: 0 auto; 
	margin-bottom: 20px;
}
.bloqueseccion h3{
	font-family: 'fjalla_oneregular';
	color: #F5C400;
	text-align: center;
	font-size: 25px;
	padding-bottom: 20px;
	height: 22px;
	padding-top: 20px;
	letter-spacing: 0.05em;
	width: 852px;
	margin-left: 10px;
}

p.tciudad {
	font-family: 'fjalla_oneregular';
	color: #F5C400;
	text-align: center;
	font-size: 25px;
	padding-bottom: 20px;
	height: 22px;
	padding-top: 20px;
	letter-spacing: 0.05em;
	width: 1100px;
	margin-left: 10px;
	text-transform: uppercase;
	float: right;
}

.hr {
	border: 0 none;
	}
	
.blq-seccion {	
	float: left;
	height: 320px;
	margin: 0 0 14px 14px;
	width: 158px;
	cursor: default;
	background: #00223A;
		}
		
.h-mas {
	height: 250px;
}
			
.blq-s-port {
	border-bottom: 1px solid #414141;
}
		
.b-s-name {
	height: 30px;
	width: 140px;
	font-family: 'fjalla_oneregular';
	color: white;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 32px;
	text-align: center;
	float: left;
	padding: 0 9px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
		
.b-s-fono {
    	color: #FFFFFF;
	margin: 8px 0 5px 0 !important;
	float: left;
    	width: 158px;
    	height: 30px;
    	text-align: center;
}

.b-s-phone {
	float: left;
	height: 25px;	
	width: 25px;
}

.phone {
	font-family: 'fjalla_oneregular';
	width: 123px;
	font-size: 23px;
	line-height: 31px;
	display: table-cell;
}
	
.phone::before {
	content:"9 "
					
}			
.b-s-text {
    	clear: both;
    	color: #c9c9c9;
    	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    	font-size: 12px;
    	position: absolute;
    	text-align: center;
    	top: 180px;
}
		
.b-s-valor {
	color: #E0E0E0;
	float: left;
	font-size: 20px;
	font-family: 'fjalla_oneregular';
	text-align: center;
	width: 158px;
}
		
.b-s-ret-heart {
    	float: left;
    	background: black;
}
		
.num-heart {		
    	height: 30px;
    	float: left;
    	width: 158px;
}
		
.num {
	color: white;
	font-size: 14px;
	z-index: 10;
	position: absolute;
	top: 8px;
	left: 11px;
	font-family: 'ubuntumedium';
}
			
.heart {
	z-index:1;
}
.heart img{
	background: url("../../_imagenes/portal/sprite.png") no-repeat scroll transparent -215px -231px;
	height: 22px;
	width: 25px;
	position: absolute;
	left: -15px;
	top: -3px;
}
     
.text-ret {
	color: #E0E0E0;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	float: left;
	height: 30px;					 
	width: 81px;
	line-height: 30px;
}
      
.text-porcent {
	font-size: 20px;
	text-align: center;
	width: 42px;
	float: right;
	background: #F5C400;
	height: 30px;
	line-height: 30px;
}
			
/* alto masajes */

.h-mas {
	height: 233px;
}

.blq-seccion.bg-sp img {
    	width: 158px;
    	float: left;
    	border-radius: 5px 5px 0 0;
}

span.en-Heart {
	position: relative;
	float: left;
	color: red;
	font-size: 30px;
	margin: 1px 0 0 5px;
}
.num-heart .en-heart {
	font-size: 20px;
    	width: 20px;
    	float: left;
    	height: 20px;
}
.b-s-fono div {
    	line-height: 29px;
    	font-size: 20px;
    	padding: 0 10px;
    	float: left;
    	display: table;
}


/* iPad Pro (landscape) ----------- */
@media (max-width:1366px){

.blq-seccion{
	margin:0 0 24px 32px;
	height:340px;
}

}

/* Galaxy Tab (landscape) ----------- */
@media(max-width : 1280px){
.blq-seccion{
	margin: 0 0 24px 20px;
}
}

/* iPad Pro (Portrait) ----------- */
@media(max-width : 1024px){

.blq-seccion{
	margin:0 0 24px 11px;
}
}


@media (max-width:812px){
.blq-seccion {
	margin: 0;
	margin-left: 24px;
	margin-bottom: 10px;
	width: 109px;
	height: 260px;
}
		
.b-s-name {
	height: 30px;
	width: 109px;
	font-size: 17px;
	line-height: 32px;
	padding: 0 2px;
	margin-bottom: 2px;
}
	
.b-s-fono {
    	margin: 0 !important;
    	width: 109px;
   	height: 30px;
}
	
				
.b-s-phone {
	width: 25px;
}
.phone {
	width: 109px;
	font-size: 17px;
}
	
.b-s-text {
    	font-size: 12px;
}
		
.b-s-valor {
	font-size: 16px;
	width: 109px;
}
	
.num-heart {
	height: 30px;
	width: 109px;
}
		
.num {
    	font-size: 11px;
   	top: 8px;
    	left: 11px;
}

	
.heart img{
	height: 22px;
	width: 25px;
}

.text-ret {
	font-size: 12px;
	width: 41px;
	line-height: 33px;
}

.text-porcent {
	font-size: 14px;
	width: 23px;
	height: 30px;
}

.blq-seccion.bg-sp img {
    	width: 109px;
}
span.en-Heart {
	font-size: 29px;
	margin: 0; 
	margin-top: 2px;
}

.num-heart .en-heart {
    	font-size: 20px;
    	width: 20px;
    	height: 20px;
}
.b-s-fono div {
    	font-size: 20px;
    	padding: 0;
}


.city {
	width: 109px !important;
	font-size: 20px !important;	
}
}


@media (max-width:768px){

.blq-seccion {
	margin-left:17px;
}
}



@media (max-width:740px){

.blq-seccion {
	margin-left:12px;
}
}


@media (max-width:667px){

.blq-seccion {
	margin-left:20px;
}

}


@media (max-width:640px){

.blq-seccion {
	margin-left:17px;
}

}


@media (max-width:568px){

.blq-seccion {
	margin-left:4px;
}
}

@media (max-width:414px){
	
.blq-seccion {
	margin-left: 20px;
}
		
}


@media (max-width:375px){
	
.blq-seccion {
	margin-left: 10px;
}

}

@media (max-width:360px){
	
.blq-seccion {
	margin-left: 8px;
}	

}

@media (max-width:320px){
	

.blq-seccion {
	margin: 0;
	margin-left: 10px;
	width: 95px;
	height: 245px;
	}
		
	
.b-s-name {
	width: 95px;
}
		
	
.b-s-fono {
    	width: 95px;
}
	
.phone {
	width: 95px;
	font-size: 15px;
}

		
.b-s-valor {
	font-size: 14px;
	width: 95px;
}

.num-heart {
	width: 95px;
}
	
.num {
	top: 6px;
	left: 9px;
}

.text-ret {
	font-size: 10px;
}

.blq-seccion.bg-sp img {
    	width: 95px;
}

span.en-Heart {
	font-size: 25px;
}

.city {
	width: 95px !important;
	font-size: 18px !important;	
}

}

