html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html {background:#004583;}
body {
max-width: 1100px;
background: #ede3a9 url(images/bgmob.jpg) repeat;
margin: 6px auto 1em auto;
padding-bottom: 2px;
font: normal 1em/1.3em "Century Gothic", sans-serif;
}
header {}
#main {clear:both;}

img {max-width:100%; height:auto;}
h1, h2, h3, h4, h5, h6, p {padding: 0.5em 3% 0.25em;}
h2 {
	color: #420;
	font-size: 1.75em;
	line-height:1.275em;
}
h3 {
	color: #420;
	font-size: 1.5em;
}
h4 {
	color: #600;
	font-size: 1.25em;
}
h2#welcome {
	text-align: center;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	font-size: 1.5em;
	color: #710;
}

section#rside {width: 71%; float:left; padding-bottom:1em;}
section#rside ul {margin:1em 7%; list-style:square;}
aside#leftside {
	float:left;
	width:25%;
	margin: 6px 2% 16px 2%;
	background:#530 url(images/bg_left.jpg) 20px top repeat;
	padding:0 0 12px 0;
	box-shadow: 1px 1px 5px #333;
	border-radius:6px;
}
aside#leftside p { margin:0; padding:8px 10px; font: normal 14px/18px arial; color:#ff9;}
aside#leftside h3 { margin:0; padding:8px 10px; font: normal 18px/18px arial; color:#f9a32c;}
aside#leftside a { color:#eff;}
aside#leftside a:hover { color:#ffe; text-decoration:none;}

aside#leftside a#weather {
	display: block;
	margin: 12px;
	background: rgba(255,144,0,0.4) url(images/weather.png) 5px 5px no-repeat;
	padding: 5px 10px 5px 76px;
	min-height: 37px;
	color: #ffc;
	font-size: 15px;
	text-decoration: none;
	border-radius: 4px;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.4);
}
aside#leftside a#weather:hover {background-color: rgba(44,22,0,0.2)}
aside#rcol {float:right; width:26%; margin:0.5em 30px 20px 1em;}

.caption {
	font-size: 10px;
	font-style: oblique;
	line-height: 1.2em;
}

#fbook {
	margin: 12px;
}
img.bordered {
	background: none repeat scroll 0 0 #fff7de;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 3px #333;
	padding: 4px;
}
sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
   font-size:0.75em;
}
sub { top: 0.4em; }
.rfloatmax50 {float:right; max-width:50%; margin:0 0.5em 0.5em 1em;}
.lfloatmax50 {float:left; max-width:50%; margin-right:1em;}
b, strong {font-weight:bold;}
i, em {font-style:oblique;}
#rotoInc {
	background:#fff7de; 
	padding:4px;
	 max-width: 96%;
	border:1px solid #ccc;
	box-shadow: 1px 1px 3px #333;
	 margin: 0 auto;
}
section#rside ul#rotator {
  position: relative;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  }
#rotator li {width: 100%;}

#rotator li:first-child {
  position: relative;
  display: block;
  float: left;
  }
#rotator img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  

.tickets {
	color: #c00;
	font-size: 0.75em;
}
.ctr {text-align:center;}
a { 
	color: #038;
	}
a:visited { 
	color: #25b;
	}
a:hover { 
	color: #820;
	text-decoration: none;
	}
a:active { 
	color: #900;
	}

#tripadvisor {
	margin: 12px auto;
	width: 70px;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 2px; height: 0; overflow: hidden;
margin: 10px 3%;
}
.max640 {max-width:640px;}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.clearboth {clear:both;}
.bleu {color:#028;}
.verde {color:#065;}
.clearboth {clear:both;}

footer {clear:both; font-size:0.875em; line-height:1.125em;
text-align:center;
color:#fff; background: #025; padding: 0.5em;
margin: 8px; border-radius: 6px;
}
footer a, footer a:visited {color:#ffc;}
footer a:hover {color:#fc6;}


/* Main menu settings */
nav#topnav {
	clear:both;
	float:left;
	margin: -40px 3% 8px 3%;
	padding:0;
	width:94%;
	font: bold 16px/22px Garamond, serif; /* Menu font */
	z-index:120; /* This makes the dropdown menus appear above the page content below */
	position:relative;
	background: rgba(110,10,0,0.6);
	border-radius: 3px;
}

/* Top menu items */
nav#topnav ul {
	margin:0;
	padding: 13px 0;
	list-style:none;
	float:right;
	position:relative;
	right:50%;
}
nav#topnav ul li {
	margin:0 0 0 6px;
	padding:0;
	float:left;
	position:relative;
	left:50%;
	top:1px;
}
nav#topnav ul li a {
	display:block;
	margin:0;
	padding:.7em .4em .3em;
	line-height:1em;
	text-decoration:none;
	background: #531506;
	color:#fff;
	border:1px solid #310;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 1px #310;
	box-shadow: 1px 1px 1px #310;
}
nav#topnav ul li.active a {
	color:#fff;
	background:#000;
}
nav#topnav ul li a:hover {
	background:#840; /* Top menu items background colour */
	color:#fff;
/*	border-bottom:1px solid #03f; */
}
nav#topnav ul li:hover a,
nav#topnav ul li.hover a { /* This line is required for IE 6 and below */
 /* 	background:#840;Top menu items background colour */
 
	background: #986;
	color:#fff;
/*	border-bottom:1px solid #840; */
}

/* Submenu items */
nav#topnav ul ul {
	display:none; /* Sub menus are hiden by default */
	position:absolute;
	top:1.5em;
	left:0;
	right:auto; /*resets the right:50% on the parent ul */
	width:12em; /* width of the drop-down menus */
}
nav#topnav ul ul li {
	left:auto;  /*resets the left:50% on the parent li */
	margin:0; /* Reset the 1px margin from the top menu */
	clear:left;
	width:100%;
}
nav#topnav ul ul li a,
nav#topnav ul li.active li a,
nav#topnav ul li:hover ul li a,
nav#topnav ul li.hover ul li a { /* This line is required for IE 6 and below */
	font-size:.95em;
	font-weight:bold; /* resets the bold set for the top level menu items */
	background: #986;
	color:#fff;
	padding: 4px 8px;
	line-height:1.4em; /* overwrite line-height value from top menu */
/* 	border-bottom:1px solid #ddd; sub menu item horizontal lines */
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 2px 2px 4px #000;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
nav#topnav ul ul li a:hover,
nav#topnav ul li.active ul li a:hover,
nav#topnav ul li:hover ul li a:hover,
nav#topnav ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
	background: #5f6b42;
	color:#fff;
}

/* Flip the last submenu so it stays within the page */
nav#topnav ul ul.last {
	left:auto; /* reset left:0; value */
	right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
nav#topnav ul li:hover ul,
nav#topnav ul li.hover ul { /* This line is required for IE 6 and below */
	display:block; /* Show the sub menus */
}

nav#sidenav ul
{
margin: 16px 8px;
padding-left: 0;
list-style-type: none;
font: bold 14px/1.3em Arial, Helvetica, sans-serif;
}

nav#sidenav ul a
{
display: block;
padding: 3px;
background-color: transparent;
border-bottom: 1px dashed #840;
text-align:left;
text-decoration:none;
color:#fd3;
}

nav#sidenav ul a:link, nav#sidenav a:visited
{
color: #EEE;
text-decoration: none;
}

nav#sidenav ul a:hover
{
background-color: #000;
color: #fff;
}

.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #023;
	text-align: center;
	padding: 10px 0;
	display: none;
	position: relative;
	border:1px solid #fff;
	cursor:pointer;
}
.show-menu:hover {background: #630;}

input[type=checkbox]#show-menu, input[type=checkbox]#show-menu2 {
    display: none;
    -webkit-appearance: none;
	position: relative;
}

input[type=checkbox]#show-menu:checked ~ #menu {
    display: block;
}

input[type=checkbox]#show-menu2:checked ~ #menu2{
    display: block;
}

.show-menu label:after {
    position: absolute;
    left: .5em;
    content: "\2261";
    font-size: 2em;
	color:#fff;
}

@media screen and (max-width: 1100px) {
/*	body {border:0; margin:0;}	*/
	body {
	margin:0 3px 3px 3px;
	}
}
/*Styles for screen 600px and lower*/
@media screen and (max-width: 64em) {
	section#rside, aside#leftside {float:none; width:auto; margin:1em 0.5em;}
	.nomob {display:none;}
	aside#leftside {
	background:none;
	float:none;
	padding:0;
	margin:1em 0;
	box-shadow: none;
	border-radius:0;
	}
	aside#leftside h3 {display:none;}
	nav#topnav, nav#sidenav { 
  		height: auto;
		float:none;
		margin: -0.5em 1% 10px 1%;
		width: 96%;
		background: none;
  	}
  	nav#topnav ul, nav#sidenav ul {
  		width: 100%;
  		display: block;
  		height: auto;
		padding:0;
		display: none;
		margin:0;
  	}
  	nav#topnav ul li, nav#sidenav ul li {
  		width: 50%;
  		float: left;
		margin:0;
  		position: relative;
  	}
	nav#sidenav ul li:nth-child(odd):last-child, nav#topnav ul li:nth-child(odd):last-child {width: 100%;}

  	nav#topnav ul li a, nav#sidenav ul li a {
		background:#742;
		border: 1px solid #310;
		border-radius: 0;
		padding: .7em .4em .3em;
	}
  	nav#topnav a, nav#sidenav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 12px;
  	}
	nav#topnav ul li:hover ul, nav#topnav ul li.hover ul, nav#sidenav ul li:hover ul, nav#sidenav ul li.hover ul { /* This line is required for IE 6 and below */
		display:none; /* Don't Show the sub menus */
	}
	.show-menu {
		display:block;
	}
}