html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html, body { height: 100%; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
			
	#prevslide, #nextslide{ position:absolute; height:52px; width:43px; top:50%; margin-top:-26px; opacity:0.6; }
		#prevslide{ left:10px; background:url('../img/bg_direction_nav.png') 0 0 no-repeat; }
		#nextslide{ right:20px; background:url('../img/bg_direction_nav.png') -45px 0 no-repeat; }
			#prevslide:active, #nextslide:active{ margin-top:-19px; }
			#prevslide:hover, #nextslide:hover{ cursor:pointer; }
			
	ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; }
		ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
			ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
			ul#slide-list li a{ display:block; width:12px; height:12px; background:url('../img/nav-dot.png') no-repeat 0 -24px; }
				ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }

/* Home */

#home.content { position: fixed; width: 480px; height: 480px; top: 50%; left: 50%; background: #FFF; background-color: rgba(247, 247, 247, 0.4); border-radius: 240px; margin: -240px -240px 0; z-index: 99; }
	#home.content #slideshow { margin: 60px auto 0 auto; position: relative; width: 400px; height: 300px; color: #333; text-align: center; }
	#home.content #slideshow > div { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }
		#home.content #slideshow p.caption-title { font: 14px/24px 'PT Sans', sans-serif; padding: 0 20px; margin-top: 0px; }
		#home.content #slideshow p.caption-title span { font-size: 14px; letter-spacing: 2px; border-bottom: 1px solid #333; display: block; margin: 0 auto; width: 80px; padding: 0 0 8px 0; }
		#home.content #slideshow h1 { font-size: 42px; line-height: 46px; font-family: "Unna", "Georgia", "Times New Roman", serif; text-transform: uppercase; height: 190px; margin: 30px 0 0 0; }
		#home.content #slideshow p.caption-desc { font: 14px/18px 'PT Sans', sans-serif; padding: 0 50px; }


/* General */
.main-menu { position: fixed; top: 0; left: 0; width: 100%; margin: 0; z-index: 999; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); }
	.main-menu .content { position: relative; max-width: 960px;	margin: 0 auto 0 auto; padding: 25px 0 0 0; }
	
	.main-menu .content .language { position: absolute; top: 20px; right: 30px; width: 62px; }
	.main-menu .content .language li a { float: left; width: 26px; height: 26px; border-radius: 13px; line-height: 25px; background-color: rgba(247, 247, 247, 0.4); margin: 0 5px 0 0; font-family: 'PT Sans', sans-serif; text-align: center; font-size: 12px; font-weight: 700; text-decoration: none; color: #333; }

    .main-menu .content .social { position: absolute; top: 20px; left: 30px; width: 124px; }
    .main-menu .content .social li a { float: left; width: 26px; height: 26px; border-radius: 13px; line-height: 25px; background-color: rgba(247, 247, 247, 0.4); margin: 0 5px 0 0; font-family: 'PT Sans', sans-serif; text-align: center; font-size: 12px; font-weight: 700; text-decoration: none; color: #333; }
    .main-menu .content .social li a img { vertical-align: middle; }

/*.main-menu .content p { font-size: 12px; line-height: 2px; margin-bottom: 14px; border-top: 1px solid #FFF; }
.main-menu .content p span { position: relative; top: -1px; padding: 0 20px; font-family: "Unna", "Georgia", "Times New Roman", serif; font-size: 18px; }*/

	/*.main-menu .content li { float: left; width: 14%; margin: 0 3%; text-align: center; }
	.main-menu .content li a { display: block; text-decoration: none; font-family: 'PT Sans', sans-serif; color: #FFF; }
	.main-menu .content li:hover { }
	.main-menu .content li.restaurante { margin-right: 23%; }*/
	
	.main-menu .content .menu li { float: left; width: 14%; margin: 0 3%; text-align: center; background:url(../img/menu_bg.png) no-repeat center top; padding: 17px 0 0 0; transition: background 400ms; -moz-transition: background 400ms; -webkit-transition: background 400ms; -o-transition: background 400ms; }
	.main-menu .content .menu li:hover { background:url(../img/menu_bg_selected.png) no-repeat center top; }
	.main-menu .content .menu li a { display: block; text-decoration: none; font-family: 'PT Sans', sans-serif; color: #FFF; }
	.main-menu .content .menu li span { display: block; margin: 0 0 12px 0 !important; }
	.main-menu .content .menu li:hover { }
	.main-menu .content .menu li.restaurante { margin-right: 23%; }

	.main-menu .content p.logo { position: relative; left: 50%; margin: 0 0 0 -80px; display: block; width: 160px; height: 32px; font-size: 1em; background: url(../img/logo.png) no-repeat left top; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; border: none; }
	.main-menu .content p.logo a { display: block; width: 100%;	height: 100%; }
	.main-menu .content p.logo span{ display: none; }


	#main-content { width: 480px; height: 480px; position: absolute; top: 50%; left: 50%; background: #FFF; background-color: rgba(247, 247, 247, 0.8); border-radius: 240px; margin: -240px -240px 0; color: #434242; }
		#main-content.contacto { width: 480px; height: 480px; position: absolute; top: 50%; left: 50%; background: #FFF; background-color: rgba(247, 247, 247, 0.8); border-radius: 240px; margin: -240px -450px 0; color: #434242; z-index: 9999; text-align: center; }
		#main-content.contacto p { padding-top: 50px; }
		#main-content.contacto .tel { text-align: center; font-size: 18px; margin: 0 0 10px 0;  }
		#main-content.contacto .mail { font-family: 'PT Sans', sans-serif; font-size: 12px; font-weight: 700; margin: 0 auto; text-decoration: none; color: #333; }
			#map_canvas { width: 480px; height: 480px; }
			.salegi_map { width: 480px; height: 480px; position: absolute; top: 50%; left: 50%; background: #FFF; background-color: rgba(247, 247, 247, 0.8); border-radius: 240px; margin: -240px 0 0 0; color: #434242; z-index: 999; }
				.salegi_map img{ margin-left: -10px;}
	#main-content .content { position: relative; padding: 60px 40px 40px 40px; }

	#main-content p { font-family: 'PT Sans', sans-serif; font-size: 13px; text-align: center; line-height: 22px; color: #333333; }	
	#main-content #slidecounter { text-align: center; font-family: "Unna", "Georgia", "Times New Roman", serif; font-weight: normal; text-transform: uppercase; margin: 8px 0 10px 0; }
	#main-content .content h1.title {font-family: 'PT Sans', sans-serif; text-align: center; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; border-bottom: 1px solid #333; display: block; margin: 0 auto; width: 120px; padding: 0 0 8px 0; }
	#main-content.eventos #slidecaption { position: absolute; display: table; top: 0; left: 30px; width: 420px; height: 340px; vertical-align: central; text-align: center; }
	#main-content.eventos #slidecaption h2 { display: table-cell; vertical-align: middle; font-family: "Unna", "Georgia", "Times New Roman", serif; font-weight: normal; text-transform: uppercase; letter-spacing: 4px text-align: center; font-size: 36px; line-height: 42px; text-align: center; margin-bottom: 22px; height: 90px; }
	
	#main-content.restaurante #slidecaption { position: absolute; display: table; top: 0; left: 30px; width: 420px; height: 340px; vertical-align: central; text-align: center; }
	#main-content.restaurante #slidecaption h2 { display: table-cell; vertical-align: middle; font-family: "Unna", "Georgia", "Times New Roman", serif; font-weight: normal; text-transform: uppercase; letter-spacing: 4px text-align: center; font-size: 36px; line-height: 42px; text-align: center; margin-bottom: 22px; height: 90px; }

	#main-content.historia #slidecaption { position: absolute; display: table; top: 30px; left: 30px; width: 420px; height: 340px; vertical-align: central; text-align: center; }
	#main-content.historia #slidecaption p { display: table-cell; vertical-align: middle; font-family: 'PT Sans', sans-serif; font-size: 13px; text-align: center; line-height: 22px; color: #333333; }
	
/* Footer */

#footer { position: fixed; bottom: 10px; left: 0; width: 100%; height: 42px; }
	#footer .content { position: relative; width: 960px; height: 42px; margin: 0 auto; line-height: 42px; font-family: 'PT Sans', sans-serif; color: #FFF; font-size: 11px; text-transform: uppercase; }
	
	.showhide { position: fixed; width: 80px; height: 20px; line-height: 20px; text-align: center; bottom: 50%; left: 50%; margin-left: -40px; margin-bottom: -280px; z-index: 99999; background-color: rgba(247, 247, 247, 0.8); border-radius: 5px;  }
	.showhide a { text-decoration: none; font-family: 'PT Sans', sans-serif; font-weight: normal; color: #333; font-size: 12px;  }
	
	
	/* Historia */
	
#slidecaption.historia { font-size: 14px !important; line-height: 24px !important; margin-top: 40px; }
#slidecaption.restaurante { margin-top: 80px; }
#slidecaption.eventos { margin-top: 80px; }
#slidecaption.jardines { margin-top: 80px; }