/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: marker felt; font-size: 11px; color: #747474}
.boxText:hover { font-family: marker felt; font-size: 21px; color: #747474}
.errorBox { font-family : verdana; font-size : 10px; background: #ffb3b5; 

font-weight: bold; }
.stockWarning { font-family : verdana; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : verdana; font-size : 10px; color: #70d250; 

text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

.A {color: #999999; text-decoration: none; font-size: 10px; font-weight: bold; 

font-family: marker 

felt;}

.A:hover {color: #747474; text-decoration: underline; font-weight: bold; 

font-size: 10px; font-family: marker felt;}




.A2 {color: #ffffff; text-decoration: none; font-size: 13px; font-weight: bold; 

font-family: marker 

felt;}

.A2:hover {color: #747474; text-decoration: none; font-weight: bold; 

font-size: 13px; font-family: marker felt;}




.text1 {color: #f26722; text-decoration: none; font-size: 15px; font-family: 

marker felt;}

.text1:hover {color: #519196; font-size: 15px; font-family: marker felt;}




.text2 {color: #629aa2; text-decoration: none; font-size: 12px; font-family: 

marker felt;}

.text2:hover {color: #f26722; font-size: 12px; font-family: marker felt;}



.text3 {color: #000000; text-decoration: none; font-size: 10px; font-family: 

verdana; bold}



.text4 {color: #000000; text-decoration: underline; font-size: 10px; font-family: 

verdana; bold}


.text4:hover {color: #f26722; text-decoration: underline; font-size: 10px; font-family: 

verdana; bold}

.text5 {color: #ffffff; text-decoration:none; font-size: 10px; font-family: 

verdana; bold}


.text6 {color: #000000; text-decoration:none; font-size: 14px; font-family: 

verdana; bold}


.text7 {color: #a7a7a7; text-decoration:none; font-size: 9px; font-family: 

verdana}

.text8 {color: #a7a7a7; text-decoration:underline; font-size: 9px; font-family: 

verdana}

.links {color: #519196; text-decoration:underline; font-size: 14px; font-family: 

verdana; bold}

.links:hover {color: #f26722; text-decoration:underline; font-size: 14px; font-family: 

verdana; bold}

.text9 {color: #ffffff; text-decoration: none; font-size: 9px; font-family: 

verdana; bold}


.text9:hover {color: #fbf49b; text-decoration: none; font-size: 9px; font-family: 

verdana; bold}


FORM {
 display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: verdana;
  font-size: 16px;
  background: #bbc3d3;
  color: #0064c8;
  font-weight : bold;
}


TD.headerNavigation2 {
  font-family: verdana;
  font-size: 13px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #ffffff;
 background: #bbc3d3;
  font-size: 13px;  
  font-weight: bold;
  text-decoration: none;
}

A.headerNavigation:hover {
  color: #FFFFFF;
background: #bbc3d3;
  font-size: 13px;  
  font-weight: bold;
  text-decoration: underline;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, verdana;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, verdana;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: arial;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #ffffff;
}

.infoBoxContents {
  background: #FFFFFF;
  font-family: verdana;
  font-size: 10px;
}

.infoBoxNotice {
  background: #ffffff;
}

.infoBoxNoticeContents {
  background: #FFffff;
  font-family: verdana;
  font-size: 10px;
}

TD.infoBoxHeading {
    font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #0064c8;
  display: none;
}

TD.infoBox, SPAN.infoBox {
  font-family: verdana;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, 

TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, 

TR.shippingOptions-odd {
  background: #F0F0F0;
  //shopping-cart content color
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, 

TR.payment-even, TR.productListing-even, TR.productReviews-even, 

TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #F0F0F0;
  //shopping-cart content color
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #ffffff;
  //shopping-cart header/footer color
  border-spacing: 1px;
  background: #ffffff;
width: 100%;
}

.productListing-heading {

border-right:2px solid #ffffff; 
border-bottom:2px solid #ffffff;  
text-align:center; 
  color: #414956;
  font-weight: bold;
  padding: 2px;
  font-family: verdana;
  font-size: 11px;
   //shopping-cart header/footer color
}

TD.productListing-data {

border-right:0px solid #ffffff; 
border-bottom:0px solid #ffffff;  
text-align:center;
vertical-align:top; 
padding:11 20 8 9;
background: #ffffff;
  font-family: verdana;
  font-size: 11px;
  color: #414956;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-size: 13px;
  color: #0064C8;
  font-weight: bold;
  font-family: arial;
  height: 43px;
  background: url('images/m99.gif');
  background-repeat: repeat-x;
  padding-top: 10px;
   text-transform: uppercase;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: verdana;
  font-size: 10px;
  color: #000000;
}

TD.main2, P.main2 {
  font-family: verdana;
  font-size: 10px;
  line-height: 1.5;
padding-left: 14px;
}

TD.main, P.main {
  font-family: verdana;
  font-size: 10px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: verdana;
  font-size: 21px;

}

TD.smallText2, SPAN.smallText2, P.smallText2 {
  font-family: verdana;
  font-size: 9px;
 color: #000000;
}

TD.accountCategory {
  font-family: verdana;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: verdana;
  font-size: 12px;
}

TD.tableHeading {
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: verdana;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: verdana;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: verdana;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: verdana;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, verdana;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, verdana;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
 font-size: 12px;
  color: #ff0000;
  font-weight: bold;  
}

SPAN.errorText {
  font-family: verdana;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: verdana; font-size: 10px; color: 

#8c8c8c; }
.checkoutBarCurrent { font-family: verdana; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: verdana; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: verdana; font-size: 

10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: verdana; font-size: 10px; background-color: 

#99ff00; }

/* input requirement */

.inputRequirement { font-family: verdana; font-size: 10px; color: #ff0000; }


/*\\\\\\\\\\\\\\\\\\\-Body Styles-/////////////////////*/

* { /* Reset padding/margin */
   margin: 0;
   padding: 0;
}

body{
   background: #fff;
   font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   font-size: small; 
}

a:link, a:visited, a:hover, a:active{
outline: none !important;
}


/*\\\\\\\\\\\\\\\\\-Menu Styles-/////////////////////////*/

.nav-bg{ /* Styling of the wrapper <div> around the menubar */
background:url('') repeat-x 0 0;
height:77px;
width:10px;
position:relative;
top:100px;
left:100px;
}
#nav{ /* Styling of the main menubar itself */
   display: inline;
   position: absolute;
   clear: none;
   float: left;
   width: 5px;
   height: 5px;
   margin: 0;
   margin-left:0px;
   background: url('') repeat-x;
   list-style: none;
}
#nav-left{ /* Main menubar left end cap image */
background:url('images/menu-left.jpg') no-repeat 0 0;
width:24px;
height:43px;
margin:0;
position:absolute;
top:0;
left:0;
margin-left:-24px;
z-index:1000;
}
#nav-right{ /* Main menubar right end cap image */
background:url('images/menu-right.jpg') no-repeat 0 0;
width:24px;
height:43px;
margin:0;
position:absolute;
top:0;
right:0;
margin-right:-24px;
z-index:1000;
}
#nav li{ /* Sets the "normal" or "off" styling of main menu <li> */
   float: left;
   background: transparent;
   font-family: arial,tahoma,sans-serif;
   line-height: 1;
   height:43px;
   width:144px;
}


#nav li:hover{ /* Sets background image of <li> in main menu upon hovering AND for <li class="current"> */
   background: url('') no-repeat 0 0;
   padding:0;
   padding-top:0px;
}

#nav li a{ /*Styling of main menu links*/
   display: block;
   float: left;
   padding: 0;
   color: #dadada;
   font-size:1.1em;
   font-weight:bold;
   text-decoration: none;
}

#nav li:hover a,
#nav li a:hover{ /*Styling for main menu links upon :hover*/
   color: #303030;
   text-transform:uppercase;
}

#nav li ul li a{ /* Overriding the above to remove the uppercase from submenus*/
text-transform:none !important;
}



/*Now comes the fun... 
You will have to style each of these differently if you change the names of the main menu items. 
This is what adjusts the position of each main menu item because they use a "fixed width" background image
*/

#nav li#home a{ /*Positioning for the first main menu link*/
   padding: 0px 0px 0px 0px;
}

#nav li#missao a{ /*Positioning for the second main menu link*/
   padding: 10px 37px 12px 35px;
}
#nav li#equipa a{ /*Positioning for the third main menu link*/
   padding: 10px 18px 12px 19px;
}
#nav li#programas a{ /*Positioning for the fourth main menu link*/
   padding: 10px 14px 12px 13px;
}
#nav li#servicos a{ /*Positioning for the fifth main menu link*/
   padding: 10px 30px 12px 28px;
}
#nav li#contact a{ /*Positioning for the last main menu link*/
   padding: 10px 25px 12px 25px;
}

/*Adjusts the top padding for submenu items*/
#nav li#missao ul li a:hover,
#nav li#missao ul li:hover a,
#nav li#equipa ul li a:hover,
#nav li#equipa ul li:hover a,
#nav li#programas ul li a:hover,
#nav li#programas ul li:hover a,
#nav li#servicos ul li a:hover,
#nav li#servicos ul li:hover a,{
  padding-top:3px !important;
}



#nav li ul{ /*Normal positioning of submenu*/
   position: absolute;
   left: -999em;
   z-index: 999;
   list-style: none;
}

#nav li li{ /*Styling of each individual subemnu item*/
   float: left;
   font-size: 85%;
   background:transparent;
   text-indent: 0;
   width:auto;
   margin:0;
   margin-right:10px;
}

#nav li:hover li:hover{ /*Styling of submenu items upon :hover*/
   background: transparent;
}

#nav li:hover ul{ /*Where should the submenu appear in accordance with parent <li>?*/
   top: 0;
   padding-top:35px;
   left: 0px;
   width: 900px;
   z-index:12;
}

#nav li li a{ /*Styling the submenu links*/
   float: left;
   width: auto !important;
   background: none !important;
   color: #3B200A;
}

#nav li li a:hover{ /*Styles for submenu links upon :hover*/
   color: #fff;
   text-decoration: underline;
   margin-top:0px;
}

#nav li,
#nav li:hover,
#nav li a,
#nav li a:hover
#nav li:hover a,
#nav li:hover a:hover{
cursor:hand !important;
}