@font-face{
   font-family: Helvetica;
   src: url('../../shared/fonts/Helvetica.ttf');  
}
@font-face{
   font-family: FlamaCondensed-Book;
   src: url('../../shared/fonts/FlamaCondensed-Book.ttf');  
}

.solo-pc { display: block !important; }
.solo-responsive { display: none !important; }

.clearfix { clear: both !important; }

body {width: 99%; margin: 0px; background-color: #F7F7F7;}

#principal{ 
	max-width: 994px; 
	margin: auto; 
	padding: 10px; 
	text-align: center;
}

#principal img { max-width: 100%; }

/************** OPCIONES ****************/
.opcion-foody{
	background-color: #F2C23E;
	padding: 20px 30px;
}

.opcion-party{
	background-color: #EB534B;
    padding: 20px 30px;
}

.text-opcion{
	font-family: FlamaCondensed-Book, Helvetica, Arial;
	font-size: 24px;
    font-weight: 600;
	margin-top: 15px;
}

.btn-opcion{
	display: block;
	width: 100%;
	font-family: FlamaCondensed-Book, Helvetica, Arial;
	background-color: #ffffff;
	color: #000000;
	font-size: 30px;
	padding: 5px;
}
.btn-opcion:hover{
	color: #000000;
}


/************** HAZTE VIP ****************/
.bg-telefono {
	background-color: #44A1A2;
}

.img-text-vip{
	margin-top: 30px;
	padding: 30px 30px 0;
}

.text-ventajas{
	font-family: FlamaCondensed-Book, Helvetica, Arial;
	color: #ffffff;
	font-size: 24px;
	margin-top: 15px;
}

.btn-hazte-vip{
	display: inline-block;
	font-family: FlamaCondensed-Book, Helvetica, Arial;
	background-color: #ffffff;
	color: #000000;
	font-size: 30px;
	margin-top: 30px;
	padding: 5px 50px;	
}
.btn-hazte-vip:hover{
	color: #000000;
}


/********************************************************************************/
/********************************** RESPONSIVE **********************************/
/********************************************************************************/

@media screen and (max-width: 767px) {
	.solo-pc { display: none !important; }
	.solo-responsive { display: block !important; }	
}