/*

  $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: Verdana, Arial, sans-serif; font-size: 10px; }

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }



BODY {

  color: #000000;

  margin: 0px;

  background: url(images/bg-storage-office2.jpg) repeat-x;

}

h1 { font-size:18px;}

.header{ background: url(images/bg-storage-office.jpg) repeat-x;width:840px;height:146px;margin:0 auto 0 auto;}

.btn1{ background:url(../images/enviar.jpg) no-repeat; height:30px; width:96px; cursor:pointer; border:0; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

/*DROppY NAV*/

#nav { display: block; margin: 0; padding: 0; }

#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }

#nav a { display: block; }

#nav ul { display: none; position:absolute; left: 0; margin: 0; padding: 0; }

* html #nav ul { line-height: 0; } /* IE6 "fix" */

#nav ul a { zoom: 1; } /* IE6/7 fix */

#nav ul li { float: none; }

#nav ul ul { top: 0; }    

/* Essentials - configure this */

#nav ul { width: 235px; }

#nav ul ul { left: 235px; }

/* Everything else is theming */

#nav { height: 30px; }

#nav *:hover { background-color: none; }

#nav a {line-height: 1; text-align:center;}

#nav li.hover a { background-color:none;}

#nav ul { top: 48px;}

/*#nav ul a {opacity: 0.9; filter: alpha(opacity=90); }*/

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */



.nav-1 a{display:block; background:url(../images/nav-a.jpg) no-repeat; height:44px; width:140px; color:#27307e; text-decoration:none; padding-top:18px;  font-size:12px; font-weight:bold; background-position:center;}

.nav-1 a:hover{display:block; background:url(../images/nav-hover.jpg) no-repeat; height:44px; color:#FFFFFF;  text-decoration:none;padding-top:18px; background-position:center;}



.nav-2 a{display:block; background:url(../images/nav-a.jpg) no-repeat; height:44px; width:140px; color:#27307e; text-decoration:none; padding-top:13px;  font-size:12px; font-weight:bold; background-position:center;}

.nav-2 a:hover{display:block; background:url(../images/nav-hover.jpg) no-repeat; height:44px; color:#FFFFFF;  text-decoration:none;padding-top:18px; background-position:center;}



.nav-3 a{display:block; background:url(../images/nav-i-a.jpg) no-repeat; height:44px; width:140px; color:#FFFFFF; text-decoration:none; padding-top:18px;  font-size:12px; font-weight:bold; background-position:center;}

.nav-3 a:hover{display:block; background:url(../images/nav-i-hover.jpg) no-repeat; height:44px; color:#FFFFFF;  text-decoration:none;padding-top:18px; background-position:center;}



.submenu a{ display:block; background:#28317e; height:28px; width:150px; color:#fff; text-decoration:none; font:11px Verdana, Arial, Helvetica, sans-serif; padding:5px 10px 0 10px;} 

.submenu a:visited, .submenu a:active{ display:block; background:#28317e; height:28px; width:150px; color:#fff; text-decoration:none; font:11px Verdana, Arial, Helvetica, sans-serif; padding:5px 10px 0 10px;}

.submenu a:hover{ display:block; background:#e35517; height:28px; width:150px; color:#ffffff; text-decoration:none; font:11px Verdana, Arial, Helvetica, sans-serif;  padding:5px 10px 0 10px;}

A {

  color: #747474;

  text-decoration: none;

}



A:hover {

  color: #888888;

  text-decoration: underline;

}



FORM {

 display: inline;

}



TR.header {

  background: #ffffff;

}



TR.headerNavigation {

  background: #bbc3d3;

}



TD.headerNavigation {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #bbc3d3;

  color: #ffffff;

  font-weight : bold;

}



A.headerNavigation { 

  color: #FFFFFF;

  font-size: 13px;  

  font-weight: bold;

  text-decoration: none;

}



A.headerNavigation:hover {

  color: #FFFFFF;

  font-size: 13px;  

  font-weight: bold;

  text-decoration: underline;

}



TR.headerError {

  background: #ff0000;

}



TD.headerError {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #ff0000;

  color: #ffffff;

  font-weight : bold;

  text-align : center;

}



TR.headerInfo {

  background: #00ff00;

}



TD.headerInfo {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #00ff00;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}



TR.footer {

  background: #bbc3d3;

}



TD.footer {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #bbc3d3;

  color: #ffffff;

  font-weight: bold;

}



.infoBox {

  background: #D3D1D1;

}



.infoBoxContents {

  background: #FFFFFF;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



.infoBoxNotice {

  background: #FF8E90;

}



.infoBoxNoticeContents {

  background: #FFE6E6;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TD.infoBoxHeading {

  background-image: url('images/infobox/corner_center.gif');

  font-family: Arial, Verdana, sans-serif;

  font-size: 18px;

  font-weight: normal;

  color: #000000;

  display: none;

}



TD.infoBox, SPAN.infoBox {

  font-family: Verdana, Arial, sans-serif;

  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: #E2E9EC;

  //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: #E2E9EC;

  //shopping-cart content color

}



TABLE.productListing {

  border: 0px;

  border-style: solid;

  border-color: #AEC2CB;

  //shopping-cart header/footer color

  border-spacing: 1px;

  

}



.productListing-heading {



border-right:2px solid #ffffff; 

border-bottom:2px solid #ffffff;  

text-align:left; 



  color: #414956;

  font-weight: bold;

  padding: 10px;

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 11px;

  background: #AEC2CB;

  //shopping-cart header/footer color

}



TD.productListing-data {

border-right:2px solid #ffffff; 

border-bottom:2px solid #ffffff;  

text-align:center;

vertical-align:top; 

padding:11 20 8 9;





  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 11px;

  color: #414956;

}



A.pageResults {

  color: #0000FF;

}



A.pageResults:hover {

  color: #0000FF;

  background: #FFFF33;

}



TD.pageHeading, DIV.pageHeading {

  font-size: 12px;

  color: #ffffff;

  font-weight: bold;

  height: 37px;

  width: "610"px;

  background: url('images/m99.gif');

  background-repeat: repeat-x;

  padding-top: 0px;

  padding-left: 25px;

  text-transform: uppercase;

}



TR.subBar {

  background: #f4f7fd;

}



TD.subBar {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #000000;

}



TD.main, P.main {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

}



TD.smallText, SPAN.smallText, P.smallText {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  padding-left: 10px;

}



TD.accountCategory {

  font-family: Verdana, Arial, sans-serif;

  font-size: 13px;

  color: #aabbdd;

}



TD.fieldKey {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



TD.fieldValue {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

}



TD.tableHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



SPAN.newItemInCart {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #ff0000;

}



CHECKBOX, INPUT, RADIO, SELECT {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

}



TEXTAREA {

  width: 100%;

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

}



SPAN.greetUser {

  font-family: Verdana, Arial, sans-serif;

  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, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



SPAN.markProductOutOfStock {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  color: #c76170;

  font-weight: bold;

}



SPAN.productSpecialPrice {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

}



SPAN.errorText {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

}



.moduleRow { }

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }

.moduleRowSelected { background-color: #E9F4FC; }



.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }



/* message box */



.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }



/* input requirement */



.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

























td{

 font-family: tahoma,verdana,arial;

 font-size: 11px;

 color: #646464;

}



 .bg{

  background-image: url(images/m21.gif);

  background-repeat: repeat-y; 

 }



 .bg1{

  background-image: url(images/m31.gif);

  background-repeat: repeat-x; 

 }



 .bg2{

  background-image: url(images/m27.gif);

  background-repeat: repeat-y; 

 }

 

 .go{

  border-style: solid;

  border-width: 1px;

  border-color: #cccccc;

  width: 124px;

  height: 20px;

 }





 .ml{

  font-size: 10px;

  color: #000000;

  font-weight: bold;

  text-decoration: none;

 }





 .ml1{

  font-size: 11px;

  color: #399CC9; 

  text-decoration: underline;

 }



 .ml2{

  font-size: 11px;

  color: #399CC9; 

  font-weight: bold;

  text-decoration: none;

 }



 .ml3{

  font-size: 11px;

  color: #000000;   

  text-decoration: underline;

 }



 .ca{

  font-size: 12px;

  color: #ffffff;

  font-weight: bold;

 }



 .ca1{

  font-size: 12px;

  color: #464646;

  font-weight: bold;

 }



 .ca2{

  font-size: 15px;

  color: #DC1400;

  font-weight: bold;

 }



 .sc{

  font-size: 11px;

  color: #000000;

  font-weight: bold;  

 }



 .se{

  width: 120px;

  font-size: 9px;

 }



 .se1{

  width: 177px;

  font-size: 9px;

 }

html,body,img,div,ul,li,dd,dl,dt,p,h2,h3,h4,a{ padding:0; margin:0; font:12px Verdana, Arial, Helvetica, sans-serif; color:#484747; border:0; outline:none;}

.menu1{ float:left; width:258px; background:url(images/menu.png) no-repeat; padding-top:18px;}

.list-tt{ 

	/*font-family:Verdana, Arial, Helvetica, sans-serif; 

	font-size:14px; text-decoration:none; 

	font-weight:bold;

	height:44px;

	text-align:center;

	padding-top:16px;

	background:url(images/top_menu.png) no-repeat;

	color:color:#484747;*/

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; font-weight:bold;

}

.list-link { color:#FFFFFF; text-decoration:none; font-weight:normal;}

.list-link a:link{ color:#FFFFFF; text-decoration:none; font-weight:normal;}

.list-link a:active{ color:#FFFFFF; text-decoration:none; font-weight:normal;}

.list-link a:visited{ color:#FFFFFF; text-decoration:none; font-weight:normal;}

.list-link a:hover{ color:#28317e; text-decoration:none; font-weight:normal;}



.top_menu{

	width:258px; background:url(images/top_menu.png) no-repeat;height:61px;text-align:center;

	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; font-weight:bold

}

.mid_menu{

	width:258px; background:url(images/mid_menu.png) repeat-y;

}

.mid_menu a:link{ color:#FFFFFF; text-decoration:none; font-weight:normal;}

.mid_menu a:active{ color:#FFFFFF; text-decoration:none; font-weight:normal;}

.mid_menu a:visited{ color:#FFFFFF; text-decoration:none; font-weight:normal;}

.mid_menu a:hover{ color:#28317e; text-decoration:none; font-weight:normal;}

.bot_menu{

	width:258px; background:url(images/bot_menu.png) no-repeat;height:46px;

}

html,body,img,div,ul,li,dd,dl,dt,p,h2,h3,h4,a{ padding:0; margin:0; font:12px Verdana, Arial, Helvetica, sans-serif; color:#484747; border:0; outline:none;}


.texto_about_us {font-size:12px;}
.texto_about_us p{ font-size:12px; line-height:25px;}

.aleft { 
	width:500px; 
	text-align:left; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#666666; 
	padding-top:8px;
}

.aleft span { font-size:11px;} 
.aleft span a{ color:#036; font-size:10px; font-weight:bold;} 

.style1 {
	color: #CC3300;
	font: bold;
	font-size: 12px;
}

.txt-box {margin-top:38px;}

.txt-img { width:165px; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#666666;  margin-right:12px; float:left; }

.txt-img span{ font-size:11px;}