@CHARSET "UTF-8";
@import url("global.css");

/******************** Default */
html, body {background-color:#000}
body {color:#373737;font:62.5% tahoma, verdana, arial, sans-serif}

a {color:#6094CC;text-decoration:none}
a:hover, a:focus {text-decoration:underline}
a:focus {outline-color:#4ab1e4}

legend {color:#000;white-space:normal}
input, textarea {border:1px solid #151515;color:#6094CC;font:1.1em tahoma, verdana, arial, sans-serif;background-color:transparent}
textarea {overflow:auto}
/* Default ********************/



/******************** Classes */
/* default-colors { */
.text-color-a {color:#4AB1E4}
.text-color-b {color:#6C78B8}
.text-color-c {color:#755CA5}
.text-color-d {color:#7C2A8E}
/* } default-colors */


/* boxes { */
.box {position:relative;padding:10px}
.empty {background-image:url(../imgs/bg/empty-item.png) !important}
/* } boxes */


/* texts { */
.text p {margin-bottom:10px}
/* } texts */


/* loader { */
.loader {display:none;position:absolute;top:10px;left:50%;margin-left:-24px;}
/* } loader */


/* forms { */
legend.hide-text {line-height:0;height:0}
/* end forms */


/* buttons { */
.submit {float:right;clear:both;width:54px !important;height:20px !important;margin-top:3px;background:url(../imgs/btns/submit.gif) no-repeat}
.hide-button{cursor:pointer}

.close {position:absolute;top:10px;right:10px;width:16px;height:51px;background:url(../imgs/btns/close.gif) no-repeat}
/* } buttons */


/* success, notice and error boxes { */
.error, .notice, .success {float:left;margin-top:6px;font-size:1.1em;font-weight:bold}
.error a, .notice a, .success a {text-decoration:underline}
.error {color:#8a1f11}
.notice {color:#755CA5}
.success {color:#49B1E4}
.error a {color:#8a1f11}
.notice a {color:#514721}
.success a {color:#264409}
/* } success, notice and error boxes */


/* hide elements { */
.printOnly {display:none}
/* } hide elements */


/* alternative { */
.alternative {position:absolute;width:250px;height:58px;top:50%;left:50%;margin:-54px 0 0 -150px;padding:25px;background-color:#080808}
.alternative big {display:block;margin-bottom:15px;font-weight:bold}
/* } alternative */
/* Classes ********************/



/******************** Structure Common */
.box, #footer {background-color:#080808}

.internal .box, #about, #contact {padding:25px 20px}

#languages a,#languages em, #languages span, 
#menu a, #menu span, 
#otherLinks a 
{background:url(../imgs/btns/structure.png) no-repeat}

#mainHighlight img, #gamesList img, #aboutHighlight img, 
#customers li img, #game img, #gameMenu a span  
{display:block}

#aboutBox, #contactBox {padding:25px 10px}
/* Structure Common ********************/



/******************** #skipNav */
#skipNav {
	
}
/* #skipNav ********************/



/******************** #wrapper */
#wrapper{
	position:relative;
	width:920px;
	margin:auto;
	padding-bottom:14px;
	font-size:1.1em
}
/* #wrapper ********************/



/******************** #header */
#header {
	height:176px;
}

#header h1 {float:left;position:relative;top:14px;left:-77px}
#header h1 a {outline:none}

/* languages { */
#languages {
	float:right;
	width:51px;
	padding:20px 0 0 212px;
	border-top:10px solid #080808;
}
#languages li {float:left;margin-right:6px}
#languages a, #languages span, #languages a, #languages em {width:19px;height:13px}
#languages .portuguese a, #languages .portuguese span {background-position:-4px -49px}
#languages .portuguese a.no-js:hover, #languages .portuguese a.no-js:focus,
#languages .portuguese em, #languages .portuguese .over   
{background-position:-4px -64px}
#languages .english a, #languages .english span {background-position:-24px -49px}
#languages .english a.no-js:hover, #languages .english a.no-js:focus,
#languages .english em, #languages .english .over 
{background-position:-24px -64px}
/* } languages */
/* #header ********************/



/******************** #navigation */
#navigation {
	position:absolute;
	top:125px; right:7px;
}

/* menu { */
#menu {
}
#menu li {float:left;margin-right:19px}
#menu a, #menu span {height:21px}

#menu .home a, #menu .home span {width:44px}
#menu .home a.no-js:hover, #menu .home a.no-js:focus, 
#menu .home .current, #menu .home .over  
{background-position:left -26px}

#menu .about a, #menu .about span {width:47px;background-position:-63px top}
#menu .about a.no-js:hover, #menu .about a.no-js:focus, 
#menu .about .current, #menu .about .over  
{background-position:-63px -26px}

#menu .games a, #menu .games span {width:50px;background-position:-129px top}
#menu .games a.no-js:hover, #menu .games a.no-js:focus, 
#menu .games .current, #menu .games .over   
{background-position:-129px -26px}

#menu .contact a, #menu .contact span {width:59px;background-position:-195px top}
#menu .contact a.no-js:hover, #menu .contact a.no-js:focus, 
#menu .contact .current, #menu .contact .over   
{background-position:-195px -26px}
/* } menu */
/* #navigation ********************/



/******************** #content */
#content {
	margin:0 0 14px 0
}

#ajaxPageContainer {
	display:none;
	position:relative;
	margin-bottom:20px;
	padding:0;
}
#ajaxPageContent {
	display:none
}
/* #content ********************/



/******************** #footer */
#footer {padding:8px 10px}


/* otherLinks { */
#otherLinks {float:right}
#otherLinks li {float:left;margin-right:8px}
#otherLinks a {width:25px;height:24px}
#otherLinks .unity a {background-position:-60px -55px}
#otherLinks .unity a:hover, #otherLinks .unity a:focus  {background-position:-167px -55px}
#otherLinks .twitter a {background-position:-94px -56px}
#otherLinks .twitter a:hover, #otherLinks .twitter a:focus {background-position:-201px -56px}
#otherLinks .vimeo a {background-position:-126px -56px}
#otherLinks .vimeo a:hover, #otherLinks .vimeo a:focus {background-position:-233px -56px}
/* } otherLinks */


/* copy { */
#copy {float:left;padding-top:6px}
/* } copy */


#footer a.go-to-top {}
/* #footer ********************/




/********************* Pages  */
/* home { */
#home {
	background:#030303 url(../imgs/bg/home.gif) repeat-x left top
}
/* } home */


/* about { */
#about .main {margin-bottom:50px;padding:4px;background-color:#000}

#about h1.about, #about h2.customers {background:url(../imgs/txts/about.gif) no-repeat}
#about h1.about {width:74px;height:23px;margin:0 0 25px 3px}
#about h2.customers {width:52px;height:11px;background-position:left -33px}

#about #features {height:190px;overflow:hidden;padding:15px 0 0 2px}
#about #features li {margin-bottom:13px;list-style:disc inside;font-size:1.1em}

#about .text {float:left;width:350px;font-size:1.2em}

#customers {float:right;width:506px}
#customers h2 {margin-bottom:18px}
#customers li {float:left;overflow:hidden;margin:0 14px 12px 0;}
#customers img {float:left;overflow:hidden}
#customers li.empty {width:116px;height:64px;overflow:hidden}

#aboutHighlight {float:left;width:350px;margin-right:20px}
/* } about */


/* games { */
#games h1.games, #games h2.select-game, #game #content h1 a {background:url(../imgs/txts/games.gif) no-repeat left -4px}
#games h1.games {float:left;width:84px;height:23px;margin-bottom:23px}
#games h2.select-game {float:right;width:171px;height:12px;background-position:left -30px}

#gamesList {clear:both}
#gamesList li {float:left;width:280px;height:210px;overflow:hidden;margin:0 20px 16px 0;background:url(../imgs/misc/list-bullets.gif) no-repeat left 167px}
#gamesList .color-b {background-position:-300px 167px}
#gamesList .color-c {background-position:-600px 167px}
#gamesList .color-d {background-position:-894px 167px}
#gamesList a {display:block;width:280px;height:210px;cursor:pointer;/* fix ie cursor bug */color:#303030;text-decoration:none}
#gamesList .image {display:block;height:148px;overflow:hidden;margin-bottom:3px;border:4px solid #030303}
#gamesList strong {display:block;padding-left:6px;font-size:1.2em;font-weight:bold}
#gamesList .empty {width:280px;height:156px;}

/* details { */
#game h1.games {margin:7px 0 21px 10px;font-size:2em;font-weight:bold;}
#game #content h1.games a {float:left;position:relative;top:4px;width:104px;height:26px;margin-right:15px;background-position:left top}
#game #content h2 {margin-bottom:20px;font-size:1.3em;text-transform:lowercase}

#gameMenu a, #gameScreenshot .close-screenshot {background:url(../imgs/btns/game-details.png) no-repeat}
#gameScreenshot .loader, #gameVideo .loader {position:absolute;top:50%;left:50%;margin:-24px 0 0 -24px}

#theGame {margin-bottom:38px;padding-bottom:4px;background-color:#030303;width:900px; height:506px;}

#gameDescription {float:left;width:240px;margin:0 0 53px 10px}
#gameMenu {margin-top:20px}
#gameMenu li {margin-bottom:7px}
#gameMenu a {display:block;width:113px;height:19px;overflow:hidden;padding:3px 0 0 25px;color:#080808;font-size:1.2em;font-weight:bold;text-transform:lowercase;background-position:4px 7px}
#gameMenu a:hover, #gameMenu a:focus {text-decoration:none}

#gameScreenshots {float:right;width:583px;margin:0 10px 50px 0}
#gameScreenshot {display:none;position:relative;width:575px;height:282px;padding:4px;background-color:#030303}
#gameScreenshot .close-screenshot {position:absolute;top:4px;right:4px;width:15px;height:15px;background-position:left -55px}
#screenshotsMenu {margin-top:14px}
#screenshotsMenu li {float:left;width:138px;height:100px;margin:0 10px 10px 0}
#screenshotsMenu a {display:block;padding:4px;background-color:#030303}

#gameVideos {clear:both;width:880px;margin:auto auto 45px;padding:5px 5px 5px 0;background-color:#030303}
#gameVideos h2 {float:left;width:282px;margin:9px 0 0 18px}
#gameVideo {float:right;position:relative;width:580px;height:326px}
#embed {position:relative;width:580px;height:326px}
#videosMenu {float:left;width:300px;border-top:1px solid #080808}
#videosMenu li a {display:block;height:23px;padding:7px 0 0 19px;border-bottom:1px solid #080808;color:#373737;font-size:1.2em}
#videosMenu li a:hover, #videosMenu li a:focus {text-decoration:none;background:#080808 url(../imgs/misc/video-menu-bullet.gif) no-repeat 277px 13px}
/* } details */

/* } games */


/* contact { */
#contact {background:#080808 url(../imgs/bg/contact.jpg) no-repeat 342px 7px}

#contact h1.contact, #contactForm label {background:url(../imgs/txts/contact.gif) no-repeat}
#contact h1.contact {width:101px;height:21px;margin-bottom:35px}

#contact a {color:#6094CC}

#contactForm {width:350px}
#contactForm .field {margin-bottom:15px}
#contactForm label {margin:0 0 4px 1px}
#contactForm .name {width:35px;height:8px;background-position:left -25px}
#contactForm .email {width:43px;height:11px;background-position:-52px -23px}
#contactForm .message {width:71px;height:12px;background-position:left -38px}
#contactForm input, #contactForm textarea {width:350px;padding:4px}

#contact .vcard {margin-top:35px;line-height:18px;font-size:1.2em}
#contact .vcard strong {display:block;font-weight:bold}
#contact .vcard address {display:inline}
/* } contact */

/*vagas*/
#games.vagas #content h1  { width:84px;height:23px;margin-bottom:23px; background:url(../imgs/txts/vagas.gif) no-repeat left -4px; }
/*#games.vagas #content h1 {width:84px;height:23px;margin-bottom:23px}*/


/* Pages **********************/



/********************* Languages  */
/********************* English  */
#english .submit {width:59px !important;background-image:url(../imgs/btns/submit-en.gif)}

#english #languages a, #english #languages em, #english #languages span, 
#english #menu a, #english #menu span, 
#english #otherLinks a 
{background-image:url(../imgs/btns/structure-en.png)}

#english #about h1.about, #english #about h2.customers {background-image:url(../imgs/txts/about-en.gif)}
#english #about h2.customers {width:71px;height:10px;background-position:left -34px}

#english #games h2.select-game { width:166px;background-image:url(../imgs/txts/games-en.gif)}

#english #contact h1.contact, #english #contactForm label {background-image:url(../imgs/txts/contact-en.gif)}
/* English  **********************/
/* Languages  **********************/