body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(imagenes/comunes/bg.jpg) repeat-x bottom fixed;
}

#container {
	display: block;
	margin: 0 auto;
	width: 771px;
	background: #FFFFFF;
	padding: 0 5px 5px 5px;
}


.textopie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	text-decoration: none;
}
.textoazuloscuroneg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
.texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	text-decoration: none;
}
.textonegro {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	text-decoration: none;
}

div#platos {
	margin: 0 0 0 20px;
	width: 200px;
}



table#menu-principal {
}

table#menu-principal td a:link,
table#menu-principal td a:visited {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	width: 106px;
	height: 35px;
	line-height: 35px;
}

table#menu-principal td a:hover {
	color: #FFCC00;
	text-decoration: none;
}

table#menu-principal td.activo a:link,
table#menu-principal td.activo a:visited,
table#menu-principal td.activo a:hover {
	color: #FFCC00;
	text-decoration: none;
}

table#menu-secundario {
}

table#menu-secundario td a:link,
table#menu-secundario td a:visited {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	width: 80px;
	height: 35px;
	line-height: 35px;
}

table#menu-secundario td a:hover {
	color: #999999;
	text-decoration: none;
}

table#menu-secundario td.activo a:link,
table#menu-secundario td.activo a:visited,
table#menu-secundario td.activo a:hover {
	color: #999999;
	text-decoration: none;
}

table#footer td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	padding: 0 10px 0 10px;
}

#topinfo {
	display: block;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #164974;
	height: 12px;
	line-height: 12px;
	margin: 50px 0 0 0;
}

#topinfo a:link,
#topinfo a:visited {
	text-decoration: none;
	color: #164974;
	font-size: 11px;
}

#topinfo a:hover {
	color: #FFCC00;
}

td#insidecol {
	background: #e2f0fe url(imagenes/comunes/bg-insidecol.jpg) repeat-x bottom;
}


div.padding-centercol {
	padding: 20px 25px 0px 25px;
}

div.padding-rightcol {
	padding: 20px 10px 0px 20px;
}



/* ELEMENTOS de La Carta --------------------------- */

ul#carta {
	display: block;
	float: left;
	margin: 8px 0 0 0;
	padding: 0 0 25px 0;
	list-style: none;
}

ul#carta li {
	display: block;
	border-bottom: 1px solid #cbcbcb;
	background: url(imagenes/lacarta/icono-carta.gif) no-repeat 0px 0px;
	text-indent: 20px;
	height: 12px;
	line-height: 12px;
	width: 211px;
	margin: 0 0 6px 0;
	padding: 0 0 6px 0;
}

ul#carta li.last {
	border: 0px;
	margin: 0;
}

ul#carta li a:link,
ul#carta li a:visited {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

ul#carta li a:hover {
	color: #0066FF;
}

ul#carta li#activo a {
	color: #0066FF;
}


ul#listado-platos {
	display: block;
	float: left;
	margin: 8px 0 0 0;
	padding: 0 0 25px 0;
	list-style: none;
}

ul#listado-platos li {
	display: block;
	border-bottom: 1px solid #cbe5e5;
	background: url(imagenes/lacarta/icono-plato.gif) no-repeat 0px 0px;
	width: 180px !important;
	width: 200px;
	margin: 0 0 6px 0;
	padding: 0 0 6px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

/* end */


ul#galeria {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

ul#galeria li {
	display: inline;
	float: left;
	width: 80px;
	height: 60px;
	padding: 4px;
	border: 1px solid #CDCDCD;
	margin: 0 0 8px 8px;
	list-style: none;
}








/* HEADINGS ............................. */

h3 {
	margin: 0;
	padding: 0;
}

h3#restaurante {
	display: block;
	float: left:;
	background: url(imagenes/restaurante/h3-restaurante.jpg) no-repeat 0px 0px;
	width: 183px;
	height: 46px;
	text-indent: -5000px;
	margin: 3px 0 0 0;
}

h3#nuestra-carta {
	display: block;
	float: left:;
	background: url(imagenes/lacarta/h3-nuestracarta.jpg) no-repeat 0px 0px;
	width: 105px;
	height: 26px;
	text-indent: -5000px;
	margin: 3px 0 0 0;
}

h3#la-barra {
	display: block;
	float: left:;
	background: url(imagenes/barra/h3-labarra.jpg) no-repeat 0px 0px;
	width: 190px;
	height: 26px;
	text-indent: -5000px;
	margin: 3px 0 0 0;
}

h3#la-bodega {
	display: block;
	float: left:;
	background: url(imagenes/bodega/h3-labodega.jpg) no-repeat 0px 0px;
	width: 191px;
	height: 25px;
	text-indent: -5000px;
	margin: 3px 0 0 0;
}

h3#galeria-imagenes {
	display: block;
	float: left:;
	background: url(imagenes/comunes/h3-galeriaimagenes.jpg) no-repeat;
	width: 180px;
	height: 26px;
	text-indent: -5000px;
	margin: 3px 0 0 7px;
}


#platos img.tipo-plato {
	display: block;
	float: left;
	margin: 3px 0 10px 20px;
}

#platos h3#frio {
	background: url(imagenes/lacarta/h3-frio.jpg) no-repeat 0px 0px;
}

#platos h3#caliente {
	background: url(imagenes/lacarta/h3-caliente.jpg) no-repeat 0px 0px;
}

#platos h3#guisos {
	background: url(imagenes/lacarta/h3-guisos.jpg) no-repeat 0px 0px;
}

#platos h3#picar {
	background: url(imagenes/lacarta/h3-picar.jpg) no-repeat 0px 0px;
}

#platos h3#arroces {
	background: url(imagenes/lacarta/h3-arroces.jpg) no-repeat 0px 0px;
}

#platos h3#huevos {
	background: url(imagenes/lacarta/h3-huevos.jpg) no-repeat 0px 0px;
}

#platos h3#mariscos {
	background: url(imagenes/lacarta/h3-mariscos.jpg) no-repeat 0px 0px;
}

#platos h3#pescados {
	background: url(imagenes/lacarta/h3-pescados.jpg) no-repeat 0px 0px;
}

#platos h3#carnes {
	background: url(imagenes/lacarta/h3-carnes.jpg) no-repeat 0px 0px;
}

#platos h3#postres {
	background: url(imagenes/lacarta/h3-postres.jpg) no-repeat 0px 0px;
}

#platos h3#tartas {
	background: url(imagenes/lacarta/h3-tartas.jpg) no-repeat 0px 0px;
}


h3#formulario-contacto {
	display: block;
	float: left:;
	background: url(imagenes/contacta/h3-formulariocontacto.jpg) no-repeat;
	width: 179px;
	height: 15px;
	text-indent: -5000px;
	margin: 25px 0 0 30px;
}


h3#situacion {
	display: block;
	float: left:;
	background: url(imagenes/situacion/h3-situacion.jpg) no-repeat;
	width: 156px;
	height: 15px;
	text-indent: -5000px;
	margin: 25px 0 0 30px;
}






/* TYPO ............................... */

p#descripcion {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	line-height: 12px;
	margin: 7px 0 15px 10px;
	font-style: italic;
}


blockquote#cita {
	font-family: Arial, Helvetica, sans-serif;
	color: #222222;
	display: block;
	margin: 20px 0 20px 0;
	width: 100%;
}

blockquote#cita p {
	margin: 0;
	padding: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 18px;
}

blockquote#cita a:link,
blockquote#cita a:visited {
	color: #0066FF;
	text-decoration: none;
}

blockquote#cita a:hover {
	color: #FF9900;
}



blockquote#cita2{
	font-family: Arial, Helvetica, sans-serif;	
	display: block;
	margin: 30px 0 20px 0;
	width: 150px;
	padding-left: 30px;
}

blockquote#cita2 p {
	margin: 0;
	padding: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 18px;
	color: #111111;
}

blockquote#cita2 p a {
	font-size: 10px;
}


blockquote#quote {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	margin: 30px 0 30px 0;
	width: 100%;
	text-align: center;
}

blockquote#quote p {
	margin: 0;
	padding: 0;
	font: bold 14px Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #0066FF;
	line-height: 16px;
}


ul#secciones {
	display: inline;
	float: left;
	margin: 15px 0 0 20px;
	padding: 0;
	list-style: none;
	width: 220px;
}

ul#secciones li {
	display: block;
	height: 40px;
	border-bottom: 1px solid #EEEEEE;
	margin: 0 0 10px 0 !important;
	margin: 0 0 10px -15px;
	padding: 0 0 10px 0;
	list-style: none;

}

ul#secciones li.last {
	border: 0px;
}

ul#secciones li img {
	display: inline;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	float: left;
}

ul#secciones li p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #006699;
	margin: 0;
	padding: 0;
}

ul#secciones li span.titulo {
	color: #000000;
	font-weight: bold;
	width: 100%;
	display: block;
}

ul#secciones li p a:link,
ul#secciones li p a:visited {
	text-decoration: none;
	color: #006699;
}

ul#secciones li p a:hover {
	color: #000000;
	text-decoration: none;
}


ul#opciones {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#opciones li {
	list-style: none;
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 2px 0;
}

ul#opciones li.contacta {
	background: url(imagenes/restaurante/icono-contacta.gif) no-repeat 0px 6px;
	padding-left: 15px;
}

ul#opciones li.contacta a:link,
ul#opciones li.contacta a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

ul#opciones li.contacta a:hover {
	color: #0066FF;
}

ul#opciones li.mapa  {
	background: url(imagenes/restaurante/icono-mapa.gif) no-repeat 0px 6px;
	padding-left: 15px;
}

ul#opciones li.mapa a:link,
ul#opciones li.mapa a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

ul#opciones li.mapa a:hover {
	color: #0066FF;
}





/* SALONES */
a#amura:link,
a#amura:visited{
	background: url(imagenes/salones/boton-amura.jpg) no-repeat;
	width: 128px;
	height: 300px;
	display: block;
	float: left;
	text-indent: -5000px;
}

a#amura:hover {
	background: url(imagenes/salones/boton-amura-hover.jpg) no-repeat;
	width: 128px;
	height: 300px;
}


a#amura2:link,
a#amura2:visited{
	background: url(imagenes/salones/boton-amura2.jpg) no-repeat;
	width: 128px;
	height: 300px;
	display: block;
	float: left;
	text-indent: -5000px;
}

a#amura2:hover {
	background: url(imagenes/salones/boton-amura2-hover.jpg) no-repeat;
	width: 128px;
	height: 300px;
}

a#bahia:link,
a#bahia:visited{
	background: url(imagenes/salones/boton-bahia.jpg) no-repeat;
	width: 128px;
	height: 300px;
	display: block;
	float: left;
	text-indent: -5000px;
}

a#bahia:hover {
	background: url(imagenes/salones/boton-bahia-hover.jpg) no-repeat;
	width: 128px;
	height: 300px;
}

a#proa:link,
a#proa:visited{
	background: url(imagenes/salones/boton-proa.jpg) no-repeat;
	width: 128px;
	height: 300px;
	display: block;
	float: left;
	text-indent: -5000px;
}

a#proa:hover {
	background: url(imagenes/salones/boton-proa-hover.jpg) no-repeat;
	width: 128px;
	height: 300px;
}

a#octubre:link,
a#octubre:visited{
	background: url(imagenes/salones/boton-13deoctubre.jpg) no-repeat;
	width: 128px;
	height: 300px;
	display: block;
	float: left;
	text-indent: -5000px;
}

a#octubre:hover {
	background: url(imagenes/salones/boton-13deoctubre-hover.jpg) no-repeat;
	width: 128px;
	height: 300px;
}

a#santamarta:link,
a#santamarta:visited{
	background: url(imagenes/salones/boton-santamarta.jpg) no-repeat;
	width: 131px;
	height: 300px;
	display: block;
	float: left;
	text-indent: -5000px;
}

a#santamarta:hover {
	background: url(imagenes/salones/boton-santamarta-hover.jpg) no-repeat;
	width: 131px;
	height: 300px;
}

div#footer {
	display: block;
	margin: 0 auto;
	width: 771px;
	text-align: right;
	line-height: 35px;
}

div#footer a:link,
div#footer a:visited {
	display: inline;
	color: #0099FF;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-right: 15px;
}

div#footer a:hover {
	color: #33FFFF;
}


a.email {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}




/* GOOGLE MAP */

#map {
	width: 445px;
	height: 220px;
	margin: 20px 0 20px 30px
}