/* CSS Document */
html, body, ul, ol, li, dd, dt, img, a, p, h1, h2, h3, h4, h5, h6, form, table, tr, td, fieldset,object {
margin:0;padding:0;border:0;outline:0;
}
p,h1{margin:0em 0em 1em;}
h2{margin:0em 0em .2em;
font-size:1em;
font-family:Tahoma, Verdana, sans-serif;
color:#000099;
padding:0 0 0 25px;
background: url("../images/Sprite01.gif") no-repeat top left;
background-position: 0 -356px;
}
a{text-decoration:none;}
strong{color:#333399;}

body{
font-size: 75%;
text-align:center;
margin:0 auto;
font-family: "Trebuchet MS", Tahoma, sans-serif;
line-height:180%;
background:#FFF url("../images/BG.jpg") repeat-y center center;
}
#DarkLayer{
position:absolute;
left:0;
top:0;
width:100%;
background:transparent url("../images/DarkLayerBG.png") repeat;
z-index:200;
}
#wrap{
position:relative;
width:950px;
margin:0 auto;
text-align:justify;
border: 1px solid #157EB5;
background:#FFFFFF;
}
#NOFlashReservasButton{
position:absolute;
right:5px;
top:0;
z-index:201;
width:148px;
height:31px;
background: url("../images/Sprite01.gif") no-repeat top left;
background-position: 0 -815px;
text-align:center;
font-size:130%;
font-weight:bold;
line-height:200%;}
#NOFlashReservasButton a{
color:#FFFFFF;
}
#FlashReservasButton{
position:absolute;
right:5px;
top:135px;
z-index:201;
}
/**********************************				head				*/
#head{
background:url("../images/Sprite02.png") repeat-x bottom;
height:170px;
position:relative;
z-index:200;
text-align:right;
}
#head p{
padding:0;
text-align:left;
}
#logo{
position:absolute;
top:30px;
left:12px;
width:330px;
height:118px;
background:url(../images/logo.png);
background: url("../images/Sprite02.png") no-repeat top left;
background-position: 0 0;
text-indent:-5000px;
text-align:left;
}
#ChangeLang{
list-style:none;
position:absolute;
top:1px;
right:10px;
}
#ChangeLang li{
display:inline;
float:right;
}
#ChangeLang a{
text-indent:-5000px;
float:right;
text-align:left;
width:30px;
height:20px;
margin-left:12px;
background: url("../images/Sprite01.gif") no-repeat top left;
}
#ChangeLang a.bgES{background-position: 0 -226px; width: 26px; height: 17px;}
#ChangeLang a.bgEN{background-position: 0 -189px; width: 26px; height: 17px;}
#ChangeLang a.bgDE{background-position: 0 -162px; width: 26px; height: 17px;}
#ChangeLang a.bgFR{background-position: 0 -263px; width: 26px; height: 17px;}
#ChangeLang a.bgPT{background-position: 0 -300px; width: 26px; height: 17px;}
#jump2Text{
font-size:75%;
line-height:100%;
position:absolute;
top:3px;
left:3px;
}
#jump2Text a{
color:#CCCCCC;
}
p#SH1Line, p#SH2Lines_01,p#SH2Lines_02{
position:absolute;
left:370px;
top:70px;
width:580px;
text-align:center;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:2.4em;
color:#000066;
font-style:italic;
}
p#SH2Lines_01,p#SH2Lines_02{
top:50px;
font-size:2em;
}
p#SH2Lines_02{
top:90px;
font-size:2em;
}
/**********************************				navbar				*/
#navBar{
background: url("../images/Sprite01.gif") repeat-x top left;
background-position: 0 -515px; height: 22px;
float:left;
width:100%;
}
#navBar, #navBar ul { /* NavBar y todas las listas dentro de NavBar */
padding: 0;
margin: 0;
list-style: none;
}
#navBar ul { /* NavBar y todas las listas dentro de NavBar */
border-right:1px solid #000066;
}
#navBar a {/* todos los vínculos dentro de NavBar */
display: block;
width: 9em;
text-decoration:none;
color:#000066;
font-weight:bold;
font-size:120%;
}
#navBar li { /* todos los elementos de lista dentro de NavBar */
float: left;
width: 127px; /* Este ancho es necesario para Opera */
text-align:center;
border-left:1px solid #000066;
}
#navBar li#lastItem { /* todos los elementos de lista dentro de NavBar */
border-right:1px solid #000066;
}
#navBar li ul { /*Listas de segundo nivel*/
position: absolute;
background: url("../images/Sprite01.gif") repeat-x top left;
background-position: 0 -555px;
width: 15em;
left: -999em; /*  usamos left en vez de la propiedad display para ocultar los menús porque display:none hace que los lectores de pantalla no lean el contenido */
font-size:90%;
font-weight:normal;
text-align:left;
border-bottom:1px solid #000066;
}
#navBar li ul li{ /*Listas de segundo nivel*/
text-align:left;
}
#navBar li ul a{ /*Listas de segundo nivel*/
width: 12em;
border-bottom:1px dotted #cdcdcd;
color:#FFFFFF;
line-height:190%;
text-indent:15px;
}
#navBar li:hover ul ul, #navBar .IEhover ul ul{
left: -999em;
}
#navBar li:hover ul,  #navBar .IEhover ul { /* listas anidadas dentro de los elementos de lista en estado hover */
left: auto;
z-index:200;
}
/*Secondary NAVBAR*/
#SecondaryNavBar{
list-style:none;
position:absolute;
top:170px;
right:4px;
float:right;
width:165px;
z-index:210;
}
#HomeNavButton, #PrintNavButton, #SuggestNavButton, #CalendarNavButton{
float:right;
width:30px;
height:20px;
border-left:0;
margin-left:10px;
}
#HomeNavButton a, #PrintNavButton a, #SuggestNavButton a, #CalendarNavButton a{
background: url("../images/Sprite01.gif") no-repeat top left;
text-indent:-5000px;
float:right;
text-align:left;
display:inline;
width:30px;
}
#HomeNavButton a{
background-position: 0 -40px; width: 35px; height: 18px;}
#PrintNavButton a{
background-position: 0 -76px; width: 30px; height: 18px; }
#SuggestNavButton a{
background-position: 0 -112px; width: 30px; height: 18px; }
#CalendarNavButton a{
background-position: 0 0; width: 30px; height: 18px; }

/**********************************				content				*/
#content{
clear: left;
width:950px;
height:350px;
position:relative;
}
#photoHolder{height:350px;}
#mainText{
width:260px;
position:absolute;
top:0;
right:0;
height:335px;
overflow:scroll;
overflow-x:hidden;
padding:15px 10px 0 40px;
background: url(../images/contentBG.png) repeat top left;
color:#000033;
}
#mainText h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.7em;
position:relative;
line-height:120%;
margin:0 0 .8em;
margin-left:1px;
color:#CCCCCC;
}
#mainText #subtitulo{
font-size:1.3em;
text-align:center;
background: url(../images/AbreComillas.png) no-repeat left top;
}
#subtitulo strong{
display:block;
padding:0 20px 20px;
background: url(../images/CierreComillas.png) no-repeat right bottom;
}
#mainText #C{
font-size:1.1em;
}
#content h1 span{
position:absolute;
top:-1px;
left:-1px;
color:#000066;
}
#openArrow, #closeArrow{
display:none;
position:absolute;
top:0;
right:0;
text-indent:-5000px;
text-align:left;
z-index:10;
}
#openArrow a, #closeArrow a{
display:block;
width:25px;
height:350px;
background: url("../images/Sprite02.png") no-repeat top left;
background-position: 0 -150px;
}
#closeArrow{
display:block;
right:285px;
}
#closeArrow a{
background-position: -307px -150px;
}
/**********************************				foot				*/
#foot{
float:left;
background:#FFF;
width:100%;
border-top:3px solid #000066;
margin:0;
clear:both;
}
ul#XHTMLValid{
float:right;
}
#foot #XHTMLValid a{
border-right:0;
margin:0;
padding:0 3px 0 0;
}
#foot #XHTMLValid a:hover{
text-decoration:none;
}
#foot li{
float:left;
list-style-type:none;
}
#foot a{
display:block;
padding:0 10px;
margin:10px 0;
line-height:100%;
border-right:1px solid #000000;
color:#000066;
}
#foot li a.last{
border-right:0;
}
#foot a:hover{
text-decoration:underline;
}
#subFoot{
clear:both;
background:#FFF;
height:2em;
position:relative;
font-size:90%;
padding:20px 0 0 0;
}
#subFoot ul{
list-style-type:none;
padding:0;
margin:0;
}
#subFoot li{
position:absolute;
bottom:0;
}
#subFoot li#Autor{
left:5px;
}
#subFoot li#copyright{
width:100%;
text-align:center;
}
#subFoot li#Contador{
right:5px;
}