/* ----------------------------------------------------------

Javier Otero (Ceninteser Comunicacion)
comunicacion{arroba}ceninteser.es

Colores: 
	- Fondo pagina: #a3c2e2
	- Boder gris: #dbd6d2
	- Fondo menu: #c032b8
	- Color Titulos: #6895c4
	- Color texto: #646464

Familia de fuentes: 
	- Arial, Verdana, Helvetica, sans-serif
	- "Trebuchet MS", Verdana, Helvetica, sans-serif
	
Indice:
	- Reset CSS ..........................
	- Estilos generales ..................
	- Cabecera ...........................
	- Contenido ..........................
		· centro .........................
		· menu principal .................
		· noticia principal (Portada) ....
		· otras noticias .................
	- Derecha* ...........................
	- Pie ................................
	
	
---------------------------------------------------------- */


/***** RESET CSS *****/

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


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

body {margin: auto; text-align: center;}
a    {}
h1   {}
h2   {}
h3   {}
h4   {}
h5   {}
hr   {}
textarea	{}

.vercesta a {
	color: #646464;
	font-weight: bold;
}

/* para impresion */
.titulo_pedido {
	display: none;	
}

/***** PORTADA *****/

#portada {
	margin: auto;
	width: 840px;
}

/* cabecera portada */
#portada #header {
	background-color: #501a65;
	margin: 20px 0 0 0;	
	height: 65px;
}

	#portada #header a {
		float: right;
		margin: 10px;	
	}
	
	#portada #header .tituloPortal {
		color: #ab91b5;
		float: left;
		font-family: Tahoma, Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		font-weight: bold;
		margin: 0;
	}
	
#portada #content {
	height: 373px;
	width: 840px;
}

	#portada #content #slide {
		display: hidden;
		height: 373px;
		text-align: left;
		width: 840px;
	}

	#portada #content .mix {
		display: none;	
	}
	
#portada #footer #sup {
	background-color: #ff9331;
	color: #FFFFFF;
	display: block;
	height: 144px;	
}

	#portada #footer #sup div {
		display: block;
		float: left;
		padding: 4px;
		text-align: left;
		width: 265px;	
	}
	
	#portada #footer #sup div h3 {
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 16px;
		margin: 0 0 10px 0;
	}
	
		#portada #footer #sup div h3 a {
			color: #501a65;
			font-weight: bold;
			text-decoration: none;
		}
	
	#portada #footer #sup div p {
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		width: 250px;	
	}

#portada #footer #inf {
	background-color: #501a65;
	display: block;
	height: 38px;
}

	#portada #footer #inf ul {
		float: left;
		margin: 8px 5px 5px 5px;
		width: 500px;
	}
	
	#portada #footer #inf ul li {
		float: left;
		list-style-type: none;
		margin: 0 25px 0 0;
		#margin: 0 20px 0 0;
	}

	#portada #footer #inf ul li a {
		color: #FFFFFF;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 13px;
		text-decoration: none;
	}
	
	#portada #footer #inf p {
		color: #ab91b5;
		float: right;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 11px;
		margin: 12px 4px 10px 0;
	}
	
		#portada #footer #inf p a {
			color: #ab91b5;	
		}
	

/***** PAGE *****/
#page {
	background-image: url(../img/bgpage.png);
	background-repeat: repeat-x;
	text-align: center;
	width: 100%;
}

#page #header {
	height: 122px;
	margin: auto;
	width: 980px;
}

	#page #header .logo {
		float: left;
		margin: 25px 0 0 0;
	}
	
#page #header .buscar {
	background-image: url(../img/bgbuscar.png);
	background-repeat: no-repeat;
	height: 30px;
	margin: 6px 0 0 650px;
	*margin: 6px 0 0 150px;
	position: absolute;
	width: 335px;
}

	#page #header .buscar .txtform {
		border: 1px solid #7f9db9;
		color: #646464;
		height: 14px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		margin: 4px 0 0 0;
		padding: 1px 1px 1px 2px;
		width: 180px;	
	}
	
	#page #header .buscar .btnGen {
		color: #646464;
		height: 20px;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
	}
	
#page .menu {
	float: right;
	margin: 85px 5px 0 0;
}

#page #content {
	background-color: #FFFFFF;
	background-image: url(../img/bgcontent.png);
	background-repeat: no-repeat;
	color: #646464;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin: auto;
	overflow: hidden;
	padding: 10px;
	text-align: left;
	width: 960px;	
}

	#page #content h3 {
		background-color: #ff9331;
		color: #FFFFFF;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 16px;
		margin: 10px;	
		padding: 10px;
	}
	
	#page #content p {
		margin: 0 20px 20px 20px;
		text-align: justify;
	}
	
		#page #content a {
			color: #501a65;
			font-weight: bold;
		}
	
	#page #content ul {
		margin: 0 0 0 20px;	
	}
	
	#page #content ul li {
		color: #646464;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		margin: 0 20px 20px 20px;
	}
	
	#page #content ul li a {
		font-weight: bold;
		text-decoration: none;
	}
	
	/* noticias */
	#texto_seccion h4 {
		color: #646464;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
		font-size: 20px; 
		font-weight: bold; 
		margin: 40px 20px 0 20px;	
	}
	
		#texto_seccion p {
			margin: 0 20px;
			text-align: justify;
		}
		
		#texto_seccion .archivo a {
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			background-color: #F5F5F5;
			border: 1px solid #CCCCCC;	
			color: #646464;
			cursor: pointer;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 12px;
			margin: 5px 0 40px 0;
			padding: 2px 20px;
			text-decoration: none;
		}
		
		#texto_seccion #paginarNoticias {
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			background-color: #F5F5F5;
			border: 1px solid #CCCCCC;	
			margin: 25px 0 40px 0;
			padding: 10px;
			text-align: center;
		}
		
			#texto_seccion #paginarNoticias a {
				color: #646464;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 18px;
				text-decoration: none;	
			}
			
			#texto_seccion #paginarNoticias .paginaselect {
				color: #501a65;	
			}
	
	/* paginacion */
	#page #content #pagination {
		border-top: 1px dotted #CCCCCC;	
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
		padding: 10px 0 0 0;
	}
	
		#page #content #pagination .npaginas {
			float: left;	
		}

		#page #content #pagination .pactual {
			float: right;	
		}
		
		#page #content #pagination .pactual a {
			color: #646464;
			margin: 0 2px 0 0;
			text-decoration: none;
		}
		
		
/***** CONTENIDO / TIENDA *****/

/* lateral */

#page #content #lateral {
	float: left;
	margin: 3px 0 0 5px;
	text-align: left;
	width: 260px;
}

	#page #content #lateral h2 {
		background-color: #ff9331;
		color: #501a65;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 18px;
		padding: 10px;
	}

	#page #content #lateral div {
		background-color: #F2F2F2;
		margin: 0 0 15px 0;
		padding: 10px;
	}

	#page #content #lateral ul {
		margin: 0;
		padding: 0;
		width: 200px;
	}
	
	#page #content #lateral ul li {
		list-style-type: none;
		margin: 0 0 5px 0;
		padding: 0;
	}
	
	#page #content #lateral ul li a {
		color: #646464;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
	}

	#page #content #lateral h4 {
		color: #646464;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		margin: 0 0 5px 0;
	}
	
	#page #content #lateral select {
		color: #646464;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		width: 240px;	
	}

	/* centro */
	
	#page #content #centro {
		float: left;
		width: 690px;
		_width: 680px;
	}
	
	#page #centro .btnGenCentro {
		background-color: #646464;
		border: 1px solid #646464;
		color: #EEEEEE;
		font-size: 11px;
		font-weight: bold;
		margin: 10px 0 5px 20px;
		padding: 2px 3px;
	}
	
		/* cabecera categoria tienda */
		#page #content #centro #header_categoria {
			float: left;
			margin: 4px 0 12px 20px;
			_margin: 4px 0 12px 10px;
			width: 670px;	
			_width: 670px;
		}
		
			#page #content #centro #header_categoria h2 {
				background-color: #ff9331;
				color: #501a65;
				font-family: Tahoma, Verdana, Arial, sans-serif;
				font-size: 18px;
				padding: 10px;
			}	
			
		#page #content #centro #header_categoria #image {
			float: left;
			margin: 0 6px 0 0;
			width: 530;
		}
			
		#page #content #centro #tempcesta {
			background-color: #f2f2f2;
			background-image: url(../img/cesta.jpg);
			background-position: 0 90px;
			background-repeat: no-repeat;
			float: left;
			height: 210px;
			width: 130px;
		}
		
			#page #content #centro #tempcesta p {
				font-size: 11px;
				margin: 5px;
				padding: 0;
			}
			
			#page #content #centro #tempcesta a {
				color: #646464;
				font-weight: bold;
				text-decoration: none;
			}
		
		/* cabecera CCAA */
		#cabeceraCCAA h3 {
			font-family: Tahoma, Verdana, Arial, sans-serif !important;
			font-size: 18px !important;
			padding: 10px !important;
			margin: 3px 0 10px 10px !important;	
		}
		
		
		/* lista articulos */
		#page #content #centro #listaArticulos {
			margin: 0 0 0 20px;	
		}
		
		#page #content #centro #listaArticulos .articulo {
			background-color: #F2F2F2;
			float: left;
			margin: 0 5px 12px 0;
			height: 175px;
			padding: 4px;
			text-align: center !important;
			width: 120px;
		}
		
			#page #content #centro #listaArticulos .articulo a {
				display: block;
				height: 127px;
				overflow: hidden;
				padding: 4px;
				width: 110px;	
			}
			
			#page #content #centro #listaArticulos .articulo img {
				/*height: 150px;*/
				width: 110px;	
			}
			
			#page #content #centro #listaArticulos .articulo p {
				color: #646464;
				font-family: Arial, Verdana, Tahoma, Arial, serif;
				font-size: 11px;
				font-weight: bold;
				margin: 0px;
				text-align: center;
			}
			
		
		/* paginacion */
		
		#content #centro #paginacion {
			background-color: #A8A8A8;
			color: #FFFFFF;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 11px;
			font-weight: bold;
			overflow: hidden;
			padding: 5px;
			margin: 20px;
			width: 655px;
			_width: 650px;
		}
		
			#content #centro #paginacion p {
				font-weight: bold;
				font-size: 12px;
				margin: 0;
				padding: 0;
			}
			
			#content #centro #paginacion .actual {
				float: left;
				margin: 0;
				width: 100px;
			}
			
			#content #centro #paginacion .lista {
				float: left;	
				margin: 0;
				text-align: center;
				width: 455px;
			}
			
				#content #centro #paginacion .lista a {
					color: #FFFFFF;
					font-size: 12px;
					font-weight: bold;
					text-decoration: none;
				}
				
				#content #centro #paginacion .lista .paginaselect {
					border: 1px solid #FFFFFF;
					font-weight: bold;
					padding: 0 2px 1px 2px;
				}
				
			#content #centro #paginacion .todos {
				float: right;	
				text-align: right;
				width: 100px;
			}
			
				#content #centro #paginacion .todos a {
					color: #ffffff;
					font-weight: bold;
					text-decoration: none;
					text-transform: uppercase;
				}
				
			
		/* form contacto */
		#page #content #centro .formContacto {
			margin: 10px 0 0 20px;
		}
		
			#page #content #centro .formContacto label {
				display: block;	
			}
			
			#page #content #centro .formContacto .txtForm {
				border: 1px solid #CCCCCC;
				color: #646464;
				display: block;
				font-family: Verdana, Geneva, sans-serif;
				font-size: 12px;
				margin: 2px 0 10px 0;
				padding: 5px;
				width: 300px;
			}
			
			#page #content #centro .textArea {
				border: 1px solid #CCCCCC;
				color: #646464;
				display: block;
				font-family: Verdana, Geneva, sans-serif;
				font-size: 12px;
				height: 100px;
				margin: 2px 0 10px 0;
				padding: 5px;
				width: 500px;
			}
			
			#page #content #centro .formContacto .btnEnviar {
				background-color: #EEEEEE;
				border: 1px solid #CCCCCC;
				color: #646464;
				font-size: 11px;
				font-family: Verdana, Geneva, sans-serif;
				padding: 4px 6px 4px 6px;
			}
		
		
		/* ficha articulo */
		#page #content #centro #fichaArticulo {
			margin: 0 0 0 20px;
			overflow: hidden;
			width: 670px;
		}
		
			#page #content #centro #fichaArticulo h2 {
				background-color: #ff9331;
				color: #501a65;
				font-family: Tahoma, Verdana, Arial, sans-serif;
				font-size: 18px;
				margin: 4px 0 10px 0;
				padding: 10px;
				width: 650px;
			}	
		
			#page #content #centro #fichaArticulo .imagenArticulo {
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border: 5px solid #CCCCCC;
				float: left;
				margin: 0 10px 0 0;
				padding: 10px;
				width: 200px;
			}
		
			#page #content #centro #fichaArticulo #descripcionArticulo {
				float: left;
				color: #646464;
				font-family: Arial, Verdana, Tahoma, Arial, serif;
				font-size: 12px;
				font-weight: bold;
				text-align: left;
				width: 350px;
			}
			
			#page #content #centro #fichaArticulo #descripcionArticulo div {
				background-color: #EEEEEE;
				margin: 0 0 10px 0;	
				padding: 5px;
				width: 500px;
			}
			
			#page #content #centro #fichaArticulo #descripcionArticulo div p {
				margin: 0 0 3px 0;
				padding: 0;
				width: 410px;
			}
			
			#page #content #centro #fichaArticulo #descripcionArticulo div strong {
				display: block;
				margin: 0 0 5px 0;
				text-transform: uppercase;
			}
			
			#page #content #centro #fichaArticulo #descripcionArticulo div hr {
				margin: 10px 0 5px 0;
				width: 99%;
			}
			
			#page #content #centro #fichaArticulo #descripcionArticulo div .precio {
				font-size: 20px;
				font-weight: bold;
				margin: 5px 0 10px 0;
			}
			
				#page #content #centro #fichaArticulo #descripcionArticulo div .precio span {
					font-size: 14px;
				}
			
			#page #content #centro #fichaArticulo #descripcionArticulo .btnGen {
				font-weight: normal;
				padding: 2px 4px;
			}
			
			#page #content #centro #fichaArticulo #descripcionArticulo .frmDescripcionArticulo .slctform {
				width: 150px;	
			}
			
			#page #content #centro #fichaArticulo #descripcionArticulo .frmDescripcionArticulo .txtform {
				float: left;
				margin: 0 5px 0 0;
				width: 50px;	
			}
			
			#page #content #centro #fichaArticulo #descripcionArticulo .frmDescripcionArticulo .btnform {
				background-color: #646464;
				border: 1px solid #646464;
				color: #EEEEEE;
				font-size: 10px;
				font-weight: bold;
				padding: 4px;
				width: 80px;	
			}
			
		#page #content #centro #cesta {
			background-color: #f2f2f2;
			color: #646464;
			display: block;
			font-family: Arial, Verdana, Tahoma, Arial, serif;
			font-size: 11px;
			font-weight: bold;
			margin: 20px 0 10px 0;
			overflow: hidden;
			padding: 7px;
			text-align: left;
			width: 660px;
		}
		
		
			#page #content #centro #cesta .valor_cesta {
				border: 2px solid #CFCFCF;
				margin: 5px 4px 2px 0;
				overflow: auto;
				padding: 5px;
			}
			
			#page #content #centro #cesta .valor_cesta p {
				margin: 0;
				padding: 0;
			}
			
			#page #content #centro #cesta .valor_cesta table {
				border-bottom: 1px solid #646464;
				padding: 0 0 3px 0;
				width: 640px;
			}
			
				#page #content #centro #cesta .valor_cesta table .td1 {width: 380px}
				#page #content #centro #cesta .valor_cesta table .td2 {width: 75px;}
				#page #content #centro #cesta .valor_cesta table .td3 {width: 100px;}
				#page #content #centro #cesta .valor_cesta table .td4 {width: 20px;}
			
			#page #content #centro #cesta .valor_cesta .total {
				float: right;
				margin: 5px 10px 0 0;
			}
			
			#page #content #centro #cesta .valor_cesta .btnGen {
				background-color: #CCCCCC;
				border: 1px solid #646464;
				color: #646464;
				float: left;
				font-size: 10px;
				font-weight: bold;
				margin: 20px 5px 0 0;
				padding: 2px 4px;
			}



	/* pestaņas */	
	#content #masInfo {
		margin: 20px 20px 0 20px;
		text-align: left;
	}
	
		#content #masInfo ul {
			margin: 0;
			padding: 0;
			text-align: left;
		}
		
		#content #masInfo ul li {
			margin: 0;
			padding: 0;
		}
		
		#content #container-1 {
			color: #646464;
			font-family: Verdana, Tahoma, Arial, serif;
			font-size: 12px;
			text-align: justify;
		}
		
		#content #masInfo #fragment-1 .fichaArtesana, 
		#content #masInfo #fragment-2 .fichaArtesana, 
		#content #masInfo #fragment-3 .fichaArtesana {
			background-color: #F6F6F6;
			border: 1px solid #EEEEEE;	
			font-size: 11px;
			margin: 0 0 10px 0;
			overflow: hidden;
			padding: 10px;
		}
		
		#content #masInfo #fragment-1 .fichaArtesana ul li, 
		#content #masInfo #fragment-2 .fichaArtesana ul li, 
		#content #masInfo #fragment-3 .fichaArtesana ul li {
			list-style-type: circle;
			margin: 0 0 0 25px;
		}
		
			#content #masInfo #fragment-2 .fichaArtesana p {
				margin: 0 0 10px 0;
				overflow: hidden;
				width: 400px;	
			}
			
			#content #masInfo #fragment-1 .fichaArtesana p, 
			#content #masInfo #fragment-3 .fichaArtesana p {
				margin: 0 0 10px 0;
				overflow: hidden;
				width: 570px;	
			}
			
			#content #masInfo #fragment-2 .fichaArtesana ul {
				float: left;
				width: 400px;	
			}
		
			#content #masInfo #fragment-2 .fichaArtesana ul li {
				display: block;
				list-style-type: none;
				margin: 0 0 5px 0;
				text-align: justify;
				width: 250px;
			}
			
				#content #masInfo #fragment-2 .fichaArtesana ul li span {
					display: block;
					float: left;
					width: 100px;	
				}
		
			#content #masInfo #fragment-2 .fichaArtesana .foto {
				float: right;
				width: 150px;
			}
		
		#content #masInfo #fragment-4 .relacionado {
			background-color: #F6F6F6;
			border: 1px solid #EEEEEE;	
			font-size: 11px;
			margin: 0 0 10px 0;
			overflow: hidden;
			padding: 10px;
		}
		
			#content #masInfo #fragment-4 .relacionado p {
				margin: 0 0 0 75px;	
			}
			
			#content #masInfo #fragment-4 .relacionado p a {
				color: #646464;
				display: block;
				font-weight: bold;
				margin: 0;	
				text-decoration: none;
			}
			
			#content #masInfo #fragment-4 .relacionado img {
				border: 3px solid #CCCCCC;
				float: left;
				margin: 0 10px 0 0;
				padding: 3px;
				width: 50px;
			}
		
		#content #masInfo #fragment-5 .comentario, #content #masInfo #fragment-6 .comentario {
			background-color: #F6F6F6;
			border: 1px solid #EEEEEE;	
			font-size: 11px;
			margin: 0 0 10px 0;
			padding: 10px;
		}
		
		#content #masInfo #fragment-5 .nombre {
			background-image: url(../img/Form_Input_16x16.png);
			background-repeat: no-repeat;
			background-position: 0;
			margin: 0;
			padding: 3px 0 5px 25px;
		}
		
		#content #masInfo #fragment-5 .texto {
			background-image: url(../img/Blockquote_16x16.png);
			background-repeat: no-repeat;
			background-position: 0 3px;
			margin: 0;
			padding: 3px 0 5px 25px;
			position: relative;
			z-index: 2;
		}
		
		#content #masInfo #fragment-5 #formcomentario {
			border-top: 1px dotted #646464;
			padding: 10px 0 0 0;
		}
		
		#content #masInfo #fragment-5 #formcomentario p, #content #masInfo #fragment-6 #formcomentario p {
			font-size: 11px;
			font-weight: bold;
			margin: 0;
		}
		
		#content #masInfo #fragment-5 #formcomentario #txtnombre {
			border: 3px solid #CCCCCC;
			color: #999999;
			padding: 3px;
			font-size: 11px;
			font-weight: bold;
			margin: 0 0 5px 0;
			width: 300px;	
		}
		
		#content #masInfo #fragment-5 #formcomentario #txrtexto, #content #masInfo #fragment-6 #formcomentario #txrtexto {
			border: 3px solid #CCCCCC;
			color: #999999;
			padding: 3px;
			font-size: 11px;
			font-weight: bold;
			margin: 0 0 5px 0;
			width: 300px;	
		}
		
		#content #masInfo #fragment-5 #formcomentario #tmptxt {
			border: 3px solid #CCCCCC;
			color: #999999;
			padding: 5px;
			font-size: 12px;
			font-weight: bold;
			height: 15px;
			position: relative;
			top: -6px;
			width: 70px;	
		}
		
		#content #masInfo #fragment-5 #formcomentario .ayuda {
			background-color: #F6F6F6;
			background-image: url(../img/Comment_24x24.png);
			background-position: 5px 5px;
			background-repeat: no-repeat;
			border: 1px solid #EEEEEE;
			float: right;	
			font-weight: normal;
			display: block;
			margin: 2px;
			padding: 5px 8px 5px 40px;
			position: relative;
			width: 220px;
		}
		
		#content #masInfo #fragment-5 .btnGen, #content #masInfo #fragment-6 .btnGen  {
			border: 1px solid #646464;
			color: #646464;
			font-size: 11px;
			font-weight: bold;
			padding: 3px;
		}

	/* formulario de acceso */
	#content #formacceso {
		background-color: #EEEEEE;
		border: 1px solid #CCCCCC;
		display: block;
		height: 60px;
		margin: 100px 200px;	
		overflow: hidden;
		padding: 40px;
	}
	
	#content #formacceso2 {
		background-color: #EEEEEE;
		border: 1px solid #CCCCCC;
		display: block;
		height: 80px;
		margin: 20px 20px 20px 40px;	
		overflow: hidden;
		padding: 40px 20px 20px 20px;
		width: 500px;
	}
	
		#content #formacceso2 p {
			display: block;
			margin: -10px 0 10px 10px;
			padding: 0 300px 0 0;
		}
	
		#content #formacceso .txtPortada, #content #formacceso2 .txtPortada {
			background-color: #FFFFFF;
			border: 2px solid #646464;
			color: #646464;
			font-size: 14px;
			font-family: Georgia, "Times New Roman", Times, serif;
			margin: 0 25px 15px 10px;
			padding: 4px;
			width: 200px;
		}
		
		#content #formacceso p, #content #formacceso2 p {
			float: left;
			width: 200px;
		}
		
		#content #formacceso a, #content #formacceso2 a {
			color: #646464;
			font-size: 14px;
			font-family: Georgia, "Times New Roman", Times, serif;
			text-decoration: none;
		}
		
		#content #formacceso .btnPortada, #content #formacceso2 .btnPortada {
			background-color: #646464;
			border: 1px solid #646464;
			color: #FFFFFF;
			float: right;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 14px;
			font-weight: bold;
			margin: 0 28px 0 0;
			padding: 3px;	
			width: 100px;
		}
		
	
	#content .formacceso3 {
		background-color: #EEEEEE;
		border: 1px solid #CCCCCC;
		display: block;
		margin: 20px;	
		overflow: hidden;
		padding: 20px;
		width: 500px;
	}
	
		#content .formacceso3 ul li label {
			color: #646464;
			display: block;
			float: left;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 11px;
			margin: 1px 5px 0 0;
			padding: 3px;
		}
	
		#content .formacceso3 ul li .txtform {
			border: 2px solid #646464;
			color: #646464;
			font-size: 11px;
			font-family: Verdana, Geneva, sans-serif;
			padding: 4px;
			width: 300px;
		}
		
		#content .formacceso3 .btnGen {
			background-color: #EEEEEE;
			border: 1px solid #646464;
			color: #646464;
			float: left;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 12px;
			font-weight: bold;
			margin: 0 5px 0 20px;
			padding: 3px;
		}
		

	/* centro > compra  */
	#centro #compra {
		font-size: 13px;
		margin: 20px;
	}
	
		.warning {
			background-color: #C6E6FF;
			background-image: url(../img/icon_warning.png);
			background-position: -30px -15px;
			background-repeat: no-repeat;
			border: 2px solid #559FD7;
			color: #1A5E91;
			font-style: normal;
			font-weight: bold;
			padding: 10px 10px 10px 35px;
			width: 580px;
		}
		
		#centro #compra .altaCliente {
			background-image: url(../img/usuario.png);
			background-position: 0 2px;
			background-repeat: no-repeat;
			margin: 0;
			padding: 2px 2px 2px 20px;
		}
	
		#centro #compra .btn {
			background-color: #646464;
			border: 1px solid #646464;
			color: #EEEEEE;
			float: left;
			font-size: 11px;
			font-weight: bold;
			margin: 10px 5px 5px 0;
			padding: 3px;
		}
	
	#centro #compra fieldset legend {
		padding: 0 5px 0 5px;
	}
	
		#centro #compra fieldset p {
			font-size: 12px;
			margin: 10px 0 0 20px;	
		}
	
		#centro #compra fieldset .btnGen {
			background-color: #646464;
			border: 1px solid #646464;
			color: #EEEEEE;
			font-size: 11px;
			font-weight: bold;
			margin: 10px 0 5px 20px;
			padding: 2px 3px;
		}
	
		#centro #compra p {
			font-size: 11px;
			font-style: italic;
		}
		
		#centro #compra .fpago {
			font-size: 12px;	
			font-weight: bold;
		}
		
		#centro #compra h3 {
			display: block;	
		}
		
		#centro #compra h4 {
			display: block;	
			font-size: 16px;
			margin: 10px 0 0 0;
		}
		
		#centro #compra hr {
			height: 0;
			border-bottom: 1px dotted #646464;
		}
	
		#centro #compra ul {
			margin: 10px 0 0 20px;	
		}
		
		#centro #compra ul li {
			display: block;
			list-style-type: none;	
			margin: 0 0 5px 0;
			padding: 0;
		}
		
		#centro #compra ul li .titulo1 {
			display: block;
			float: left;
			width: 100px;
		}
		
		#centro #compra ul li .preciototal {
			font-size: 18px;
			margin: 5px 0 0 0;
		}
		
		
	/* formularios > ficha cliente */
	#fichaCliente {
		border: 1px solid #FFFFFF;
		overflow: hidden;
	}
	
	#fichaCliente ul li {
		list-style-type: none;	
		margin: 0 !important;
		padding: 0 !important;
	}
	
	#fichaCliente ul li label {
		background-color: #646464;
		border: 3px solid #646464;
		color: #FFFFFF;
		display: block;
		float: left;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		margin: 1px 0 0 0;
		padding: 3px;
		width: 150px;
	}

	#fichaCliente ul li .txtform {
		border: 2px solid #646464;
		color: #646464;
		font-size: 11px;
		font-family: Verdana, Geneva, sans-serif;
		padding: 4px;
		width: 490px;
	}
	
	#fichaCliente .btnGen {
		background-color: #EEEEEE;
		border: 1px solid #646464;
		color: #646464;
		float: left;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		font-weight: bold;
		margin: 0 5px 0 20px;
		padding: 3px;
	}
	
	#fichaCliente #tbadmin_textos {
		margin: 0 0 0 20px;	
		width: 665px;
	}
	
	
	/* */
	#content #guia_ccaa {
		display: block;
		overflow: hidden;
		width: 700px;	
	}
	
		#content #guia_ccaa #ficha {
			margin: 0 0 0 10px;
			font-size: 12px;
		}
		
			#content #guia_ccaa #ficha .FotoArtesana {
				float: right;
				margin: 0 20px 20px 20px;
				width: 200px;
			}
		
			#content #guia_ccaa #ficha p {
				font-size: 12px;
				margin: 0 0 10px 10px !important;
				text-align: justify;
			}
			
			#content #guia_ccaa #ficha span {
				display: block;
				float: left;
				font-weight: bold;
				width: 100px;
			}
		
			#content #guia_ccaa #ficha a {
				color: #646464;
				text-decoration: none;
			}
		
		#content #guia_ccaa h3 {
			margin: 4px 10px 5px 10px;	
		}
		
		#content #guia_ccaa .tituloComunidad {
			margin: 4px 0 5px 20px;	
		}
		
		#content #guia_ccaa .titulo {
			margin: 5px 0 5px 20px;	
		}
		
		#content #guia_ccaa table {
			margin: 0 5px 0 20px;
			width: 675px;
		}
		
		#content #guia_ccaa table tr th {
			background-color: #646464;
			color: #FFFFFF;
			font-size: 12px;
			font-weight: bold;
			padding: 2px;
			text-indent: 2px;
		}
		
		#content #guia_ccaa table tr td {
			background-color: #CCCCCC;
			color: #FFFFFF;
			padding: 2px;
			text-indent: 2px;
		}
		
		#content #guia_ccaa table tr td a {
			color: #FFFFFF;
			font-size: 12px;
			text-decoration: none;
		}
		
		#content #guia_ccaa table tr td i {
			font-size: 12px;
		}
		
		
	/* ficha ccaa */
	#guia_ccaa #contenidoCCAA {
		font-size: 12px;
		margin: 0 0 20px 20px;
	}
	
		#guia_ccaa #contenidoCCAA p {
			margin: 5px 5px 5px 0;
			text-align: justify;
		}
		
		#guia_ccaa #contenidoCCAA ul, #guia_ccaa #contenidoCCAA ol {
			margin: 5px 0 5px 30px;
			text-align: justify;
		}
		
		#guia_ccaa #contenidoCCAA img {
			margin: 5px 0 5px 0;
		}
		
		
/* admin > tablas > textos */
#tbadmin_textos {
	color: #646464;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	margin: 10px;
	text-align: left;
	width: 650px;
}

	#tbadmin_textos tr th {
		background-color: #CCCCCC;
		border-bottom: 2px solid #646464;
		color: #FFFFFF;
		font-weight: bold;
		padding: 3px 3px 3px 5px; 
	}
	
		#tbadmin_textos tr .thuser  { width: 160px; }
		#tbadmin_textos tr .thnombre { width: 100%; }
		#tbadmin_textos tr .thtipo { width: 150px; }
		#tbadmin_textos tr .thactivo { width: 50px; }
		#tbadmin_textos tr .thdel { width: 60px; }
		#tbadmin_textos tr .thvendedora { width: 200px; }
		
	#tbadmin_textos tr:hover {
		background-color: #F0F0F0;
	}
	
	#tbadmin_textos tr td {
		border-bottom: 1px dotted #CCCCCC;
		padding: 4px 0 3px 5px;
	}
	
	#tbadmin_textos tr td a {
		color: #646464 !important;
		text-decoration: none;
	}


	/* admin > pedidos */
	#page #centro .fecha {
		color: #646464;
		display: block;
		float: right;
		margin: 10px;
		text-align: right;
		width: 650px;
	}
	
	#page #centro .ncliente {
		border: 1px solid #CCCCCC;
		color: #646464;
		float: left;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		margin: 0 0 0 20px;	
		padding: 10px;
		width: 350px;
	}
	
	#page #centro .datoscliente {
		border: 1px solid #CCCCCC;
		color: #646464;
		float: right;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		margin: 0 10px 0 0;	
		padding: 10px;
		width: 260px;
	}
	
	#page #centro .tbpedido {
		color: #646464;
		float: left;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		margin: 20px 10px 0 20px;
		width: 662px;	
	}
	
	#page #centro .tbpedido tr th {
		background-color: #CCCCCC;
		border-bottom: 2px solid #646464;
		color: #FFFFFF;
		font-weight: bold;
		padding: 3px 3px 3px 5px; 
	}
	
		#page #centro .tbpedido .thcode  { width: 100px; }
		#page #centro .tbpedido .thnombre { width: 100%; }
		#page #centro .tbpedido .thuds { width: 100px; }
		#page #centro .tbpedido .thpu { width: 200px; }
		#page #centro .tbpedido .thpt { width: 200px; }
		
	#page #centro .tbpedido tr:hover {
		background-color: #F0F0F0;
	}
	
	#page #centro .tbpedido tr td {
		border-bottom: 1px dotted #CCCCCC;
		padding: 4px 0 3px 5px;
	}

	#page #centro .tbpedido a {
		color: #646464 !important;	
	}
	
	#page #centro .frmEstado {
		float: left;	
	}
	
	#page #centro .notas {
		border: 1px solid #CCCCCC;
		color: #646464;
		font-size: 11px;
		font-family: Verdana, Geneva, sans-serif;
		height: 200px;
		padding: 5px;
		width: 688px;
	}
	
	#page #centro .totales {
		border: 1px solid #CCCCCC;
		color: #646464;
		float: right;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
		margin: 20px 10px 0 0;	
		padding: 10px;
		width: 300px;
	}
	
		#page #centro .totales span {
			border-bottom: 1px dotted #CCCCCC;
			display: block;
			margin: 0 0 3px 0;
			padding: 0 0 3px 0;
			width: 295px;	
		}




/* PIE */
#footer #tienda {
	background-color: #501a65;	
	margin: auto;
	padding: 5px;
	width: 940px;
}

	#footer #tienda p {
		color: #FFFFFF;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 12px;
	}
	
	#footer #tienda p a {
		color: #EEEEEE;
	}
	
#stat {
	float:left;
	margin-left: 20px;
	width: 460px;
	height: 450px;
}


#stat .leyenda {
	margin-left: 10px;
}
