/* -= MAIN =- */
body {
	background-image:url('http://www.peteco.com/templates/images/fondo.jpg');
	background-color:#000;
	background-repeat:repeat-x;
	background-attachment:fixed;
	text-align: center;
	color: #333;
	font-family: Arial, Helvetica, sans-serif, Tahoma, Verdana;
	font-size: 10px;
}

body,
form {
	margin: 0;
	padding: 0;
}

body,
td,
th,
h1,
h2,
h3,
p,
input,
select,
textarea,
button {
	color: #333;
	font: normal 11px Arial, Helvetica, sans-serif, Tahoma, Verdana;
}

h1 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px 5px 10px;
}

h2 {
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	margin: 0.5em 0;
}

select {
	font-size: 10px;
}

p {
	margin: 0;
	padding: 10px;
}

small {
	font-size: 9px;
}

img {
	border: none;
}

input,
select,
textarea,
button {
	background-color: #FFF;
	border: 1px solid #CDD;
	font-weight: normal;
	vertical-align: middle;
}

a,
a:visited,
a:active {
	color: #3b5998;
	font-size: 11px;
	font-weight: bold;
	font: bold 11px Arial, Helvetica, sans-serif, Tahoma, Verdana;
	text-decoration:none;
	
}
a:hover{
	border-bottom:1px dotted #333; 
}

/* -= LINKS =- */
a.blacklink,
a.blacklink:visited,
a.blacklink:hover,
a.blacklink:active {
	color: #000;
	font-size: 12px;
}

td.blockheaderlink a, 
td.blockheaderlink a:visited, 
td.blockheaderlink a:active {
	color: #000;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: bold 12px Arial, Helvetica, sans-serif, Tahoma, Verdana;
	text-decoration:none;
}

td.blockheaderlink a:hover{
	border-bottom:1px dotted #000; 
}

a.topmenu,
a.topmenu:visited, 
a.topmenu:hover,
a.topmenu:active {
	color: #FC0;
	font-size: 10px;
	font-weight: bold;
}

a.link,
a.link:visited,
a.link:active {
	color: #C00;
	display: block;
	padding: 5px 5px 5px 5px;
	font-size: 10px;
}
a.link:hover{
	border-bottom:1px dotted #C00; 
}

a.thumb,
a.thumb:visited {
	border: 4px solid #eee;
	display: block;
	height: 60px;
	padding: 0px;
	width: 60px;
}
a.thumb:hover {
	border: 4px solid #ddd;
}

a.thumb img {
	height: 60px;
	width: 60px;
}

a.gamename,
a.gamename:visited,
a.gamename:hover,
a.gamename:active {
	font: bold 13px Arial, Tahoma, Helvetica, sans-serif, Tahoma, Verdana;
	letter-spacing: 0px;
	word-spacing: 0em;
	padding-bottom:4px;
}

/* SUBLINKS */

#submenu a,
#submenu a:visited {
	background-color:#000;
	border: 0px;
	color: #999;
	line-height: 18px;
	margin: 0px 0px 0px 6px;
	padding: 2px 8px 2px 8px;
	font: bold 12px Arial, Helvetica, sans-serif, Tahoma, Verdana;
	text-decoration:none;
	border-bottom:0px dotted #EEE; 
	
	-moz-border-radius:4px;  
	-webkit-border-radius:4px;  
	
}

#submenu a:hover,
#submenu a:active {
	background-color:#ff0025;
	color: #fff;
}

a.pager,
a.pager:visited {
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

a.pager:hover,
a.pager:active {
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

#headline a,
#headline a:visited,
#headline a:hover,
#headline a:active,
#footer a,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #FC0;
	font-weight: bold;
	text-decoration:none;
	border-bottom:1px dotted #FC0; 
}

.menu ul {
	border: 0px solid Red;
	float: left;
	height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left:100px;
}

.menu li {
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
	-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;

}

.menu li.sel {
	margin: 0px 0px 0px 0px;
	padding-right: 15px;
	text-decoration: none;
	margin-left:4px;
	
	background-color: #000;
	-moz-border-radius:8px 8px 0px 0px;  
	-webkit-border-radius:8px 8px 0px 0px;   
}

.menu li.sel span{
	color: #FFF;
	display: block;
	float: left;
	height: 23px;
	padding-left: 15px;
	padding-top: 3px;
	font: bold 13px Arial, Helvetica, sans-serif, Tahoma, Verdana;
	letter-spacing:0px;
}

.menu li.unsel {
	margin: 0px 0px 0px 0px;
	padding-right: 15px;
	text-decoration: none;
	margin-left:4px;
	
	background-color: #000;
	-moz-border-radius:8px 8px 0px 0px;  
	-webkit-border-radius:8px 8px 0px 0px;  
	
	opacity: 0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
	
}

.menu li.unsel a,
.menu li.unsel a:visited {
	color: #fff;
	display: block;
	float: left;
	height: 23px;
	padding-left: 15px;
	padding-top: 3px;
	font: bold 13px Arial, Helvetica, sans-serif, Tahoma, Verdana;
	letter-spacing:0px;
	word-spacing: 0em;
	text-decoration: none;
	
}

.menu li.unsel a:hover,
.menu li.unsel a:active {
	color: #ff0025;
	height: 23px;
	padding-left: 15px;
	text-decoration: none;
	border-bottom:0px ; 
	
}

.cntbox_cnt a.link,
.cntbox_cnt a.link:visited,
.cntbox_cnt a.link:hover,
.cntbox_cnt a.link:active {
	padding: 0px 0px 0px 0px;
	font-size: 10px;
}

.cntbox_head table a.blacklink2,
.cntbox_head table a.blacklink2:visited {
	background: none;
	color: #FFF;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif, Tahoma, Verdana;
	margin: 0px 0px 0px 0px;
	padding: 12px 18px 12px 0px;
}

.cntbox_head table a.blacklink2:hover,
.cntbox_head table a.blacklink2:active {
	background: none;
	color: #FFF;
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif, Tahoma, Verdana;
	margin: 0px 0px 0px 0px;
	padding: 12px 18px 12px 0px;
}

.cntbox td.topgamerow a {
	border-bottom: 0px;
}

.cntbox td.topgamerowalt a {
	border-bottom: 0px;
}

.game a.gray {
	font-size: 10px;
}

/* -= LAYOUT =- */
input.button {
	background: #F8BA00 url("http://www.peteco.com/templates/images/tiles/btn-bg.gif") repeat-x !important;
	border: 1px solid #936600;
	font-weight: bold;
	margin: 0;
	padding: 4px 10px 4px 10px;
}

.cntbox,
.cntbox_cnt,
.cntbox_head {
	margin: 0px;
	padding: 0px;
}

.cntbox_cnt {
	background: transparent url("http://www.peteco.com/templates/images/tiles/boxorange-e.png") repeat-y right top;
	padding: 10px 15px 5px 15px;
}

.cntbox_head {
	background: transparent url("http://www.peteco.com/templates/images/tiles/boxorange-b.png") repeat-x left top;
	height: 41px;
	margin: 0;
	padding: 0;
}

/* TITULARES CUADROS CENTRALES */

.cntbox_head h1 {
	background: transparent url("http://www.peteco.com/templates/images/corners/boxorange-a.png") no-repeat left top;
	color: #000;
	font: bold 13px Arial, Helvetica, sans-serif, Tahoma, Verdana;
	margin: 0px 0px 0px 0px;
	padding: 16px 16px 11px 18px;
}

.cntbox_foot {
	background: transparent url("http://www.peteco.com/templates/images/tiles/boxorange-g.png") repeat-x left bottom;
	font-size: 0px;
	height: 10px;
}

.cntbox_foot div {
	background: transparent url("http://www.peteco.com/templates/images/corners/boxorange-f.png") no-repeat left bottom;
	font-size: 0px;
	height: 10px;
}

.cntbox_foot div div {
	background: transparent url("http://www.peteco.com/templates/images/corners/boxorange-h.png") no-repeat right bottom;
	font-size: 0px;
	height: 10px;
}

#submenushadow {
	background: transparent url("http://www.peteco.com/templates/images/tiles/subshadow.png") repeat-x left;
	font-size: 0px;
	height: 5px;
}

#submenushadow .sushada {
	background: transparent url("http://www.peteco.com/templates/images/corners/sushada.png") no-repeat left;
	font-size: 0px;
	height: 5px;
}

#submenushadow .sushadc {
	background: transparent url("http://www.peteco.com/templates/images/corners/sushadc.png") no-repeat right;
	font-size: 0px;
	height: 5px;
}

#submenu {
	background: #000;
	color: #999;
}

span.pager {
	background-color: #FFF;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}

#wrapper {
	background: #DDD;
	border: 0px solid #FFF;
	margin: 10px auto;
	padding: 0;
	text-align: left;
	/*
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	*/

}

#headline {
	background: #000;
	font: normal 10px/20px Arial, Helvetica, sans-serif, Tahoma, Verdana;
	padding: 0 10px;
	text-align: right;
}

div.toppager {
	border-bottom: 1px dotted Gray;
	padding: 5px;
}

div.bottompager {
	border-top: 1px dotted Gray;
	padding: 5px;
}

div.topmenu {
	border: 0px dotted orange;
	color: #888;
	margin: 0px;
	padding: 12px 12px 56px 5px;
	text-align: right;
	vertical-align: top;
}

div.quickgame {
	border: 0px dotted orange;
	color: #888;
	font-weight: bold;
	padding: 0px 12px 5px 5px;
	text-align: right;
}

.comment {
	border-bottom: 1px solid #DDD;
	padding: 3px 0px 3px 0px;
}

#footer {
	background-color:#000;
	height: 60px;
	margin: 0px;
	padding: 0px;
}

#footer .footera {
	background-color:#000;
	height: 60px;
}

#footer .footerc {
	background-color:#000;
	height: 60px;
}

#footer p {
	color: #888;
	font-size: 10px;
	margin: 0px;
	padding: 7px;
	text-align: center;
}

.game p {
	font-size: 10px;
	line-height: 14px;
	margin: 0;
}

.cntttl {
	background-color: #FFF;
	margin-bottom: 5px;
	margin-top: 0px;
}

.boxs,
.wideboxs,
.centerboxs,
.boxs_body,
.boxs_head,
.boxs_head h1,
.boxs_head h2,
.boxs_head span {
	margin: 0;
	padding: 0;
}

.boxs,
.wideboxs,
.centerboxs {
	background-position: bottom right !important;
}

.boxs {
	margin: 0px auto 5px; /* use to position the box */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
	width: 175px !important; /* intended total box width - padding-right(next) */
	width: 175px; /* IE Win = width - padding */
}

.wideboxs {
	margin: 0px 5px 0px 5px; /* use to position the box */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
}

.centerboxs {
	margin: 0px 0px 5px 0px; /* use to position the box */
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
}

.boxs_head {
	background-position: top right !important;
	margin-right: -15px; /* pull the right image over on top of border */
	padding-right: 41px; /* right-image-gap + right-inside padding */
}

/* TITULARES CAJAS LATERALES */

.boxs_head h2,
.boxs_head h1 {
	background-position: top left !important;
	border: 0;
	font: bold 12px Arial, Helvetica, sans-serif, Tahoma, Verdana;
	height: 1%;
	height: auto !important;
	margin: 0;
	padding: 16px 16px 12px 16px;
	text-align: left;
}

.boxs_head span {
	background-position: top left !important;
	border: 0;
	display: block;
	height: 10px;
	margin: 0;
}

.boxs_body {
	background-position: bottom left !important;
	margin-right: 0px; /* interior-padding right */
	padding: 0px 0px 10px 10px; /* mirror .cssbox_head right/left */
}

.boxs_body p {
	margin: 0;
	padding: 0;
}

.boxbutton {
	border: 5px solid #FFF;
	border-top: 0px;
}

.boxs_body td {
	font: normal 11px Arial, Helvetica, sans-serif, Tahoma, Verdana;
}

.box table {
	width: 100%;
}




.msg {
	background-color: #FD3;
	border: 2px dotted #F90;
	margin: 10px 0;
	padding: 15px;
	text-align: center;
}

.formblock {
	font-weight: normal;
	text-align: right;
	width: 270px;
}

.formblock input,
.formblock textarea {
	text-align: left;
	width: 250px;
}

.gamedescr p.sponsor {
	background-color: #FD3;
	border: 2px dotted #F90;
	padding: 15px 15px 15px 15px;
}

/* -= GRIDS =- */
td.blockheaderlink {
	padding-top: 5px;
	text-align: right;
}

.cntbox_head table {
	background: transparent url("http://www.peteco.com/templates/images/corners/boxorange-a.png") no-repeat left top;
	height: 41px;
	margin: 0;
	padding: 0;
}

.cntbox_head table h1 {
	background: none;
	font: bold 12px Arial, Verdana, Tahoma, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 10px 18px;
}

#header table {
	width: 100%;
}

#header td {
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

tr.navigator {
	height: 23px;
}

td.menu {
	border: 0px solid Lime;
	font-size: 0px;
	height: 23px;
}

table.blockheader {
	background: #FFF url(images/i-h1-bg.gif) repeat-x top;
	height: 28px;
	width: 100%;
}

table.blockheader td {
	padding: 0;
}

table.blockheader h1 {
	background: transparent;
	border-bottom: 0px;
	color: #000;
	font: normal bold 12px Arial, Helvetica, sans-serif, Tahoma, Verdana;
}

table.topgamescashe {
	padding-bottom: 2px;
	width: 100%;
}

.topgamescashe td {
	padding: 5px 5px 5px 5px;
}

.cntbox td.topgamehdr {
	background-color: #FFF;
	border-bottom: 1px solid #DDD;
	font-weight: bold;
}

.cntbox td.topgamerow {
	background-color: #FFF;
	border-bottom: 1px solid #DDD;
}

.cntbox td.topgamerowalt {
	background-color: #FFF;
	border-bottom: 1px solid #DDD;
}

.content .topgamescashe td.topgamerowalt li {
	height: 22px;
	line-height: 22px;
	list-style: none;
	margin: 2px 2px 2px 0px;
	padding-bottom: 4px;
	padding-left: 30px;
}

.content .topgamescashe td.topgamerowalt ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.content {
	width: 100%;
}

.content td.sidecol {
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	width: 1px;
}

.content td.centercol {
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

table.game {
	border: none;
	width: 100%;
}

.game td {
	padding: 0;
	vertical-align: top;
}



/* -= COMMON =- */
input.btn {
	border: 0px;
}

.cntbox {
	background: transparent url("http://www.peteco.com/templates/images/tiles/boxorange-d.png") repeat-y left top;
}

.cntbox_head div {
	background: transparent url("http://www.peteco.com/templates/images/corners/boxorange-c.png") no-repeat right top;
}

#wrapper .wrappera {
	background: transparent url("http://www.peteco.com/templates/images/tiles/wrapa.png") repeat-y left top;
}

#wrapper .wrapperc {
	background: transparent url("http://www.peteco.com/templates/images/tiles/wrapc.png") repeat-y right top;
}

#submenu .submenua {
	background: transparent url("http://www.peteco.com/templates/images/tiles/suba.png") repeat-y left top;
}

#submenu .submenuc {
	background: transparent url("http://www.peteco.com/templates/images/tiles/subc.png") repeat-y right top;
}

#submenu div div div {
	padding: 7px 15px 7px 15px;
}

.pager {
	padding: 7px 7px 7px 7px;
}

.heada {
	background-color:#000;
}

.headc {
	background-color:#000;
	background: transparent url("http://www.peteco.com/templates/images/header.jpg");
	background-repeat: no-repeat;
}

#header {
	background-color:#000;
}

#content {
	padding: 0px 8px 0px 8px;
	margin-top:-3px;
}

.logo {
	margin: 5px 10px 0px 20px;
}

li.cph {
	background: url("http://www.peteco.com/templates/images/icons/user/cphome.gif") no-repeat left;
}

li.ead {
	background: url("http://www.peteco.com/templates/images/icons/user/editaccount.gif") no-repeat left;
}

li.cpf {
	background: url("http://www.peteco.com/templates/images/icons/user/customize.gif") no-repeat left;
}

li.fav {
	background: url("http://www.peteco.com/templates/images/icons/user/favorite.gif") no-repeat left;
}

li.out {
	background: url("http://www.peteco.com/templates/images/icons/user/logout.gif") no-repeat left;
}

li.acp {
	background: url("http://www.peteco.com/templates/images/icons/user/admin.gif") no-repeat left;
}

.game img {
	margin-right: 5px;
}

.adsbox,
.adsbox span {
	background: transparent url("http://www.peteco.com/templates/images/boxes/boxhads.png") no-repeat;
}

.adsbox_300x250,
.adsbox_300x250 span {
	background: transparent url("http://www.peteco.com/templates/images/boxes/boxhads_300x250.png") no-repeat;
}

.bluebox,
.bluebox h2 {
	background: transparent url("http://www.peteco.com/templates/images/boxes/boxblue.png") no-repeat;
}

.greenbox,
.greenbox h2 {
	background: transparent url("http://www.peteco.com/templates/images/boxes/boxgreen.png") no-repeat;
}

.whitebox,
.whitebox h2,
.whitebox span {
	background: transparent url("http://www.peteco.com/templates/images/boxes/boxwhite.png") no-repeat;
}

.space {
	margin: 10px 10px 10px 10px;
}

.gamedescr p {
	padding: 5px 0px 0px 0px;
}

/* -= COLORS =- */
.bluebox h2 {
	color: #000;
}

.greenbox h2 {
	color: #000;
}

.whitebox h2 {
	color: #000;
}

.red {
	color: #C00;
}

.green {
	color: #090;
}

.gray {
	color: #555;
}


/*---------------------*/
/* LIGHTS OFF / ON     */
/*---------------------*/
	#game {z-index:102;}
    .lightSwitcher {position:relative;z-index:101; }
	.lightSwitcher:hover {text-decoration:none;}
    #shadow {background-image:url(http://www.peteco.com/templates/images/lightoff/shade1x1.png); position:absolute; left:0; top:0; width:100%; z-index:100;}


/*---------------------*/
/* PRELOADER DE JUEGOS */
/*---------------------*/

#spillpre_bar{background-color:#5cb840;width:0px;font-size:12px}
#spillpre_bar span{background-color:#fff;color:#5cb840;padding:0px;height:1px;line-height:1px;font-size:1px}
div#spillpre_loader{width:300px;height:10px;border:1px solid #c0c0c0;background-color:#fff;text-align:left;margin:auto;overflow:hidden;margin-bottom:3px}
div#spillpre_ad{display:table-cell; vertical-align:middle;text-align:center;margin:auto}
div#spillpre_adcont{margin:0 auto;margin-bottom:11px}
div#spillpre_click2close A{font-size:12px;color:#666;text-decoration:none;font-family:Arial,Tahoma,Verdana}
div#spillpre_c2c_container{margin:0 auto;width:300px;height:20px}
div#spillpre_click2close{float:left;height:15px;line-height:20px;font-size:12px;font-family:Arial,Tahoma,Verdana}
div#spillpre_percent{visibility:hidden;clear:both;float:left;height:15px;line-height:20px;font-size:12px;font-family:Arial,Tahoma,Verdana}
div#spillpre_percent{font-size:11px;font-weight:bold;color:#5cb840;text-align:right}
div#spillpre_clear{font-size:1px;line-height:1px;height:1px;clear:both;width:300px;margin:0 auto}


/*---------------------*/
/*      ENCUESTA 	*/
/*---------------------*/

.tusencuestas_encuesta{font-family: Arial; padding: 4px; margin-right: 10px;}
.tusencuestas_pregunta{font-weight: bold; padding: 2px; text-align: center}   
.tusencuestas_respuestas{padding:10px;}
.tusencuestas_myBar{background-color: #f8083b;padding-left:1px;}
.tusencuestas_myBar_1{}
.tusencuestas_myBar_3{}
.tusencuestas_myBar_4{}
.tusencuestas_inferior{font-size: 10px;color: #999; text-align: center; margin-top:10px;}
input.tusencuestas_inferior{font-family: Arial,tahoma,sans-serif; font-size: 10px;color: black;text-decoration:normal;border: 1px groove black;}

/*---------------------*/