﻿/*
  $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
*/
#contenedor{

	width:970px;

	text-align:center; margin:0 auto; width:950px;background:  background: url(images/tienda/fondo_blanco.gif) #ffffff;

}	



	



.boxText {

	font-family: Verdana, Arial, sans-serif;

	color:#4D91DB;

	font-size: 10px;

	font-weight: bold;

	height: 15px;

}

.boxText_Min {

	font-family: Verdana, Arial, sans-serif;

	color:#4D91DB;

	font-size: 8px;

	font-weight: bold;

	height: 10px;

}



.texto {

	font-family: Verdana, Arial, sans-serif;

	color:#4D91DB;

	font-size: 10px;

	font-weight: bold;

	height: 15px;

}

.textoTitulado {

	font-family: Verdana, Arial, sans-serif;

	color:#4D91DB;

	font-size: 15px;

	font-weight: bold;

	height: 15px;

}

.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 {

	width:100%;

	background:/*url(/tienda/images/tienda/fondo.gif)*/ #969696;

	text-align:center;

	margin:0 auto;

	padding:10px 0;

	color: #000000;

}



A {

  color: #000066;

  text-decoration: none;

}



A:hover {

  color: #0066CC;

  text-decoration: underline;

}



FORM {

	display: inline;

}



Td.header {

	border:#FFFFFF 1px solid; width:100%;



/*  background: #ffddaa;*/

}



TR.headerNavigation {

	background:/*url(/tienda/images/tienda/fondo.gif)*/  #3333CC;

}



TD.headerNavigation {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

	background:/*url(/tienda/images/tienda/fondo.gif)*/ #3333CC;

color:  #FFFFFF;

  font-weight : bold;

}



A.headerNavigation { 

   color:  #ffffff; 

}



A.headerNavigation:hover {

  color: #00CCFF ;

}

A.footer { 

  color: #FFFFFF; 

}







TR.headerError {

  background: #ff0000;

}



TD.headerError {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 10px;

  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: 10px;

  background:  #FFCC66;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}



TR.footer {

	background:url(/tienda/images/tienda/fondo.gif) #333333;

}



TD.footer {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

	background:url(/tienda/images/tienda/fondo.gif) #333333;

  color: #ffffff;

  font-weight: bold;

}



.infoBox {

background-color:#CCCCCC  ;

}



/*Color interior de lod Boxes*/



.infoBoxContents {

  background: #DDDDDD;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



.infoBoxNotice {

  background: #FF8E90;

}



.infoBoxNoticeContents {

  background: #FFE6E6;

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}

/*Cambiar color de barra de los Boxe y color de letra*/

TD.infoBoxHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  font-weight: bold;

  background: #3333CC;

	/*background-image:url(images/infobox/fondo_box.gif);*/

  color:  #FFFFFF;

  text-align : center;

}



TD.infoBoxHeadingCorner {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

 /* background: #2A00FF;*/

  color: #840;

}

TD.infoBoxHeadingCornerFinal {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

 /* background: #2A00FF;*/

  color: #840;

		background-image:url(images/infobox/fondo_box.gif);



}





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: #f8f8f9;

}



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: #f8f8f9;

}



TABLE.productListing {

  border: 1px;

  border-style: solid;

  border-color: #b6b7cb;

  border-spacing: 1px;

}



.productListing-heading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #b6b7cb;

  color: #FFFFFF;

  font-weight: bold;

}



TD.productListing-data {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



A.pageResults {

  color: #0000FF;

}



A.pageResults:hover {

  color: #0000FF;

  background: #FFFF33;

}



TD.pageHeading, DIV.pageHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 20px;

  font-weight: bold;

  color: #3333CC;

}



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;

  color:#4D91DB;

}



TD.smallText, SPAN.smallText, P.smallText {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TD.accountCategory {

  font-family: Verdana, Arial, sans-serif;

  font-size: 13px;

  color: #aabbdd;

}



TD.fieldKey {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

}



TD.fieldValue {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}



TD.tableHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  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: 10px;

  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: 10px;

  font-weight: bold;

}



SPAN.markProductOutOfStock {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 10px;

  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; }

.clCMEvent{

		position:absolute;

		width:99%; height:99%;

		clip:rect(0,100%,100%,0);

		left:0; 

		top:0;

		visibility:visible

		}

.clCMAbs{

		position:absolute;

		visibility:hidden;

		left:0;

		top:0;

		}



		.clBar{

		position:absolute;

		width:10;

		height:10;

		background-color:#ffffff;

		layer-background-color:#ffffff;

		visibility:hidden;

		}



		.clLevel0,.clLevel0over{

		position:absolute;

		padding:1px;

		font-family:Verdana,arial,helvetica;

		font-size:10px;

		}



		.clLevel0{

		background-color:#ff6600;

		layer-background-color:#ffffff;

		color:#000000;

		}



		.clLevel0over{

		background-color:#bbc3d3;

		layer-background-color:#bbc3d3;

		color:#ffffff;

		cursor:pointer;

		cursor:hand;

		}



		.clLevel0border{

		position:absolute;

		visibility:hidden;

		background-color:#c0c0c0;

		layer-background-color:white;

		}



		.clLevel1, .clLevel1over{

		position:absolute;

		padding:2px;

		font-family:Verdana,arial,helvetica;

		font-size:10px;

		}



		.clLevel1{

		background-color:#ff6600;

		layer-background-color:#ffffff;

		color:#000000;

		}



		.clLevel1over{

		background-color:#bbc3d3;

		layer-background-color:#bbc3d3;

		color:#ffffff;

		cursor:pointer;

		cursor:hand;

		}



		.clLevel1border{

		position:absolute;

		visibility:hidden;

		background-color:#c0c0c0;

		layer-background-color:white;

		}	

/* Individual Boxes - Graphical Borders for modules - Star */

.mws_boxTop_module    {

	background: url('images/infobox_module/top.gif');

	font-family: Tahoma;

	font-size: 12px;

	text-align : center;

	font-weight: bold;

	background-repeat:repeat-x;

	vertical-align: middle;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #000;

}

.mws_info_boxTop_module    {

	color: #3366CC;

	background: url('images/infobox_module/top.gif');

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 20px;

	text-align : center;

	font-weight: bold;

	background-repeat:repeat-x;

	vertical-align: middle;

	border-bottom: thin solid #000;

}



.mws_boxLeft_module   { background: url('images/infobox_module/left.gif'); }

.mws_boxRight_module  { background: url('images/infobox_module/right.gif'); }

.mws_boxBottom_module { background: url('images/infobox_module/bot.gif');

                 font-family: Verdana, Arial, sans-serif;

                 font-size: 11px;

                 text-align : center;

                 vertical-align: middle;

                 white-space: nowrap; }

.mws_boxCenter_module2 { background: #ffffff; 

				 font-weight:bold;

                 font-family: Geneva, Arial, Helvetica, sans-serif;

                 font-size: 12px;}

.mws_boxCenter_module { background: #ffffff;

 color:#FF0033;

				 font-weight:bold;

                 font-family: Geneva, Arial, Helvetica, sans-serif;

                 font-size:20px;}

.mws_info_boxCenter_module { background: #ffffff;

 color:#FF0033;

				 font-weight:bold;

                 font-family: Geneva, Arial, Helvetica, sans-serif;

                 font-size:18px;}



/* Individual Boxes - Graphical Borders for modules - Star */





TD.noborderbox {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}	

.star-product-title {

  font-family: Verdana, Arial, sans-serif;

  text-align : center;

  font-size: 16px;

  font-weight: bold;

  color: #000000;

}

.star-product {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: normal;

  color: #000000;

}

.star-product-price{

  font-family: Verdana, Arial, sans-serif;

  font-size: 16px;

  font-weight: bold;

  color: #ff0000;

}	

table.contenido{ width:100%;  background: /*url(images/tienda/fondo_blanco.gif)*/ #ffffff;

}	



/* DDB - 041031 - Form Field Progress Bar */

.progress{

	width: 1px;

	height: 14px;

	color: white;

	font-size: 12px;

    overflow: hidden;

	background-color: navy;

	padding-left: 5px;}



.etapa A {

	WIDTH: 130px;   Z-INDEX: 100; 

}

.etapa A EM {

	VISIBILITY: hidden; POSITION: absolute

}

.etapa A:hover {   height:120px;

	 FONT-SIZE: 12px; BACKGROUND: #FFCC66;; PADDING-BOTTOM: 0px; WIDTH: 130px; COLOR: #fff; TEXT-INDENT: 0px; PADDING-TOP: 0px;

}

 HTML .etapa A:hover {

	WIDTH: 130px; 

}

.etapa A:hover EM { Z-INDEX: 100; text-align:justify;

	BORDER-RIGHT: #600 1px solid; PADDING-RIGHT: 25px; BORDER-TOP: #600 1px solid; PADDING-LEFT: 25px; BACKGROUND: #fff; VISIBILITY: visible; PADDING-BOTTOM: 25px; MARGIN-LEFT: 5px; BORDER-LEFT: #600 1px solid; WIDTH: 380px; COLOR: #600; LINE-HEIGHT: 1.5em; PADDING-TOP: 25px; BORDER-BOTTOM: #600 1px solid; FONT-STYLE: normal; FONT-FAMILY: tahoma, geneva, &amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;lucida sans unicode&amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;, &amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;lucida grande&amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;, arial, sans-serif; LETTER-SPACING: 1px; left:50px; top:360px;

}

 HTML .etapa A:hover EM {

	WIDTH: 380px

}



.etapa A:hover EM IMG { float: right; margin: 0 5px 5px 5px;

	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; DISPLAY: block; MARGIN-BOTTOM: 10px; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid

}

.etapa A:hover EM SPAN {

	BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 15px solid; DISPLAY: block; LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: #600 15px solid; WIDTH: 0px; BORDER-BOTTOM: #fff 15px solid; POSITION: absolute; TOP: 100px; HEIGHT: 0px

}

 HTML .etapa A:hover EM SPAN {

	WIDTH: 0px; HEIGHT: 0px

}

