h2 {padding: 0; margin: 0; font-family: "Trebuchet MS", verdana; font-size: 16px; font-weight: bold;}
h3 {padding: 0; margin: 0; font-family: "Trebuchet MS", verdana; font-size: 16px; font-weight: bold; color: #FF6400; border-bottom: 1px solid #A6B1B3;}
h4 {padding: 0; margin: 0; font-family: "Trebuchet MS", verdana; font-size: 14px; font-weight: bold; color: #FF6400; border-bottom: 1px solid #A6B1B3;}
h4 a {text-decoration: none; color: #FF6400;}
h4 a:hover {text-decoration: underline;}

.larticulo {width: 125px; float: left; margin-bottom: 35px; padding: 0px; text-align: center;}
.larticulo .imagen {margin-bottom: 10px;}
.larticulo .imagen img {padding: 1px; border: 1px solid #FF6400;}
.larticulo .titular {padding: 0 0px; font-family: "Trebuchet MS", verdana; font-size: 13px; font-weight: bold;}
.larticulo .titular a {color: #323232; text-decoration: none;}
.larticulo .titular a:hover {text-decoration: underline;}
.larticulo .precio {margin-top: 8px;}
.larticulo .precio span {color: #FF6400; font-weight: bold;}
.larticulo .precioAnterior {margin: 8px 0 0 0; font: normal 11px arial; color: #EF0E0E; text-decoration: line-through;}

	/**
	 * fichaArticulo
	 */


#fichaArticulo {font: 12px arial; color: #313131; line-height: 1.5em;}

#fichaArticulo #imagen {float: left;}
#fichaArticulo #imagen img {margin: 0 20px;}


#fichaArticulo #form {float: left; text-align: center; width: 300px;}

#fichaArticulo #form .precio {margin: 10px 0; font: bold 14px arial;}
#fichaArticulo #form .precioAnterior {margin: 10px 0 0 0; font: normal 12px arial; color: #EF0E0E; text-decoration: line-through;}

#fichaArticulo #form .formato {border-bottom: 1px solid #cecece; margin: 0 25px 5px 25px; width: 250px;}
#fichaArticulo #form .formato .radio {width: 40px; height: 30px; float: left; text-align: left;}
#fichaArticulo #form .formato .radio input {padding: 0px;}
#fichaArticulo #form .formato .nombre {float: left; padding: 3px 8px;}
#fichaArticulo #form .formato .noDisponible .agotado {color: red;}


#fichaArticulo #form .cantidad {margin: 10px 0;}
#fichaArticulo #form .cantidad label {font-weight: bold;}
#fichaArticulo #form .cantidad label input {text-align: right;}
#fichaArticulo #form .cantidad .validadores {margin-top: 5px; color: red;}

#fichaArticulo #descripcion {float: none; clear: both; margin: 20px 0 30px 0;}

#fichaArticulo #caracteristicas {margin: 0 0 30px 0;}
#fichaArticulo #caracteristicas #opciones .opcion {width: 260px; float: left; margin: 15px 15px 0 0;}
#fichaArticulo #caracteristicas #opciones .opcion img {float: left; padding: 1px; border: 1px solid #cecece;}
#fichaArticulo #caracteristicas #opciones .opcion div {float: left; padding: 0 0 0 10px;}

#fichaArticulo #detalleImagenes {margin: 0 0 30px 0;}
#fichaArticulo #detalleImagenes .imagen {width: 100px; float: left; margin: 15px 15px 0 0;}
#fichaArticulo #detalleImagenes .imagen img {padding: 1px; border: 1px solid #cecece;}


	/**
	 * cesta
	 */

#cesta #cabeceras {border-bottom: 1px solid #323232; padding: 5px 0;}
#cesta #cabeceras .stock {float: left; width: 40px;}
#cesta #cabeceras .nombre {float: left; width: 370px; font-weight: bold;}
#cesta #cabeceras .precio {float: left; width: 150px; text-align: center;}	 


#cesta .articulo {border-bottom: 1px solid #cecece; padding: 5px 0;}
#cesta .articulo .stock {float: left; width: 40px;}
#cesta .articulo .stock input {text-align: right;}
#cesta .articulo .nombre {float: left; width: 370px;}
#cesta .articulo .nombre a {color: #323232; text-decoration: none;}
#cesta .articulo .nombre a:hover {text-decoration: underline;}
#cesta .articulo .precioUnitario {float: left; width: 70px; text-align: right;}
#cesta .articulo .precio {float: left; width: 80px; text-align: right; font-weight: bold;}
#cesta .articulo .validadores {margin-top: 5px; color: red;}

#cesta #recalcular {float: left; width: 160px; padding-top: 10px;}
#cesta #totales {float: right; width: 400px; text-align: right;}

#cesta #totales div {padding: 5px 0; border-bottom: 1px solid #cecece;}

#cesta #finalizar {margin-top: 10px; text-align: right;}


	/**
	 * datosCliente
	 */

#datosCliente .formTitulo .titulo {color: #FF6400; font-weight; 900;  border-bottom: 2px solid #FF6400;}
#datosCliente .formBotonera .contenido {text-align: left;}

	/**
	 * metodoPago
	 */
#metodoPago .metodo {margin-bottom: 20px;}
#metodoPago .metodo .texto {margin-top: 10px;}
#metodoPago .metodo .pagar {margin-top: 20px; text-align: right;}


	/**
	 * detallePedido
	 */


#detallePedido #datosPedido {margin-bottom: 20px;}
#detallePedido #datosPedido div  {margin-bottom: 10px;}
#detallePedido #datosPedido div strong {color: #FF6400;}



#detallePedido #datosCliente {margin-bottom: 20px;}
#detallePedido #datosCliente #datosEnvio {float: left; width: 270px; margin-right: 20px;}
#detallePedido #datosCliente #datosFacturacion {float: left; width: 270px;}

#detallePedido #datosCliente #datosEnvio .datos,
#detallePedido #datosCliente #datosFacturacion .datos {padding: 10px 0 10px 10px;}

#detallePedido #articulos {margin-bottom: 20px;}
#detallePedido #articulos .articulo {border-bottom: 1px solid #cecece; padding: 5px 0;}
#detallePedido #articulos .articulo .precio {text-align: right; padding: 5px 0 0 0;}
#detallePedido #articulos .articulo .precio .italica {font-size: 10px;}
#detallePedido #articulos #totales {float: right; width: 400px; text-align: right;}
#detallePedido #articulos #totales div {padding: 5px 0; border-bottom: 1px solid #cecece;}

#detallePedido #comentarios {margin-bottom: 20px;}
#detallePedido #comentarios .datos {padding: 10px 0 10px 10px;}


	/**
	 * listadoNoticias
	 */

#listadoNoticias .noticia {margin: 5px 0 5px 0;}
#listadoNoticias .noticia .imagen {float: left;}
#listadoNoticias .noticia .imagen img {margin: 7px 10px 10px 0;}
#listadoNoticias .noticia .fecha {color: #7F7F7F; margin: 7px 0 0 0;}
#listadoNoticias .noticia .resumen a {color: #323232; text-decoration: none;}
#listadoNoticias .noticia .resumen a:hover {color: #000; text-decoration: none;}

	/**
	 * fichaNoticia
	 */

#fichaNoticia {}
#fichaNoticia #imagen {float: left;}
#fichaNoticia #imagen img {margin: 0 20px 20px 20px;}

#fichaNoticia #fecha {color: #cecece; margin-bottom: 20px}

#fichaNoticia #resumen { margin-bottom: 20px}
#fichaNoticia #desarrollo { margin-bottom: 20px}