body {
	background: rgba(255,255,255,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 35%, rgba(241,238,241,1) 66%, rgba(209,207,209,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(35%, rgba(245,245,245,1)), color-stop(66%, rgba(241,238,241,1)), color-stop(100%, rgba(209,207,209,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 35%, rgba(241,238,241,1) 66%, rgba(209,207,209,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 35%, rgba(241,238,241,1) 66%, rgba(209,207,209,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 35%, rgba(241,238,241,1) 66%, rgba(209,207,209,1) 100%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 35%, rgba(241,238,241,1) 66%, rgba(209,207,209,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1cfd1', GradientType=1 );
}

#opciones {
	text-align: center;
}
#opciones UL {
	display: inline-block;
	float: none;
	padding: 0;
}
#opciones UL LI { display: inline; }
#opciones UL LI.clear { display: inline; }

#opciones UL LI a { float:left; margin: 5px!important; }
#opciones UL LI a img { width: 90% }
.container-fluid {
	padding-bottom: 170px;
}
.logo {
	padding-top: 100px;
	padding-bottom: 20px;
}
.logo img {
	width: 200px;
	height: auto;
}
.footer {
	padding-top: 30px;
}
div.centering {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.legal-info li {
	display: inline-block;
	padding: 0 10px;
}

.footer-info {
	position: absolute;
	bottom: 20px;
	width: 100%;
}


@media only screen and (min-width : 400px) and (max-width : 504px)  { 
	#opciones UL { padding-left: 47px; }
	#opciones UL LI.clear { display: block; }
}

@media only screen and (min-width : 505px) and (max-width : 1023px)  { 
	#opciones UL LI.clear { display: block; }
}

/*
 * iPad in portrait & landscape
 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
	
}
/**
 * iPad in landscape
 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}
/**
 * iPad in portrait
 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}


/**
 * iPad 3 & 4 Media Queries
 * 
 * If you're looking to target only 3rd and 4th generation Retina iPads (or tablets with similar resolution) to add @2x graphics, 
 * or other features for the tablet's Retina display, use the following media queries.
 */

/** 
 * Retina iPad in portrait & landscape
 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { 

}
/**
 * Retina iPad in landscape
 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { 

}
/**
 * Retina iPad in portrait
 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {

}


/**
 * iPad 1 & 2 Media Queries
 *
 * If you're looking to supply different graphics or choose different typography for the lower resolution iPad display, 
 * the media queries below will work like a charm in your responsive design!
 */

/**
 * iPad 1 & 2 in portrait & landscape
 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){ 

}
/**
 * iPad 1 & 2 in landscape 
 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  {

}
/**
 * iPad 1 & 2 in portrait
 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) { 

}


/**
 * iPad mini Media Queries
 */

/**
 * iPad mini in portrait & landscape
 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)  {

}
/**
 * iPad mini in landscape
 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1)  { 

}
/**
 * iPad mini in portrait
 */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1)  {

}


/**
 * iPhone Media Queries
 */

/**
 * iPhone 6 Media Queries
 */

/**
 * iPhone 6 in portrait & landscape
 */ 
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { 

} 
/**
 * iPhone 6 in landscape
 */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { 

} 
/**
 * iPhone 6 in portrait
 */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { 

} 


/**
 * iPhone 6 Plus Media Queries
 */

/**
 * iPhone 6 Plus in portrait & landscape
 */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) { 

} 
/**
 * iPhone 6 Plus in landscape
 */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) { 

} 
/**
 * iPhone 6 Plus in portrait
 */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) { 

}


/**
 * iPhone 5 & 5S Media Queries
 */

/**
 * iPhone 5 & 5S in portrait & landscape
 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 
	body {
		padding-left: 5px;
		padding-right: 5px;
	}
	#opciones UL { padding-left: 5px; }
} 
/**
 * iPhone 5 & 5S in landscape
 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { 
	.logo {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.logo img {
		width: 140px;
		height: auto;
	}
	li,
	li.clear { display: inline!important; }
	li a img { zoom: 0.55; }
} 
/**
 * iPhone 5 & 5S in portrait
 */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { 
	.logo {
		padding-top: 20px;
		padding-bottom: 10px;
	}
	.logo img {
		width: 130px;
		height: auto;
	}
} 


/**
 * iPhone 2G, 3G, 4, 4S Media Queries
 *
 * It's noteworthy that these media queries are also the same for iPod Touch generations 1-4.
 */

/**
 * iPhone 2G-4S in portrait & landscape
 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { 

} 
/**
 * iPhone 2G-4S in landscape
 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) { 

} 
/**
 * iPhone 2G-4S in portrait
 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) { 

} 


/**
 * iPad mini Resolution
 * Screen Width = 768px (CSS Pixels)
 * Screen Height = 1024px (CSS Pixels)
 * Screen Width = 768px (Actual Pixels)
 * Screen Height = 1024px (Actual Pixels)
 * Device-pixel-ratio: 1
 *
 *
 * iPhone 5 Resolution
 * Screen Width = 320px (CSS Pixels)
 * Screen Height = 568px (CSS Pixels)
 * Screen Width = 640px (Actual Pixels)
 * Screen Height = 1136px (Actual Pixels)
 * Device-pixel-ratio: 2
 *
 *
 * iPhone 4/4S Resolution
 * Screen Width = 320px (CSS Pixels)
 * Screen Height = 480px (CSS Pixels)
 * Screen Width = 640px (Actual Pixels)
 * Screen Height = 960px (Actual Pixels)
 * Device-pixel-ratio: 2
 *
 *
 * iPhone 2G/3G/3GS Resolution
 * Screen Width = 320px (CSS Pixels)
 * Screen Height = 480px (CSS Pixels)
 * Screen Width = 320px (Actual Pixels)
 * Screen Height = 480px (Actual Pixels)
 * Device-pixel-ratio: 1
 *
 *
 */