/* */
body {background-color: white; font-size: 10pt; font-family: Arial;}

/* POSICIONAMIENTO DE BACKGROUNDS */
	#background_header_repeat {background-image: url("../images/background_header_repeat.png");} /* BORDES LATERALES QUE SE REPITEN */
	#background_header {background-image: url("../images/background_header.png");}/* FONDO QUE NO SE REPITE, ANCHO MAXIMO */
	#header {height: 194px;} /* FONDO 960, FRONTAL */
	
	#background_menu_repeat {background-image: url("../images/background_menu_repeat.png");} /* BORDES LATERALES QUE SE REPITEN */
	#background_menu {background-image: url("../images/background_menu.png");}/* FONDO QUE NO SE REPITE, ANCHO MAXIMO */
	#menu {height: 48px;} /* FONDO 960, FRONTAL */
	
	#background_body_repeat {background-color: #fff;} /* BORDES LATERALES QUE SE REPITEN */
	#background_body {}/* FONDO QUE NO SE REPITE, ANCHO MAXIMO */
	#body {padding: 32px 0px;} /* FONDO 960, FRONTAL */
	
	#background_footer_repeat {background-image: url("../images/background_footer_repeat.png");} /* BORDES LATERALES QUE SE REPITEN */
	#background_footer {background-image: url("../images/background_footer.jpg");}/* FONDO QUE NO SE REPITE, ANCHO MAXIMO */
	#footer {height: 97px; padding-top: 30px; font-size: 11px; color: white;} /* FONDO 960, FRONTAL */
	#footer a {color: #EB1520; font-weight: bold;}
	
	#background_copyright_repeat {background-image: url("../images/background_copyright_repeat.png");} /* BORDES LATERALES QUE SE REPITEN */
	#background_copyright {background-image: url("../images/background_copyright.png");}/* FONDO QUE NO SE REPITE, ANCHO MAXIMO */
	#copyright {height: 39px; line-height: 39px; color: black; font-size: 10px;} /* FONDO 960, FRONTAL */
	#copyright a {margin-top: 8px; display: inline-block;} /* FONDO 960, FRONTAL */
	
/* CLASES GLOBALES */
	body, button, input, select, textarea .color-general {color: #333;}
	.color-principal {color: gray;}
		.color-principal-hover {color: #2E64FE;}
		.color-principal-hover:hover {color: white;}
	.color-secundario {color: #6b6b6b;}
	
	
/* GENERALES */
	input {border: solid 1px #999; font-size: 11px; padding: 5px; background: url(../images/fondo_cajas_texto.gif) no-repeat left top;}
	button {font-weight: bold; font-size: 11px; border: 1px solid #ccc;}
	button:hover {color: white;}
	select {font-size: 11px;}
	
	h1 {font-size: 13pt; padding: 8px 0px;}	
	
	a, a.normal {text-decoration: none; color: #000;}
	a.resaltado {text-decoration: none; color: #999;}
	a.resaltado:hover {text-decoration: underline; background: #f57e20; color: white;}
	
	.ruta a {text-decoration: none; font-weight: bold; font-size: 9pt;}
	.ruta a:hover {text-decoration: underline;}
	
	.bg-principal, .bgh-principal:hover {background-color: #2E64FE;}
	
	.sin_resultados {background: #f9f9f9; padding: 15px 0px 15px 15px; margin: 15px 0px 15px 0px;}
	
	.caja_anuncio {background-color: #EAECE8; border: 1px solid #CCC; padding: 15px; width: 588px; font-size: 11px; margin-bottom: 15px;}
	
	.color-blanco {color: white !important;}
	
	.caja_lateral .encabezado p {font-size: 9pt;}
	.caja_lateral.login p {font-size: 8pt;}
	.caja_lateral.categorias .cuerpo a {color: #333; text-decoration: none; font-size: 9pt;}
	.caja_lateral.carrito .cuerpo {font-size: 8pt;}
	.caja_lateral.carrito .cuerpo .carrito_total .total {font-weight: bold; font-size: 10pt;}
	.caja_lateral.carrito .cuerpo .carrito_total .importe {font-weight: bold; font-size: 10pt;}
	
	.caja-contacto-superior {text-align: center; color: white; font-size: 9pt; padding-top: 5px;}
	.caja-contacto-superior a {text-decoration: none; color: white; font-style: italic; font-size: 9pt;}
	.caja-contacto-superior a:hover {text-decoration: underline;}
	
	#mensaje {position: fixed; top: 80px; right: 450px; width: 450px; background: #FA5; border: 4px solid #FF7F00; color: white; display: none; font-size: 16px; font-weight: bold;}
	#mensaje div {margin: 12px;}
	
	#menu a {color: white; display: inline-block; float: left; height: 100%; background: transparent; line-height: 50px; padding: 0px 20px; text-decoration: none; font-weight: bold;}
	#menu a:hover {background-color:  #006bcf; color: white;}
	#menu div.separador {float: left; width: 2px; height: 100%;}
	#menu a.logoheaderchico { padding: 0px; }
	
	
	.destacado {font-size: 8pt;}
	.publicado {font-size: 8pt;}
	.publicado img {border: 1px solid #ccc;}
	
	.recuadro {border: 1px solid #ccc; font-size: 8pt;}
	.recuadro .titulo {font-size: 13pt; font-weight: bold;}
	.recuadro p {font-size: 9pt; color: #555;}
	
	.carrito-produto {font-size: 10px;}
	.carrito-producto .carrito-cantidad {font-size: 8pt; font-weight: bold;}
	.carrito-producto .carrito-cantidad input {font-size: 7pt;}
	.carrito-producto .importe {font-weight: bold; font-size: 8pt;}
	
	.paginador{font-size:11px;}
	.paginador_anterior{font-weight:bold;}
	.paginador_siguiente{font-weight:bold;}
	
	.contacto-datos {font-size: 9pt;}
	.contacto-formulario {font-size: 12px;}
	
	.producto_detalle .ampliar {font-size: 10px;}
	
	.producto_detalle_der {color: #555;}
	.producto_detalle_der .precio .importe {font-size: 28px;}
	.producto_detalle_der .precio .leyenda {font-size: 10px; font-style: italic;}
	.producto_detalle_der  .descripcion {font-size: 11px;}
	.producto_detalle_der  .cantidad {font-size: 10px;}
	.producto_detalle_der  .cantidad input {font-size: 11px;}
	.producto_detalle_der  .cantidad .total {font-size: 14px;}
	.producto_detalle_adicionales {color: #555; font-size: 11px;}
	.productos_relacionados h2 {font-size: 14px;}

	.productohome{
		height: 105px;
		width: 141px;
		border: 1px solid #c0c0c0;
		text-align: center;		
	}
	
	#form-registro {font-size: 11px;}
	
#pedido .detalleScrollable {
	background: #eee;
	overflow: auto;
	max-height: 250px;
	width: 100%;
}

#pedido {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 8px;
}

#pedido .encabezadoDetalle { width: 100%; 
	background: #3E8EB9 url(../images/fondobarrapedido.jpg) repeat-x; color: white; 
}
#pedido .encabezadoDetalle tr th { 
	padding: 8px; font-weight: bold;
	text-shadow: #222 0px 1px 2px;
}

#pedido .detalleScrollable { }
#pedido .detalleScrollable table { width: 100%;  }
#pedido .detalleScrollable table tr:nth-child(2n) { background: white; }
#pedido .detalleScrollable table tr:nth-child(2n+1) { background: #eee; }
#pedido .detalleScrollable table .spacerFinal { font-size: 1px; padding: 3px; }

#pedido table tbody td { padding: 5px; }

#pedido .encabezadoPedido {	
	padding: 20px;
	background: #eee;
	border-radius: 8px 8px 0px 0px;
	position: relative;
}

#pedido .encabezadoPedido .datosUsuario {	
	position: absolute;
	text-align: right;
	top: 20px;
	right: 20px;
}


#pedido .encabezadoPedido #codigoPedido {
	color: #999;
}

#pedido .piePedido { width: 100%; 
	background: #444 repeat-x; color: white;
	border-radius: 0px 0px 8px 8px; 
}
#pedido .piePedido tr th { 
	padding: 8px; font-weight: bold;
}


.encabezadoPedido h2 {
	font-size: 16pt;
	padding: 10px 0px;
}

.encabezadoPedido h3 {
	font-size: 14pt;
	padding: 10px 0px;
	font-weight: normal;
	color: #444;
}

.cuadroPagar {
	position: relative;
	margin-top: 10px;
}

.contenidoTab {
	padding: 0px 15px 15px 15px;	
}

.contenidoTab p {
	margin: 0px;	
}

.contenidoTab .botonPagar {
	float: left; 
	padding: 0px;
	width: 100px;
}

.contenidoTab .botonPagar a {
	margin-top: 0px !important;
}

.contenidoTab .mediosHabilitados {
	float: left; 
	text-align: left;
	padding: 0px 10px 10px 30px;
	width: 400px;
	font-size: 7pt;
	color: #444;
}

.contenidoTab  .mediosHabilitados .tarjetas {
	padding-right: 10px;
}

.logoBanco {
	width: 115px;
	float: left;
	border-right: 1px solid #eee;
	margin-right: 10px;
}

.datosBanco {
	width: 300px;
	float: left;
	border: 1px solid #ccc;
}

.datosBanco td {
	padding: 8px;
}

.datosBanco th {
	text-align: right;
	padding: 8px;
	background: #eee;
}