/* CSS Document */
/*
thumbs quality:  80-113px  /  PS3 80-92px   PSP 80-137px   DS 80-72px
*/

* {margin:0; padding:0; text-decoration:none;}
img {border:none;}
.clear {clear:both;}
.line {width:930px; margin:5px; background:url(../image/hr_line.gif) repeat-x;/* border-bottom:1px solid #da251d;*/}
#preloadImages {background: url(../image/h1_logo.png);}


/***************************************/
/*        ESTRUTURA PRINCIPAL          */

#container {width:940px; height:100%; margin:0 auto;}
	.line_header {width:100%; height:3px; background-color:#d3d3d3; margin-bottom:10px;}

/* HEADER */
#header {width:940px; height:100px; margin-bottom:30px;}

#menu {width:750px; height:80px; float:left; margin:20px 0 0 14px; background:url(../image/bg_nav.png) right bottom no-repeat;}
#menu ul {list-style:none; margin:0; padding:0; width:116px; float:left;}  /* width em 8em; */
#menu a, #menu h2 {font: bold 12px tahoma, arial; text-transform: uppercase; display: block; border-width: 1px; border-style: solid;
border-color: #fafafa #e8e8e8 #e8e8e8 #fafafa; margin: 0; padding: 2px 3px;}

#menu h2 {color:#fff; background:#454545;}
#menu a {color:#454545; background:#fff;} /* importante ter bg devido sobreposição do menu */
	#menu a sup {color:#a00;}

#menu a:hover {color:#fff; background-color:#154f8d;} /* antes ALT color: #a00; background: #fff; */
#menu li {position: relative;}
#menu ul ul {position:absolute; z-index:500;}

#menu ul ul ul {top:0; left:100%;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {display: block;}

#menu ul li.phones {color:#da251d; text-align:right; font: bold 12px tahoma, arial; text-transform: uppercase; width:135px !important;}
#menu address {font: 0.75em tahoma, arial; color:#da251d; font-style:normal; text-align:right; margin:50px 34px 0 0;}


/* posição atual do visitante */
.position {font: 0.7em Arial; color:#4a4a4a;}
.position a {color:#4a4a4a; text-decoration:underline;}
.position a:hover {text-decoration:none;}

/* FOOTER */
#footer {width:100%; height:30px; margin-top:30px; background:url(../image/bg_footer.gif) no-repeat; padding-top:15px;}
	#footer p {text-align:center; font-family:Arial; font-size:11px; color:#4a4a4a;}
	#footer p a {color:#154f8d;}
	#footer p a:hover {background-color:#154f8d; color:#fff;}

h1.logo {width:176px; height:100px; background:url(../image/h1_logo.png) no-repeat; float:left;}
	.logo span {display:none;}


/***************************************/
/*           ESTRUTURA GERAL           */

h1.home {font-family:Tahoma; font-size:0.85em; text-transform:uppercase; color:#da251d; letter-spacing:.3em; margin-bottom:10px;}
	h1.home span {background-color:#da251d; color:#fff; font-size:1.6em; margin-right:2px;}
.content h2,
.contentfull h2,
.contentright h2 {font-family:Tahoma; text-transform:uppercase; font-weight:normal; color:#da251d; letter-spacing:0.2em; margin:20px 0 10px;}
h3 {font-family:Arial; font-size:1.15em; letter-spacing:0.3em; text-transform:uppercase; margin-top:10px; color:#454545;}
h1.produto {font:1.6em Arial; font-weight:normal; margin-top:25px;}

.content {float:left; width:640px; padding-right:60px;}
.contentright {float:left; width:200px; padding:10px 18px; background-color:#f2f2f2;}
.contentfull {width:940px;} /* utilizado em produtos */

.newsletter {width:200px; height:240px; float:left; background-color:#f2f2f2;}
	.newsletter p {margin:15px; font-family:Tahoma; font-size:0.7em; color:#4a4a4a; line-height:1.4em;}
	.newsletter form button {padding:1px; color:#4a4a4a; font-size:0.75em; margin-left:90px;}

.content p {font:0.8em Arial; color:#333; line-height:1.6em; padding:8px; text-align:justify;}


/***************************************/
/*              HOME PAGE              */

.leftcolumn {width:686px; float:left; padding-right:52px;}

/* MAIS VENDIDOS */
.bestseeling {}
#slider {width:940px; height:180px; position:relative; background:url(../image/bg_bests_shadow.png) no-repeat 0 10px;}
.scroll {width:910px; height:160px; margin-left:15px; overflow:auto; overflow-x:hidden; position:relative; clear:left;}
.scrollContainer div.panel {width:910px; height:160px;} /* width e height - tam buttons */
.hide {display: none;}

ul.navigation {list-style: none;}
ul.navigation li {display: inline; float:left; font-size:0.8em;}
ul.navigation a {float:left; color: #000; text-decoration: none; height:20px; font:14px Arial; color:#454545; font-weight:bold; text-align:center; outline:none;}
ul.navigation a:link {outline:none;} /* TIRA BORDA SERRILHADA DO LINK */

ul.navigation li.xbox a {width:140px; }
ul.navigation li.xbox a:hover,ul.navigation li.xbox a.selected, ul.navigation li.xbox a:focus {background:url(../image/plat_left.png);}
ul.navigation li.wii a,
ul.navigation li.ps3 a,
ul.navigation li.ps2 a,
ul.navigation li.psp a,
ul.navigation li.ds a {width:132px;}
ul.navigation li.wii a:hover, ul.navigation li.wii a.selected, ul.navigation li.wii a:focus,
ul.navigation li.ps3 a:hover, ul.navigation li.ps3 a.selected, ul.navigation li.ps3 a:focus,
ul.navigation li.ps2 a:hover, ul.navigation li.ps2 a.selected, ul.navigation li.ps2 a:focus,
ul.navigation li.psp a:hover, ul.navigation li.psp a.selected, ul.navigation li.psp a:focus,
ul.navigation li.ds a:hover, ul.navigation li.ds a.selected, ul.navigation li.ds a:focus { background:url(../image/plat_center.png);}
ul.navigation li.pc a {width:140px; }
ul.navigation li.pc a:hover, ul.navigation li.pc a.selected, ul.navigation li.pc a:focus {background:url(../image/plat_right.png);}

.panel ul {margin:10px 5px;}
.panel ul li {list-style-type:none; float:left; margin:5px;}
.min ul {margin:10px 230px !important;}
/* thumbs quality:  80-113px   PS3 80-92px   PSP 80-137px   DS 80-72px   */


/* LANÇAMENTOS - Easy Slider */

.news {margin-left:40px; float:left;}
#slider2 ul, #slider2 li {margin:0; padding:0; list-style:none;}
	#slider2 li {width:646px; height:200px; overflow:hidden;}
	#slider2 li {background:#fff;}
	#slider2 li h2 {margin:0 20px; padding-top:10px;}
	#slider2 li p {margin:20px;}
p#controls {margin:0; position:relative;}
#prevBtn, #nextBtn {display:block; margin:0; overflow:hidden; text-indent:-8000px; width:36px; height:36px; position:absolute; left:-40px; top:-120px;}
	#nextBtn {left:650px;}
	#prevBtn a, #nextBtn a{display:block; width:36px; height:36px;}
	#prevBtn a {background:url(../image/btn_prev.gif) no-repeat 0 0;}
	#nextBtn a {background:url(../image/btn_next.gif) no-repeat 0 0;}
	#prevBtn a:hover {background:url(../image/btn_prev.gif) no-repeat 0 -36px;}
	#nextBtn a:hover {background:url(../image/btn_next.gif) no-repeat 0 -36px;}


/***************************************/
/*             SOBRE NOS               */

.content .company {float:left; width:400px;}
.content .pictures {float:left; width:200px; margin-left:35px;}
	.pictures img {margin:0 0 20px;}
.company ul {list-style:square; font:0.8em Arial; color:#333; line-height:1.6em; padding:8px;}


/***************************************/
/*              PRODUTOS               */

.productitem {width:123px; height:185px; padding:5px; margin:10px; float:left; border:1px solid #d3d3d3;}
.productitem img {margin:0 24px 8px;}
.productitem p {font-family:Arial; font-size:0.7em; color:#333;}
.productitem .cat {color:#154f8d;}
.productitem .prec {color:#da251d;}
	/* apenas em psp */
	.big {height:205px !important;} 

/* apenas em hardware e software */
.productitem2 {width:140px; height:190px; padding:5px; margin:10px; float:left; border:1px solid #d3d3d3;}
.productitem2 div img {margin-bottom:8px;}
.productitem2 p {font-family:Arial; font-size:0.7em; color:#333;}
.productitem2 .cat {margin-top:10px;}
.productitem2 .prec {color:#da251d;}



/***************************************/
/*               CONTATO               */

dl.contato {font-family:Arial;}
dl.contato dt {font-size:0.9em; font-weight:bold; text-transform:uppercase; margin:10px 0;}
dl.contato dd {font-size:0.75em; color:#333; padding: 3px 0 3px 20px;}
dl.contato dd a {color:#da251d; text-decoration:underline;}


.form fieldset {margin-bottom:10px;}
.form form p {clear:both; margin-bottom:8px; font-family:Arial;}
.form label {display:block; float:left; margin:2px 5px 0 0; width:150px; padding-left:50px;}
.form input, select, textarea {font-family:Arial; font-size:0.9em; background:#f0f0f0; padding:2px 1px; margin:2px 0 2px 5px;}
	.form input {width:350px}
	.form input.phone {width:200px;}
	.form textarea {width:350px; overflow:auto;}
	input.envio {width:80px; margin-right:330px; float:right;}

.confirma {height:200px; padding:40px 0;}