/* CSS Document */

/***************************************/
/***************************************/
/*           TAGS                      */
/***************************************/
/***************************************/

body 
{ 
font-family: Helvetica, Geneva, Arial, sans-serif;
behavior:url("csshover.htc"); 
font-size: 14px;
line-height:140%;
}

a
{
text-decoration:none;
color:#111111;
}

a:hover
{
text-decoration:none;
color:green;
}

del
{
font-size:12px;
}

big
{
font-size: 18px;
line-height: 1.0em;
}

del, big
{
color:green;
}

small
{
font-size:10px;
}

h1
{
font-weight:normal;
font-size:18px;
padding-top: 0.1em;
padding-bottom:0.1em;
margin-top: 0.3em;
margin-bottom:0.1em;
color:green;
}

h2
{
font-size: 16px;
padding: 0em;
margin:0em;
color:green;
}

h3
{
padding: 0em;
color:green;
}

h4
{
font-size: 14px;
padding:0em;
margin:0em;
color:#333333;
}

p
{
font-size: 12px;
max-width: 460px;
}
/***************************************/
/***************************************/
/*           DIVs                      */
/***************************************/
/***************************************/

#container 
{
width: 1007px;
margin:auto;
}

/***************************************/
/*           CABECALHO                 */
/***************************************/

#cabecalho 
{
width:1003px;
height: 94px;
background:url(bin/cabecalho3.gif) no-repeat;
margin:0px;
padding:0;
}

#cabecalho h1 a, 
#cabecalho p.linhacomercial
{
text-indent: -9999px;
}

#cabecalho h1 a
{
width: 300px;
height: 75px;
float: left;
}

/***************************************/
/*           tabs cabecalho            */
/***************************************/


#cabecalho #tabs
{
float:left;
width:1003px;
padding-top:17px;
}

#cabecalho #tabs ul
{
padding: 0;
margin: 0;
list-style-type: none;
}

#cabecalho #tabs li
{
display: inline;
margin: 0;
font-size:14px;
}

#cabecalho #tabs li 
{
padding: 10px 35px 10px 30px;
color: #444444;
text-decoration: none; 
background: transparent url(bin/tab.gif) 100% 0px no-repeat; 
position: relative;
display: block;
float: left;
margin-left: -35px; 
left: 35px;
}

#cabecalho #tabs li a:hover
{
color: #000;
}

#cabecalho #tabs li.selected 
{ 
color: black;
background: transparent url(bin/seltab.gif) 100% 0px no-repeat;
}

#cabecalho #tabs li.taba 
{ 
z-index: 4; 
padding-left:15px;
}

#cabecalho #tabs li.tabb 
{ 
z-index: 3; 
}

#cabecalho #tabs li.tabc 
{ 
z-index: 2; 
}

#cabecalho #tabs li.tabd 
{ 
z-index: 1; 
}

p.cesto
{
float: right;
margin: 10px 15px 0 0;
}

p.cesto span
{
background: url(/bin/basket.png) top left no-repeat;
width: 20px;
height: 16px;
float: left;
}

/***************************************/
/*           MAIN                      */
/***************************************/


/***************************************/
/*           menu                      */
/***************************************/

#mainbg
{
background:url(bin/mainbg2.gif) repeat-y ;
width:100%;
}

#menu 
{
font-size:12px;
float:left;
padding-left: 10px;
padding-top:7px;
width:170px;
margin-right:20px;
margin-bottom: 30px;
}

#menu ul 
{
padding: 0;
margin: 0;
list-style: none;
margin-bottom: 30px;
}

#menu ul li 
{
border-top: 1px solid #000;
margin-bottom:5px;
font-weight: bold;
}

#menu ul ul 
{
border-top:none;
margin-bottom: 0px;
}

#menu ul li li 
{
padding: 0.04em;
margin:0.45em 0 0 0;
border-top: 1px solid #aaa;
font-weight: normal;
}

#menu li a
{
color:#000000;
line-height:1.2em;
display:block;
width:100%;
}

#menu li a:hover
{
color:green;
}
/***************************************/
/*           conteudo                  */
/***************************************/

#conteudo
{
float:left;
clear:none;
width:800px;
padding:10px 0 0 0;
}

#conteudo h2 {
margin-bottom:20px;
}

p.ref
{
font-weight: normal;
font-size: 10px;
padding:0em;
margin:0em;
color:#333333;
}

.estrela
{
color:#FFFFFF;
font-size: 12px;
padding-left: 9px;
padding-top:22px;
background-image: url(bin/estrelaxs.gif);
width: 50px;
height:50px;
background-repeat: no-repeat;
margin-left:120px;
margin-top: -5px;
margin-bottom:-70px;
}

#estrelab
{
color:#FFFFFF;
padding:45px 20px 10px 25px;
background: url(bin/estrela.gif);
width: 140px;
height:100px;
background-repeat: no-repeat;
font-size: 14px;
}


#estrelab big
{
color: white;
font-size:18px;
line-height:1em;
}

#estrelab del
{
font-weight:bold;
font-size:12px;
color:#fff;
}

#promo .caixa
{
float:left; 
width:180px;
margin:11.5px;
height: 280px;
font-size:14px;
}

#series
{
float:left;
margin: 0 20px 20px 0;
height: 185px;
width:180px;
font-size:14px;
}

#series a, #promo a
{
font-size:12px;
font-weight:normal;
color:#333333;
display:block;
width:170px;
height:175px;
border: 1px solid #ddd;
padding:5px;
}

#series a:hover, #promo a:hover
{
color:green;
background: #efefef;
}

#series img, #promo img
{
border: solid #ddd 1px;
border:none;
padding:0px;
display:block;
}

#series a:hover img, #promo a:hover img
{
border: solid green 1px;
border:none;
}

.produto
{
float:left;
margin: 0 20px 20px 0;
height: 185px;
width:180px;
font-size:14px;
}

.produto a 
{
font-size:12px;
font-weight:normal;
color:#333333;
}

.produto a:hover 
{
color:green;
}

.produto img
{
border: solid #ddd 1px;
border:none;
padding:0px;
display:block;
}

.produto a:hover img
{
border: solid green 1px;
border:none;
}

.produto del
{
font-size:12px;
}

.produto big
{
font-size:14px;
}

.produto small
{
color: green;
font-size:12px;
}

.prodImgBig {
border: none;
float: right;
margin-right:10px;
}

.marca
{
border:none;
margin-bottom:2em;
}

#opcoes ul
{
list-style: none;
margin: 0;
padding: 0;
}

a.comprar
{
display: block;
}

button.comprar
{
margin-top: 15px;
font-size: 18px;
display: block;
}

button.comprar:hover
{
cursor: pointer;
color: green;
}

button.comprar span,
a.comprar span
{
background: url(/bin/basket.png) bottom left no-repeat;
width: 20px;
height: 16px;
float: left;
}

button.comprar span
{
padding-top: 2px;
}

#comprar
{
margin-top:2em;
padding:1em;
float:left;
clear:right;
width:90%;
background-color:#EFEFEF;
height: 360px;
}

#comprar fieldset 
{ 
border:0;
margin:0;
padding:0; 
}

#comprar label 
{ 
display:block; 
margin:0;
}

#comprar input.text, textarea 
{ 
width:300px;
font:12px/12px 'courier new',courier,monospace;
color:#333;
padding:3px;
margin:0 0 6px 0;
border:1px solid #ccc; 
}

#comprar input.submit
{ 
padding:2px 5px;
font:bold 12px/12px verdana,arial,sans-serif; 
}


/***************************************/
/*           CESTO                     */
/***************************************/

#cesto table
{
width: 700px;
font-size: 12px;
}

#cesto th
{
text-align: left;
border-bottom: 1px solid #333;
}

#cesto td
{
border-bottom: 1px solid #ccc;
}

#cesto tr.total td
{
font-size: 15px;
border-top: 1px solid #333;
border-bottom: none;
}

#cesto td.right
{
text-align: right;
}

#cesto button
{
font-size: 18px;
}

#cesto button:hover
{
cursor: pointer;
color: green;
}

#cesto a.edit
{
font-size: 12px;
text-decoration: underline;
}

#cesto a.r
{
color: red;
}

/***************************************/
/*           LISTA                     */
/***************************************/

#lista 
{
float:left;
width:800px;
margin:0;
padding:0;
}

#lista h1
{
display: block;
margin: 0 0 15px 0;
}

#lista ul
{
padding:0px;
margin:0px;
}

#lista ul li
{
height: 12em;
float:left;
list-style:none;
font-size:13px;
width:180px;
font-weight:bold;
margin:0 20px 1em 0;
}

#lista ul#desporto li
{
height: 6em;
}

#lista ul#desporto li ul li
{
height: auto;
}

#lista ul li ul
{
border-top: solid #000 1px;
float: left;
margin:0;
padding-top: 3px;
}

#lista ul li ul li
{
height: auto;
float:left;
font-size:11px;
line-height: 16px;
font-weight:normal;
margin:0px;
border-bottom: 1px solid #ddd;
}

#lista ul li a
{
color: green;
font-weight:normal;
}

#lista ul li ul li a
{
display: block;
width:100%;
color:#333333;
}

#lista ul li ul li a:hover
{
color:green;
}

.clearit 
{
clear:both;
line-height:0;
height:0px;
}

ul#apoio li
{
line-height:1.4em;
}

/***************************************/
/*           RODAPE                    */
/***************************************/

#rodape 
{
background:url(bin/rodape2.gif) no-repeat #FFFFFF;
height:28px;
font-size:11px;
clear:both;
padding-left: 10px;
}

#counter
{
visibility:hidden;
}

/* Noticias Lateral */
#noticiasLat h3
{
font-size: 12px;
border-top: 1px solid black;
margin: 30px 0 5px 0;
color: black;
}

#noticiasLat h4
{
margin: 0;
font-size: 10px;
font-weight: bold;
margin: 0;
}

#noticiasLat p
{
font-size: 11px;
margin: 0;
}

.aviso
{
width:170px;
border:none;
background:none;
border-top: solid 1px #aaa;
margin:0;
padding:0;
line-height:14px;
margin:0 0 15px 0;
color:#333;
font-size: 10px;
}
#menu .aviso a
{
color: green;
}

ul.empresa {
font-size: 12px;
}