/* CSS Document */
/*Reset CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }
 
ol, ul {
	list-style: none;
	margin: 0px; }
 
table {
	border-collapse: separate;
	border-spacing: 0; }
 
caption, th, td {
	text-align: left;
	font-weight: normal; }
 
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
 
blockquote, q { quotes: "" ""; }
 
/*END Reset CSS*/
/*GLOBAL*/
body {
	margin: 0px 0px 30px 0px;
	padding: 0px;
	background: url(../img/bg.gif) repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFF; }
 
h1 {
	background: url(../img/logo.png) no-repeat;
	width: 150px;
	height: 100px;
	text-indent: -9999px;
	margin: 0px;
	top: -55px;
	position: absolute;
	left: 0px; }
 
h2 {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 0px; }
 
h3 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 15px; }
h3 a:hover {
	color:#fff;
	text-decoration:underline;}	
 
h4 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 5px; }
 
h5 {
	font-size: 12px;
	color: #c12826;
	font-weight: bold;
	margin-bottom: 5px; }
 
a:link {
	color: #FFF;
	text-decoration: none; }
 
a:visited {
	text-decoration: none;
	color: #FFF; }
 
a:hover {
	color: #CCC;
	text-decoration: underline;
}
 
a:active {
	text-decoration: none;
	color: #FFF; }
 
p {
	font-style: normal;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: bold;
	color: #FFF;
	text-align: justify;
	margin-top: 0.5em; }
 
small {
	font-size: 11px;
	line-height: 1.5em;
	font-weight: normal; }
 
/*END GLOBAL*/
/*HEADER*/
#topnav {
	width: 910px;
	margin: 0px auto;
	position: relative;
	top: 0px;
	padding: 0px;
	height: 80px; }
 
#header {
	background: url(../img/headerbg.png) no-repeat;
	position: absolute;
	height: 45px;
	width: 400px;
	right: 0px;
	z-index: 10; }
 
	#header h3 {
		font-size: 14px;
		position: absolute;
		right: 285px;
		z-index: 10;
		top: 8px;
		color: #222222; }
 
		#header h3 a:hover { color: #222; }
 
/*END HEADER*/
/*NAV*/
#nav ul {
	top: 10px;
	position: absolute;
	display: inline }
 
#nav li {
	list-style: none;
	display: inline;
	border: none }
 
.inicio {
	position: absolute;
	left: 0px;
	z-index: 10; }
 
.menu {
	position: absolute;
	z-index: 9;
	left: 225px; }
 
.restaurantes {
	position: absolute;
	z-index: 8;
	left: 355px; }
 
.galeria {
	position: absolute;
	z-index: 7;
	left: 485px; }
 
.promociones {
	position: absolute;
	z-index: 6;
	left: 615px; }
 
.domicilios {
	position: absolute;
	z-index: 5;
	left: 745px; }
 
#contacto {
	position: absolute;
	height: 45px;
	width: 162px;
	left: 600px;
	z-index: 3;
	top: 618px; }
 
#reserva {
	height: 45px;
	width: 162px;
	left: 740px;
	z-index: 2;
	position: absolute;
	z-index: 99;
	top: 618px; }
 
/*END NAV*/
/*MAIN*/
#main {
	width: 910px;
	height: 680px;
	margin: 0px auto 30px;
	position: relative;
	top: 0px;
	padding: 0px; }
 
#table {
	background: url(../img/tabla.jpg) no-repeat;
	
	width: 897px;
	height: 560px;
	position: absolute;
	z-index: 100;
	top: 58px;
	left: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px; }
 
#tablepedidos {
	background: url(../img/tabla.jpg) no-repeat;
	
	width: 897px;
	height: 560px;
	position: absolute;
	z-index: 100;
	top: 58px;
	left: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	overflow: auto; } 
 
#registrobg {
	background: url(../img/bgregistro.jpg) no-repeat;

	width: 897px;
	height: 560px;
	position: absolute;
	z-index: 100;
	top: 57px;
	left: 5px;
	margin-bottom: 0px; }
 
#contactobg {
	background: url(../img/bgcontacto.jpg) no-repeat;

	width: 897px;
	height: 560px;
	position: absolute;
	z-index: 100;
	top: 57px;
	left: 5px;
	margin-bottom: 0px; }
 
#domiciliosbg {
	
	width: 897px;
	height: 560px;
	position: absolute;
	z-index: 100;
	top: 57px;
	left: 5px;
	margin-bottom: 0px;
	background: url(../img/bgdomicilios.jpg) no-repeat; }
 
#reservabg {
	
	width: 897px;
	height: 560px;
	position: absolute;
	z-index: 100;
	top: 57px;
	left: 5px;
	margin-bottom: 0px;
	background: url(../img/bgreserva.jpg) no-repeat; }
 
#restaurantebg {
	
	width: 897px;
	height: 560px;
	position: absolute;
	z-index: 100;
	top: 57px;
	left: 5px;
	margin-bottom: 0px;
	background: url(../img/bgrestaurante.jpg) no-repeat; }
 
#bgmenu {
	
	width: 897px;
	height: 560px;
	position: absolute;
	z-index: 100;
	top: 57px;
	left: 5px;
	margin-bottom: 0px;
	background: url(../img/bgmenu.jpg) no-repeat; }
 
#indexbg {

	width: 897px;
	height: 560px;
	position: absolute;
	z-index: 100;
	top: 57px;
	left: 5px;
	margin-bottom: 0px;
	background: url(../img/bgindex.jpg) no-repeat;
}
 
.col1 {
	width: 500px;
	padding: 0px;
	float: left;
	margin: 50px 15px 0px 70px; }
 
.col2 {
	width: 240px;
	min-height: 100px;
	padding: 0px;
	float: left;
	margin: 50px 0px 0px 10px; }
 
.menufridays {
	position: absolute;
	height: 44px;
	width: 204px;
	left: 18px;
	z-index: 6;
	top: 90px;
}
 
.lunch {
	position: absolute;
	height: 41px;
	width: 134px;
	left: 218px;
	z-index: 3;
	top: 211px;
}
 
.postres {
	position: absolute;
	height: 42px;
	width: 172px;
	left: 186px;
	z-index: 8;
	top: 371px;
}
 
.bar {
	position: absolute;
	height: 41px;
	width: 138px;
	left: 27px;
	z-index: 7;
	top: 287px;
}
 
.menufridays p, .lunch p, .postres p, .bar p { text-align: center }
 
.infantil {
	position: absolute;
	height: 206px;
	width: 221px;
	left: 303px;
	z-index: 4;
	top: 347px;
}
 
#map {
	position: absolute;
	left: 55px;
	top: 51px; }
 
.video {
	position: absolute;
	padding: 17px 0px 0px 15px;
	height: 174px;
	width: 275px;
	left: 592px;
	z-index: 4;
	top: 32px;
}
 
#promos {
	position: absolute;
	height: 255px;
	width: 290px;
	left: 593px;
	z-index: 1;
	top: 288px;
}
 
#promos p {
	position:absolute;
	font-size:12px;
	font-weight:bold;
	width:300px;
	height:30px;
	left: 00px;
	top: 229px;
	z-index:9000;
	}

.titulo {
	width: 286px;
	height: 146px;
	bottom: 0px;
	left: 0px;
	position: absolute;
	z-index: 1000;
	top: 424px;
	background: url(../img/titulobg.png) no-repeat;
}
 
.titulopedidos h3 {
	position: absolute;
	left: 105px;
	z-index: 10;
	bottom: 27px;
	width: 189px; }
 
.titulo h2 {
	position: absolute;
	left: 116px;
	z-index: 10;
	bottom: 44px;
	font-size: 20px;
}


.infomap h3{
	font-size:12px;
	color:#000;
} 
.infomap p{
	font-size:11px;
	color:#000;
}
.border {
	width: 910px;
	height: 25px;
	position: absolute;
	z-index: 99;
	top: 43px;
	left: -1px;
	background: url(../img/border.png) no-repeat;
}
 
.border2 {
	width: 910px;
	height: 25px;
	position: absolute;
	z-index: 99;
	top: 615px;
	background: url(../img/border2.png) no-repeat;
}
 
#newsbg {
	position: absolute;
	height: 63px;
	width: 580px;
	left: 0px;
	z-index: 20;
	top: 623px;
	padding-left: 15px;
	background: url(../img/newsletterbg.png) no-repeat;
}
 
.list {
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	margin: 0px 0px 20px 0px; }
 
#registrobg li span {
	font-size: 10px;
	font-weight: normal; }
 
.producto {
	width: 610px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 20px;
	margin-bottom: 0px;
	background-color: #550000;
	position: relative; }
 
.titulopedido {
	width: 300px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 20px;
	margin-bottom: 0px;
	clear: both; }
 
.producto p {
	font-size: 10px;
	font-weight: normal;
	color: #EEEEEE;
	margin-bottom: 5px; }
 
.productotext {
	width: 470px;
	min-height: 70px;
	float: left;
        margin: 0px 0px 10px 5px;
        padding: 10px 10px 5px 10px;
	background: url(../img/bg2.png) repeat;
}

.producto_resumen{
	min-height: 70px;
	float: none;
        margin: 0px 0px 10px 5px;
        padding: 20px 20px 20px 20px;
	background: url(../img/bg2.png) repeat;
	border: 10px solid #FFF;
}
.resumen_carro{
	float: none;
        margin: 16px 0px 0px 0px;
        padding: 15px;
	background: url(../img/bg2.png) repeat;
}
 
.producto img {
	width: 100px;
	float: left;
	border: 3px solid #EEEEEE; }
 
.cantidad { width: 450px; }
 
	.cantidad span {
		width: 355px;
		float: left;
		font-size: 12px;
		font-weight: bold;
		color: #c12826; }
 
.restaurante p {
	font-size: 12px;
	line-height: 1.5em;
	font-weight: normal;
	color: #FFF; }
 
.restaurante {
	margin: 50px 0px;
	float: left;
	width: 165px; }
 
.promos2 {
	float: left;
	width: 360px;
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 70px; }
 
.slideshow {
	position:absolute;
	height: 450px;
	width: 800px;
	left: 56px;
	top: 51px;
}
 
#navbanner {
	position: relative;
	display: block;
	height: 15px;
	width: 361px;
	left: 0px;
	top: 350px;
	margin: 0px;
	padding: 0px; }
 
#navbanner2 {
	position: relative;
	display: block;
	height: 15px;
	width: 361px;
	left: 0px;
	top: 350px;
	margin: 0px;
	padding: 0px; }
 
.reserva1 {
	float: left;
	margin-right: 10px; }
 
.reserva2 {
	float: left;
	margin: 15px 15px 0px 0px; }
 
.listres {
	font-size: 12px;
	line-height: 1.5em;
	font-weight: normal;
	color: #FFF; }

/*MENU*/
#menu2 {
	position:absolute;
	left:85px;
	top:42px;
	width:273px;
	height:242px;
	z-index:1;
}
#lunch2 {
	position:absolute;
	left:328px;
	top:43px;
	width:299px;
	height:246px;
	z-index:9;
}
#bar2 {
	position:absolute;
	left:585px;
	top:43px;
	width:259px;
	height:250px;
	z-index:10;
}
#infantil2 {
	position:absolute;
	left:200px;
	top:220px;
	width:200px;
	height:203px;
	z-index:3;
}
#postres2 {
	position:absolute;
	left:517px;
	top:237px;
	width:271px;
	height:235px;
	z-index:4;
}


/*END MENU*/

 
/*END MAIN*/
/*FOOTER*/
#footer {
	width: 360px;
	height: 33px;
	line-height: 20px;
	margin: 0px auto;
	position: relative;
	padding: 0px;
	bottom: 0px;
	color: #FFF;
	background: url(../img/footer_bg.png) no-repeat;
}
 
	#footer p {
		color: #FFF;
		padding: 0px;
		margin: 0px;
		font-size: 10px;
		height: 33px;
		line-height: 33px;
		text-align: center; }
 
/*END FOOTER*/

/* Jquery CYCLE*/

#cyclecontainer {
	position: absolute;
	display: block;
	height: 36px;
	width: 281px;
	left: 594px;
	top: 521px;
	z-index: 9998;
}
 
#cyclenav {
	position: absolute;
	left: 0px;
	z-index: 9999; }
 
	#cyclenav li {
		display: block;
		height: 17px;
		width: 17px;
		float: left;
		margin: 5px; }
 
	#cyclenav a:link {
		display: block;
		height: 17px;
		width: 17px;
		background: url(../img/dot_over.png) no-repeat; }
 
	#cyclenav a:visited {
		display: block;
		height: 17px;
		width: 17px;
		float: left; }
 
	#cyclenav a.activeSlide, .nav2 a:hover { background: url(../img/dot_active.png) no-repeat; }
 
/* END Jquery CYCLE*/


.cabeza{
	color:#333;
	font-size:12px;
	text-align:right;
	font:Verdana, Geneva, sans-serif;
	
}

.leyenda{
	margin:0px 30px 20px 30px;
	font-size:14px;
}


.totales_carro{
	text-align:right;
	font-size:10px;	
}

.resumen_pedido{
	font-size:10px;
}

.texto_extra{
	margin-top:10px;
	font-weight:bold;
}
.observacion_pedido{
	width:450px;
	height:30px;
} 
.bienvenida{
	font-size:13px;
	text-align:left;
}

.observacion_pedido{
	margin: 10px 0px 10px 0px;
	}		
 		
.galeria2 img {float:left;
border:solid #FFF 5px;
margin: 20px 15px 20px 15px;}

.vinculo {
	font-weight:bold;
	font-size:13px;
	
}

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


/* GOOGLE MAPS*/

.infomap p {
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px 0px 0px 0px;
	line-height:1em;
	font-weight: normal;
	}

.infomap h3 {
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	}
	
.infomap a {
	color:#333;
	font-weight:bold;
	text-decoration: underline;
	}	

.infomap a:hover {
	color:#F00;
	font-weight:bold;
	}

/* END GOOGLE MAPS*/

.boton_pedido{
	text-align:center;
	padding-top:10px;
}

.cantidad_pedido{
	text-align:center;
	font-size:10px;	
}