/*
style salypimienta
copyrigth 2008 by Gpremper company
create: 15/07/08

*/
/*
Paleta de colores:

fondo: 		#d3d46c
texto:
link:			#ab1231
link:hover:
border color		#faa86e
url:
*/

body{
	margin:0px;
	font-family: Arial,"Nimbus Sans L",Sans-Serif;
	font-size:12px;
	color:#000;
	background:#CED763;
}

/*GENERALES*/

p{margin:0px;}

h6,h5,h4,h3,h2,h1{
	margin:0px;
	color:#AB1231;
}


h1{ font-size: 28px; }
h2{ font-size: 23px; }
h3{ font-size: 19px; }
h4{ font-size: 16px; }
h5{ font-size: 13px; }
h6{ font-size: 11px; }

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

/*ESTILO PARA INDEX*/

#img-background{
	background: transparent url(images/bg-lados.gif) top center no-repeat;
}

#main{
	margin:0px auto;
	width:957px;
}

#cabecera{
	width:957px;
	}
	#logo{
		float:left;
		width:242px;
		height:176px;
		background: transparent url(images/logo.jpg) no-repeat;
	}
	#top-right{
		float:right;
		width:715px;
		height:176px;
		background: transparent url(images/bg-top-right.jpg) no-repeat;
	}
	.contacto{
		float:right;
		width:210px;
		padding-top:2px;
		height:40px;
		text-align:center;
		background: transparent url(images/bg-contacto.png) center no-repeat;
	}
		.contacto a{color:#8b0b0f;font-weight:bold;text-decoration:none;}
		.contacto a:hover{color:#8b0b0f;font-weight:bold;text-decoration:none;}


#mantel{
	clear:both;
	height: 23px;
	background: transparent url(images/mantel-bg.jpg) center no-repeat;
}

#cuerpo{
	background: #eaeaba url(images/content-index.jpg) right 0px repeat-y;

}

	.data_index					{ padding: 0 10px 25px 25px; }
	.data_index a				{ text-decoration: none; }
	.data_index a:hover	{ text-decoration: underline; }
	.data_index .image	{ text-align: center; padding-bottom: 10px; }

	.opciones{
		float:left;
		width:225px;
		min-height:490px;
		_height:490px;
		background: transparent url(images/bg-opciones.jpg) top center no-repeat;
	}
		.cnt-mnu{
			width:188px;
			margin: 5px 0px 0px 10px;
			padding:69px 0px 0px 0px;
			background: transparent url(images/bg-top-menuppal.png) top center no-repeat;
		}
			.marco-mnu{
				background:#ab1231;
				padding:0px 5px 5px 5px;
				margin:0px 10px 0px 10px;
			}

		.bg-bottom-op{
			margin: 0px 0px 0px 10px;
			padding: 20px 0px 0px 0px;
			background: transparent url(images/bg-bot-op.png) 0px -20px no-repeat;
			min-height:211px;
			_height:211px;
		}

		.destacados{
			padding:0px 10px 0px 25px;
		}

		.destacados a{
			text-decoration:none;
		}

		.destacados a:hover{
			text-decoration:underline;
		}

			.cnt-suc{
				width:188px;
				padding:69px 0px 60px 0px;
				background: transparent url(images/bg-top-suc.png) top center no-repeat;
			}
			.cnt-suc a{color:#ab1231;}
			.cnt-suc a:hover{color:#ab1231;}

	.content-index{
		float:right;
		width:732px;

		background: transparent url(images/bg-content-index-mod.jpg) no-repeat;
	}

		.intro{
			width:717px;
			margin-top:40px;
			padding: 4px 4px 11px 11px;
			float:left;
			background: #fff url(images/bg-top-intro.jpg) left top no-repeat;
			min-height:900px;
			_height:900px;
			font-size: 11px;
		}
		.intro a{
			text-decoration:none;
		}
		.intro a:hover{
			text-decoration:underline;
		}
		.intro h3{
			padding: 5px 0px;
		}

		.salypimienta{}

		.salypimienta img{
			margin:0px;
			border: none;
			padding:0px;
		}

		.salytxt{
			margin:0px 1px 16px 0px;
			padding:2px 5px 4px 5px ;
			color: #4b4b4b;
			background: #d3d46d;
		}

		.publicidad{
			float:left;
			width: 350px;
			padding: 2px ;
		}
/*
		.publicidad-uno{
			float:left;
			width:360px;
		}

		.publicidad-dos{
			float:left;
			width:163px;
			padding: 0px 15px;
		}

		.publicidad-tres{
			float:right;
			width:162px;
		}
*/

			.cnt-imgs{
				padding:5px;
				background:#eeefcd;
			}

			.ordena{
				margin-top:15px;
				padding:0px 0px 0px 85px;
				height:68px;
				background: #ab1231;
				position:relative;
				color:#fff;
			}
				.ordena span{
						position:absolute;
						width:55px;
						height:69px;
						top:-10px;
						left:20px;
						background: transparent url(images/orden.png) center no-repeat;
						z-index:3;
					}

			.especial{
				float:left;
				width:138px;
				min-height:110px;
				_height:110px;
				padding:10px 15px 0px 15px;
				border-left:2px dotted #faa86e;
			}

		.banner{
			float:right;
			width:182px;
			margin-top:40px;
		}
			.sombra{
				width:149px;
				padding:0px 0px 4px 0px;
				margin:0px 0px 9px 0px;
				background:transparent url(images/sombra.png) right bottom no-repeat;
			}

#pie-index{
	color:#fff;
	min-height:40px;
	_height:40px;
	font-weight:bold;
	text-align:center;
	background: #bec166;
}
	#pie-index a{text-decoration:none;}


#pie{
	margin:80px auto 0px auto;
	font-size:9px;
	text-align:center;
}

#pie a{font-size:9px;}

/*ESTILOS NUEVOS PARA CONTENT*/

#img-background-content{
	background: transparent url(images/bg-lados.gif) top center no-repeat;
}

#top-content{
	height:25px;
	background: transparent url(images/bg-top2-content.jpg) no-repeat;
}

#cuerpo-content{
	background: #fff url(images/bg-repeat-content.jpg) left top repeat-y !important;
	background: #EFE7BD url(images/bg-repeat-content-ie.jpg) repeat-y;

}
	.op-content{
		float:left;
		width:221px;
		background: transparent url(images/bg-opciones-content.jpg) top no-repeat;
	}
	.content-content{
		float:left;
		width:736px;
		min-height:60px;
		_height:60px;
		background: #fff url(images/bg-esquinatop-content.jpg) left top no-repeat;
	}
		.cnt-sub-op{
			float:left;
			/*width:254px;*/
			width:214px;
		}
			 .ver-mnu, .platos-destacados{
				padding:22px 5px 20px 38px;
				_padding:20px 5px 20px 38px;
			}

				.det-plato-des{
					margin: 0px 0px 10px 0px;
					border-bottom:1px dashed #A9B213;
				}
					.det-plato-des p{font-size:10px;margin-bottom:5px;}
		.content-texto{
			float:left;
			width:522px;
			padding-bottom:10px;
		}

		.unevento{
			margin:10px 10px 5px 10px;
			font-size:11px;
			border-bottom: 1px dashed #c8c8c7;
		}
		.unevento a p:hover{
			color: #ab1231;
		}



/*ESTILO PARA MENUS*/

.bg-left-mnu-top{
	float:right;
	height:22px;
	background: #ab1232 url(images/border-left-mnu-top.jpg) left no-repeat;
	margin: 0px 20px 0px 0px;
}

ul.mnu-blanco{
	_float:left;
	list-style:none;
	height:22px;
	background: transparent url(images/border-right-mnu-top.jpg) right no-repeat;
	margin:0px;
	padding:0px 10px 0px 0px;
	_padding:0px 7px 0px 0px;
	margin:  0px 0px 0px 10px;
	_margin:  0px 0px 0px 5px;
}
ul.mnu-blanco li{
	display:inline;
	padding:2px 2px 0px 0px;
	background: #ab1232;
}
ul.mnu-blanco li a{
	color:#fff;
	font-weight:bold;
}
ul.mnu-blanco li a:hover{
	color:#ffd401;
	font-weight:bold;
}


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

ul.mnuppal{
	margin:0px 0px 0px 0px;
	padding:0px 0px 40px 0px;
	list-style:none;
	background:#fff;
}

ul.mnuppal li {
	margin:0px 2px 0px 2px;
	padding: 6px 0px 6px 10px;
	border-bottom: 1px dashed #faa86e;
}

ul.mnuppal li a{
	color:#ab1231;
	text-decoration:underline;
	font-weight:bold;
}
ul.mnuppal li a:hover{
	color:#ab1231;
	text-decoration:underline;
	font-weight:bold;
}

/*MENUs DE SUB OPCIONES EN EL CONTENIDO*/


ul.mnu-sub-op{
	width:100px;
	margin:15px 0px 0px 0px ;
	padding:0px;
	list-style:none;
	border-top: 1px dashed #c8c8c7;
}
ul.mnu-sub-op li{
	padding: 5px 5px 5px 8px;
	border-bottom: 1px dashed #c8c8c7;
}
ul.mnu-sub-op li a{
	color: #a9b213;
	font-weight:bold;
}

ul.mnu-sub-op li a:hover{
	color:#ab1231;
}

ul.mnu-sub-op li a:select{
	color:#ab1231;
}


/*90D3r otro estilo para un menu*/
ul.mnu-cnt{
	width:120px;
	margin:5px 0px 5px 10px ;
	padding:0px;
	list-style:none;

}
ul.mnu-cnt li{
	padding: 2px 5px 2px 8px;
	border-bottom: 1px dashed #c8c8c7;
}
ul.mnu-cnt li a{
	color: #a9b213;
	font-weight:bold;
	text-decoration:none;
}

ul.mnu-cnt li a:hover{
	color:#ab1231;
	text-decoration:none;
}

/*listas normales sin estilo*/

ul.listas{
	margin:0px;
	padding:0px 0px 0px 10px;
	list-style:none;
}
ul.listas li{
	padding:2px;
}

ul.listas li a{
	color:#00f;
}
ul.listas li a:hover{
	color:#f00;
}


/*ALGUNOS LINKS*/

.vermas{
	font-weight:bold;
	padding-left:23px;
	background: url(images/v-mas.gif) left center no-repeat;
}

.hace-ped{
	margin: 0px 15px 0px 0px;
	_margin: 0px 0px 0px 0px;
	padding: 0px;
	float:right;
	height:28px;
	color:#fff;
	font-weight:bold;
	background:transparent url(images/carretilla.jpg) right center no-repeat;
}
.hace-ped a {color:#fff;}
.hace-ped a:hover{color:#fff;}

	.hace-ped div{
		float:right;
		margin:3px 28px 0px 0px;
		_margin:3px 14px 0px 0px;
		padding:2px 0px 0px 30px;
		height:20px;
		background: #ab1231 url(images/flechas-border.jpg) left center no-repeat;
	}


.ordenar{
	float:right;
	background: url(images/border-redondo.jpg) left center no-repeat;
	margin: 0px;
}

	.ordenar a{
		_float:left;
		display:block;
		color:#fff;
		text-decoration:none;
		height:25px;
		padding:10px 35px 0px 5px;
		margin-left:2px;
		_margin-left:1px;
		background: transparent url(images/ordernarok.jpg) right center no-repeat;
	}
	.ordenar a:hover{
		color:#FFFF00;
		text-decoration:none;
	}

.iracarrito{
	float:right;
	background: url(images/flechas.jpg) left center no-repeat;
	margin: 5px 20px 0px 0px ;
	_margin: 5px 10px 0px 0px ;
}
.iracarrito_detalle{
	float:right;
	background: url(images/flechas.jpg) left center no-repeat;
	margin: 5px 60px 0px 0px ;
	_margin: 5px 30px 0px 0px ;
}

	.iracarrito a, .iracarrito_detalle a{
		_float:left;
		display:block;
		color:#b2b1b1;
		text-decoration:underline;
		height:18px;
		padding:0px 25px 0px 5px;
		margin-left:23px;
		_margin-left:10px;
		background: transparent url(images/solo-carretilla.jpg) right center no-repeat;
	}
	.iracarrito a:hover{
		color:#b2b1b1;
		text-decoration:underline;
	}

.numeracion a {
	padding: 3px;
	border: 1px solid #c2cd0f;
}
.numeracion a{
	font-weight:bold;
	color: #c2cd0f;
	text-decoration:none;
}

.numeracion a:hover{
	font-weight:bold;
	color: #fff;
	text-decoration:none;
	background: #c2cd0f;
}

.lnkcontrol, .lnkcontrol a{
	font-weight:bold;
	color: #c2cd0f;
	text-decoration:none;
}

.nolink{
	color:#000;
	text-decoration:none;
}
a.nolink:hover{
	color:#f00;
	text-decoration:none;
}

.lnk_descargar{
	padding-left: 12px;
	background: transparent url(images/v-descargar.gif) left center no-repeat;
}

a.carr-gris{
	font-size:19px;
	text-decoration:none;
	padding-right: 30px;
	background: transparent url(images/carretilla-gris.jpg) right center no-repeat;
}
a.carr-gris{
	text-decoration:none;
}

.btn-gris{
	height:29px;
	float:left;
	padding-right:10px;
	background: transparent url(images/fnd-btn-gris.jpg) right no-repeat;
}
.btn-gris a{
	display:block;
	_float:left;
	height:23px;
	padding-top:6px;
	padding-left:27px;
	background: transparent url(images/left-btn-gris.jpg) no-repeat;
}

.btn-gris a {
	color:#000;
	text-decoration:none;
}
.btn-gris a:hover{
	color:#000;
	text-decoration:none;
}

.btn-rojo{
	font-family: Arial,"Nimbus Sans L",Sans-Serif;
	height:29px;
	float:left;
	padding-right:10px;
	background: transparent url(images/fnd-btn-rojo.jpg) right no-repeat;
}
.btn-rojo a{
	display:block;
	_float:left;
	height:23px;
	padding-top:6px;
	padding-left:30px;
	background: transparent url(images/left-btn-rojo.jpg) no-repeat;

}

.btn-rojo-right{
	font-family: Arial,"Nimbus Sans L",Sans-Serif;
	height:29px;
	float:right;
	padding-right:10px;
	background: transparent url(images/fnd-btn-rojo.jpg) right no-repeat;
}

.btn-rojo-right a{
	display:block;
	_float:left;
	color:#fff;
	text-decoration:none;
	height:23px;
	padding-top:6px;
	padding-left:30px;
	background: transparent url(images/left-btn-rojo.jpg) no-repeat;

}

.btn-rojo a {
	color:#fff;
	text-decoration:none;
}
.btn-rojo a:hover{
	color:#fff;
	text-decoration:none;
}

.btn-rojo-right a {
	color:#fff;
	text-decoration:none;
}
.btn-rojo-right a:hover{
	color:#fff;
	text-decoration:none;
}

/*TITULOS*/

.vinieta-punto{
	padding-left: 10px;
	background: transparent url(images/punto.gif) left center no-repeat;
}



/*ESTILO PARA FORMULARIOS*/

#tablaCarrito td INPUT {
	text-align:center;
	border:1px solid #e6e6e6;
}


/*ESTILO PARA TABLAS*/

#tablaCarrito thead td{
	border-bottom:2px dotted #7e7e7c;
}
#tablaCarrito tfoot td{
	border-top:2px dotted #7e7e7c;
}
#tablaCarrito tfoot td.nolinea{

	border-top:none;
}


#trDir{
	font-size:10px;
}
/*------*/

input, textarea, select{
	font-size:12px;
}

input {
	border: 1px solid #d3cfc4;
	padding:2px 8px 2px 8px;

}

.valen,textarea {
	border: 1px solid #d3cfc4;
	padding:2px 8px 2px 8px;
	color:#000;

}
.valenBAD{
	color:#000;
	border:1px solid #f00;
}

select{
	border:1px solid #d3cfc4;
}

.st_radio{
	margin:0px 0px 0px 0px ;
	padding:0px;
	border:none;
}
/*solo es para el caso del formulario de contacto....*/
#vermsj div{
	border:solid 1px #DEDEDE;
	background:#FFFFCC url(images/warning.png) 5px 2px no-repeat;
	color:#CC0000;
	padding:4px 4px 4px 20px;
	font-weight:bold;
	text-align:center;
	font-size:11px;
}



#aviso{
	border:solid 1px #CC0000;
	background:#F7CBCA url(images/warning.png) 5px 2px no-repeat;
	color:#CC0000;
	padding:4px 4px 4px 20px;
	font-weight:bold;
	text-align:center;
	font-size:11px;
}

#ok{
	border:solid 1px #DEDEDE;
	background:#FFFFCC  url(images/check.png) 8px center no-repeat;
	color:#000;
	font-weight:bold;
	padding:4px;
	text-align:center;
	font-size:11px;
}

#insuficiente{
	border:solid 1px #DEDEDE;
	background:#FFFFCC url(images/warning.png) 5px 2px no-repeat;
	color:#CC0000;
	padding:20px 4px 4px 20px;
	font-weight:bold;
	text-align:center;
	font-size:11px;
}

.astrisko{
	font-family:verdana, sanf;
}

.btn_enviar{
	*width:70px;
	_width:70px;
	height:30px;
	*height:32px;
	_height:32px;
	padding:0px 0px 0px 30px;
	border:1px solid #d3cfc4 ;
	background: transparent url(images/enviar_mail.png) no-repeat left top;
	color: #AB1231;
	font-weight:bold;
	font-size:10px;
}

fieldset {
	border: 1px solid #d3cfc4;
}

.btnenviar{
	font-family:arial,verdana,sans-serif;
	width:91px;
	height:29px;
	padding-left:28px;
	color:#fff;
	border:none;
	background: transparent url(images/bg-enviar.jpg) no-repeat;
}

.btnmodificar{
	font-family:arial,verdana,sans-serif;
	width:92px;
	height:29px;
	padding-left:28px;
	color:#fff;
	border:none;
	background: transparent url(images/fnd-btn-modificar.jpg) no-repeat;
}

a.btnmodificar{
	display:block;
	width:92px;
	height:23px;
	padding: 8px 0px 0px 0px;
	padding-left:28px;
	color:#fff;
	text-decoration:none;
}
a.btnmodificar:hover{
	color:#fff;
	text-decoration:none;
}

/*SLIDER*/

#slides {position: relative; width: 716px; height: 277px;}
#slides .salytxt {position: absolute; bottom: 0px; margin: 0px; width: 100%;}
#myController {float: right; padding-right: 1px; margin-bottom: 10px;}

.jFlowControl {padding: 5px ; background-color: #CED763; font-size: 14px;}
.jFlowSelected {background-color: #AB1231; color: white;}