/* CSS Document */

/* Reset ================================================================================= */
* { margin:0; padding:0; }

body          { font:12px/1.35 Arial, Helvetica, sans-serif; color:#000; text-align:center; }

img           { border:0; vertical-align:top; }

a, a:visited  { color:#05c; text-decoration:underline; }
a:hover       { text-decoration:none; }
:focus        { outline: 0; }

/* Headings */
h1            { font-size:20px; font-weight:normal; line-height:1.15; }
h2            { font-size:18px; font-weight:normal; line-height:1.25; }
h3            { font-size:16px; font-weight:bold; line-height:1.25; }
h4            { font-size:14px; font-weight:bold; }
h5            { font-size:12px; font-weight:bold; }
h6            { font-size:11px; font-weight:bold; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
strong        { font-weight:bold; }
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.clear		  { clear:both;}

/*  ================================================================================ */
/*  ================================================================================ */
/*  ================================================================================ */


body {
	background:#58893a url(images/fondo_Pasto-Body.png);
}

/* Layout ================================================================================ */

#wrapper {
	background:#b3e3e8 url(images/fondo_gradient-top.png) repeat-x;
}

#header-container {
	height:115px;
	background:transparent url(images/fondo_menu.png) repeat-x 0 44px;
}

#header {
	width:960px;
	margin:0 auto;
	position:relative;
	z-index:100;
}

#page { 
	width:960px;
	margin:12px auto;
	position:relative;
	text-align:left;
	z-index:100;
}

.fondo_page-top {
	background-image:url(images/fondo_page_top.png);
	height:18px;
}

.fondo_page-bottom {
	background-image:url(images/fondo_page_bottom.png);
	height:18px;
	clear:both;
}

#main-container {
	padding:0 18px;
	background:url(images/fondo_page_center.png) repeat-y;	
}

#main {
	
}

#footer-container {
	margin:-45px auto;
	background:url(images/fondo_Pasto.png) repeat-x bottom;
	height:114px;
	position:relative;
}

#flashNubes {
	position:absolute;
	left:0px;
	top:0px;
	z-index:2;
}

/* Header ================================================================================ */

.logo {
	width:114px;
	height:102px;
	background:url(images/logo_Bola.png) no-repeat 0 0 ;
	display:block;
	position:absolute;
	top:10px;
	left:0px;
	text-indent:-9999px;
}

a.logo:hover {
	background:url(images/logo_Bola.png) no-repeat 0 -102px ;
}

.tacha-left {
	position:absolute;
	left:3px;
	top:45px;
	z-index:1;
}

.tacha-right {
	position:absolute;
	right:3px;
	top:45px;
	z-index:1;
}

#navigation {
	width:834px;
	height:50px;
	position:absolute;
	top:46px;
	left:124px;
}

ul.navigation {
}

#navigation ul.navigation li {
	display:block;
	float:left;
}

#navigation ul.navigation li a {
	display:block;
	float:left;
	height:50px;
	background:url(images/eng/menu-eng.png) no-repeat;
	text-indent:-9999px;
}

#navigation ul.navigation li a:hover {
}

#navigation ul.navigation li a.how-to-play {
	background-position:0 0;
	width:198px;
}

#navigation ul.navigation li a.faq {
	background-position:-198px 0;
	width:134px;
}

#navigation ul.navigation li a.news {
	background-position:-332px 0;
	width:184px;
}

#navigation ul.navigation li a.sponsors {
	background-position:-516px 0;
	width:166px;
}

#navigation ul.navigation li a.help-us {
	background-position:-682px 0;
	width:152px;
}

#navigation ul.navigation li a.how-to-play:hover {background-position:0 -50px;}
#navigation ul.navigation li a.faq:hover {background-position:-198px -50px;}
#navigation ul.navigation li a.news:hover {background-position:-332px -50px;}
#navigation ul.navigation li a.sponsors:hover {background-position:-516px -50px;}
#navigation ul.navigation li a.help-us:hover {background-position:-682px -50px;}

#navigation ul.navigation li a.faq:active {background-position:-198px -50px; background-color:#EEE;}
#navigation ul.navigation li a.news:active {background-position:-332px -50px; background-color:#EEE;}
#navigation ul.navigation li a.sponsors:active {background-position:-516px -50px; background-color:#EEE;}
#navigation ul.navigation li a.help-us:active {background-position:-682px -50px; background-color:#EEE;}

/* Tools: Language */

/*#tools-container #language {
	display:none;
}*/

#tools-container {
	position:absolute;
	top:12px;
	right:1px;
}

#tools-container div {
	display:inline;
	float:left;
}

#tools-container div#subscribe-top {
	padding:0 12px 0 0;
	margin-top:-1px;
}

#tools-container div#subscribe-top a {
	display:block;
}

#tools-container img {
	float:left;
	margin:4px 2px;
}

#tools-container ul.flags {
	float:left;
}

#tools-container ul.flags li {
	display:block;
	float:left;
	margin:2px;
}

#tools-container ul.flags li a {
	display:block;
	width:20px;
	height:17px;
	float:left;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#tools-container ul.flags li a.eng {background:url(images/icons/flag_eng.png) no-repeat center;}
#tools-container ul.flags li a.esp {background:url(images/icons/flag_esp.png) no-repeat center;}
#tools-container ul.flags li a.por {background:url(images/icons/flag_por.png) no-repeat center;}
#tools-container ul.flags li a.de {background:url(images/icons/de.png) no-repeat center;}
#tools-container ul.flags li a.el {background:url(images/icons/el.png) no-repeat center;}
#tools-container ul.flags li a.fr {background:url(images/icons/fr.png) no-repeat center;}
#tools-container ul.flags li a.it {background:url(images/icons/it.png) no-repeat center;}
#tools-container ul.flags li a.tr {background:url(images/icons/tr.png) no-repeat center;}

#tools-container ul.flags li a:hover,
#tools-container a:hover {
	opacity: .6; // all modern browsers (this is CSS3)
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // IE 8
	filter: alpha(opacity=60); // IE 5-7
}

/* Page General Styles ================================================================================ */

#page {
	font:16px "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color:#222;
	/*text-shadow:#FFF 1px 1px;*/
}

#page div.hr {
	background:url(images/fondo_hr.png) repeat-x;
	height:36px;
	clear:both;
	width:882px;
}

#page a:hover {
	color:#222;
	text-decoration:underline;
	/*text-shadow:#EEE 1px 1px;*/
}

#page p {
	margin-bottom:5px;
}

#page h1 {
	margin-top:5px;
}

#page h3 {
	margin:18px 0 5px 0;
}

#page h2.first,
#page h3.first {
	margin-top:0px;
}

.col-50-50-layout .left-col {
	width:431px;
	float:left;
}

.col-50-50-layout .right-col {
	width:431px;
	float:right;
}

/* Page Home Index ================================================================================ */

/* Columna Home Izquierda */

.cols-home-left {
	float:left;
	width:482px;
}

.banner_welcome {
	margin-top:-13px;
}

/* Banner Video Destacado */

.banner_video {
	margin:25px 0 3px 0;
	position:relative;
	z-index:99;
}

.banner_video .fondo-video {
	background:url(images/fondo_Watch_center.png) repeat-y;
}

.banner_video img.top {
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
}

.banner_video .video {
	margin:-7px 0 0 3px;
}

/* Columna Home Derecha */

.cols-home-right {
	float:left;
	width:420px;
	margin-left:18px;
}

.banner_play-now {
	display:block;
	height:144px;
}

.banner_play-now a {
	width:206px;
	height:144px;
	display:block;
	text-indent:-9999px;
	float:left;
}

.banner_play-now a.facebook {margin:0 8px 0 0; background:url(images/eng/banner_Play-Now-Facebook.png) no-repeat 0 0;}
.banner_play-now a.facebook:hover {background:url(images/eng/banner_Play-Now-Facebook.png) no-repeat 0 -144px;}

.banner_play-now a.orkut {background:url(images/eng/banner_Play-Now-Orkut.png) no-repeat 0 0;}
.banner_play-now a.orkut:hover {background:url(images/eng/banner_Play-Now-Orkut.png) no-repeat 0 -144px;}

.banner_twitter {
	margin:18px 0 10px 0;
	overflow:hidden;
}

.banner_twitter .tweets {
	background:url(images/fondo_Twitter_center.png) repeat-y;
	padding:0 18px;
}

.banner_twitter .twtr-hd,
.banner_twitter  .twtr-ft {
	display:none  !important;
	height:1px;
	overflow:hidden;
}

/* Stay in touch Social Bookmarking */

.banner_follow-us {
	width:420px;
	height:74px;
	background:url(images/eng/fondo_Stay-in-touch.png) no-repeat 0 0;
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}

.banner_follow-us ul {
	position:absolute;
	left:148px;
	top:8px;
}

.banner_follow-us ul li {
	display:block;
	float:left;
	margin:0 3px 0 0;
}

.banner_follow-us ul li a {
	display:block;
	float:left;
	padding:0 0 0 0;
	width:50px;
	height:55px;
	font:11px Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	color:#e3f3f4;
	text-indent:-9999px;
}

.banner_follow-us ul li a:hover {
	color:#05c;
	background-position:0 55px;
	margin-top:2px;
}

.banner_follow-us ul li a.twitter {background-image:url(images/icons/twitter-ov.png);}
.banner_follow-us ul li a.facebook {background-image:url(images/icons/facebook-ov.png);}
.banner_follow-us ul li a.rss-feed {background-image:url(images/icons/rss-ov.png);}
.banner_follow-us ul li a.youtube {background-image:url(images/icons/youtube-ov.png);}
.banner_follow-us ul li a.orkut {background-image:url(images/icons/orkut-ov.png);}
.banner_follow-us ul li a.newsletter {background-image:url(images/icons/email-ov.png);}

.banner_follow-us ul li a.twitter:hover {background-image:url(images/icons/twitter-ov.png);}
.banner_follow-us ul li a.facebook:hover {background-image:url(images/icons/facebook-ov.png);}
.banner_follow-us ul li a.rss-feed:hover {background-image:url(images/icons/rss-ov.png);}
.banner_follow-us ul li a.youtube:hover {background-image:url(images/icons/youtube-ov.png);}
.banner_follow-us ul li a.orkut:hover {background-image:url(images/icons/orkut-ov.png);}
.banner_follow-us ul li a.newsletter:hover {background-image:url(images/icons/email-ov.png);}

/* Share This */

.banner_share-this {
	margin:14px 0 0 18px;
}

.banner_share-this img.txt {
	float:left;
	margin-right:18px;
}

.banner_share-this .boton_share-this {
	margin-top:-2px;
	float:left;
}


/* How To Play ================================================================================ */

#main-container.how-to-play {
	padding:10px 36px;
}

#main-container.how-to-play img.left {
	margin-right:10px;
}

#main-container.how-to-play img.right {
	margin-left:10px;
}



/* F.A.Q. ================================================================================ */

#main-container.faq,
#main-container.troubleshooting {
	padding:10px 36px;
}

#main-container.faq p {
	margin-left:21px;
}

#main-container.faq ul {
	margin:10px 0;
}

#main-container.faq ul ol {
	margin:5px 0 10px 0;
}

#main-container.faq ul li {
	margin-left:0px;
	list-style-type:none;
}

#main-container.faq ul ol li {
	margin-left:23px;
	list-style-type:decimal;
}

#main-container.troubleshooting ul li {
	margin:15px 0 0px 40px;
	list-style-type:disc;
}

#main-container.troubleshooting ol li {
	margin:15px 0 0px 40px;
	list-style-type:decimal;
}



/* Sponsors Page ================================================================================ */

#main-container.sponsors {
	padding:10px 36px 10px 36px;
}

ul.sponsors-logos {
	margin-right:-18px;
}

ul.sponsors-logos li {
	float:left;
	margin:0 14px 0 0;
}

/* Rankings ================================================================================ */

#main-container.rankings {
	padding:10px 36px 10px 36px;
}

#main-container.rankings h1 {
	margin-bottom:7px;
	text-shadow:1px 1px 1px #fff;
}

#main-container.rankings h3 {
	margin:20px 0 0 0;
	text-shadow:1px 1px 1px #fff;
	font-weight:normal;
}

#main-container.rankings table {
	margin:10px 0;
}

.rankings button.button {
	background:none repeat scroll 0 0 transparent;
	border:0 none;
	float:right;
	margin:5px 0 0 5px;
	padding:0px;
	overflow:visible;
	cursor:pointer;
	width:auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.rankings button.button span {
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #717a7a;
	float:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.rankings button.button span span {
	font:16px "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	text-align:center;
	color:#333;
	text-shadow:1px 1px 1px #fffec6;
	text-decoration:none;
	font-weight:bold;
	border-top:1px solid #fffec6;
	border-bottom:none;
	border-right:none;
	border-left:none;
	padding:8px 22px 9px 22px;
	background:#ffbd04 url(images/fondo_button.png) repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.rankings button:hover span span {
	background:#ffbd04 url(images/fondo_button.png) 0 -45px repeat-x ;
	padding:9px 22px 8px 22px;
}

.selector {
	padding:10px 0;
	font-weight:bold;
	font-size:12px;
}

#page .selector span.sortby {
	display:block;
	float:left;
	padding:3px 0 3px 0;
	margin-right:20px;
}

#page .selector a {
	display:block;
	float:left;
	margin-right:15px;
	padding:3px 0px;
	font-weight:bold;
	text-decoration:none;
}

#page .selector a:hover {
	text-decoration:underline;
	color:#0055CC;
}

#page .selector span.selected a,
#page .selector span.selected a:hover {
	background-color:#0055CC;
	color:#FFFFFF;
	padding:3px 15px;
	text-decoration:none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#page .selector span.space {
	display:block;
	float:left;
	border-right:1px solid #CCC;
	margin-right:20px;
	padding:3px 5px 3px 5px;
}

#page .selector a.time {
	color:#5c911f;
}

#page .selector span.selected a.time,
#page .selector span.selected a.time:hover {
	background-color:#5c911f;
}

.rankings th {
	font-weight:bold;
	border:1px solid #cddbdc !important;
	background-color:#d5e4e5;
}

.rankings td,
.rankings th  {
	padding:5px;
	border:1px solid #cfdedf;
	font-size:14px;
	vertical-align:middle;
}

.rankings tr:nth-child(odd) {
  background-color: #deeeef	;
}

.rankings tr td.win {
	background-color:#9de051;
}

.rankings tr td.lose{
	background-color:#fa5343;
}

.rankings tr.invert th{
	background-color:#222;
	color:#d5e4e5;
}

div.nextprev {
	padding:20px 0;
	font-weight:bold;
	font-size:12px;
}

div.nextprev a,
div.nextprev span.nextprev {
	display:block;
	float:left;
	border:1px solid #999;
	color:#666;
	text-decoration:none;
	padding:3px 10px;
	margin-right:3px;
}

#page div.nextprev a:hover {
	text-decoration:none;
	background-color:#555;
	color:#FFF;
	border-color:#555;
}

div.nextprev span.nextprev {
	border-color:#999;
	color:#999;
}

#page div.nextprev a.selected,
#page div.nextprev a.selected:hover {
	background-color:#0055CC;
	color:#FFF;
	border-color:#0055CC;	
}

#page div.nextprev span.next,
#page div.nextprev a.next {
	-webkit-border-radius: 0px 6px 6px 0px;
	-moz-border-radius: 0px 6px 6px 0px;
	border-radius: 0px 6px 6px 0px;
}

#page div.nextprev span.prev,
#page div.nextprev a.prev {
	-webkit-border-radius: 6px 0px 0px 6px;
	-moz-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
}

.winlose {
	float:right;
	margin:10px 10px 0 0;
	width:50%;
	text-align:right;
}

.winlose img {
	margin-bottom:10px;
}

.winlose img.win {border:1px solid #7ac526}
.winlose img.lose {border:1px solid #ca3728}

.share-footer {
	float:left;
	padding:17px 0 0 0;
}

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

#footer {
	width:960px;
	margin:0 auto;
	position:relative;
}

#footer a:hover,
#footer a:hover img {
	text-decoration:underline;
	opacity: 0.8; // all modern browsers (this is CSS3)
	-moz-opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // IE 8
	filter: alpha(opacity=80); // IE 5-7
}

/* Footer Left */

#footer .left-footer {
	position:absolute;
	top:70px;
	left:0px;
}

#footer ul.footer-links  {
	float:left;
	margin:6px 0 0 18px;
}

#footer ul.footer-links li {
	display:block;
	float:left;
	margin-right:13px;
}

#footer ul.footer-links li a {
	display:block;
	height:17px;
	float:left;
	color:#222;
	font-size:11px;
	padding:3px;
}

/* Footer Right */

#footer .right-footer {
	position:absolute;
	top:77px;
	right:7px;
}