/* CSS Document */

body {
	text-align:center;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#3184E2 url(imgTemplate/fondoCabecera.jpg) top repeat-x;	
}

#container {
	background:url(imgTemplate/fondoContainer.jpg) repeat-y;
	position:relative;
	width:999px;
	text-align:left;
	margin:auto;
}

/*---------------------ESTILOS DE LA CABECERA------------------------------------
--------------------------------------------------------------------------------*/

#bienvenido {
	position:absolute;
	top:5px;
	left:40px;
	font-family:verdana,arial;
	font-size:12px;
	color:#fff;
	z-index:50;
	width:300px;
	height:45px;	
}


#cabecera {
	position:relative;
	width: 999px;
	height:362px;
}

#cabeceraTop{
	position:relative;
	width:999px;
	height:362px;
	background:url(imgTemplate/cab.jpg) no-repeat;
	z-index:0;
}

#buscador {
	float:left;
	padding:1px 0px 1px 0px;
	border:1px solid #C8D7F4;
	margin-left:5px;
	top:40px;
	width:215px;
	z-index:1;
	background:url(images/buscador.jpg) top right;
}

*html #buscador{
	padding:0px 0px 0px 5px;
	margin-left:4px;
	width:217px;
}

#buscadorDiv{
	position:relative;
	left:5px;

}

#buscador input{
	margin-bottom:3px;
}

#buscador a {
	color:#dedede;
	font-size:10px;
	font-weight:bold;	
	text-decoration:none;
}

#buscador a:hover {
	color:#74C0F0;
	font-weight:bold;
	text-decoration:none;
}

#lupa {
	position:absolute;
	left:120px;
	top:3px;
}

#menuTop {
	position:relative;
	background:url(images/menuTop.jpg) repeat-x;
	width:541px;
	height:38px;
	text-align:right;
	margin: 0px 0px 5px 225px;
}

*html #MenuTop {
	margin: 0px 0px 5px 222px;
}
	
.elementoMenuTop {
	position:relative;
	height:38px;
	background:url(images/botonMenu.jpg) right;
	padding:10px 10px 7px 10px;
	margin:0px;
	top:13px;
	font-size:12px;
}

*html .elementoMenuTop{
	top:0px;
	padding:15px 10px 5px 10px;
}
	
.elementoMenuTop a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;	
}
	
.elementoMenuTop a:hover{
	font-weight:bold;
}

/*---------------------------COLUMNA IZQUIERDA------------------------------------
--------------------------------------------------------------------------------*/

#lateralIzq {
	position:relative;
	display:inline;
	overflow:hidden;
	width:262px;
	margin:3px 1px 3px 33px;
	padding-left:2px;
	float:left;
}

.numSubSec {
	display:none;
	font:Verdana,Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	width:20px;
}

#loginbox {
	padding:10px;
}

#loginbox td{
	font-size:11px;
	color:#555;
	padding:5px 0px 5px 0px;

}

/*---------------------------NIVELES DE CATEGORIA---------------------------------
--------------------------------------------------------------------------------*/

#categoria1{
	background:url(imgTemplate/cat_azul.jpg);
}

#categoria2{
	background:url(imgTemplate/cat_gris.jpg);
}

.categoria0A, .categoria0B {
	padding:3px 0px 3px 6px;
	font-weight:bold;
	color:#333;
	background:url(imgTemplate/cat_azul.jpg);
}

.categoria0B {
	padding:3px 0px 3px 6px;
	font-weight:bold;
	color:#333;
	background:url(imgTemplate/cat_gris.jpg);
}

.categoria0A a{
	color:#333;
}

.categoria0B a{
	color:#333;
}

.categoria0 a:hover{
}

.categoria1A, .categoria1B {
	padding:3px 0px 3px 6px;
	margin:0px 10px 0px 10px;
	border-bottom:1px dotted #bbb;	
	font-weight:bold;	
}

.categoria1A a, .categoria1B a {
	color:#666;
}

.categoria2A, .categoria2B {
	padding:3px 0px 3px 6px;
	margin:0px 10px 0px 20px;
	border-bottom:1px dotted #bbb;	
	font-weight:bold;	
}

.categoria2A a, .categoria2B a {
	color:#999;
}

.categoria1 a:hover{
}

.cuadroSubMenu {
	padding:5px;
}

/*---------------------------ESTILOS DE LAS CAJAS------------------------------------
--------------------------------------------------------------------------------*/
	/*cabecera box*/
	
.infoBoxHeading {
	background:url(imgTemplate/titMenu.gif) top left;
	width:261px;
	height:42px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#2C2C2C;
}

#contenido .infoBoxHeading {
	background:none;
}

#contenido td .infoBoxHeading  {
	padding-left:15px;
}

.infoBoxHeading td{
	margin-top:20px;
	padding-left:15px;	
}

/*Box*/
	
.infoBox {
	margin-top:5px;
}

.infoBox img{
	margin: 0px 5px 0px 4px;
}

.infoBoxContents {
  color: #17191D;
}

.infoBoxContents  a:hover /*Categorias en general*/{
  font-weight: bold;
  color: #000000;
}

.boxText {
	padding:5px;
	width:230px;
	font-family:Verdana,Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #291670;
	overflow:hidden;
	position:relative;
}

/*---------------------------------BOX CARRO COMPRA-----------------------*/

#carro{
	width:262px;
	overflow:hidden;
}

*html #carro{
	width:262px;
}
	
#carro .infoBoxHeading /*cabecera*/ {
}

#carro .infoBoxContents a/*elementos del carro*/{
	font-size:11px;
	color:#000000;
}

#carro .boxText /*precio total*/{
	font-size:12px;
	font-weight:bold;
	margin-right:8px;
}

.itemInCart /*numero de elementos*/{
	font-size:11px;	
}

.newItemInCart /*Nuevo producto en box carro compra */{
  font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #C0091B;
}
	
/*-------------------------------MENU VER CESTA--------------------------------
------------------------------------------------------------------------------*/

#menuIzq{
	position:relative;
	margin-top:20px;
	margin-left:5px;
	border:1px solid #62718B;
	padding:1px;
	width:247px;
}

.elementoMenuIzq{
	background:#62718B;
	padding:2px 0px 2px 0px;
	position:relative;
	margin:1px;
	height:25px;
	width:245px;
}

.elementoMenuIzq a{
	margin-left:10px;
	font-size:12px;
	margin-top:2px;
	color:#ffffff;
	font-weight:bold;
}
.elementoMenuIzq a:hover{
	color:#7EC4F1;
}

/*---------------------------ESTILOS GENERALES------------------------------------
--------------------------------------------------------------------------------*/

h1{
	font-size:20px;
	color:#291670;
	font-weight:normal;
	border-bottom:1px solid #ddd;
}

h2{
	font-size:14px;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#291670;
}

a{ 
  color: #333; 
  text-decoration: none; 
  font-weight:bold;
}

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

.Estilo1 {
	color: #00CC33;
	font-weight: bold;
}

/*---------------------------ESTILOS DEL PIE------------------------------------
--------------------------------------------------------------------------------*/

#pie{
	position:relative;  
	text-align:center; 
	width:999px;
	height:165px;
	background:url(imgTemplate/fondoPie.jpg) bottom;
	margin:auto;
}

#pie div{
	position:relative;
	font-size:10px;
	top:57px;
	color:#fff;
}

#pie div a{
	font:Verdana,Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
}	

/*---------------------------ESTILOS DEL BLOQUE DE PRODUCTOS-----------------------
--------------------------------------------------------------------------------*/

.bloqueProductos {
	width: 630px;
	float: left;
}

.elementoProducto {
	width: 192px;
	height: 281px;
	float: left;
	background:url(imgTemplate/cajaProd.jpg) no-repeat bottom right;
	margin: 8px 3px 3px 8px;	
	position: relative;
	text-align:center;
}

.styleProductModel {
}

.styleProductName a {
	position:absolute;
	top:155px;
	left:5px;
	width:180px;
	text-align:center;
	font-size:11px;
	color:#22557C;
	font-weight:normal;
	margin-top:3px;
	margin:auto;
	line-height: 15px;
}

.styleProductName a:hover {
	color:#333;
	text-decoration:underline;
}

.styleProductManufacturer {
	position:absolute;
	bottom:70px;
	left:7px;	
	display:block;
	font-size:10px;
}

.styleProductPrice {
	position:absolute;
	bottom:45px;
	left:4px;
	display:block;
	color:#62718B;
	font-size:19px;
	font-weight:normal;
	text-align:center;
	width:185px;
}

.styleProductQuatity {
}

.styleProductWeight {
}

.styleProductImage{
	position:absolute;
	top:14px;
	left:35px;	
}

.styleProductImage img{
	border:0px;
}

.styleProductBuyNow {
	position:absolute;
	bottom:14px;
	left:47px;
	font-size:11px;	
}

.styleProductBuyNow a{
	color:#fff;
}

.paginacionProductos /*numero de paginas de productos, debajo de un listad0*/ {
	 width:600px;
	 padding:2px;
	 padding-top:30px;
	 clear:both;	
}

.paginacionProductos .smallText{
	font-size:11px;
	color:#556F92;
}

SPAN.markProductOutOfStock {
  font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

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

/*---------------------------ESTILOS PRODUCTOS EN LA CESTA-----------------------
--------------------------------------------------------------------------------*/
.productListing td {
	vertical-align:middle; 
}

.productListingHeader-remove{
	font-size:12px;
	font-weight:bold;
	background-color:#3184BA;
	color:#FFFFFF;
	padding:2px;
}

.productListingHeader-products{
	font-size:12px;
	font-weight:bold;
	background-color:#3184BA;
	color:#FFFFFF;
	padding:2px;
	text-align:center;
}
.productListingHeader-products{
	font-size:12px;
	font-weight:bold;
	background-color:#3184BA;
	color:#FFFFFF;
	padding:2px;
	text-align:center;
}
.productListing-data{

font-size:14px;}

.productListingHeader-quantity{
	font-size:12px;
	font-weight:bold;
	background-color:#3184BA;
	color:#FFFFFF;
	padding:2px;
}

.productListingHeader-total{
	font-size:12px;
	font-weight:bold;
	background-color:#3184BA;
	color:#FFFFFF;
	padding:2px;
}
.productListing-total{
	font-size:12px;
	width:150px;
}

/*--------------------------ESTILOS CUERPO----------------------------------------
--------------------------------------------------------------------------------*/
#cuerpo{
	width:999px;	
	position:relative;
	margin:0px;
	top:-45px;
}

#contenido {
	position:relative;
	float:left;
	margin-left:20px;
	margin-top:20px;
	width: 630px;
	color:#666666;
	font-size:11px;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.pageHeading {
	margin-top:20px;
	font-size:20px;
	font-weight:normal;
	padding-left:5px;
	top:-2px;
	padding-bottom:5px;
}

.pageHeading, DIV.pageHeading {
  font-family: Verdana,Arial;
  font-size: 20px;
  font-weight: normal;
  color: #291670;
}

.lineaSeparadora{
	width:100%;
	border-top:2px solid #61C022;
}
	
TD.main, P.main {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}
  
.category_desc /*Descripcion Categoria*/{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
}

.productListing-odd /*Texto no hay productos en esta categoria*/{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
form {
	display: inline;
}

.main /*etiqueta 2 contenido productos*/{
	width:490px;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
}

.main table{
	width:480px;
}

.main td{
	font-size:11px;
}

.text /*etiqueta 3 contenido productos*/{
	width:490px;
	font-size:11px;
}

.productListing-heading /*cabecera listado productos, cambiar orden listado productos*/{
	color:#ffffff;
	background-color:#C0091B;
	padding:0px 10px 0px 10px;
	margin-bottom:10px;
	font-size:12px;
	font-weight:bold;
	display:none;
}

span .productListing-heading{
	display:none;
}
 
TD.smallText /*CELDAS DE SUB-CATEGORIAS Y OTRAS TIPO COMENTARIOS PIE DE PAGINA*/{
	border-bottom:1px dotted #556F92;
	padding:8px;
	font-size:11px;
}

.infoBox .smallText /*CUADRO NUEVOS PRODUCTOS*/{
	border-bottom:1px solid #556F92;
	background:#efefef;
}
	
.smallText {
	padding:5px;
}


TD.smallText, SPAN.smallText, P.smallText {
  font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.stockWarning /*Aviso en la cesta cuando no queda stock*/{ 
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:10px; 
	color:#cc0033;
	font-weight:bold; 
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.greetUser /*Saludo pagina inicial*/ {
  font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

.messageStackError {
	background-color:#F5CDB7;
}

.messageStackSuccess {
	background-color:#F9F6A9;
}

.messageStackWarning /*mensahje error al quitar la direccion principal y otros*/{
	color:#C0091B;
	border:1px solid #C0091B;
	font-size:13px;
	background-color:#efefef;
	font-weight:bold;
	padding:3px;
}

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


/*-------------------------------ESTILOS FORMULARIOS----------------------------
------------------------------------------------------------------------------*/

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

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

/*-------------------------------ADMINISTRACION---------------------------------------
--------------------------------------------------------------------------*/

.errorBox /*NOTIFICACION ERROR, linea de arriba*/{ 
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size : 10px; background: #ffb3b5; 
	font-weight: bold; 
}

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

INPUT, SELECT {
  font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 11px;
}

TABLE.formArea /*DATOS DE LOS CLIENTES EN LA ZONA DE ADMINISTRACION*/{
  background: #C1CFD3;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
  width:500px;
}

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

/*-------------------------------NO LOCALIZADOS---------------------------------------
--------------------------------------------------------------------------*/

TR.footer {
  background: #008193;
}

TD.footer {
  font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #291670;
  color: #ffffff;
}

TR.header {
  background: #17191D;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #17191D;
  font-weight : bold;
}

A.headerNavigation { 
  color: #5781AE; 
  font-weight : bold;
}

A.headerNavigation:hover {
  color: #17191D;
  font-weight : bold;
}

TR.headerError {
  background: #5781AE;
}

TD.headerError {
  font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #5781AE;
  color: red;
  text-align : center;
}

TR.headerInfo {
  background: #000000;
}

TD.headerInfo {
  font-family:Verdana,Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #291670;
  color: #FFFFFF;
  text-align: center;
}

.checkoutBarFrom, .checkoutBarTo { 
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #8c8c8c; 
}

.checkoutBarCurrent { 
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #000000; 
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f4f7fd;
}

TR .productListing-odd {
	background: #f4f7fd;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}

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: #ffffff;
}

A.pageResults {
}

A.pageResults:hover { 
}

.inputRequirement {
	color:#dd2222;
	font-size: 11px;
	font-weight:bold;
}

.topventas_producto {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dashed #aaa;
}