@charset "utf-8";
/* CSS Document */

/*************************************************************/
/*   Design:        NixFuste                                 */
/*   Css/Html:      360graus                                 */
/*                  Global layout and formatting styles      */
/*   Development:   360graus.pt                              */
/*   Css Author:    Pedro Silva                              */
/*   Date:          May , 2009                             */
/*   Site:          www.blastedmechanism.com                 */
/*-----------------------------------------------------------*/
/************************************************************************


/*************************/
/* 1-  BODY/CONTAINERS */
/*************************/

/* 1.1 - Global body definitions and css reset */
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
* {margin:0; padding:0} 
body {line-height: 1; font-size: 100.01%; margin: 0px auto; padding: 0px; font-family: Arial, Helvetica, sans-serif; background: #000000 url(image/body-background.jpg) repeat-x 0 0; text-align:left;}
html, body { min-height: 100%; height: 100%; }
html { min-height: 100%; margin-bottom: 1px; }
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a:focus {outline: 0;}

ins {text-decoration: none;}
del {text-decoration: line-through;}

table {	border-collapse: collapse;border-spacing: 0;}


/* 1.2 - Global Container */
#container {width: 480px;  margin: 0 auto;  }
/* 1.2 - End Global container */

/*************************/
/* 2-  Header/Main Menu */
/*************************/

/* 2.0 - Header Container */
.header-container { width: 480px; height:120px; position:relative; margin: 0; padding:0; }

/* 2.1 - logotipos */
.logotipo {width: 480px; height: 75px; padding: 7px 0px 0px 0px; }

/* 2.2 - Main Menu English */
div#menuprincipal_en {
height:22px;
width:480px;
padding:0;
border:0;
float:right;
position:absolute; right:0px; top:90px;
}
div#menuprincipal_en ul#menunav_en{
height:22px;
width:480px;
background:transparent url(image/menu_eng.jpg) top left no-repeat;
margin:0;
padding:0;
}
div#menuprincipal_en ul#menunav_en li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
ul#menunav_en li,ul#menunav_en a{height:22px;display:block;}
div#menuprincipal_en ul#menunav_en li a{text-indent:-9999px;text-decoration:none;}

#home_en{left:0px;width:34px;}
.home_en_on { background:transparent url(image/menu_eng.jpg) -0px -22px no-repeat; }

#downloads_en{left:54px;width:66px;}
.downloads_en_on { background:transparent url(image/menu_eng.jpg) -54px -22px no-repeat; }

#instrucoes_en{left:140px;width:75px;}
.instrucoes_en_on { background:transparent url(image/menu_eng.jpg) -140px -22px no-repeat; }


#creditos_en{left:237px;width:44px;}
.creditos_en_on { background:transparent url(image/menu_eng.jpg) -237px -22px no-repeat; }

#myspace_en{left:301px;width:50px;}
.myspace_en_on { background:transparent url(image/menu_eng.jpg) -301px -22px no-repeat; }

#youtube_en{left:371px;width:50px;}
.youtube_en_on { background:transparent url(image/menu_eng.jpg) -371px -22px no-repeat; }

#forum_en{left:439px;width:40px;}
.forum_en_on { background:transparent url(image/menu_eng.jpg) -439px -22px no-repeat; }



/* Hover State  */
#home_en a:hover{background:transparent url(image/menu_eng.jpg) -0px -22px no-repeat;}
#downloads_en a:hover{background:transparent url(image/menu_eng.jpg) -54px -22px no-repeat;}
#instrucoes_en a:hover {background:transparent url(image/menu_eng.jpg) -140px -22px no-repeat;}
#creditos_en a:hover {background:transparent url(image/menu_eng.jpg) -237px -22px no-repeat;}
#myspace_en a:hover {background:transparent url(image/menu_eng.jpg) -301px -22px no-repeat;}
#youtube_en a:hover {background:transparent url(image/menu_eng.jpg) -371px -22px no-repeat;}
#forum_en a:hover {background:transparent url(image/menu_eng.jpg) -439px -22px no-repeat;}
/* 2.2 - End main menu english */

/* 2.3 - Main Menu PT */
div#menuprincipal_pt {
height:22px;
width:480px;
padding:0;
border:0;
float:right;
position:absolute; right:0px; top:90px;
}
div#menuprincipal_pt ul#menunav_pt{
height:22px;
width:480px;
background:transparent url(image/menu_pt.jpg) top left no-repeat;
margin:0;
padding:0;
}
div#menuprincipal_pt ul#menunav_pt li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
ul#menunav_pt li,ul#menunav_pt a{height:22px;display:block;}
div#menuprincipal_pt ul#menunav_pt li a{text-indent:-9999px;text-decoration:none;}

#home_pt{left:0px;width:34px;}
.home_pt_on { background:transparent url(image/menu_pt.jpg) -0px -22px no-repeat; }

#downloads_pt{left:54px;width:66px;}
.downloads_pt_on { background:transparent url(image/menu_pt.jpg) -54px -22px no-repeat; }

#instrucoes_pt{left:140px;width:66px;}
.instrucoes_pt_on { background:transparent url(image/menu_pt.jpg) -140px -22px no-repeat; }


#creditos_pt{left:226px;width:52px;}
.creditos_pt_on { background:transparent url(image/menu_pt.jpg) -226px -22px no-repeat; }

#myspace_pt{left:301px;width:50px;}
.myspace_pt_on { background:transparent url(image/menu_pt.jpg) -301px -22px no-repeat; }

#youtube_pt{left:371px;width:50px;}
.youtube_pt_on { background:transparent url(image/menu_pt.jpg) -371px -22px no-repeat; }

#forum_pt{left:439px;width:40px;}
.forum_pt_on { background:transparent url(image/menu_pt.jpg) -439px -22px no-repeat; }

/* Hover State  */
#home_pt a:hover{background:transparent url(image/menu_pt.jpg) -0px -22px no-repeat;}
#downloads_pt a:hover{background:transparent url(image/menu_pt.jpg) -54px -22px no-repeat;}
#instrucoes_pt a:hover {background:transparent url(image/menu_pt.jpg) -140px -22px no-repeat;}
#creditos_pt a:hover {background:transparent url(image/menu_pt.jpg) -226px -22px no-repeat;}
#myspace_pt a:hover {background:transparent url(image/menu_pt.jpg) -301px -22px no-repeat;}
#youtube_pt a:hover {background:transparent url(image/menu_pt.jpg) -371px -22px no-repeat;}
#forum_pt a:hover {background:transparent url(image/menu_pt.jpg) -439px -22px no-repeat;}
/* 2.3 - End main menu pt */

/* 2.4 - Language */
div#language {
height:22px;
width:480px;
padding:0;
border:0;
float:right;
position:absolute; right:0px; top:90px;
}
div#language ul#languagenav{height:22px;width:480px;background:transparent url(image/language_menu.jpg) top left no-repeat;margin:0;padding:0;}
div#language ul#languagenav li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
ul#languagenav li,ul#languagenav a{height:22px;display:block;}
div#language ul#languagenav li a{text-indent:-9999px;text-decoration:none;}

#portugues{left:350px;width:62px;}

#english{left:429px;width:50px;}

/* Hover State  */
#portugues a:hover{background:transparent url(image/language_menu.jpg) -350px -22px no-repeat;}
#english a:hover{background:transparent url(image/language_menu.jpg) -429px -22px no-repeat;}
/* 2.4 - End language */



/*************************/
/* 3-  Content layout */
/*************************/
.wrapper {float: left; width: 480px; margin: 10px 0px 0px 0px; padding: 0; height: 510px; }

.home-pic { float:left; width: 480px; margin: 50px 0px 0px 0px;}

.downloads-box{ width: 480px; background:#000000; margin: 140px 0px 0px 0px; height: 184px; text-align:center; float:left;}
.downloads-box p { line-height: 16px; padding: 18px 0px 0px 0px; color:#FFFFFF; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

.downloads-buttons{ width: 480px; margin: 140px 0px 0px 0px; height: 183px; text-align:center; float:left;}
.downloads-pc { float:left; width: 236px; padding: 0px 4px 0px 0px; }
.downloads-mac { float:left; width: 236px; }

.instructions { width: 480px; text-align:center; padding: 20px 0px 0px 0px; float:left;}
.instructions-left { float:left; width: 310px; margin: 35px 0px 0px 0px; padding: 0px 30px 0px 0px;}
.instructions-left p { padding: 0px 0px 5px 0px; line-height: 15px; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
.instructions-right { float:left; width: 140px; margin: 35px 0px 0px 0px;}
.instructions-right p { padding: 0px 0px 5px 0px; line-height: 15px; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
.instructions-right ul { list-style-type:none; padding: 0; margin: 0; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
.instructions-right ul li { list-style-type:none; padding: 0px 0px 9px 0px;} 

.creditos { width: 480px; float:left; padding: 20px 0px 0px 0px; }
.instrucoes { width: 480px; float:left; padding: 40px 0px 0px 0px; }
.creditos p { line-height: 17px; padding: 0px 0px 20px 0px; text-transform:uppercase; font-size: 11px; color:#FFFFFF;}

.intropage { width: 480px; text-align:center; padding: 80px 0px 0px 0px; float:left;}

.skip-page { float:left; width: 480px; }
.skip-page p { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; font-weight: bold; padding: 0px 0px 0px 220px;}
.skip-page a, .skip-page a:visited { text-decoration:none; color:#FFFFFF;}
.skip-page a:hover { color:#FFFFFF; text-decoration:underline;}



/* 3.1 - Spans  */
.up-grey { color:#808080; text-transform:uppercase;}
.light-grey { color:#808080; }

/*************************/
/* 4-  Footer */
/*************************/

.footer { float:left; width:480px; margin-top: 15px; margin-bottom: 10px; height: 34px;  }

/* 4.1 - Apoios Menu  */
div#apoios {
height:34px;
width:480px;
padding:0;
border:0;
float:right;
position:relative;
margin-top: 0px;
}

div#apoios ul#apoiosnav{
height:34px;
width:480px;
background:transparent url(image/apoios_menu.jpg) top left no-repeat;
margin:0;
padding:0;
}
div#apoios ul#apoiosnav li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
ul#apoiosnav li,ul#apoiosnav a{height:34px;display:block;}
div#apoios ul#apoiosnav li a{text-indent:-9999px;text-decoration:none;}

#samurai{left:0px;width:40px;}

#la{left:54px;width:30px;}

#toolateman{left:100px;width:58px;}

#nixfuste{left:170px;width:58px;}

#antena{left:243px;width:68px;}

#fnac{left:325px;width:26px;}

#acores{left:366px;width:42px;}

#sapo{left:421px;width:58px;}


/* Hover State  */
#samurai a:hover{background: transparent url(image/apoios_menu.jpg) 0px -34px no-repeat;}
#la a:hover {background:transparent url(image/apoios_menu.jpg) -54px -34px no-repeat;}
#toolateman a:hover{background:transparent url(image/apoios_menu.jpg) -100px -34px no-repeat;}
#nixfuste a:hover {background:transparent url(image/apoios_menu.jpg) -170px -34px no-repeat;}
#antena a:hover{background:transparent url(image/apoios_menu.jpg) -243px -34px no-repeat;}
#fnac a:hover{background: transparent url(image/apoios_menu.jpg) -325px -34px no-repeat;}
#acores a:hover {background:transparent url(image/apoios_menu.jpg) -366px -34px no-repeat;}
#sapo a:hover {background:transparent url(image/apoios_menu.jpg) -421px -34px no-repeat;}
/* End apoios menu  */

/*************************/
/*5-  Forms */
/*************************/

form dt {padding: 0px 0px 0px 0px;width:145px;float:left;text-align:right;color:#FFFFFF;text-transform:uppercase;font-size:11px; line-height: 22px;}
form dd {float:left;width:235px;margin:0 0 0.4em 0;}


#text_field {width: 188px;	height: 16px;margin-bottom:5px;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px; line-height: 16px;	color: #333333;	background-color: #DDDDDD;	padding: 2px; border: 1px solid #CCCCCC; }
.button { margin: 8px 18px 0px 0px;}