
/*Cuerpo
------------------------------------------*/
body {
  margin:0px;
  padding:0px;
  background-color: white;
	 
  font-family : Tahoma,Verdana,Arial;
  font-size:11px;

  text-align: justify;margin-right:5.0pt; 
}


img { border: none }
form {padding:0;margin:0}

h1, h2{
	margin:0;
	padding:10px 0 0px 10px;
	height:30px;
	font-size: 14px;
	color: #252525;
}
h1 { 	background:url(fon02.gif) repeat-x; }
h2 { 	background:url(fon02b.gif) repeat-x; }
h3 { font-size:14px; padding-left:10px; color:#ff9900; }
h4,h5,h6 { font-size:13px; padding:0 0 0 10px;margin:0px;color:#000; }

.h1 {
	margin:0;
	padding:10px 0 0px 10px;
	height:30px;
	font-size:18px; font-weight:bold;
	color: #252525;	
	background:url(fon02.gif) repeat-x;
}
.h1 span { font-size:12px; }

hr { width:100%; height:2px; color:#FF6600; }

input, select {
	color : #000000;
	font-size : 12px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}


.right b {
	color : #EF6D00;
}
.right a {
	color : #003C5E;
}
.right a:hover {
	color : #000000;
}


p {
	margin-top : 5px;
	padding-bottom : 5px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
}
p a {
	color : #294A7B;
	text-decoration:none;
}
p a:hover {
	color : #000000;
}





.newsS
{
padding:0px;
}
.newsT
{
padding:0px 0 0 0;
color:#003C5E;
}
.newsR
{
padding:0 0 4px 0;
text-align:right;
}
.newsR a { text-decoration:underline; }


/*--------------------------------------------------------------------------------
  Casos especiales
----------------------------------------------------------------------------------*/




#container {
  width: 950px;

  height: 100%;
  margin:0px auto;
  padding:0px 16px 0px 17px;
  
  background:white url(bg.gif) repeat-y 0px 0;
}


/* Cabecera de p⨩na
------------------------------------------*/
#header {
  width: 100%;
  height:126px;  
  margin: 0;
  padding: 0;
}
#comName {display:none;}
#logoIMG {text-align:left;}





/*Bloque de los m󤵬os
------------------------------------------*/
/*------- modules.css*/


/*footer - Pie de p⨩na
------------------------------------------*/
#footer {
  clear:both;
  height:77px;
  width:100%;
  background: white url(fon_bot.gif) bottom repeat-x;
}

#footer p {
  position:relative;
  ffloat:left;
  margin:0px 0px 0 0px;
  padding:16px 0px 0px 10px;
  
  bottom:39px;  
  /*width: 177px;*/
  width: 210px;
  height: 61px;
  
  background: url(left_bot.gif) no-repeat;
}


/*Formularios
------------------------------------------*/

/***************************************************************************
Menu BAR stylesheet
****************************************************************************/
#menuBar, #menuBar a.menuButton, div.menu, div.menu a.menuItem { color: white; font-size: 14px; font-weight:bold; text-decoration:none; }
#menuBar { float:left; height:40px; width:100%; margin: 0px 0px 0px 0px; text-align: left; background: white url(fon03.gif); }

#menuBar a.menuButton {
  float:left;
  background-color: transparent;
  color: black;
  cursor: default;
  left: 0px;
  margin:1px 1px 1px 0px;
  mmargin: 1px;
  padding: 10px 15px 10px 15px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
  border-right:2px groove white;
}

#menuBar a.menuButton:hover { 
  margin:1px 1px 1px 0px; background-color: transparent; 
  bborder: 1px solid #e0e0e0; 
  color: #FFFFFF; }

#menuBar a.menuButtonActive,
#menuBar a.menuButtonActive:hover {
  mmargin:1px;
  margin:1px 1px 1px 0px;

  background-color: #134B62;
  border-top: 1px solid #3E7095;
  border-left: 1px solid #3E7095;
  border-right: 1px groove white;
  border-bottom: 1px solid #134B62;
  color: #ffffff;
}

div.menu { visibility: hidden; position: absolute; padding: 1px 1px 1px 1px; margin:0; left: 0px; top: 5px; border: 1px solid #3E7095; background-color: #134B62;
  z-index: 101; filter: alpha(opacity=95); -moz-opacity: 0.95;
}

div.menu a.menuItem { color: #B4CCE9; cursor: default; display: block; padding: 3px 1em; text-decoration: none; white-space: nowrap; }
div.menu a.menuItem:hover, div.menu a.menuItemHighlight { background-color: #3E7095; color: white; }
div.menu a.menuItem span.menuItemText {}
div.menu a.menuItem span.menuItemArrow { margin-right: -.75em; }
div.menu div.menuItemSep { border: 1px inset #134B62; margin: 4px 0px; }

/*navigation - Navigation
------------------------------------------*/
#navigation {
  float:left;
  /* width:187px; */
  width:210px;
  padding-bottom:50px;
}


#navCategorias { padding-bottom:50px; border-bottom:1px dotted gray; color:white; }
#navCategorias a { display:block;  color:white; text-decoration:none;  }
#navCategorias a:hover { display:block;  color:white; border-top:1px solid white; border-bottom:1px solid white;  padding-top:0px;padding-bottom:0px;}
/*
#navCategorias .g { height:250px; overflow:auto;}
*/

#buscador{ background:#30A1DB url(busq_bottom.gif) no-repeat bottom; padding:0 0 25px 0; border-right:1px solid #246494; }

/*
#buscador .bsl1{color:black;background:url(busq_bsl1.gif) #FE851A;}
#buscador .bsl2{color:#246494;}
#buscador .bsl3{padding-left:15px;}
#buscador .bsl4{padding-left:25px;}
*/

#subNavigation { width:100%; background: #246494; color : #FFFFFF; }
#subNavigation a { font-weight: bold; color : #FFFFFF; text-decoration: none; }
#subNavigation a:hover { color : #F2F2F2; }
#subNavigation ul { border-top: 1px solid #48C8FF; margin:0; padding:0; }
#subNavigation li { margin:10px 0 10px 0px; padding:0px 0 10px 30px; list-style:none; background:url(e01.gif) no-repeat 0 0px; border-bottom: 1px solid #48C8FF; }

#navBottom { color:white; }
#navBottom a { color:white; font-weight:bold; }


/*content - 
------------------------------------------*/
#content {
  float:left;
  /* width:593px; */
  width:740px;
  padding:0;
  text-align:justify;
  background:white url(fon01.gif) repeat-x;
  font-size:12px;
}
#content h1 { font-size:18px; font-weight:bold; }
#content p{ padding-left:10px;	padding-right:20px; font-size:13px;}
#content li{ padding-right:20px; }
#content a { color : #294A7B; text-decoration:none; }
#content a:hover { color : #000000; }

#content li, #content li a { color:#0066CC; }

#content dl dt { color:#F26E00;font-weight:bold; }
#content dl dd { color:#0066CC; }





#destacado p, #noticias p, #prods p { margin:5px 5px 5px 10px; }

#destacado {
	float:left;
	/*width:296px;*/
	width:450px;
	height:360px;
	border-right:1px solid gray;
	background:white url(fon01z.gif) repeat-x;
}


#noticias {
	float:left;
	width:289px;
	height:320px;
	padding-left:0px;
	/*border-right:1px solid gray;*/
	background:white url(fon01z.gif) repeat-x;
}
#prods {
	clear:both;
	width:100%;
}
#prods p { margin-left:5px; }
.prod1 {
	width:551px;
	height:120px;
	margin-left:10px;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
}

.prod2 {
	width:551px;
	height:120px;
	margin-left:10px;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
}

#prods .prodsPreview
{
	height:110px;
	float:left;
	width:120px;
	text-align:center;
}
#prods .prodsBuy
{
	height:80px;
	float:left;
	width:95px;
	border-right:1px solid gray;
	padding-top:25px;
	text-align:center;
}
#prods .prodsBuy img{ border:none; }

#prods .prodsDescr
{
	margin-left:220px;
}



























.C { text-align:center; }
.L { text-align:left; }
.R { text-align:right; }
.J { text-align:justify; }
.b { font-weight:bold; }





.l1 { font-weight:bold; padding:1px 0 1px 5px;}
.l2 { padding-left:6px; padding:1px 0 1px 10px;}










/* Listado de productos  - formato 2 columnas
------------------------------------------------------------------------------------*/ 

.prodG
{
 float:left;
 height:100px;
 /*width:280px;*/
 width:355px;
 margin-top:10px;
 margin-left:10px;
 border-bottom:1px dashed #CCCCCC;
 border-right:1px dashed #CCCCCC;

 overflow:hidden;
 font-size:11px;
}
.prodG:hover { background:#FBFBFB; border:1px solid #FF7E0E; margin-top:9px;margin-left:9px;}
.prodG img { float:left;margin-top:20px; }

#content .prodG div h1 { 
	background:none; 
	margin:0;
	padding:0;
	font-size:13px;
	overflow:hidden; 
	text-align:left; 	
	height:46px; 
}

.prodG div { float:right; width:275px; }
.prodG div img { margin-top:5px; float:right;}

/* Listado de productos - formato lista
------------------------------------------------------------------------------------*/ 
.prodL { width:100%; }
.prodL img { float:left; margin-right:5px;}
.prodL thead th { background:#FFE6CF; color:black; text-align:center;height:24px;border:1px solid #EF7000; }
.prodL tbody td { border-bottom:1px dotted gray; color:#B3B3B3;}
.prodL tbody td a { font-weight:bold; }
.prodL tbody th { border-bottom:1px dotted gray; text-align:right; }
.prodL tbody tr:hover { background:#FFE6CF;border:1px solid #EF7000; }


.prodC { width:114px; padding:2px;  height:130px; text-align:center; float:left; margin-bottom:20px;}


/* Maquetador de PC
------------------------------------------------------------------------------------*/
.dropbox { border:1px solid white; background:url(scrolldown.gif) no-repeat right; }
.dropbox:hover { border:1px solid gray; background:url(scrolldown_active.gif) no-repeat right; }

 .miCarrito  {	 width:500px;margin:auto;text-align:left;  }
 .miCarrito tbody td { border-bottom:1px dashed gray; }
 .miCarrito thead th { background:orange; }
 .miCarrito a { text-decoration:none;color:black; }
 .miCarrito tfoot td { padding-top:2px; font-weight:bold; font-size:14px; }
 
#carrito {
	width:167px;height:174px;
	border:none;
	margin-left:-45px;
	padding:2px 0 0 50px;
	color:#71DC6E;
	background:url(carritoVacio.gif);
}
.carritoLleno {
	background-image:url(carritoLleno.gif);
}
