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

:link, :visited {
	text-decoration:none;
}

ul, ol {
	list-style:none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, body, html, p, blockquote {
	margin:0;
	padding: 0;
}

.clear{
	clear:both;	
}

/*-----*/


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: medium;
	color:#000000;
	background-image:url(images/fondo.png);
	background-position: 50% 0em;
}

#cabecera {
	position:relative;
	width:800px;
	height:160px;
	background-image:url(images/cabecera.png);
	font-size: medium;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*-----MENU-----*/


#menu {
	font-size: 10pt;
	font-weight: bold;
}

#menu ul {
	position:relative;
}

#menu li {
	position:absolute;
	top:3px;
	width: 100px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
}

#menu_inicio {
	width:800px;
	height:50px;
	background-image: url(images/barra_inicio.png);
	position: relative;
	top: -15px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#menu_editorial {
	width:800px;
	height:50px;
	background-image: url(images/barra_editorial.png);
	position: relative;
	top: -15px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#menu_catalogo {
	width:800px;
	height:50px;
	background-image: url(images/barra_catalogo.png);
	position: relative;
	top: -15px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#menu_contacto {
	width:800px;
	height:50px;
	background-image: url(images/barra_contacto.png);
	position: relative;
	top: -15px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#menu_publicidad {
	width:800px;
	height:50px;
	background-image: url(images/barra_publicidad.png);
	position: relative;
	top: -15px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#inicio {
	left:5px;
}

#editorial {
	left:130px;
}

#catalogo {
	left:257px;
}

#contacto {
	left:385px;
}

#menu a {
	display:block;
	width:100px;
	height:20px;
	color:#000;
	text-align:center;
}


#menu a:hover {
	color:#d8001d;
	width: 100px;
}

#menu .actual {
	color:#fff;
	background-position: 100% 0;
}

#menu .actual:hover {
	color:#FFF;
	cursor:default;
}

/*-----*/




/*-----SUBMENU-----*/

#submenu {
	position:absolute;
	width:800px;
	text-align:center;
	top:-20px;
	font-size: 13px;
	color: #000;
	letter-spacing: 1px;
}

#submenu a{
	color:#FFF;
	
}

#submenu a:hover{
	color:#f3b2bb;
}

#submenu .actual{
	color:#000;
	font-weight:bold;
}
#submenu .actual:hover{
	color:#000;
	font-weight:bold;
	cursor:default;
}

/*-----*/

#contenido {
	width:800px;
	margin:0 auto;
	background-color:#eaeaea;
	position: relative;
	top: -15px;}


/*-----TEXTO-----*/

#texto {
	width:800px;
}

#texto h1 {
	margin:13px 20px 3px 18px;
	padding-left:30px;
	letter-spacing:1px;
	font-size: 1.2em;
}

#texto h2 {
	position:relative;
	top:10px;
	margin:5px 0 0 26px;
	padding-left:18px;
	letter-spacing:1px;
	font-size: 1em;
	font-weight: bold;
}

#texto h3 {
	position:relative;
	top:10px;
	margin-left:32px;
	padding-left:13px;
	letter-spacing:1px;
	font-size: 1em;
	font-weight: bold;
}

#texto p {
	text-indent:0.2in;
	font-size: 11pt;
	line-height:24px;
	text-align:justify;
	padding-top: 22px;
	padding-right: 50px;
	padding-bottom: 5px;
	padding-left: 50px;
}

#texto ol, #texto ul {
	margin-left:20px;
	padding:14px 15px 6px 26px;
	font-size: .8em;
	line-height: 1.6em;
}

#texto ol {
	list-style-type: decimal;
}

#texto li {
	margin-left:25px;
}

#texto .first {
	padding-top:4px;
	border-top:2px solid #e2e2e2;
}

#texto a {

	color:#777;
}

#texto a:hover {
	color:#D80012;
}

#tarjetacontacto{
	width:370px;
	height:215px;
	background-color:#FFF;
	position:relative;
	left:215px;
	color:#000;
	border: 1px dotted #000;
	text-align: center;
}

#tarjetacontacto a{
	color:#777;
}

#tarjetacontacto a:hover{
	color:#D80012;
}

#bienvenidayanuncio{
	width:700px;
	height:334px;
	position:relative;
	left:50px;
	top:-25px;
}

#bienvenida{
	width:325px;
	height:334px;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-align:center;
	color: #000;
	background-image:url(images/bienvenida.png);
}

#textobienvenida{
	position:absolute;
	left: 94px;
	top: 99px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-align: right;
	line-height: 1.6em;
	width: 232px;
	height: 221px;
}


#anuncio{
	background-image:url(images/anuncio.png);
	position:absolute;
	width:325px;
	height:334px;
	left:375px;
	top: 0px;
	display:block;
	cursor:pointer;
	cursor:hand;
}

#anuncio img{
	position:absolute;
	left: 154px;
	top: 29px;
	cursor:pointer;
	cursor:hand;
	width: 134px;
}

#tituloanuncio{
	position:absolute;
	width:258px;
	left: 35px;
	top: 56px;
	height: 82px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-align:left;
	cursor:pointer;
	cursor:hand;
}

#subtituloanuncio{
	position:absolute;
	left: 22px;
	top: 196px;
	font-size: 16px;
	font-weight: bold;
	color: #D80012;
	text-align: center;
	line-height: 1.6em;
	width: 279px;
	cursor:pointer;
	cursor:hand;
}
#barranoticia{
	width:700px;
	height:17px;
	background-image:url(images/barranoticias.png);
	left:50px;
	position:relative;
}
#textobarranoticia{
	width:300px;
	font-size:11px;
	position:relative;
	left:485px;
	top:-10px;
}


#noticia{
	width:700px;
	height:60px;
	background-color:#FFF;
	top:5px;
	left:50px;
	position:relative;
	border: 1px dotted #000;
	display:block;
	cursor:pointer;
}

#textonoticia{
	position:absolute;
	left: 54px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-align: justify;
	line-height: 1.6em;
	width: 639px;
	top: 8px;
	height: 45px;
	cursor:pointer;
	cursor:hand;
}

#noticia .chincheta{
	position:absolute;
	top: 18px;
	left: 12px;
	cursor:pointer;
	cursor:hand;
}

#personalizada {
	width:700px;
	position:relative;
	left:50px;
	height:494px;
	border: 1px dotted #000;
}

#distribuidor{
	position:relative;
	left:100px;
	width: 300px;
	line-height:24px;
}

#nombredist{
	font-weight:bold;
	font-size:13pt;
}

#textodist{
	position:relative;
	left:30px;
	font-size: 11pt;
	width: 300px;
}

	
/*-----*/

/*-----ARTICULO-----*/

#articulo {
	background-color:#f6f6f6;
	width: 750px;
	position: relative;
	left: 25px;
	height:232px;
}

#articulo .foto{
	border:none;
	position: relative;
	left: 10px;
}

#articulo .precio{
	position:absolute;
	left:440px;
	bottom: 25px;
}

#articulotexto{
	width:530px;
	height:218px;
	position:absolute;
	left:210px;
	top:15px;
}

#articulo h1{
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #00C;
}

#articulo h2{
	font-size: 14px;
	font-weight: bold;
	color: #F00;	
}

#articulo h3{
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

#articulo p{
	font-size: 13px;
	text-align: justify;
}

#pedido a{
	width:67px;
	height:24px;
	background-image:url(images/botonpedir.png);
	position:absolute;
	left:447px;
	top:5px;
}

#pedido a:hover{
	background-position:-67px;	
}
#articulocarac{
	font-size: 12px;
	font-style: italic;
}

#articulotexto a{
	color:#00C;
	text-decoration:none;
}

#articulotexto a:hover{
	color:#d80012;
}



#precio{
	color:#D80012;
	font-size:18pt;
	width:50px;
	position:relative;
	left:460px;
	top:-38px;
}

#gastosenvio {
	position: absolute;
	left: 430px;
	top: 199px;
	text-align: center;
	font-size: 10px;
	width: 104px;
}

/*-----*/

#nottexto{
	width:700px;
	position:relative;
	left:50px;
	font-size: 14px;
	text-align: justify;
	font-weight:bold;
}

#articuloentero{
	background-color:#FFF;
	width:760px;
	position:relative;
	left:20px;
	top:20px;
}

#textoarticulo{
	text-align:justify;
	margin: 20px;
	font-size:13px;
}

#textoarticulo p{
	text-indent:20px;	
}

#tituloarticulo{
	text-align:justify;
	padding:20px;
	font-size:28px;
	font-weight:bold;

}

#subtitarticulo{
	text-align:justify;
	margin-left:20px;
	margin-right:20px;
	font-size:18px;
	color:#666;
}
#contimagen{
	width:370px;
	height:283px;
	float:left;
	cursor:pointer;
}


#imagenarticulo{
	background-image:url(images/cocinajerezth.png);
	height:263px;
	width:350px;

}

#textoimagen{
	width:350px;
	color:#666;
	font-size:11px;
	text-align:center;
}

#contimagengrande{
	width:760px;
	height:650px;
	position:relative;
	left:20px;
	top:20px;
	font-size:12px;
	text-align:center;
}

#contimagengrande a{
	color:#777;
}

#contimagengrande a:hover{
	color:#D80012;
}

#pieimg{
	color:#333;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
}

#imgcocinajerez{
	background-image:url(images/cocinajerez.png);
	width:760px;
	height:570px;
	margin-top:7px;
}

/*-----FORMULARIO-----*/

#formulario {
	width:700px;
	position:relative;
	left:50px;
	font-size:13px;
}

#formulario label{
	color:#555;
	display:block;
}

#fila{
	height:30px;
}

#art{
	width:500px;
}

/*-----*/

/*-----COLA-----*/

#cola {
	clear:both;
	height:90px;
	width:800px;
	margin:0 auto;
	font-size: .7em;
	background-image: url(images/cola.png);
}

#cola_texto {
	width:540px;
	padding-top:9px;
	text-align:center;
}

#cola_texto a {
	color:#777;
	padding:0 10px 0 21px;;
}

#cola_texto a:hover {
	color:#D80012;
}

#cola_w3c {
	position:relative;
	top:40px;
	left:20px;
	width:210px;
	color:#fff;
}

#cola_w3c a {
	color:#fff;
}

#cola_w3c a:hover {
	text-decoration:underline;
}

/*-----*/

.clear {
	clear: both;
}
.borderTopLeft {
	border-top: 1px solid #787878;
	border-left: 1px solid #787878;
}
.borderBottomRight {
	border-right: 1px solid #787878;
	border-bottom: 1px solid #787878;
}
.borderRight {
	border-right: 1px solid #787878;
}
.borderRightDotted {
	border-right: 1px dotted #787878;
}
.borderBottom {
	border-bottom: 1px solid #787878;
}
/* SITE WRAPPER */
#wrapper2, #wrapper {
	text-align:left;
	width:484px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

#wrapper3{
	text-align:left;
	width:650px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
}

.thumbnail {
	float: left;
	position: relative;
	color:inherit;
	background-color:#DDD;
	width: 160px;
	height: 160px;
	overflow: hidden;
}
.selectedThumbnail, .thumbnail:hover {
	color:inherit;
	background-color: #BBB;
}
.emptyThumbnail {
	float: left;
	position: relative;
	color:inherit;
	background-color: #DDD;
	width: 160px;
	height: 160px;
	overflow: hidden;
}

.alignmentOuterGrid {
	z-index: 1;
	position: static;
	text-align: center;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.alignmentOuter {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.alignmentOuter {
	position: static;
	text-align: center;
	display: table;
}

.alignmentMiddle {
	position: static;
	display: table-cell;
	vertical-align: middle;
}

.alignmentInner {
	position: static;
}
.AdjustZIndex {
	position: relative;
}

#stage, #stage2, #index {
	float: left;
	position: relative;
	margin: 0;
}

#index img{
	border: 0;	
}

#previewFull {
	position: relative;
	color:inherit;
	background-color: #DDD;
}
#previewFull .padding {
	padding-top: 15px;
}
/* TRANSPORT CONTROLS */
#previewSmall .previewSmallNav {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-weight: bold;
	text-align: center;
	padding-bottom: 15px;
}
/* PAGINATION */
.previewFullNav ul {
	margin: 0;
	padding: 5px;
}
.previewFullNav li {
	display: inline;
	padding: 10px;
}

.previewFullMetadata hr {
	border:0;
	height: 0px;
	margin-left: 10px;
	margin-right: 10px;
}



#detailTitle {
	margin: 10px 0 0 0;
	float:left;
	clear:both;
	text-align: center;
	width: 100%;
}

.detailNav {
	width: 100%;
	float:left;
	clear: both;
	text-align: center;

}

.detailNav ul {
	margin: 10px auto;
	text-align: center;
}

.detailNav ul li {
	display:inline;
	text-align: center;
	list-style: none;
	padding: 5px;
}



#detailImage {
	text-align: center;
	width: 100%;
}

#detailCaption {
	text-align: center;
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 15px;
	margin-left: 40px;
	color: #333;
	background-color: inherit;
	font-size:13px;
}


.previewMetadataRow {
	display:block;
	font-size: 11px;
	text-align:center;
	clear:both;
}

.previewMetadataLabel {
	margin-right: 3px;
	display:inline;
	font-size: 11px;
	text-align:right;
	clear:both;
}


.previewMetadataData {
	display:inline;
	font-size: 11px;
	font-weight: bold;
}

.detailNav, .detailLinks, #detailTitle {
	color: #555;
	background-color: inherit;
	font-size:13px;
	}
.detailLinks:hover{
	color:#D80012;
}


#libro{

	width:750px;
	height:457px;
	background-color:#FFF;
	position:relative;
	left:25px;
}

#libro img{	
	float:left;
}

#l_texto{
	width:428px;
	height:437px;
	float:left;
	padding:10px;
}

#libro h1{
	font-size: 18px;
	font-weight: bold;
	color: #00C;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	text-align:center;
	line-height:20px;
}

#libro h2{
	font-size: 15px;
	font-weight: bold;
	color: #000;
	text-align:center;
	line-height:23px;
}

#l_sip{
	margin-top:30px;
	font-size:13px;
	text-align:justify;
}

#l_carac{
	margin-top:30px;
	margin-left:15px;
	font-size:13px;
	width:285px;
	float:left;

}

#l_label{
	color:#666;	
}

#l_precio{
	width:100px;
	height:50px;
	float:left;
	margin-top:30px;
	margin-left:5px;
}

#l_precio img{
	float:left;
	margin-left:10px;
}

#l_gastosenvio {
	float:left;
	text-align: center;
	font-size: 10px;
	width: 104px;
	padding-top:5px;
}

#l_acciones{
	margin-top:40px;
	margin-left:15px;
	padding-top:5px;
	padding-left:10px;
	width:390px;
	border-top:dashed #ccc 1px;
	font-size:13px;
	line-height:22px;
}

#l_acciones a{
	text-decoration:none;
	color:#666;
}

#l_acciones a:hover{
	color:#d80012;	
}

#articulocarac a{
	text-decoration:none;
	color:#666;
	margin-left:200px;
}