/*@import "reset.css";*/
@import "multibox.css";
@import "slider.css";
body {
	background-color: #f7f7ee;
	background-image: url(fondo.png);
	background-repeat:repeat-x;
	background-position:center top;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #695A44;
	line-height: 1.4em;
	
}

img {
	border-width: 0;
}

table 
{
    color: #695A44;
    line-height: 1.4em;
    
}

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


h1 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
}

h2, h3, h4 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}

p {
	line-height: 1.4em;
}

hr {
	border: 0;

}

a {
	text-decoration: none;
	color: #CC5323;
	font-weight: bold;
}

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

a:active {
	color: #C19B28;
	font-weight: bold;
}

.bold
{
    font-size:15px;
    color:#4f4332;
}


.cuerpoHOLDER
{
	background-color:#fdfdfd;
	background-image: url(cuerpoHOLDER.png);
	background-repeat:no-repeat;
	background-position:center top;
	
	}

.cuerpoBASE
{
	background-color:#fefdfa;
}

/* --> HMENU*/

#HmenuTABLE
{
	width:100%;
	height:60px;
	background-color:#483c33;
	background-image: url(menuFONDO.png);
	background-position:center center;
	text-align:center;
	vertical-align:middle;
	background-repeat:repeat-x;
	border:0;
	border-collapse: collapse;	
	}

#HmenuTD
{
	width:100%;
	height:60px;
	text-align:center;
	vertical-align:middle;
	border:0;
	border-collapse: collapse;
	}

#Hmenu 
{
	height:56px;
	border:0px;
	padding:0px;
	margin:0px;
	border-collapse: collapse;

}

#Hmenu ul
{
	padding:0;
	margin:0;
	list-style:none;
	}
#Hmenu ul li
{
	float:left;
	}
	
#Hmenu ul li a
{
	float:left;
	height:60px;
	margin:0px;
	margin-left:5px;
	background-repeat:no-repeat;
	}
		
#fancymenu {
  position: relative;
  /*height: 40px;*/
  width: 930px;
  /*background: url('images/bg.gif') no-repeat top;*/
  padding: 5px;
  margin: 10px 0;
  overflow: hidden;
}
 
#fancymenu ul {
  padding: 0;
  margin: 0;
}
 
/* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#fancymenu ul li {
  float: left;
  list-style: none;
}
 
#fancymenu ul li a {
  text-indent: -500em;
  z-index: 10;
  display: block;
  float: left;
  height: 42px;
  position: relative;
  overflow: hidden;
  
  
}


#menu_i a {
  width: 103px !important;
  width: 100px;
  height:31px;
  
  background: url('menu/inicio.png') no-repeat center 5px !important;
  background: url('menu/inicio.png') no-repeat 18px 5px;
  }
 
#menu_ii a {
  width: 127px !important;
  width: 124px;
  height:31px;
  
  background: url('menu/nuestro-restaurante.png') no-repeat center 5px !important;
  background: url('menu/nuestro-restaurante.png') no-repeat 18px 5px;  
}
 
#menu_iii a {
  width: 109px !important;
  width: 106px;
  height:31px;
  
  background: url('menu/especialidades.png') no-repeat center 5px !important;
  background: url('menu/especialidades.png') no-repeat 18px 5px;
}
 
#menu_iv a {
  width: 259px !important;
  width: 256px;
  height:31px;
  
  background: url('menu/jornadas-gastronomicas.png') no-repeat center 5px !important;
  background: url('menu/jornadas-gastronomicas.png') no-repeat 18px 5px;
}

#menu_v a {
  width: 164px !important;
  width: 161px;
  height:31px;
  
  background: url('menu/localizacion.png') no-repeat center 5px !important;
  background: url('menu/localizacion.png') no-repeat 18px 5px;
  z-index: 8;
}

#menu_vi a {
  width: 120px !important;
  width: 117px;
  height:31px;
  
  background: url('menu/historia.png') no-repeat center 5px !important;
  background: url('menu/historia.png') no-repeat 18px 5px;
  z-index: 8;
}

#fancymenu li.background {
  background: url('menu/bg2.gif') no-repeat top right !important;
  background: url('menu/bg2.gif') no-repeat top right;
  z-index: 8;
  position: absolute;
  visibility: hidden;
}
 
#fancymenu .background .left {
  background: url('menu/bg1.gif') no-repeat top left !important;
  background: url('menu/bg1.gif') no-repeat top left;
  height: 42px;
  margin-right: 12px; /* 7px is the width of the rounded shape */
  
}





/* CARTA RESTAURANTES */

.tituloESPECIALIDAD
{
	font-family:Verdana, Lucida, Console Arial;
	font-size:17px;
	color:#52504c;
	}
	
.descripcionESPECIALIDAD
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	color:Gray;
	}
	
/* CARTA RESTAURANTES */

.tituloESPECIALIDAD
{
	font-family:Verdana, Lucida, Console Arial;
	font-size:17px;
	color:#52504c;
	}
	
.descripcionESPECIALIDAD
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	color:Gray;
	}
	
/* CARTA RESTAURANTES */
.ladoderechoTABLE
{
	color:#120703;
    font-weight:normal;
    font-family: Arial;
    font-size:13px;
    background-color: #f7f5e9;
    background-image: url(../../imagenes/TablaDerecha1/FD1.png);
    border-bottom:solid 1px #e1d9d0;
    border-left:solid 1px #e1d9d0;
    border-right:solid 1px #e1d9d0;
    border-top:solid 1px #e1d9d0;
    padding: 2px 2px 2px 2px;
    text-align:left;
}

.resaltadoTEXTO
{
    color:#120703;
    font-weight:bold;
    font-family: Arial;
    font-size:14px;    
    
}


div#qTip {
 padding: 3px;
 border: 1px solid #ece0d6;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #fcfcfa;
 color: #292b26;
 font: bold 9px Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
 /*width:175px;*/
}

/* boton play*/

a.play:link, a.play:visited {
	background: #f5f2ed url(Play.png) left top no-repeat;	
	display: block;
	height: 50px;
	width: 300px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: center;
	font-family: Arial;
	font-weight:  bold;
	font-size: 15px;
	line-height: 50px;
	color:  #cc5323;
	/*letter-spacing: 2px;	*/
	
}

a.play:hover, a.play:active {
	color: #cc3300;
	text-decoration: none;
	background-position: bottom left;
}


/* boton play 2*/

a.play2:link, a.play2:visited {
	background: #f5f2ed url(Play2.png) left top no-repeat;	
	display: block;
	height: 50px;
	width: 300px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: center;
	font-family: Arial;
	font-weight:  bold;
	font-size: 15px;
	line-height: 50px;
	color:  #cc5323;
	/*letter-spacing: 2px;	*/
	
}

a.play2:hover, a.play2:active {
	color: #cc3300;
	text-decoration: none;
	background-position: bottom left;
}