/*<group=general>*/

* { 
	padding: 0; margin: 0;
	font: 11px verdana, arial, helvetica; 
	color: #330000;
	}

body {
	background-color: #ffffff;
	text-align: center;
	background-image: url(../images/bg_tile.gif);
	background-repeat: repeat-y;
	background-position: center;
	}
	
img {
   display: block;
   }

h1 {
	font: 16px times new roman, times, serif;
	font-weight:bold;
	}
	
h2 {
	font: 13px times new roman, times, serif;
	font-weight:bold;
	padding: 10px 0 5px 0;
   }

p {
	padding: 3px 0 3px 0;
	}
	
a {
   color: #B77B8A; text-decoration: none;
	}
	
a:hover {
   color: #660000; background-color: #EDDEE2; 
	} 

/*</group>*/

/*<group=site-wide components>*/

#container {
	margin: 50 auto;
	width: 762px;
	height: 550px;
	text-align: left;
	}

#logo {
	margin: 0 0 0 0; padding: 0;
	float: left;
	display: block;	
	position: relative;
	width: 208px; height:171px;
	overflow: hidden;
	}
	  
#logo a.image {
	display: block;
	position: absolute;
	left: 0px; 
	top: 0px;
	z-index: 1;
	width: 208px; height: 171px;
	margin: 0; padding: 0;
	background: url(../images/davidlogo.gif) no-repeat left top;
	}
	
#continfo{
	margin: 100 0 0 0; padding: 0;
	float: right;
	display: block;	
	position: relative;
	width: 201px; height:158;
	overflow: hidden;
	background: url(../images/marco.gif) no-repeat left top;
	}
	
#info{	
	padding: 16px 6px 16px 16px
	text-align: right;
	}

#left-column {
	float: left;
	width: 208px;
	height: auto;
	}
	
#middle-column {
	float: left;
	width: 349px;
	height: auto;
	}

#right-column {
	float: left;
	width: 200px;
	height: auto;
	}
	
#content {
	margin: 20px 0 0 15px;
	}
	
#contentarrive {
	margin: 100px 0 0 15px;
	}

#mainpagecontent {
	margin: 0px 0 0 0px;
	}
	
#footer {
   font: 9px Verdana, Arial, sans-serif; color: #ffffff;
   margin: 0 270px 0 220px;
   width: auto;
   height: 50px;
   text-align: center; 
   line-height: 10px;
   clear: both;
   }
   
#footer a {
   font: 9px Verdana, Arial, sans-serif; color: #ffffff;
   }
   
#footer a:hover {
   color: #333; background-color: #ffffff;
   }
		
/*</group>*/

/*<group=main nav>*/

/* control */
	
	
div#nav { 
	height: 99px; 
	width: 349px; 
	}
	
div#nav ul#menu {
	height: 99px; width: 349px;
	background: url(../images/nav.gif) top left no-repeat;
	position: relative;
	}
	
div#nav ul#menu li {
	list-style: none;
	position: absolute;
	}


ul#menu li, ul#menu a {
	height: 25px; width: 349px;
	display: block;
	}


div#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
/* control espanol*/
	
	
div#naves { 
	height: 99px; 
	width: 349px; 
	}
	
div#naves ul#menues {
	height: 99px; width: 349px;
	background: url(../espanol/imagenes/menusp.gif) top left no-repeat;
	position: relative;
	}
	
div#naves ul#menues li {
	list-style: none;
	position: absolute;
	}


ul#menues li, ul#menues a {
	height: 25px; width: 349px;
	display: block;
	}


div#naves ul#menues li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
/* placement */

#historymenu {
	top: 0;
	}


#arrivemenu {
	top: 25px;
	}
	
#cartamenu {
	top: 50px;
	}


#reviewsmenu {
	top: 75px;
	}

/* interaction */

#historymenu a:hover {
	background: url(../images/nav.gif) -349px 0 no-repeat;
	}

#arrivemenu a:hover {
	background: url(../images/nav.gif) -349px -25px no-repeat;
	}

#cartamenu a:hover {
	background: url(../images/nav.gif) -349px -50px no-repeat;
	}

#reviewsmenu a:hover {
	background: url(../images/nav.gif) -349px -75px no-repeat;
	}
	
/* select */

body#history #historymenu {
	background: url(../images/nav.gif) -350px 0 no-repeat;
	}

body#arrive #arrivemenu {
	background: url(../images/nav.gif) -350px -25px no-repeat;
	}

body#menu #cartamenu {
	background: url(../images/nav.gif) -350px -50px no-repeat;
	}

body#reviews #reviewsmenu {
	background: url(../images/nav.gif) -350px -75px no-repeat;
	}
	
/* interaction espanol*/

#historiamenu a:hover {
	background: url(../espanol/imagenes/menusp.gif) -349px 0 no-repeat;
	}

#ubicacionmenu a:hover {
	background: url(../espanol/imagenes/menusp.gif) -349px -25px no-repeat;
	}

#lacartamenu a:hover {
	background: url(../espanol/imagenes/menusp.gif) -349px -50px no-repeat;
	}

#comentariosmenu a:hover {
	background: url(../espanol/imagenes/menusp.gif) -349px -75px no-repeat;
	}

/* select espanol*/

body#historia #historiamenu {
	background: url(../images/nav.gif) -350px 0 no-repeat;
	}

body#ubicacion #ubicacionmenu {
	background: url(../images/nav.gif) -350px -25px no-repeat;
	}

body#lacarta #lacartamenu {
	background: url(../images/nav.gif) -350px -50px no-repeat;
	}

body#comentarios #comentariosmenu {
	background: url(../images/nav.gif) -350px -75px no-repeat;
	}

/*</group>*/

/*<group=subnav>*/

/* placement */

#subnav {
	text-align: left;
	margin: 55px 0 0 15px;
	height: auto;
	}

#subnav ul {
	list-style: none;
	}

#subnav ul li {
	padding: 2px;
	}

/* interaction */

#subnav ul li a {
	color: #B77B8A;
	text-decoration: none;
	}

#subnav ul li a:hover, body.sopa #sopamenu, body.pescados #pescadosmenu, body.verduras #verdurasmenu, body.carnes #carnesmenu, body.especial #especialmenu, body.postres #postresmenu {
	color: #660000;
	background-color: #EDDEE2; 
	}

/* select */
	
	/*</group>*/

/*<group=projects>*/

/* project window control */

#project-window {
	float: left;
	width: 339px;
   }
   
#project {
	position: relative;
	width: 349px; height: 350px;
	overflow: hidden;
	}

#project span {
	display: block;
	position: absolute;
	left: 0; top: 0;
	z-index: 1;
	width: 349px; height: 349px;
	}
	

/* individual project classes */

#project span.homepage {
	background: url(../images/parejacenando.jpg) top left no-repeat;
	}

#project span.arrive {
	background: url(../images/mapa.gif) top left no-repeat;
	}
	
#project span.carta {
	background: url(../images/platos2.jpg) top left no-repeat;
	}
	
#project span.history {
	background: url(../images/cocineros.jpg) top left no-repeat;
	}
	
#project span.reviews {
	background: url(../images/grupomesa.jpg) top left no-repeat;
	}
/*</group>*/


/*<group=languages>*/
/* control flags*/
	
div#flags { 
	margin: 0 0 0 0; padding: 0;
	float: left;
	display: block;	
	position: relative;
	width: 38px; height:52px;
	overflow: hidden;
	}
div#flags ul#lang {
	height: 52px; width: 38px;
	background: url(../images/languages.gif) top left no-repeat;
	position: relative;
	}
div#flags ul#lang li {
	list-style: none;
	position: absolute;
	}
ul#lang li, ul#lang a {
	height: 22px; width: 38px;
	display: block;
	}
div#flags ul#lang li a {
	text-indent: -9999px;
	text-decoration: none;
	}
/* placement */

#english {
	top: 0;
	}
#spanish {
	top: 22px;
	}
/* interaction flags*/

#english a:hover {
	background: url(../images/languages.gif) -38px 0 no-repeat;
	}
#spanish a:hover {
	background: url(../images/languages.gif) -38px -25px no-repeat;
	}
/* select flags*/

body#english #englishmenu {
	background: url(../images/menusp.gif) -350px 0 no-repeat;
	}
body#spanish #spanishmenu {
	background: url(../images/menusp.gif) -350px -25px no-repeat;
	}
/*</group>*/

/*<group=main naves>*/
/* control espanol*/
	
div#naves { 
	height: 99px; 
	width: 349px; 
	}
div#naves ul#menues {
	height: 99px; width: 349px;
	background: url(../images/menusp.gif) top left no-repeat;
	position: relative;
	}
div#naves ul#menues li {
	list-style: none;
	position: absolute;
	}
ul#menues li, ul#menues a {
	height: 25px; width: 349px;
	display: block;
	}
div#naves ul#menues li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
/* placement */

#historiamenu {
	top: 0;
	}
#ubicacionmenu {
	top: 25px;
	}
#lacartamenu {
	top: 50px;
	}
#comentariosmenu {
	top: 75px;
	}
/* interaction espanol*/
#historiamenu a:hover {
	background: url(../images/menusp.gif) -349px 0 no-repeat;
	}
#ubicacionmenu a:hover {
	background: url(../images/menusp.gif) -349px -25px no-repeat;
	}
#lacartamenu a:hover {
	background: url(../images/menusp.gif) -349px -50px no-repeat;
	}
#comentariosmenu a:hover {
	background: url(../images/menusp.gif) -349px -75px no-repeat;
	}
/* select espanol*/
body#historia #historiamenu {
	background: url(../images/menusp.gif) -350px 0 no-repeat;
	}
body#ubicacion #ubicacionmenu {
	background: url(../images/menusp.gif) -350px -25px no-repeat;
	}
body#lacarta #lacartamenu {
	background: url(../images/menusp.gif) -350px -50px no-repeat;
	}
body#comentarios #comentariosmenu {
	background: url(../images/menusp.gif) -350px -75px no-repeat;
	}
/*</group>*/