/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about This CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: "Helvetica", arial; color: #222; }

body { margin: 0; font-size: 12px; line-height: 16px; }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #f7941e; color: #fff; text-shadow: none; }
::selection { background: #f7941e; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 */

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
 */

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

p {
	font-size: 12px;
}
/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
.wrapper {
	width: 960px;
	margin: 0 auto;
}

/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */

/* =============================================================================
   Sticky Footer
   ========================================================================== */

html, body {
	background: #f5f6f1 url(../img/bg-body.jpg) repeat-x left 275px;
}

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-top: -240px;
	background: url(../img/bg-content.jpg) no-repeat center 413px;
	z-index: 2;
	position: relative;
}
header {
	border-top: 240px solid white;
	position: relative;
}

   /*
   header:
   ========================================================================== */
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/bebasneue-webfont.eot');
    src: url('fonts/bebasneue-webfont.eot?#iefix') format('eot'),
         url('fonts/bebasneue-webfont.woff') format('woff'),
         url('fonts/bebasneue-webfont.ttf') format('truetype'),
         url('fonts/bebasneue-webfont.svg#webfontX0YNjQNl') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GeorgiaNormal';
    src: url('fonts/georgia.ttf');
}
@font-face {
    font-family: 'GeorgiaBold';
    src: url('fonts/georgiab.ttf');
}

header {
	background: #f7941e url(../img/bg-header.jpg) no-repeat center 28px;
}
header .options {
	background: #2d2d2d;
	height: 28px;
}
header .options ul {
	list-style: none;
	margin: 0 15px;
	padding: 0;
	float: right;
}	
header .options ul li {
	float: left;
	margin-left: 15px;
	height: 14px;
	padding: 7px 0;
}
header .options .idiomas a {
	display: inline-block;
	margin-right: 5px;
}
header .options .idiomas a:last-child {
	margin: 0;
}
header .options ul li a {
	text-decoration: none;
	color: #888;
}
header .top-bar {
	height: 145px;
}
header .top-bar h1 {
	background: url(../img/logo-header.png) no-repeat left top;
	float: left;
	width: 156px;
	height: 125px;
	margin: 10px 0 0 15px;
}
header .top-bar h1 a {
	width: 156px;
	height: 125px;
	display: block;
}
header .top-bar ul {
	list-style: none;
	margin: 50px 15px 45px 0;
	float: right;
	background: #f4f4f2;
	border-bottom: 2px solid #c37922;
}
header .top-bar ul li {
	float: left;
	border-right: 1px solid #d8d8d7;
	padding: 14px;
}
header .top-bar ul .last {
	border: none;
}

header .top-bar ul li a {
	text-decoration: none;
	font-size: 18px;
	color: #000;
	font-family: 'BebasNeueRegular';
}
header .top-bar ul li a:hover,
header .top-bar ul li a.active {
	color: #f7941e;
}
   /*
   main:
   ========================================================================== */
   
.caja-noticias-home{
	overflow: auto;
	height: 240px;
}
   
div[role=main] .center {
	padding: 15px;
}
div[role=main] .center .banner {
	width: 620px;
	height: 315px;
	float: left;
	position: relative;
}
div[role=main] #sliderHome {
	margin: 0;
	padding: 0;
	width: 620px;
	height: 247px;
	overflow: hidden;
}
div[role=main] #sliderHome li {
	padding: 0;
	margin: 0;
	width: 620px;
	height: 247px;
}
div[role=main] .center .banner h2 {
	margin: 20px 0 5px 20px;
	color: #f7941e;
	font-size: 20px;
}
div[role=main] .center .banner h3 {
	margin: 0 0 5px 20px;
	font-size: 26px;
	color: #fff;
	line-height: 22px;
}
div[role=main] .center .banner span {
	color: #a1a1a1;
	font-size: 16px;
	margin-left: 20px;
	display: block; 
} 
div[role=main] .center .banner a {
	display: block;
	text-decoration: none;
}
div[role=main] .center .banner .star {
	color: #f7941e;
	margin: 10px 0 0 20px;
	font-size: 16px;
	font-weight: bold;
}
div[role=main] .center .banner .play {
	background: url(../img/boton-play.png) no-repeat left top;
	position: absolute;
	left: 20px;
	bottom: 100px;
	height: 46px;
	width: 47px;
}
div[role=main] .center .banner .thumbsSliderHome {
	list-style: none;
	margin: 0;
	background: #767676;
	padding: 13px 20px;
	height: 42px;
}
div[role=main] .center .banner .thumbsSliderHome a {
	display: block;
	width: 60px;
	height: 42px;
}
div[role=main] .center .banner .thumbsSliderHome a.pager-active {
	display: block;
	width: 54px;
	height: 36px;
	border: 3px solid #ccc;
	overflow: hidden;
}
div[role=main] .center .banner  li {
	float: left;
	margin-left: 14px;
}
div[role=main] .center .banner  li:first-child {
	margin-left: 0;
}
div[role=main] .center .banner .no-margin {
	margin: 0;
}
div[role=main] .center .banner ul li a {
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	display: block;
}
div[role=main] .center .noticias,
div[role=main] .sidebar.noticias {
	float: right;
	background: url(../img/bg-noticias.jpg) no-repeat;
	width: 300px;
	height: 315px;
}
div[role=main] .center .noticias .wrap,
div[role=main] .sidebar.noticias .wrap {
	padding: 12px 13px 11px 20px;
}
div[role=main] .center h4,
div[role=main] .sidebar.noticias .wrap h4 {
	color: #fff;
	margin: 0 0 10px 0;
	font-weight: lighter;
	font-size: 24px;
	line-height: 40px;
	font-family: 'BebasNeueRegular';
}
div[role=main] .center .noticias .anterior,
div[role=main] .sidebar.noticias .anterior {
	display: block;
	background: url(../img/botones-noticias.png) no-repeat left top;
	width: 21px;
	height: 19px;
}
div[role=main] .center .noticias .siguiente,
div[role=main] .sidebar.noticias .siguiente {
	display: block;
	background: url(../img/botones-noticias.png) no-repeat center top;
	width: 21px;
	height: 19px;
}
div[role=main] .center .noticias .wrap ul,
div[role=main] .sidebar.noticias .wrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div[role=main] .center .noticias .wrap ul  li {
	
}

div[role=main] .center .noticias .wrap span,
div[role=main] .sidebar.noticias .wrap span {
	color: #bfbebe;
	font-size: 12px;
}
div[role=main] .center .noticias ul li h5,
div[role=main] .sidebar ul li h5 {
	margin: 0;
	color: #fff;
	display: inline-block;
	font-size: 12px; 
}
div[role=main] .center .noticias ul li p,
div[role=main] .sidebar.noticias ul li p {
	color: #bfbebe;
	margin: 0;
}
div[role=main] .center .noticias  ul li .ver-mas,
div[role=main] .sidebar.noticias ul li .ver-mas {
	text-decoration: none;
	color: #fff;
	background: #f7941e;
	font-size: 12px;
	display: block;
	line-height: 20px;
	width: 50px;
	padding-left: 5px;
	height: 20px;
	margin: 5px 0;
}
div[role=main] .conozca {
	padding: 0 15px 15px;
}
div[role=main] .conozca ul {
	list-style: none;
	padding: 15px 0 0 0;
	margin: 0;
	border-top: 1px solid #e5e5e5;
}
div[role=main] .conozca ul li {
	float: left;
	width: 300px;
	margin-left: 15px;
	padding: 20px 0 20px 0;
}
div[role=main] .conozca ul li > div {
	padding-left: 20px;
	margin-bottom: 5px;	
}
div[role=main] .conozca ul li p {
	margin: 0;
	color: #808080;
}
div[role=main] .conozca .caballo .buscar {
	display: block;
	background: url(../img/lupa.png) no-repeat left top;
	margin-top: 15px;
	height: 38px;
	width: 36px;
}

div[role=main] .conozca ul li .ver {
	text-decoration: none;
	font-size: 16px;
	line-height: 15px;
	color: #fff;
	height: 15px;
	width: 98px;
	float: right;
	background: #f7941e;
	padding: 10px 15px;
	margin: 16px 0 21px;
} 
div[role=main] .conozca ul li h4 {
	font-size: 16px;
	color: #fff;
	margin: 0;
	font-weight: normal;
}
div[role=main] .conozca ul li h3 {
	font-family: 'GeorgiaBold';
	font-size: 24px;
	color: #fff;
	margin: 5px 0 0 0;
	font-weight: bold;
}
div[role=main] .conozca ul li span {
	font-size: 16px;
	margin-top: 5px;
	color: #f7941e;
	display: block;
}
div[role=main] .conozca ul .ranking {
	background: url(../img/fondo-li2.jpg) no-repeat;
}
div[role=main] .conozca ul .caballo {
	background: url(../img/fondo-li3.jpg) no-repeat;
}
div[role=main] .conozca .bolsa-premios {
	background: url(../img/fondo-li.jpg) no-repeat;
}
div[role=main] .conozca ul .no-margin {
	margin: 0;
}

/* =============================================================================
   Iconos
   ========================================================================== */
.icon-idioma {
	display: block;
	height: 14px;
	background: url(../img/banderas-idioma.gif) no-repeat;
	width: 24px;
}
.icon-idioma.ing {
	background-position: right top;
}
.icon-idioma.esp {
	background-position: left top;
}
.icon-header {
	background: url(../img/icons-header.jpg) no-repeat;
	display: inline-block;
	vertical-align: text-top;
	background-repeat: no-repeat;
	margin-left: 5px;
}
.icon-header.newsletter {
	width: 13px;
	height: 15px;
	line-height: 14px;
	background-position: left top;
	margin-top: -1px;
}
.icon-header.preg {
	width: 16px;
	height: 16px;
	line-height: 16px;
	background-position: -13px top;
	margin-top: -2px;
}
.icon-header.contacto {
	width: 21px;
	height: 15px;
	line-height: 16px;
	background-position: -29px top;
	margin-top: -1px;
}
.icon-header.home {
	width: 18px;
	height: 16px;
	line-height: 16px;
	background: url(../img/icon-home.png) no-repeat;
	margin-top: -2px;
}

/* =============================================================================
   Institucional
   ========================================================================== */
div[role=main] .left-cont {	
	background: #d8d8d8;
	padding: 20px;
	margin-top: 15px;
}
div[role=main] .left-cont.miembros {
	height: 550px;
}
div[role=main] .left-cont.miembros h3,
div[role=main] .left-cont.historia h3 {
	border-bottom: 2px solid #acacac;
	margin: 0 0 10px 0;
}

div[role=main] .left-cont.miembros ul {
	list-style: none;
	padding: 0;
	margin: 0;	
}
div[role=main] .left-cont.miembros  ul li {
	padding-top: 10px; 
}
div[role=main] .sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div[role=main] .sidebar.accesos ul li h3 {
	font-family: 'GeorgiaBold';
	font-size: 24px;
	color: white;
	margin: 5px 0 0 0;
}
div[role=main] .sidebar.accesos ul li span {
	font-size: 16px;
	margin-top: 5px;
	color: #f7941e;
	display: block;
}
div[role=main] .sidebar.accesos ul .ranking {
	background: url(../img/fondo-li2.jpg);
	margin-top: 15px;
	padding: 20px 0 0 20px;
}
div[role=main] .sidebar.accesos ul .caballo {
	background: url(../img/fondo-li3.jpg);
	margin-top: 15px;
	padding: 20px 0 0 20px;
}
div[role=main] .sidebar.accesos .bolsa-premios {
	background: url(../img/fondo-li.jpg);
	padding: 20px 0 0 20px;
	margin-top: 15px;
}
div[role=main] .conozca ul.accesos .no-margin {
	margin: 0;
}
div[role=main] .sidebar.accesos ul li a {
	text-decoration: none;
	font-size: 16px;
	line-height: 15px;
	color: #fff;
	height: 15px;
	width: 98px;
	float: right;
	background: #f7941e;
	padding: 10px 15px;
	margin: 16px 0 21px;
} 
div[role=main] .sidebar.accesos ul li h4 {
	font-size: 16px;
	color: #fff;
	margin: 0;
	font-weight: normal;
}
div[role=main] .left-cont.reglamento h4 {
	margin: 0;
}
div[role=main] .left-cont.reglamento h3,
div[role=main] .left-cont.noticias-top h3 {
	margin: 0;
	font-size: 14px;
}
div[role=main] .left-cont.reglamento table {
	border: 2px solid #bbb	;
}
div[role=main] .left-cont.reglamento table td {
	padding: 5px 10px;
}
div[role=main] .noticia .left-cont a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	height: 30px;
	line-height: 30px;
	background: #f3f3f2;
	text-align: center;
	display: block;
	float: left;
	margin: 10px 0 30px 15px; 
	padding: 0 10px;
}
div[role=main] .noticia .left-cont .ver-video {
	margin-left: 0;
}
div[role=main] .noticia .sidebar.noticias {
	margin-top: 15px;
	height: auto;
	background: url(../img/bg-noticias-sidebar.gif) no-repeat;
}
div[role=main] .noticia .sidebar li span {
	display: inline;
}
div[role=main] .left-cont.preguntas h3 {
	border-bottom: 2px solid #acacac;
	margin: 0 0 5px 0;
	padding: 3px;
}
div[role=main] .left-cont.preguntas h4 {
	margin: 0;
}
div[role=main] .left-cont.preguntas p {
	margin: 5px 0;
}
div[role=main] .ranking-page,
div[role=main] .estrellas,
div[role=main] .resultados {
	background: #d8d8d8;
	padding: 20px 20px 15px 20px;
	margin-top: 15px;
}
div[role=main] .ranking-page h3 {
	font-size: 12px;
	font-weight: normal;
	color: #878787;
	margin: 0;
}
div[role=main] .ranking-page a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	height:  30px;
	line-height: 30px;
	background: #f4f4f2;
	display: block;
	float: left;
	margin: 20px 20px 15px 0;
	padding: 0 15px;
}
div[role=main] .ranking-page .active {
	background: #f7941e;
	color: #fff;
}
div[role=main] .ranking-page table,
div[role=main] .estrellas table,
div[role=main] .estadisticas table,
div[role=main] .resultados table {
	width: 100%;
	font-weight: bold;
}
div[role=main] .ranking-page .title,
div[role=main] .estrellas .title,
div[role=main] .estadisticas .title,
div[role=main] .resultados .title {
	height: 20px;
	 line-height: 20px;
	 font-size: 13px;
	 background: #f7941e;
	 color: #fff;
}
div[role=main] .ranking-page .sub-title,
div[role=main] .estrellas .sub-title,
div[role=main] .estadisticas .sub-title,
div[role=main] .resultados .sub-title {
	background: #9d9d9d;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	border-top: 2px solid #d8d8d8;
}
div[role=main] .ranking-page th {
	text-align: left;
	padding: 0 10px;
	color: #fff;
}
div[role=main] .ranking-page tr {
	height: 20px;
	line-height: 20px;
}

div[role=main] .ranking-page td,
div[role=main] .estadisticas td,
div[role=main] .estadisticas th {
	padding: 0 10px;
}
div[role=main] .ranking-page th:nth-child(1),
div[role=main] .ranking-page th:nth-child(3) {
	text-align: center;
}
div[role=main] .ranking-page td:nth-child(1),
div[role=main] .ranking-page td:nth-child(3) {
	text-align: center;

}
div[role=main] .ranking-page tr:nth-child(odd) td {
	background: #bbbbbb;
}
div[role=main] .estrellas .sub-title,
div[role=main] .estadisticas .sub-title,
div[role=main] .resultados .sub-title {
	text-align: left;
	color: #fff;
}
div[role=main] .estrellas strong {
	color: #a33600;
}
div[role=main] .estrellas tr:nth-child(even) td,
div[role=main] .estadisticas tr:nth-child(even) td,
div[role=main] .resultados tr:nth-child(even) td,
div[role=main] .bolsa-premio .categoria tr td.fondo {
	background: #c3c3c3;
}
div[role=main] .bolsa-premio .categoria tr td {
	text-align: center;
}
div[role=main] .estrellas td:nth-child(1),
div[role=main] .estrellas th:nth-child(1),
div[role=main] .resultados th:nth-child(1),
div[role=main] .resultados td:nth-child(1) {
	padding-left: 10px;
}
div[role=main] .estrellas td:nth-child(even) {
	font-weight: normal;
}
div[role=main] .estrellas table p {
	margin: 0 !important;
	padding: 0 !important;
}
div[role=main] .estrellas table a {
	display: block;
	height: 30px;
	line-height: 30px;
	width: 30px;
	margin: 10px 0;
	background: url(../img/btn-play.png) no-repeat left top;
}
div[role=main] .estadisticas {
	background: #d8d8d8;
	padding-bottom: 15px;
	margin-top: 15px;
}
div[role=main] .estadisticas  h3 {
	margin: 20px 0 0 20px;
}
div[role=main] .estadisticas strong {
	margin: 0 0 20px 20px;
	display: block;
}
div[role=main] .estadisticas .alpha table{
	margin-left: 20px;
	width: 440px;
}
div[role=main] .estadisticas .omega table {
	margin-right: 20px;
	width: 440px;
}
div[role=main] .resultados .ver-carrera {
	height: 85px;
	background: #c3c3c3;
	margin: 3px 0 5px 3px;
}
div[role=main] .resultados table {
	position: relative;
	margin-top: 10px;
}
div[role=main] .resultados .ver-carrera a {
	text-decoration: none;
	display: block;
	color: #fff;
	background: url(../img/btn-play.png) no-repeat center 10px;
	text-align: center;
	padding: 45px 18px 0 18px;
	
	text-align: center;position: absolute;
	/*
right: 21px;
	top: 82px;
*/
	
	font-size: 10px;
	font-size: 11px;
	line-height: 10px;
}
div[role=main] .bolsa-premio {
	padding: 20px;
	background: #d8d8d8;
	margin-top: 15px;
}
div[role=main] .bolsa-premio .total-premios {
	border: 2px solid #bbbbbb;
	padding: 15px;  
	margin: 0;
}
div[role=main] .bolsa-premio .categoria {
	margin-top: 20px;
}
div[role=main] .bolsa-premio .total-premios th,
div[role=main] .bolsa-premio .categoria th:nth-child(1) {
	text-align: left;
}
div[role=main] .bolsa-premio .categoria th {
	background: #f7941e;
	color: #fff;
	border-bottom: 2px solid #d8d8d8;
	height: 40px;
	line-height: 40px;
}

div[role=main] .bolsa-premio .categoria td:nth-child(3),
div[role=main] .bolsa-premio .categoria td:nth-child(1) {
	border-right: 3px solid #d8d8d8;
}
div[role=main] .bolsa-premio h3 {
 	margin: 20px 0 0 0; 
}


div[role=main] .bolsa-premio .categoria td:nth-child(4) {
	padding-top: 35px;
}

/*
footer
========================================================================== */
   
footer {
	background: url(../img/bg-footer.jpg) repeat;
	border-top: 10px solid #f7941e;
	height: 230px;
	clear: both;
	position: relative;
}
footer #bg-content-bottom {
	background: url(../img/bg-content-bottom.jpg) no-repeat center top;
	position: absolute;
	top: -230px;
	width: 1019px;
	height: 221px;
	left: 50%;
	margin-left: -509px;
	z-index: 1;
}
footer .wrapper {
	position: relative;
}
footer .left {
	float: left;
}
footer .left span {
	font-size: 11px;
	display: block;
	margin-left: 20px;
}
footer .menu-footer {
	list-style: none;
	margin: 40px 0 0 15px;
	padding: 0;

}
footer .menu-footer li {
	float: left;
	margin-left: 5px;
}
footer .menu-footer a {
	text-decoration: none;
	font-size: 11px;
	color: #888;
	display: block;
}

footer .redes {
	list-style: none;
	margin: 40px 0 0 15px;
	padding: 0;
	height: 44px;
	color: #888;
}
footer  .redes li {
	float: left;
	margin-left: 10px;
}
footer .redes li.seguinos{
	margin-left: 80px;
}
footer .redes li a {
	text-decoration: none;
	display: block;
	font-size: 12px;
}
footer .redes a{
	width: 37px;
	height: 63px;
}
footer .redes .fb {
	background: url(../img/redes-footer.png) no-repeat left top;
	width: 37px;
	height: 63px;
}
footer .redes .tw {
	background: url(../img/redes-footer.png) no-repeat center top;
	width: 37px;
	height: 63px;
}
footer .redes .youtube {
	background: url(../img/redes-footer.png) no-repeat right top;
	height: 63px;
	width: 37px;
}
footer .logo-footer {
	background: url(../img/logo-footer.png) no-repeat left top;
	width: 125px;
	height: 118px;
	display: block;
	position: absolute;
	right: 15px;
	top: 25px;
}
footer span {
	color: #888;
	font-size: 12px;
	float: left;
}


/* =============================================================================
   Superfish 
   ========================================================================== */
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			-4px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}


/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
.sfHover {
	background-color: #2d2d2d !important;
}
.sfHover > a,
.sfHover a:hover {
	color: #f7941e !important;
}
.sfHover ul {
	padding: 0 !important;
	border: 0 !important;
}
.sfHover li {
	background-color: #2d2d2d !important;
	border: 0 !important;
}
.sfHover li a {
	font-family: 'Helvetica' arial !important;
	font-size: 12px !important;
	color: #767676 !important;
}



/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}