@import url(reset.css);
@import url(hacks.css);
@import url(jcarousel.css);
@import url(lightbox.css);
@import url(videobox.css);

html {
  font-family:Arial, Helvetica, sans-serif;
  background-color:#203E86;
  color:white;
  font-size:12px;
  font-family:sans-serif;
}
body {
  width:898px;
  margin:0 auto;
}
a:link, a:visited {
  color:#203E86;
  text-decoration:none;
}
strong {
  font-weight: bold;
}
em {
  font-weight:bold;
  color:black;
}
hr {
  margin:0 0 20px 0;
  border-width:0;
  border-bottom:1px solid #A7A7A7;
  clear:both;
}
.hideme {
  visibility:hidden;
}
.notice {
  font-weight: bold;
  font-size: 13px;
  padding: 14px;
  color: #203e86;
}
.big-notice {
  font-weight: bold;
  padding: 14px;
  font-size: 13px;
  clear: both;
}

/* ************** */
/* *** Header *** */

#header {
  width:100%;
  height:113px;
}
#header a {
  float:left;
}
#header div.logo a {
  background:#203E86 url('/media/img/logo.jpg') no-repeat scroll 40px 20px;
  width:642px;
  height:113px;
}
#header div.content-header a {
  width:256px;
}
#header div.content-header a {
  position: relative;
}
#header .content-header .shopping-cart {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: red;
  background:transparent url(/media/img/icons/shopping_cart.jpg) center center no-repeat;
}
#header .content-header .shopping-cart span {
  display: none;
}
#main {
  position:relative;
  overflow:auto;
}
#nav {
  background:#203E86 url(/media/img/fondo_menu.jpg) top no-repeat;
}

/* main-nav */

.main-nav {
  width:651px;
  overflow:auto;
  font-size: 12px;
}
.main-nav li {
  border-right:1px solid #A7A7A7;
  float:left;
  height:30px;
  line-height:31px;
  margin-bottom: 1px;
  min-height:31px;
  padding:0 24px;
}
.main-nav li.last {
  border-right-width:0;
}
.main-nav li a {
  display: block;
  height:30px;
}
.main-nav li.first {
  padding-left: 28px;
}
body.empresa .main-nav li.empresa ,
body.offices .main-nav li.offices,
body.services .main-nav li.services,
body.articles .main-nav li.articles,
body.contact .main-nav li.contact {
  background-color: #eee;
}
.main-nav li.last {
  border-right: 0;
}


/* *************** */
/* *** Content *** */

/* titulos */

#content h2 {
  margin:20px 0;
  font-size:1.5em;
  font-weight:bold;
  border-bottom:1px solid black;
  color:#203E86;
}
#content h3 {
  font-size:12px;
  color:#333;
  font-weight:bold;
  border-width:0;
  margin:1em 0;
}
#content h4 {
  font-size:14px;
  color:#203E86;
  font-weight:bold;
  margin: 0 0 .3em;
}

/* reusables */

.info {
  text-align: center;
  color: black;
  margin: 2.5em 0 1.5em;
  clear: both;
}

/* otros */

div.main {
  background:white url('/media/img/fondo_paginas_gris.jpg') repeat-y scroll left;
}
#content-footer {
  height: 50px;
  border-top: 1px solid #aaa;
  text-align: center;
  padding: 20px 0;
}
#brandibelle {
  position:absolute;
  bottom:10px;
  left:40px;
}
#content {
  width:646px;
  float:left;
  color: #666;
  font-size: 12px;
  font-family: "Arial", "Helvetica", sans-serif;
}
#content #promo {
  margin-bottom:1em;
}
#content #promo img {
  border-bottom:1px solid #A7A7A7;
}
#content h2 {
  border-bottom:1px solid #A7A7A7;
  margin:15px 0 0;
  padding:0 40px;
  background:transparent url(/media/img/block.jpg) repeat-y scroll left;
  font-family: "Trebuchet MS", "Arial", sans-serif;
  font-size:16px;
  font-weight:bold;
}
#content div.block {
  padding:0 40px;
}
.content-block, #products, #static, body.articles .article {
  background:white url('/media/img/fondo_paginas.jpg') repeat-y scroll left;
  overflow:auto;
  padding:25px 25px 20px 25px;
}
#content div.product {
  width:165px;
  float:left;
  margin:15px;
  /* height: 110px; */
}
body.category #content div.product {
  width:90px;
  /* overflow:hidden; */
}
.first {
  clear:left;
}
body.category #content #products div.product {
  text-align:center;
}
body.category #content #products div.product img {
  border-width:0;
}
#content div.product img {
  border:1px solid #A7A7A7;
}
#content #products #more {
  text-align:right;
  padding-right:30px;
}
div.paginator {
  clear:both;
}
#content #static {
  color:#666666;
}
#content #static h1 {
  border-width:0;
  font-size:18px;
  color:#6077A9;
  margin:30px 0 10px;
}
#content #static p {
  padding-left:0;
  margin:1em 0;
}
#content div.note {
  clear:both;
  color:gray;
}
#content .pagination {
  margin-left: 15px;
}
body.magazine div.edition {
  overflow:auto;
  padding:20px 0;
  color:#666;
}
body.magazine div.edition {
  margin:0 40px;
}
body.magazine div.edition a {
  float:left;
}
body.magazine div.edition a img {
  vertical-align:middle;
}
body.magazine div.edition div.description {
  display:block;
  float:right;
  width:400px;
}

/* *************** */
/* *** Sidebar *** */

#sidebar {
  width:251px;
  margin-top:-32px;
  float:left;
  border-left:1px solid #A7A7A7;
  color:gray;
  background-color:#FFFEE9;
}
#sidebar .next {
  text-align: right;
  cursor: pointer;
}
#sidebar h2, #sidebar h3, #sidebar div, #sidebar p {
  padding-left:30px;
  margin:0;
  border-width:0;
}
#sidebar div, #sidebar p {
  padding:5px 30px 5px 30px;
}
#sidebar img {
  vertical-align:middle;
}
#sidebar p img.destaque {
  border:1px solid #A7A7A7;
}
#sidebar h2 {
  background-color:#FFE401;
  border-bottom:1px solid #A7A7A7;
  color:#203E86;
  height:31px;
  line-height:31px;
  margin:20px auto;
}
#sidebar h3 {
  color:black;
  margin:20px auto;
}
#sidebar h2.first {
  background-image:url(/media/img/sidebar_h2.jpg);
  margin:0;
}
#sidebar ul.categories {
  margin:20px;
}
#sidebar ul.categories ul, #sidebar ul.categories ul ul {
  margin:0 0 0 10px;
}
#sidebar .hideme {
  display:none;
}
#sidebar .showme {
  display:list-item;
}
#sidebar .search input {width: 120px; margin-left: 10px;}
#sidebar .search select {width: 124px; margin-left: 5px;}
#sidebar .search button {margin: 10px 0 0 30px;}

/* ************** */
/* *** Footer *** */

#footer {
  clear:both;
  background:#203E86 url('/media/img/pie_gris.jpg') no-repeat scroll top;
  padding:25px 0;
  text-align:center;
}
ul.foot-nav li a:link, ul.foot-nav li a:visited {
  color:white;
}
ul.foot-nav {
  width:520px;
  overflow:auto;
  margin:0 auto;
  margin-left:100px;
}
ul.foot-nav li {
  float:left;
  margin-right:30px;
}
#author {
  width:100px;
  float:right;
  margin-top:-15px;
  padding-right:40px;
  text-align:right;
}
#author a:link {
  color:#5D71A6;
}
#author a:hover {
  color:white;
}
div.preoffices h3 {
  color:black;
  font-weight:bold;
  font-size:1.3em;
  margin:0 0 1em 0;
  border-width:0;
}

/* offices */
body.offices .office {
  margin: 2em 0;
  overflow: hidden;
}
body.offices .office-first {
  clear: both;
}
body.offices #content form {
  overflow: auto;
}
body.offices .office .images {
  width: 121px;
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 120px;
}
body.offices .office .images .map {
  background: url(../img/lupa.jpg) top left no-repeat;
  padding-left: 15px;
}
body.offices .office .label {
  color: black;
  font-weight: bold;
}
body.offices #content .jcarousel-item {
  height: auto;
}

/* services */
body.services .service {
  float:left;
  width:141px;
  text-align:center;
  margin:10px 0;
}
body.services .service img {
  display:block;
  margin:0 auto;
}
body.services .break {
  clear:left;
}

/* articles */
body.article-list .article .image {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 255px;
}
body.article-list .article-even .image {
  float: right;
}
body.article-list .article .narrow {
  width: 300px;
  float: left;
}

body.article-list #content .article h3 {
  margin-top: 0;
}
body.article-list #content .read-more {
  margin-top: 1em;
  text-align: right;
}
body.article-detail #content .article-image {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

/* products */
body.category #content #products {
  min-height: 300px;
}
body.category #content .search {
  height: 25px; 
  margin-bottom: 10px;
}
body.category #content .search input {width: 240px; height: 17px;}
body.category #content .search select {width: 240px; margin-left: 10px;}
body.category #content .search button {
  background-color: #EBEBED;
  border: 1px solid #A7A7A7;
  color: #213F87;
  font-weight: bold;
  padding: 3px 5px 3px 5px;
  margin-left: 10px;
}
#product #related .product {
  width:119px;
  margin:10px;
}
#content #product #description {
  color:#666666;
}
body.product #product .slider {
  width:200px;
  overflow:hidden;
  float:left;
  margin:0 30px 20px 0;
}
body.product #product li {
  height:auto;
  width: 200px;
  float: left;
}
button.shop {
  border: 1px solid #a7a7a7;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #1e3f86;
  background: #ebebed url(../img/icons/shopping_cart_btn.jpg) 111px center no-repeat;
  width: 150px;
  text-align: left;
  padding-left: 10px;
  cursor: pointer;
}
body.product #content p.qty {
  float: left;
  margin-right: 10px;
  margin-top: 4px;
}
body.product #content form input {
  width: 50px;
  margin-right: 20px;
}
body.product #content .more {
	margin-top: 20px;
}
body.product #content ul.videos li a,
body.product #content ul.attachments li a,
body.product #content ul.links li a {
	line-height: 15px;
	padding-left: 30px;
	margin: 7px 0;
	display: block;
	height: 15px;
	color: gray;
}
body.product #content ul.videos li a:hover,
body.product #content ul.attachments li a:hover,
body.product #content ul.links li a:hover {
	text-decoration: underline;
}
body.product #content ul.videos li {background: white url(../img/icons/video.jpg) left center no-repeat}
body.product #content ul.attachments li {background: white url(../img/icons/attachments.jpg) left center no-repeat}
body.product #content ul.links li {background: white url(../img/icons/link.jpg) left center no-repeat}

body.product #content p.price {
	color: #203e86;
	font-weight: bold;
	clear: both;
	font-size: 14px;
}
body.product #content p.price span {
	color: #666;
}
body.product #content form.add-to-cart {
	border: 1px solid #ddd;
	padding: 10px 10px 10px 295px;
	margin: 10px 0;
}
body.product #content form.add-to-cart p {
	margin: 0;
}
body.product #content form.add-to-cart p.qty {
	margin-right: 10px;
	margin-top: 10px;
}
body.product #content form.add-to-cart input {
	margin-top: 7px;
}

/* home */
body.home #content #products img {
  display: block;
}
.banner-wrapper {
  clear: both;
  height: 100px;
  margin-left: 16px;
  border-top: 1px solid #ddd;
  padding-top: 20px;
  margin-top: 20px;
  width: 563px;
}
.banner-wrapper .banner a {
  display: block;
  float: left;
  width: 263px;
  height: 94px;
  background-color: red;
  border: 1px solid #ccc;
}
.banner-wrapper .trabaje a {
  margin-right: 30px;
  background: transparent url(../img/banners/trabajo.jpg) center center no-repeat;
}
.banner-wrapper .simulador a {
  background: transparent url(../img/banners/simulador.jpg) center center no-repeat;
}
.banner-wrapper .banner span {
  display: none;
}

/* jCarousel controls */
div.gallery-controls {
    padding-right:6px;
    float:right;
}
div.gallery-controls a {
    background-color:white;
    border:1px solid black;
    display:block;
    float:left;
    height:10px;
    margin:6px 6px 0 0;
    width:10px;
}
div.gallery-controls a.active {
    background-color:#203E86;
}
div.gallery-controls a span {
    display:none;
}

/* shop */
body.cart table {
  width: 580px;
}
body.cart table tr.head {
  color: #1f4087;
  border-bottom: 1px solid #adb9d3;
  height: 30px;
}
body.cart table tr {
  height: 130px;
  border-bottom: 1px solid #ebebeb;
}
body.cart table tr .image a img {
  border: 1px solid #ccc;
}
body.cart table tr td a {
  color: gray;
}
body.cart table tr td.image {
  width: 115px;
}
body.cart #content table.cart td.quantity input {
  width: 30px;
}
body.cart table .price {
  font-size: 13px;
  font-weight: bold;
}
body.cart table .total {
  font-size: 15px;
}
body.cart table tr td.delete {
  background: transparent url(../img/icons/trash.jpg) center center no-repeat;
  font-size: 10px;
  text-transform: lowercase;
  padding-top: 35px;
  text-align: center;
  width: 50px;
  cursor: pointer;
}
body.cart table tr.foot {
  background-color: #ccc;
  height: 38px;
}
body.cart table .update {
  background: #ccc url(../img/icons/update.jpg) left center no-repeat;
  padding-left: 30px;
}
body.cart .foot-note {
  font-size: 10px;
  margin-top: 30px;
}
body.cart  #content form .btn {
  margin-left: 405px;
  width: 150px;
}
body.cart .update-btn {
  color: #444;
  border: 0;
  background: transparent;
}
body.checkout  #content form .btn {
  background-position: center right;
  cursor: pointer;
}
body.checkout p.populate_shipping a {
  color: #333;
  margin-left: 160px;
  font-weight: bold;
  font-style: italic;
}

/*** forms ***/
#content form {
  margin-left: 15px;
}
#content form fieldset {
  margin: 15px 0;
}
#content form p {
  margin: 10px 0;
  overflow: auto;
}
#content form .field {
  line-height: 23px;
  overflow: auto;
  padding:7px 0;
}
#content form label {
  display: block;
  width: 160px;
  float: left; 
  clear: left;
}
#content form select,
#content form textarea,
#content form input {
  width: 240px;
  padding: 3px;
  height: auto;
  border: 1px solid gray;
  float: left;
}
#content form select {
  width: 248px;
}
#content form .check input {
  width: 14px;
}
#content form legend {
  font-weight: bold;
  color: #213d86;
  line-height: 40px;
}
#content form .group {
  padding:5px 7px;
  width:414px;
  margin-bottom: 15px;
  border: 1px dotted #666;
}
#content form .last {
  margin-bottom: 0;
}
#content form .errorlist {
  color: red;
  margin-left: 415px;
}
#content form .btn {
  color: #213f87;
  width: 248px;
  font-weight: bold;
  border: 1px solid #a7a7a7;
  padding: 5px 30px 5px 5px;
  margin: 20px 0 0 161px;
  background-color: #ebebed;
}
#content form input.check {
  background: #ebebed url(../img/icons/check.jpg) 117px center no-repeat;
}
/* estilos de checkout que es el unico q tiene include form fields */
#content .foot-notes {
  color: #aaa;
  clear: both;
  font-size: 10px;
}

body.checkout #content form .field {
  padding: 0;
}
body.checkout #content div.row {
  margin: 7px 0;
}
body.checkout #content form label {
  padding-top: 3px;
}
body.checkout #content span.error {
  color: red;
  display: block;
  width: 130px;
  margin: 0;
  text-align: left;
}
body.checkout #content form .row-errors {
  background-color:#FFEAEA;
  padding: 10px;
}
body.checkout #content span.help-text {
  color: #888;
  font-size: 11px;
  margin-bottom: 20px;
  display: block;
  margin-left: 160px;
  margin-top: 3px;
}


/*** penca ********************************************************************/
body.penca {
	background: transparent url(../img/penca/bg.jpg) top left repeat;
}

body.penca #content {
    width: 100%;
}
/* header */
body.penca #header {
	background-image:url(../img/penca/header_bg.jpg);
	height: 183px;
	background-color: black;
	border-bottom: 1px solid #102f5d;
}
body.penca #header .wrapper {
	background: transparent url(../img/penca/header.jpg) center 20px no-repeat;
	height: 186px;
	width: 905px;
	font-size: 11px;
}
body.penca #header .wrapper {
	color: #aaa;
	line-height: 20px;
}
body.penca #header .wrapper a {
	color: gray;
}
body.penca #header .wrapper a:hover {
	color: white;
}
body.penca #header .wrapper .account {
	float: left;
}
body.penca #header .wrapper a.back-to-tcc {
	color: #ccc;
	background: transparent url(../img/penca/back_to_tcc.jpg) right center no-repeat;
	display: block;
	float: right;
	padding-right: 30px;
}
body.penca #header .wrapper a.back-to-tcc:hover {
	color: white;
}
/* sidebar */
body.penca #sidebar tr.head {
	color: #126a76;
	font-weight: bold;
}
body.penca #sidebar tr.head td {
	border-bottom: 1px dotted #126a76;
}
body.penca #sidebar form input {
	float: left;
	padding: 1px;
	border: 1px solid #e41d4b;
	height: 17px;
}
body.penca #sidebar form button {
	background: transparent url(../img/penca/go.png) center center no-repeat;
	width: 28px;
	height: 21px;
	display: block;
	border: 0;
	margin-left: 3px;
}
body.penca #sidebar form button span {
	display: none;
}
/* footer */
body.penca .football-footer {
	background: transparent url(../img/penca/ball.png) center center no-repeat;
	width: 250px;
	height: 220px;
	bottom: -32px;
	right: -60px;
	display:block;
	position:fixed;
	z-index:1000;
}
body.penca #footer {
	background: none;
	color: white;
	border-top: 2px dashed #61882e;
}

/* login */
body.penca #content h2 {
	margin-top: 0;
	color: #126a76;
	border-bottom: px dotted #126a76;
}
body.penca #main .btn,
body.penca #sidebar input.btn,
body.penca #content input.btn {
	background-color:#e41d4b;
	border:0;
	color:white;
	font-weight:bold;
	padding: 4px 37px;
	font-size: 12px;
	margin-left: 5px;
}
body.penca #content div.login form span {
	display: block;
	width: 90px;
	float: left;
}
body.penca #content div.login form button {
	margin-left: 5px;
}
body.penca #content div.login form {
	padding: 20px 0 30px 0;
	background: transparent url(../img/penca/login.png) right top no-repeat;
}

/* nickname */
body.nickname #content form {
	margin: 20px 0;
}
body.nickname #content form .row label {
	display: block;
	width: 180px;
	float: left;
}
body.nickname #content form .row input,
body.nickname #content form .row textarea,
body.nickname #content form .row select {
	width: 200px;
}

/* stage-list */
body.penca .stage {
	position: relative;
	background-color: #F3F3F3;
	padding: 15px;
	margin: 30px;
	height: 197px;
	width: 350px;
	float: left;
	display: block-inline;
}
body.penca .last {
	margin-bottom: 0;
}
body.penca .label {
	position: absolute;
	top: -10px;
	right: -10px;
	background: transparent url(../img/penca/emblems/open.png) center center no-repeat;
	width: 104px;
	height: 104px;
	z-index: 1000;
}
body.penca .label span {
	display: none;
}
body.penca .label-open {background-image: url(../img/penca/emblems/open.png)}
body.penca .label-closed {background-image: url(../img/penca/emblems/closed.png)}

body.penca .stage img {
	float: left;
	border: 5px solid #f5f5f5;
	width: 278px;
}
body.penca .stage img {
	float: left;
	border: 5px solid #f5f5f5;
	width: 278px;
	margin-right: 15px;
}
body.penca .stage .info {
	float: left;
	width: 290px;
}
body.penca #content .stage .info h2 a {
	color:#F48320;
	font-size:16px;
	margin:0;
}
body.penca #content .stage .info h2 {
	border:0 none;
}
body.penca #content .stage .info p span {
	font-weight: bold;
	display: block;
	width: 80px;
	float: left;
}
body.penca #content .stage .info .btn {
	background-color: #f48320;
	padding: 10px 20px;
	color: white;
	font-weight: bold;
	display: block;
	width: 70px;
	margin-top: 25px;
	float: right;
}

/* stage */
body.penca-stage #content form .selection .row li label {
  height: 40px;
  line-height: 40px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 40px;
  display: block;
}
body.penca-stage .selection li.ale label {background-image: url(../img/penca/t_shirts/ale.jpg)}
body.penca-stage .selection li.alg label {background-image: url(../img/penca/t_shirts/alg.jpg)}
body.penca-stage .selection li.arg label {background-image: url(../img/penca/t_shirts/arg.jpg)}
body.penca-stage .selection li.aus label {background-image: url(../img/penca/t_shirts/aus.jpg)}
body.penca-stage .selection li.bra label {background-image: url(../img/penca/t_shirts/bra.jpg)}
body.penca-stage .selection li.cam label {background-image: url(../img/penca/t_shirts/cam.jpg)}
body.penca-stage .selection li.chi label {background-image: url(../img/penca/t_shirts/chi.jpg)}
body.penca-stage .selection li.cma label {background-image: url(../img/penca/t_shirts/cma.jpg)}
body.penca-stage .selection li.cor label {background-image: url(../img/penca/t_shirts/cor.jpg)}
body.penca-stage .selection li.din label {background-image: url(../img/penca/t_shirts/din.jpg)}
body.penca-stage .selection li.esp label {background-image: url(../img/penca/t_shirts/esp.jpg)}
body.penca-stage .selection li.fra label {background-image: url(../img/penca/t_shirts/fra.jpg)}
body.penca-stage .selection li.gha label {background-image: url(../img/penca/t_shirts/gha.jpg)}
body.penca-stage .selection li.gre label {background-image: url(../img/penca/t_shirts/gre.jpg)}
body.penca-stage .selection li.hol label {background-image: url(../img/penca/t_shirts/hol.jpg)}
body.penca-stage .selection li.hon label {background-image: url(../img/penca/t_shirts/hon.jpg)}
body.penca-stage .selection li.ing label {background-image: url(../img/penca/t_shirts/ing.jpg)}
body.penca-stage .selection li.ita label {background-image: url(../img/penca/t_shirts/ita.jpg)}
body.penca-stage .selection li.jap label {background-image: url(../img/penca/t_shirts/jap.jpg)}
body.penca-stage .selection li.mej label {background-image: url(../img/penca/t_shirts/mej.jpg)}
body.penca-stage .selection li.nig label {background-image: url(../img/penca/t_shirts/nig.jpg)}
body.penca-stage .selection li.nze label {background-image: url(../img/penca/t_shirts/nze.jpg)}
body.penca-stage .selection li.par label {background-image: url(../img/penca/t_shirts/par.jpg)}
body.penca-stage .selection li.por label {background-image: url(../img/penca/t_shirts/por.jpg)}
body.penca-stage .selection li.rpc label {background-image: url(../img/penca/t_shirts/rpc.jpg)}
body.penca-stage .selection li.saf label {background-image: url(../img/penca/t_shirts/saf.jpg)}
body.penca-stage .selection li.ser label {background-image: url(../img/penca/t_shirts/ser.jpg)}
body.penca-stage .selection li.sui label {background-image: url(../img/penca/t_shirts/sui.jpg)}
body.penca-stage .selection li.svk label {background-image: url(../img/penca/t_shirts/svk.jpg)}
body.penca-stage .selection li.svn label {background-image: url(../img/penca/t_shirts/svn.jpg)}
body.penca-stage .selection li.uru label {background-image: url(../img/penca/t_shirts/uru.jpg)}
body.penca-stage .selection li.usa label {background-image: url(../img/penca/t_shirts/usa.jpg)}

body.penca #content form .selection {
	margin-bottom: 10px;
	overflow: auto;
}
body.penca #content form .selection .row {
	background-color: #f5f5f5;
	width: 257px;
	padding: 20px;
	float: left;
	margin: 10px;
}
body.penca #content form .selection .row .main-label {
	color: #126a76;
	text-transform: uppercase;
}
body.penca #content .selection .row ul {
	clear: both;
	display: block;
	margin-bottom: 20px;
	overflow: auto;
	width: 245px;
}
body.penca #content .selection .row input {
	float: none;
	width: 10px;
}
body.penca #content .champion {
	clear: both;
	margin: 10px 10px 20px 10px;
	background: #efefef url(../img/penca/champion.png) 50px center no-repeat;
	padding: 30px 30px 30px 160px;
}
body.penca #content .champion label {
	width: 100px;
}
body.stage #content form .btn {
	clear: both;
}

/* top 10 */
body.penca-top10 h2 {
  font-size: 17px;
  font-style: italic;
  font-weight: bold;
  color: #e41d4b;
  font-family: "Georgia";
  margin-bottom: 10px;
}
body.penca-top10 .scroll {
  width: 860px;
  overflow-x: scroll; 
  overflow-y: hidden;
}
body.penca-top10 table thead td {
	font-weight: bold;
	color: #126a76;
}
body.penca-top10 td {
  padding: 10px 4px;
  border-bottom: 1px dotted #ccc;
}
body.penca-top10 td.correct,
body.penca-top10 td.incorrect {
  text-transform: uppercase;
  border: 2px solid white;
}
body.penca-top10 thead td.correct,
body.penca-top10 thead td.incorrect {
  border-bottom: 1px dotted #ccc;
}
body.penca-top10 td.correct {
  background-color: #d0ffd0;
}
body.penca-top10 td.incorrect {
  background-color: #ffd1d1;
}
body.penca-top10 #main .btn {
  clear: both;
  padding: 10px 20px;
  float: right;
  margin-top: 20px;
}

/* prizes */
body.penca .jcarousel-item {
    height: 500px;
	text-align: center;
	margin-bottom: 20px;
}
body.penca .jcarousel-item h2 {
	text-align: left;
}
body.penca .jcarousel-container {
   position:relative;
}
body.penca .jcarousel-prev, 
body.penca .jcarousel-next {
    cursor:pointer;
    display:block;
    position:absolute;
    bottom:0px;
    width:20px;
    height:20px;
}
body.penca .jcarousel-prev {
    background:url("../img/icons/prev.png") no-repeat scroll 0 0 transparent;
    right:30px;
}
body.penca .jcarousel-next  {
    background:url("../img/icons/next.png") no-repeat scroll 0 0 transparent;
    right:5px;
}

/* how to play */
body.how-to-play #content h2 {
	border: 0;
	font-size: 34px;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 10px;
}
body.how-to-play #content h2 span{
	font-weight: bold;
	color: #ccc;
}
body.how-to-play #content h2.one {color: #126a76}
body.how-to-play #content h2.two {color: #5e4d9f}
body.how-to-play #content h2.three {color: #e41d4b}
body.how-to-play #content h2.four {color: #a6ce39}
body.how-to-play #content h2.five {color: #d6de23}
body.how-to-play #content h2.six {color: #f48320}
body.how-to-play #content h2.seven {color: #126a76}

body.how-to-play #content .hidden-info {
	margin-left: 41px;
	margin-bottom: 20px;
}
body.how-to-play #content .hidden-info ol {
	margin-left: -25px;
}
body.how-to-play #content .hidden-info ol li {
	clear: both;
	display: block;
	overflow: auto;
}
body.how-to-play #content .hidden-info ol img {
	width: 166px;
	float: left;
	margin-right: 20px;
}

#main_content {
  font-size: 12px;
  color: #000000;
}

/* Resources */
body.resources #content .preview {
  float: left;
  width: 150px;
  margin-right: 20px;
}
body.resources #content .info {
  float: left;
  width: 200px;
  clear: none;
  margin: 0;
  text-align: left;
}
body.resources #content h3{
  margin-top: 0;
}
body.resources #content .download {
  margin-top: 10px;
}
body.resources #content-footer {
  font-weight: bold;
  padding: 20px 20px 0 20px;
  text-align: left;
}
body.resources #sidebar h2 {
  margin-bottom: 20px;
}
body.resources #sidebar ul {
  margin: 20px;
}
body.resources #sidebar ul .active {
  font-weight: bold;
}
body.resources .content-block {
  min-height: 200px;
}