/* CSS Document */

/* estilos generales */

body 
{ 
font-family:"Trebuchet MS"; 
font-size:12px; 
font-weight:normal; 
color:#000033;
background: url(../images/backgroundhotels.jpg) repeat-x;
margin-top:0px;
}

p {
color:#666666;
margin-top:0px;
}

p.parrafo-imagen {
margin-bottom:70px;
}

p.dinnermenu {
color:#FFFFFF;
text-align:center;
}
p.error {
	color:#336799;
	text-align: center;
	margin:40px 0px 0px 0px;
	font-size: 38px;
}
p.error-small {
	color:#336799;
	text-align: center;
	margin-top:5px;
	font-size: 21px;
}

span{
font-size:16px;
font-weight:bold;
color: #336699;
}

span.italica{
font-size:16px;
font-weight:bold;
color: #336699;
font-style:italic;
}

span.grey{
font-size:18px;
font-weight:bold;
color: #666666;
}


.photogallery {
font-size:11px;
color:#999999;
font-weight:bold;
text-align:left;
margin: 5px 0px 0px 5px;
padding-bottom: 2px;
min-height: 30px;
}


table.photogallery {
margin-left: 0px;

}

table.photogallery img{
margin-bottom: -5px;
}

td.color {
background-color: #FFFFFF;
background-image:url(../images/fondo-tablagallery.gif);
background-repeat:no-repeat;
background-position: bottom left;
vertical-align:top;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;

}

h1 {
font-family:"Trebuchet MS"; 
font-size:12px; 
font-weight:bold; 
color: #336699;
}

a:link, a:visited {
font-weight:normal; 
text-decoration:underline;
color:#336699;
}

a:hover, a:active {
font-weight:normal; 
text-decoration:underline;
color: #0099FF;
}

img.izquierda {
float:left;
padding-right:10px;
}

/* divs */

#container {
	width:700px;
	margin: 0 auto;
	background-color:#FFFFFF;
	padding: 0px 20px 50px 20px;
}

#container_steak {
width:700px;
height: 1100px;
margin: 0 auto;
background-color:#FFFFFF;
padding: 0px 20px 50px 20px;
}

#topfeature{
width: 700px;
margin-top: 10px;
text-align:right;
}

#winelistfeature{
	width:515px;
	margin: 0 auto;
	background-color:#FFFFFF;
	padding: 0px 50px 50px 50px;
}

#cabecera {
width:700px;
height:125px;
background: url(../images/alpine-logo.gif) no-repeat top left; 
}


#bracocontainer {
width:700px;
position: relative;
margin: 0 auto;
background-color:#FFFFFF;
}


#cabecerabraco {
width:700px;
height:105px;
margin: 0px 0px 30px 0px;
}

img.braco {
float:right;
padding: 0px 0px 0px 15px;
}

#flash {
width:700px;
height:250px;
padding: 0px 0px 10px 0px;
}

#barra-izquierda {
width:150px;
text-align:left;
margin:10px 0px 0px 0px;
float: left;
}

#centro {
width: 350px;
margin:10px 0px 0px 15px;
float: left;
}

#barra-derecha {
width:150px;
margin: 10px 0px 0px 20px;
float:left;
}

#centro-derecha {
width:515px;
margin: 10px 0px 0px 25px;
float:left;
}



#centrodinnermenu {
width: 515px;
height: 500px;
padding: 50px 0px 50px 0px;
background: #336699 url(../images/dinnermenu_topbackground.gif) no-repeat top;
}

#centrodinnermenu-daily {
width: 515px;
height: 250px;
padding: 50px 0px 50px 0px;
background: #336699 url(../images/dinnermenu_topbackground.gif) no-repeat top;
}

#centrodinnermenu-steak {
width: 515px;
height: 500px;
padding: 50px 0px 50px 0px;
background: #336699 url(../images/dinnermenu_topbackground.gif) no-repeat top;
}

p.thanks{
font-size:16px;
color:#939DA9;
font-weight:normal;
margin: 100px 120px 100px 120px;
}

#centrowinelist {
	width: 415px;
	background: #ffffff url(../images/winelist_topbackground.jpg) no-repeat top;
	float: right;
}

#centrowinelist a:link,  #centrowinelist a:visited, #centrowinelist a:hover, #centrowinelist a:active{
color:#FFFFFF;
}


#centrowinelist p{
padding: 100px 20px 50px 20px;
text-align:left;
}

#pie {
width:700px;
text-align:center;
position: relative;
margin:0 auto;
padding-top: 20px;
float:left;
color:#666666;
clear: inherit;
}

#pie a:link, #pie a:visited {
color: #666666;
}

#pie a:hover {
color: #000000;
}

/* NAVEGACIÓN */

/*lista nevegacion arriba derecha */

#navegacion1 {
width: 480px;
height: 24px;
position: relative;
margin: 0px 0px 0px 220px;
text-align:right;
}

/*lista nevegacion secundaria */

#navegacion2 {
width:700px;
height: 40px;
font-weight:normal;
background: url(../images/barra-navegacion.gif) no-repeat top;
text-align:center;
color:#FFFFFF;
padding: 10px 0px 0px 0px;
}

#navegacion2 a:link, #navegacion2 a:visited {
color: #FFFFFF;
font-weight:normal;
text-decoration: none;
padding: 0px 5px 0px 5px;
}

#navegacion2 a:hover {
color: #FFFFFF;
font-weight:normal;
padding: 0px 5px 0px 5px;
text-decoration:underline;
}

/*lista nevegacion pie de página */

#navegacion-solo-texto {
width:700px;
position:relative;
margin: 50px 0px 0px 0px;
text-align:center;
float:left;
color:#666666;
}

#navegacion-solo-texto a:link, #navegacion-solo-texto a:visited {
color: #666666;
}

#navegacion-solo-texto a:hover {
color: #000000;
}

/*lista nevegacion vertical */

#navcontainer { width: 140px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: "Trebuchet MS";
font-size:11px;
}

#navcontainer a
{
display: block;
padding:0px 0px 0px 8px;
width: 140px;
background: #336699 url(../images/bottom_background.gif) no-repeat bottom right;
border-bottom: 1px solid #FFFFFF;
}

#navcontainer a:link, #navcontainer a:visited
{
color: #FFFFFF;
text-decoration: none;
}

#navcontainer a:hover
{
color: #FFFFFF;
background: #666666 url(../images/bottom_background2.gif) no-repeat bottom right;
}

/* TARIFAS */

table.rates caption{
	font-family:  "Trebuchet MS";
	font-size: 11px;
	color: #336699;
	background-color: #FFFFFF;
	font-weight: bold;
	padding: 1px;
	text-align:left;
}

table.rates th{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #FFFFFF;
	background-color : #336699;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	line-height : 110%;
	padding: 2px;
	text-align: center;
}
table.rates td{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #000000;
	padding: 1px;
	border: 1px solid #F5F5EB;	
}
table.rates td span{
	color: #336699;
	font-weight: bold;
}

table.rates td.titulo{
	text-align: left;
	padding: 0px 0px 0px 5px;
}
table.rates td.precio{
	text-align: left;
    color: #336699;
	font-weight: bold;
}
table.rates tr.beige{
	background-color : #F5F5EB;
}
.nota{
	font-family: "Trebuchet MS";
	font-size:10px;
	color: #0099FF;
	
}

.piefoto{
	font-family: "Trebuchet MS";
	font-size:10px;
	color: #CCCCCC;
}