/*
  $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; }     /*---- en el checkout_success.php aparece remarcados los productos que he comprado con una pestaña para solicitar que me informen de cambios en el producto..*/
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  /*background:#ffffff url('images/bdrebajas.jpg') repeat;          */
background:#272727;          
background-position: 0%; 
  color: #000;
  margin: 0px;
}

td.descripcion {
font-family : Verdana, Arial, sans-serif; 
font-size : 10px; 
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

/* ----------------------------------- menu categorias ------------------------------------------------------------------ */
a.menucateg:link, a.menucateg:visited, a.menucateg:active {
display: block;
vertical-align: middle;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;          /*negrita en el nombre de la categoría*/
text-align: left;
height: 12px; 
text-decoration: none;      /* color del borde que rodea al nombre de la categoría el el menú categorías*/
/* border: solid 1px #E6E9EC;      color de relleno de los nombres de las categorías en el menú categorías*/
}

a.menucateg:hover { 
border: solid 1px #6633CC;
background-image: url(images/menuon.png);
background-repeat: repeat;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
}

a.menusubcateg:link, a.menusubcateg:visited, a.menusubcateg:active {
display: block;
vertical-align: middle;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
height: 12px;
text-decoration: none;
/* border: solid 1px #E6E9EC;              color de relleno de los nombres de las subcategorías en el menú categorías */
}

a.menusubcateg:hover { 
border: solid 1px #6633CC;
background-image: url(images/menuon.png);
background-repeat: repeat;
text-decoration: none;
color: #FFFFFF;
}
/* ------------------------------------------------------------------------------------------------------- estilos de texto que aparece con el header tags -------------------------------------------------------------------------------------------------------------*/
td.htc_title_tag {
font-weight: bold;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

td.htc_description {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

td.htc_title {
font-weight: bold;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*-------------------------------------------------------------------------------------------------- estilo de texto que aparece en el product_info.php--------------------------------------------------------------------------------------------------------------------*/
td.products_name {
font-weight: bold;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

td.products_price {
font-weight: bold;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

td.tabla_titulo{
font-weight: bold;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

td.tabla_texto{
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}


h1 {
font-weight: bold;
font-size: 12px;   /*título en el listing_col*/
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
font-weight: bold;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3 {
font-weight: normal;
font-size: 9px;   /*título en el listing_col*/
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*  ------------------------------------------------------------------------------------------------------ estilo para el product_listing_col----------------------------------------------------------------------------------------------------*/
A.listing_col_name {
font-weight: bold;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.listing_col_price {
font-weight: bold;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.listing_col_specials {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;            /* color rojo de las ofertas */
  font-size: 9px;
}
A.listing_col_manufacturer {
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* --------------------------------------------------------------------------------------estilo para anuncio de index--------------------------------------------------------------------------------------------------------------------------------- */
table.anuncios {
font-weight: bold;
}
td.anuncios-titulo, a.anuncios-link {
color: blue;
}
td.anuncios-titulo {
color: red;
font-size: 20px;
}
td.anuncios-texto {
color: black;
font-size: 14px;
}
td.anuncios-texto2 {
color: black;
font-size: 17px;
}
td.anuncios-small {
 color: black;
 font-size: 10px;
 }
/*fin estilo anuncio index*/

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {   /* es la barra de navegación de la cabecera (donde está: mi cuenta, mi cesta... */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #003883;
 /* background: #bbc3d3; */
border-left: 10px;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

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

/* -------------------------------------- la clase footer es la que regula la barra de navegación inferior (donde está la fecha, iva incluido y nº de visitas) -------------------------------- */
TR.footer { 
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #003883;
  /*background: #bbc3d3;*/
  color: #ffffff;
  font-weight: bold;
}

/* -------------------------------------- la clase footerdown es la que regula el footer propiamente dicho ---------------------------------- */
TD.footerdown {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #272727;
  color: #989d9f;
}

.footerdown span a 		  {color:#989d9f; font-size:11px; text-decoration:none;} 			
.footerdown span a:hover   {color:#989d9f;text-decoration:underline;}	
.footerdown a 		  {color:#7eabc5; font-size:11px; text-decoration:none;} 			
.footerdown a:hover   {color:#7eabc5;text-decoration:underline;}	
.footerdown b a 	  {color:#7eabc5; font-size:11px; font-weight:bold; text-decoration:underline;}			
.footerdown b a:hover {color:#7eabc5; text-decoration:none;}

/* -----------------------------  boxes (tanto laterales como centrales (featured...)) -------------------------------------------------------*/
.infoBox {      
 /* background: #b6b7cb;                        - ----------------------b6b7cb borde de las tablas laterales (boxes)*/
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;    /* contenido de los boxes (tanto laterales como centrales (featured...)) */
  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 { /* es la cabecera de los módulos de categorías, información, fabricantes, productos destacados... (tanto laterales como centrales) */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #003883;  /* al cambiar este color también hay que cambiar el de las imágenes de las esquinas: images/infobox/corner_left.gif  -   images/infobox/corner_right_left.gif   -   images/infobox/corner_right.gif   */
  /* background: #bbc3d3; */
  color: #ffffff;
}

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;      /* borde que engloba todos los productos del product listing  */
  border-spacing: 1px;
}

.productListing-heading {         /* cabecera del módulo central del shooping_cart.php */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  /*background: #b6b7cb;*/
  background: #003883;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {         /* ??????????????????????? */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.productListing-data p {
margin:3px;
padding:0;
text-align:center;
}
		
A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {          /* ---------------------------------------------- título de muchas de las páginas como por ejemplo account-edit.php---------------------------------------*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
}

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

SPAN.novedades {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  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;            /* color rojo de las ofertas */
  font-size: 16px;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.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; }


/* Graphical Borders - boxes column_left_right - Star */
.mws_boxTop    { background: url('images/infobox/top.gif');
                 font-family: Tahoma;
                 font-size: 11px;
                 text-align : center;
                 font-weight: bold;
                 background-repeat:repeat-x;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxLeft   { background: url('images/infobox/left.gif'); }
.mws_boxRight  { background: url('images/infobox/right.gif'); }
.mws_boxBottom { background: url('images/infobox/bot.gif');
                 font-family: Verdana, Arial, sans-serif;
                 font-size: 11px;
                 text-align : center;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxCenter { background: #FFFFFF; }
/* Graphical Borders - boxes column_left_right - Star */

/* Graphical Borders - boxes main modules and file-pages - Star */
.mws_boxTop_main    { background: url('images/infobox_main/top.gif');
                 font-family: Tahoma;
                 font-size: 11px;
                 text-align : center;
                 font-weight: bold;
                 background-repeat:repeat-x;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxLeft_main   { background: url('images/infobox_main/left.gif'); }
.mws_boxRight_main  { background: url('images/infobox_main/right.gif'); }
.mws_boxBottom_main { background: url('images/infobox_main/bot.gif');
                 font-family: Verdana, Arial, sans-serif;
                 font-size: 11px;
                 text-align : center;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxCenter_main { background: #ffffff; }
/* Graphical Borders - boxes main modules and file-pages - End  */



/*-------------------------------------*/
/*   Horizontal Drop-Down Menu Style   */
/*-------------------------------------*/

.horbar	{   /* Color of main horizontal menubar and border */
	color: black;
	background-color: #e6e7e6;
	border: 1px outset #525252;
}

.horizitem	{          /* Behaviour of main horizontal menu items, leave as is for proper operation */
	float: left;
	white-space: nowrap;
}

.horizitem a {              /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	position: relative;	
	display: block;	
}

.horizitem a:link, .horizitem a:visited 	{      /* Font style & color of main menu items */
	color: #000000;
	text-decoration: none;
}

.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	text-decoration: none;
}

.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	text-decoration: none;
}

.horizsubmenu	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.horizsubframe	{      /* Color of submenu item and border */
	background-color: #e6e7e6;
	border: 2px outset #fdfefd;
	
	position: relative;
	display: block;	
}

.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.horizsubitem a {            /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */
	color: #000000;
	font-size: 12px;	
	text-decoration: none;
}

.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	text-decoration: none;
}

.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;		
	text-decoration: none;
}

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #ccc;
		font-weight: bold;
}

.horbar .dmselected {   /* Style override for selected root category */
    background-color: #999;
}


/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/

.verbar	{   /* Color of main vertical menubar and border */
	color: black;
	background-color: #e6e7e6;
	border: 1px outset #fdfefd;
}

.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */
	text-align: left;
	white-space: nowrap;
}

.vertitem	a {   /* Font style, size of main menu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;		
	text-decoration: none;
	position: relative;
	display: block;		
}

.vertitem a:link, .vertitem a:visited	{   /* Default font style & color of main menu items */
	color: #000000;
	text-decoration: none;	
}

.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffffff;
	background-color: #21449c;
	text-decoration: none;
}

.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	text-decoration: none;	
}

.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.vertsubframe	{   /* Color of submenu item and border */
	background-color: #e6e7e6;
	border: 2px outset #fdfefd;

	position: relative;
	display: block;	
}

.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.vertsubitem a	{   /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;			
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */
	color: #000000;
	text-decoration: none;	
}

.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #21449c;
	text-decoration: none;
}

.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	text-decoration: none;			
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #ccc;
		font-weight: bold;
}

.verbar .dmselected {   /* Style override for selected root category */
    background-color: #999;
}

/*---------------------------*/
/* Tree and Plain Menu Style */
/*---------------------------*/

.treemenudiv	{     /* Behaviour of tree/plain menu item - leave as is for proper performance */
	display: block;
	white-space: nowrap;
}


.phplmbodytable { /* Class of table cells containing plain menus */

}

.phplmnormal {     /* Font size & color of unlinked menu items */
	color: #000000;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:link, a.phplm:visited	{      /* Font color, style of linked & visited menu items */
	color: #003300;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:hover	{      /* Font color, style of menu items when hovered over */
	color: #841212;
	background-color: #ccc;
	font-size: 13px;	
	text-decoration: none;	
}

a.phplm:active	{      /* Font size & color of menu items when clicked */
	color: #ff0000;
	font-size: 13px;	
	text-decoration: none;	
}

.dmselected {   /* Style overide for selected category tree */
    background-color: #ccc;
		font-weight: bold;
}

/* -------------------------------------- clase para los gastos de envío el el product_info-------------------------------- */
.envio_title {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1;
  font-weight: bold;
}

.envio_lista {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1;
}
.envio_small{
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
}
.lineas {
	color: #FFFFFF;
	border: #003883;
	background-color: #003883;
}

















/*---------------- tablasdesnow-----------------*/

/* -- CSS Reseter -- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
	text-align: left;
	font-family: Arial, sans;
}

:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

a img, iframe {
	border: none;
}


input, textarea, select, button {
	font-size: 100%;
}

select {
	margin: inherit;
}

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }


/* ==================== clearfix ======================= */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*.clearfix {display: inline-block;}*/

* html .clearfix {height: 1%;}
.clearfix {display: block;}




/** -----------------------------------Enlaces, hr, td... -----------------------------------**/
a:link, a:active{
	color:#000;
	text-decoration:none;
}

a:hover, a:visited{
	color:#000;
	text-decoration:underline;
}

h1 {
color:#000;
font-size:14px;
font-weight:bold;
text-align:center;
}

h2 {
color:#000;
font-size:14px;
padding-bottom:15px;
}

p {
font-size:12px;
text-align:justify;
color:#000;
}

p:first-letter {
padding-left:25px; 
}

li {
font-size:12px;
text-align:justify;
color:#000;
list-style-type: none;
}

li:first-letter {
padding-left:25px; 
}

/* ----------------------------------- body ----------------------------------- */


body{
	width:769px;
	height: auto;
	margin: 1em auto; /*con este valor quedará centrado,
						 no hace falta repetir otra vez 0 
						 auto porque ahora mismo el 0 se refire
						 a arriba y abajo, y el auto a los lados*/
	font-size: 11pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:center;
	line-height:1.4em;
	background:#272727;
	color:#555;
	padding-top:40px;
}


/** ----------------------------------- Divs de la página ----------------------------------- **/

#header {
margin:0 auto;
border-style:dotted;
border-width:0px;
background:#fdfdfd;
}

#container {
width:769px;
height:auto;
background:#fdfdfd;
}


#cuerpo {
margin: 10 0 10 0px; 
}

#izquierda {

padding:0px;
margin:0px 0px 0px 0px;   /*el margen superior no sale en firefox!!!!*/


border-style:dotted;
border-width:0px;
background:#fdfdfd;
width:550px;
margin-left: 10px; 
   background-color: #ffffff; 
   padding: 4 4 4 4px; 
}

#derecha {
padding:0px;
margin:0px 0px 0px 0px;   /*el margen superior no sale en firefox!!!!       arriba derecha abajo izquierda                 ancho: margin + padding + border + contenido + border + padding + margin*/  
width:160px;
height:auto;
border-style:dotted;
border-width:0px;
background:#fdfdfd;

  width: 160px; 
   float:right; 
}


#contenido {
width:auto;
height:auto;
border-style:dotted;
border-width:0px;
background:#fdfdfd;
}

#footer {
width:769px;
height:auto;
border-style:dotted;
border-width:0px;
background:#272727;
}

#footer_up {
position:relative;
width:769px;
height:auto;
border-style:dotted;
border-width:0px;
background:#272727;
}

#footer_down {
position:relative;
width:769px;
height:auto;
border-style:dotted;
border-width:0px;
background:#272727;
}

#footer #pie p a {
color:#0033CC;
text-decoration:none;
}

#footer #pie p a:hover {
color:#3333FF;
text-decoration:none;
}

#footer #pie p a:visited {
color:#0033CC;
text-decoration:none;
}

#pie {
padding:20px 20px 20px 10px;
}

/** ----------------------------------- Navegacion Principal ----------------------------------- **/
#navcontainer ul {
padding-left: 0;
margin-left: 0;
background-color: #333;
color: White;
float:left;/* al poner display inline no llega hasta el final de la navegación, si le pongo float:left; sí llega al final */
width: 100%;
font-size:13px;
}

#navcontainer ul li { 
display: inline; 
}

#navcontainer ul li a {
padding: 0.6em 1.1em;
background-color: #333;
color: White;
text-decoration: none;
float: left;
border-right:1px solid #fff;
}

#navcontainer ul li a:hover {
background:#ccc;
color:#000;
}
	
#navcontainer ul#navlist li#active a {
background:#777;
color:#fff;
}



/** ----------------------------------- index.html ----------------------------------- **/
#cuerpo #contenido{
margin:30px 30px 30px 30px;   /*el margen superior no sale en firefox!!!!*/
border-width:0px;
}

#cuerpo #contenido h1{   /*Esto hace falta para firefox pero no para explorer*/
margin-top:30px; 
margin-bottom:10px;  
}

#cuerpo #contenido p a {
color:#777;
text-decoration:underline;
}

#cuerpo #contenido p a:hover {
color:#ccc;
text-decoration:underline;
}

#cuerpo #contenido p a:visited {
color:#777;
text-decoration:underline;
}

/** ----------------------------------- contacta.html ----------------------------------- **/
#contacto {
margin:60px 200px 60px 250px;   /*el margen superior no sale en firefox!!!!*/
width:auto;
height:auto;
border-style:dotted;
border-width:0px;
background:#fdfdfd;
}

#container #cuerpo #contacto #contacta h1 {
text-align:left;
font-size:16px;
}

#container #cuerpo #contacto #contacta p {
text-align:left;
font-size:12px;
}

/** ----------------------------------- gracias-por-su-consulta.html ----------------------------------- **/
#gracias {
margin:200px 170px 200px 170px;   /*el margen superior no sale en firefox!!!!*/
width:auto;
height:auto;
border-style:dotted;
border-width:0px;
background:#fdfdfd;
}

#container #cuerpo #contacto #contacta p {
text-align:left;
font-size:12px;
}

/** ----------------------------------- comprar-snowboard.html ----------------------------------- **/
#comprar {
margin:100px 70px 100px 70px;   /*el margen superior no sale en firefox!!!!*/
width:auto;
height:auto;
border-style:dotted;
border-width:0px;
background:#fdfdfd;
}

#container #cuerpo #comprar p {
text-align:justify;
font-size:12px;
text-indent:20px;
}

#container #cuerpo #comprar h1 {
text-align:center;
font-size:14px;
font-weight:bold;
padding-bottom:15px;
}

#container #cuerpo #comprar p  span#surfysnow{
font-size:12px;
color:#FF9933;
}

#container #cuerpo #comprar p a {
color:#777;
font-size:12px;
text-decoration:underline;
}

#container #cuerpo #comprar p a:visited {
color:#777;
font-size:12px;
text-decoration:underline;
}

#container #cuerpo #comprar p a:hover {
color:#ccc;
font-size:12px;
text-decoration:underline;
}

#container #cuerpo #comprar p #logo a{
padding-left:350px;
display: block;
}

/** ----------------------------------- manual-snowboard ----------------------------------- **/


#container #cuerpo #izquierda h1 {
text-align:center;
font-size:16px;
margin-top:60px;       /*sólo para firefox*/
margin-bottom:10px;
}

#container #cuerpo #izquierda h2 {
text-align:center;
font-size:16px;
font-weight:bold;
margin-top:20px;     
margin-bottom:0px;
}

#container #cuerpo #izquierda p {
text-align:justify;
font-size:12px;
padding-top:8px;
}

#container #cuerpo #izquierda p  a {
font-size:12px;
color:#777;
text-decoration:underline;
}

#container #cuerpo #izquierda li a {
font-style:italic;
color:#777;
text-decoration:none;
}

#container #cuerpo #izquierda ul li#cat {
padding-left:30px;
text-align:left;
}

#container #cuerpo #izquierda ul li#subcat {
padding-left:50px;
text-align:left;
}

#container #cuerpo #izquierda ul li#b {
font-weight:bold;
}

#container #cuerpo #izquierda ul li#b2 {
font-weight:bold;
padding-left:50px;
}

#container #cuerpo #izquierda li a:hover {
font-style:italic;
color:#ccc;
text-decoration:none;
}

#container #cuerpo #izquierda p  a:hover {
font-size:12px;
color:#ccc;
text-decoration:underline;
}

#container #cuerpo #izquierda p  a:visited {
font-size:12px;
color:#777;
text-decoration:underline;
}

#container #cuerpo #izquierda p.foto {
padding:9px;
display: block;
text-align:center;
}

#container #cuerpo #izquierda tr td#izq {
text-align:center;
padding-left:100px;
}

#container #cuerpo #izquierda tr td#dcha {
text-align:right;
padding-left:150px;
}

#container #cuerpo #izquierda  tr td#small_izq {
text-align:center;
padding-left:100px;
}

#container #cuerpo #izquierda  tr td#small_izq a {
text-decoration:none;
font-size:12px;
color:#777;
font-weight:bold;
}

#container #cuerpo #izquierda tr td#small_dcha {
text-align:center;
padding-left:150px;
}

#container #cuerpo #izquierda  tr td#small_dcha a {
text-decoration:none;
font-size:12px;
color:#777;
font-weight:bold;
}



#container #cuerpo #derecha p#banner {
padding-top:0px;
padding-bottom:20px;
display: block;
}

#container #cuerpo #derecha p#banner2 {
padding-top:200px;
padding-bottom:20px;
display: block;
}

#container #cuerpo #derecha p#banner3 {
padding-top:200px;
padding-bottom:20px;
display: block;
}

#container #cuerpo #derecha p#banner4 {
padding-top:200px;
padding-bottom:20px;
display: block;
}

#container #cuerpo #derecha p#banner5 {
padding-top:200px;
padding-bottom:20px;
display: block;
}

#container #cuerpo #derecha p#banner6 {
padding-top:200px;
padding-bottom:20px;
display