/*
Theme Name: Cala
Theme URI: 
Description: 
Author: 
Author URI: 
Version: 1.3.2
*/

/* Reset
-------------------------------------------------------------- */

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, font, 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 { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ol, ul { list-style: none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }
a { outline: none; }


/* Structure
-------------------------------------------------------------- */

.html100 { height: 100%; }
body { width: 100%; height: 100%; color: #666; background: #F5F5F5 url(img/bgbody.jpg); }
body.home, body.page-template-page2-php { overflow: hidden; }
body, .sbminfo { font: 12px/15px "Helvetica Neue", Helvetica, Arial, sans-serif; }
body.single, .single .mainwrapper { height: auto; }

	.width { margin: 0 auto; position: relative; }
	.width, .mainwrapper { width: 93%; }
		#header { width: 100%; background-color: rgba(34,34,34,.7); border-top: 1px solid #000; }
			

		#topnav { height: 45px; margin-left: -20px; padding: 10px 0; text-transform: uppercase; font-size: 13px; line-height: 16px; }
			#topnav li { position: relative; float: left; }
			#topnav .home a { width: 16px; background: url(img/home.png) no-repeat 15px 13px; text-indent: -9999px; }
			#topnav .home a:hover { background-position: 15px -54px; }
			
			#topnav a { display: block; color: #eee; padding: 15px 12px; }
			#topnav li span { background: url(img/ui-icons_cccccc_256x240.png) no-repeat -68px -20px; display: block; height: 7px; position: absolute; right: 10px; top: 19px; width: 10px; }
			#topnav .current-menu-item a {  }
			#topnav li:hover, #topnav li:hover a, #topnav li a:hover { color: #d10018; }
			#topnav li.wsub:hover, #topnav li.wsub:hover a, #topnav li.wsub a:hover { background-color: #fff; }
			
			#topnav li .sub { position: absolute; top: 45px; left: 0; z-index: 1000; background-color: #fff; display: none; padding: 15px 15px 25px; -moz-box-shadow: 2px 4px 3px #555; box-shadow: 2px 4px 3px #555; }
			#topnav li .sub ul { width: 180px; float: left;  }
			#topnav li .sub .sbminfo { float: right; width: 250px; font-size: 11px; }
				
				.sbminfo img { width: 80px; height: 123px; float:right; margin: 0 0 10px 10px; }
				.sbminfo p { color:#777; line-height:15px; text-transform:none }

			#topnav .sub li { display: block; float: none; margin: 0; padding: 0; height: auto; line-height: 22px; border-bottom: 1px solid #ddd; }
			#topnav .sub li a { padding: 2px 0; display: block; color: #333; }
			#topnav .sub li a:hover { color: #d10018; }

		#header #lang { position: absolute; top: 25px; right: 0; display: none; }
			.home #header #lang, .page-template-page2-php #header #lang { right: 95px; }
			#lang img { margin-left: 10px; border: 1px solid #aaa; opacity: .4; }
			#lang a img { opacity: 1; }
			#lang a img:hover { border: 1px solid #fff; }


	.mainwrapper { height: 100%; margin: 0 auto; position: relative; z-index: 10; }
	#content { background: rgba(34,34,34,.7) url(img/o.png); position: absolute; bottom: 21px; width: 100%; /* overflow: hidden; */ color: #fafafa; z-index: 1000; }

		.tancar, .obrir { position: absolute; padding: 10px; z-index: 1000; }

		#motor_reserves .tancar, #content .tancar { display: block; width: 9px; height: 9px; background: url(img/cerrar.gif) no-repeat 10px 10px; }
		#motor_reserves .tancar { right: 0; top: 0; }
		#content .tancar { right: 0; top: 0; }

		#header .obrir { display: none; background: url(img/abrir-abajo.gif) no-repeat 10px 10px; width: 13px; height: 12px; right: 0; top: 0; }
		#footer .obrir { display: none; background: #5160f8 url(img/abrir.gif) no-repeat 10px 10px; border: 1px solid #bbb; width: 13px; height: 12px; right: 10px; top: -44px; }

		#content .b1 { width: 38%; /* min-width: 305px; */ float: left; padding: 25px 0 20px; font-size: 12px; line-height: 15px; }
			.b1 a, .b1 a:visited { color: #D1CE00; text-decoration: underline; }
			.b1 a:hover { color: #fff; }
			/* .b1 a.calltoaction { background-color: #900; color: #fff; padding: 1px 5px; text-decoration: none; } */
			/* .b1 a.calltoaction:hover { background-color: #000; color: #fff; } */
			.b1 .tel { background-color: #D1CE00; color: #222; padding: 0 3px; border-radius: 3px; }
			.b1 .tel:hover { background-color: #fff; }
			.contacte .b1 p { margin-bottom: 8px; }
			.contacte .b1 li { float: left; margin: 0 15px 15px 0; width: 125px; min-height: 100px; font-size: 11px; }
			.contacte .b1 h3 { font-size: 13px; line-height: 15px; margin-bottom: 12px; }
		#content .b2 { float: right; color: #879EA3; }
			.b2 img.attachment-thumbnail { float: right; width: 80px; height: auto; max-height: 80px; margin: 0 0 3px 6px; }
			.b2-a, .b2-b { width: 280px; float: left; padding: 20px; background-color: #000110; font-size: 11px; position: relative; }
			.b2-a { border-right: 1px solid #363636; }
			.b2-a.ntam { height: 210px; font-size: 12px; line-height: 16px; }
			.b2-b.ntam { padding: 0; width: 320px; }
			.b2-a.ntam h2 { font-size: 22px; line-height: 24px; margin-bottom: 25px; }
			.b2-a.ntam a, .b2-a.ntam a:visited { color: #7C9E40; text-decoration: underline; }
			.b2-a.ntam a:hover { color: #fff; }
			.ntam .mesgran { font-size: 14px; line-height: 18px; }
			.ntam img { /* display: block; */ }
			.b2-b.ntam img { display: block; }

			.has_scroll { width: 280px; overflow: hidden; position: relative; }
			.home .has_scroll, .home .elements li { min-height: 160px; }
			.has_scroll, .elements li { min-height: 190px; }
			.has_scroll .elements { width:20000em; position: absolute; }
			.elements li { float:left; width: 280px; margin-right: 15px; position: relative; }
			.ntam .has_scroll, .ntam .elements li { width: 320px; height: 250px }

			.has_scroll_left, .has_scroll_right, .has_scroll_left a, .has_scroll_right a { width: 35px; height: 35px; }
			.home .has_scroll_left, .home .has_scroll_right { top: 0; }
			.has_scroll_left, .has_scroll_right { position: absolute; top: -35px; text-align: center; font-size: 25px; }
			.has_scroll_left a, .has_scroll_right a { display: block; cursor: pointer; line-height: 35px; text-indent: -9999px; background-image: url(img/fletxes.png); background-repeat: no-repeat; background-color: #111; }
			.has_scroll_right a { background-position: -35px 0; }
			.has_scroll_left { right: 35px; }
			.has_scroll_right { right: 0; }
			.has_scroll_left a.disabled, .has_scroll_right a.disabled { cursor: default; opacity: .2; }

			.b2 h3 { background: url(img/noticies.png) no-repeat 20px 10px #1D2E33; color: #eee; font-size: 16px; height: 35px; line-height: 35px; margin: -20px -20px 20px; padding: 0 0 0 45px; text-transform: uppercase; }
			.b2 h3 a, .b2 h3 a:visited { color: #eee; }
			.b2 h3 a:hover { color: #900; }
			.b2 li { font-size: 12px; line-height: 15px; }
			.b2 h4 { font-size: 12px; line-height: 14px; margin-bottom: 8px; font-weight: bold; }
				.b2 h4 a { display: block; color: #eee; }
				.b2 h4 a:hover { color: #d10018; }

			.bfull { padding: 20px; background-color: #111; }
				.bfull, .bfull .has_scroll, .bfull .elements li { width: 600px; }
				.bfull h4 { width: 260px; font-size: 22px; line-height: 22px; color: #eee; }
				.bfull .nopic, .bfull .attachment-medium { background-color: #444; width: 250px; height: 170px; float: right; margin-left: 20px; }
				.bfull .qh { font-size: 10px; color: #566D74; position: absolute; top: 6px; right: 270px; }

	#sidebar { width: 220px; position: absolute; left: 0; top: 55px; }
		#sidebar h3 { font-size: 20px; line-height: 22px; margin-bottom: 15px; padding-bottom: 10px; background: url(img/punts-positiu.png) repeat-x left bottom; }
		#sidebar h3, #sidebar h3 a { color: #555; }
		#sidebar .sidetitle span { background: url(img/noticies.png) no-repeat 0 3px; padding-left: 25px; }
		#sidebar ul { list-style: square; margin: 0 0 65px 20px; }
		#sidebar li { margin-bottom: 8px; font-size: 12px; line-height: 15px; }
		#sidebar li a { display: block; }
		#sidebar .pagelist { list-style: none; margin: 0 0 60px; text-align: right; }
		#sidebar .pagelist li { font-size: 20px; text-transform: uppercase; }
		#sidebar .pagelist li a { display: block; padding: 6px 10px; padding: 0 30px 0 0; height: 19px; line-height: 19px; }
		#sidebar .pagelist li.current-menu-item a { background: url(img/current.png) no-repeat right 0; color: #d10018; }
	#footer { width: 100%; position: fixed; left: 0; bottom: 0; padding: 3px 0; background-color: #1D2E33; font-size: 11px; color: #566D74; z-index: 1000; }
		#footer a { color: #6E8C93; }
		#footer a:hover { color: #fff; }
		#footer .footernav {  }
		#footer .credits { float: right; }
			#footer .credits a, #footer .credits a:visited { color: #3C4C51; }
			#footer .credits a:hover { color: #739CA9; }
		.lang-flags img { border: 1px solid #CCC; margin: 0 2px; vertical-align: text-bottom; }


/* General Style
-------------------------------------------------------------- */

/* #topnav, .b1 .pagetitle, .post .pagetitle, .b2 h3, #sidebar h3, #sidebar .pagelist li, .bfull h4, #arx h2, #fakesidebar h3 { font-family: "ronnia-condensed-1","ronnia-condensed-2", "Helvetica Neue", Helvetica, Arial, sans-serif; } */
#topnav, .b1 .pagetitle, .post .pagetitle, .b2 h3, #sidebar h3, #sidebar .pagelist li, .bfull h4, #arx h2, #fakesidebar h3 { font-family: "Oswald",Arial,sans-serif; }
a, a:visited { color: #555; text-decoration: none; }
a:hover { color: #d10018; }
p { margin-bottom: 12px; }
strong { font-weight: bold; }
em { font-style: italic; }
.peq { font-size: 11px; line-height: 13px; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.clear { clear: both; }
.alignright { float: right; margin: 5px 0 15px 15px; }
.alignleft { float: left; margin: 5px 15px 15px 0; }
.aligncenter { display: block; margin: 0 auto 15px; }
.alignnone { margin: 0 0 15px 0; }
.alignright, .alignleft, .aligncenter, .alignnone { border: 2px solid #eee; }
.morelink, .morelink:visited { text-decoration: none; color: #8AAAB1; font-style: italic; }
.morelink:hover { text-decoration: underline; }
p.wp-caption-text { font-size: 11px; line-height: 13px; margin-bottom: 20px; padding: 0 5px; color: #aaa; }
object, embed, .entry iframe { max-width: 100%; margin: 35px 0; }

#map_canvas { width: 100%; height: 100%; margin: 0 0 50px; background-color: #eee; }
#ttop { background: url(img/ttop.png) no-repeat; position: fixed; width: 70px; height: 70px; bottom: 35px; right: 15px; display: none; border: none; z-index: 100; text-indent: -9999px; }
#ttop:hover { background-position: 0 -70px; }

#arx { list-style: none; }
	#arx li { margin-bottom: 20px; padding: 12px; background: #E8E8E8 url(img/punts-positiu.png) repeat-x left top; }
	#arx h2 { margin: 0 0 12px; font-size: 26px; line-height: 28px; font-weight: normal; }
	#arx h2 a { display: block; color: #d10018; }
	#arx h2 a:hover { color: #daa; }
	#arx span { font-size: 11px; line-height: 13px; color: #aaa; }
	#arx .attachment-thumbnail { float: right; margin: -20px 10px 10px 20px; border: 3px solid #fff; }
	#arx .attachment-thumbnail:hover { border: 3px solid #d10018; }
	.arx-descrip { font-size: 14px; line-height: 19px; margin: -20px 0 60px; }
		.arx-descrip .alignright, .arx-descrip .alignleft { margin-top: 20px; }
		.arx-descrip a { color: #d10018; text-decoration: underline; }
		.arx-descrip a:hover { color: #7C9E40; }

.breadcrumb, .rss_links { font-size: 11px; position: absolute; color: #999; }
.breadcrumb { left: 0; top: -25px; }
	.breadcrumb a { text-decoration: underline; color: #D10018; }
	.breadcrumb a:hover { color: #111; }
.rss_links { right: 10px; top: 10px; }
	.rss_links a { display: block; width: 44px; height: 16px; background: url(img/rss-icon-display.gif); text-indent: -9999px; }

#motor_reserves { background-color: #000; padding: 0; height: 54px; }
	#motor_reserves .width { padding-top: 16px; }
	#motor_reserves .bookingformcontainer { margin: 0 0 0 205px; }
	#motor_reserves .estirado { width: auto; }
	#motor_reserves label { margin: 0 5px; }
	#motor_reserves .estirado .filtros .adultos { margin-right: 0; }
	#motor_reserves .lineasCalendario input { padding: 3px 5px; border: none; background-color: #444; color: #eee; width: 75px; }
	#motor_reserves .submit input { text-transform: none; /* background-color: #91BA4C; border: none; margin: 0 0 0 5px; */ }
	/* #motor_reserves .submit input:hover { background-color: #B8E059; } */
	#motor_reserves #show1up, #motor_reserves #show2up { margin-left: 2px; }
	#motor_reserves select { width: 45px; }
	#motor_reserves label, #motor_reserves input, #motor_reserves select, #motor_reserves option, #motor_reserves .submit input { font-size: 11px; }

	#top_btns {  }
		#top_btns #free_wifi_icon { position: absolute; right: 370px; top: 11px; opacity: .9; }
		#top_btns a { display: block; width: 66px; height: 58px; position: absolute; top: -4px; z-index: 1000; }
		#top_btns a:hover { opacity: .7; }
		#top_btns #youtube { height: 23px; top: 16px; right: 285px; }
		#top_btns #serra-tramuntana { width: 93px; right: 180px; }
		#top_btns #newsletter2 { right: 112px; }
		#top_btns #tripadvisor, #TA_widgets { right: 45px; }
		#TA_widgets { display: none; position: absolute; top: 54px; width: 407px; z-index: 10000; background-color: #eee; padding: 15px; }
			.col_left { float: left; width: 152px; }
			.TA_certificateOfExcellence, .TA_tchotel { float: left; margin: 0 0 5px; }
			.TA_certificateOfExcellence { margin: 0 -10px 5px; }
			#TA_opiniones { float: right; }
		#trivago_award_widget { position: absolute; right: 45px; top: 135px; }

#supersized { display:block; position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100%; }
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background: #111 url(img/progress.gif) no-repeat center center; border-radius:5px;}
	#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; }
	#supersized.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }
	#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 { z-index: -30; position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: #eee; } */
		#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; }
	#supersized a { width:100%; height:100%; display:block; }
	#supersized a.image-loading { background: #111 url(img/progress.gif) no-repeat center center; width:100%; height:100%; }
	#supersized a.prevslide { z-index: -20; }
	#supersized a.activeslide { z-index: -10; }
	#supersized a.prevslide img, #supersized a.activeslide img { display: inline; }
	#new-controls-wrapper { position: absolute; right: 0; top: 15px; z-index: 100; }
	/* #navigation { float: right; margin: 0; font-size: 11px; } */
	/* #navigation a { padding: 1px 5px; cursor: pointer; color: #eee; background-color: #111; display: block; float: left; margin-left: 2px; } */
	#navigation a { cursor: pointer; display: block; float: left; height: 35px; margin-left: 1px; text-indent: -99999px; width: 35px; background: url(img/fletxes.png) no-repeat 0 0; opacity: 1 !important; }
	#navigation #prevslide { background-position: 0 0; }
	#navigation #nextslide { background-position: -35px 0; }
	#navigation #all_done { text-indent: -9999px; width: 9px; height: 15px; background: #5160f8 url(img/ui-icons_cccccc_256x240.png) no-repeat -15px -80px; }
	#navigation a:hover, #new-controls-wrapper.full a:hover { color: #fff; background-color: #5160f8; }
	#new-controls-wrapper.full a { background-color: #111; }

.b1 .pagetitle { color: #fff; font-size: 34px; line-height: 34px; font-weight: normal; margin-bottom: 12px; max-width: 350px; }
.post { width: 50%; margin: 55px 0 125px 250px; padding: 30px; color: #555; -moz-box-shadow: 0 0 4px #bbb; box-shadow: 0 0 4px #bbb; background-color: #fff; position: relative; }
	.post .superinfo { font-size: 11px; line-height: 13px; }
	.post .pagetitle { margin: 20px 0 40px 0; font-size: 45px; line-height: 48px; padding-bottom: 12px; background: url(img/punts-positiu.png) repeat-x left bottom; letter-spacing: -0.5px; }
	.entry { font-size: 14px; line-height: 19px; padding-bottom: 35px; }
	.entry h2 { font-size: 22px; font-weight: bold; line-height: 25px; margin: 50px 0 15px; }
	.entry h3 { font-size: 16px; font-weight: bold; line-height: 20px; margin: 35px 0 10px; }
	.entry h4 { font-size: 12px; font-weight: bold; line-height: 16px; margin: 25px 0 5px; text-transform: uppercase; }
	.entry h5 { font-size: 18px; border-bottom: 1px solid #333; margin-bottom: 0; padding-bottom: 5px; }
	.entry h6 { font-size: 11px; line-height: 13px; font-weight: normal; margin: 0; }
	.entry ul, .entry ol { list-style: square inside; margin: 10px 0 25px; }
	.entry img, .post img { max-width: 100%; height: auto; }
	.entry ul, .entry ol { margin: 25px 0 25px 35px; }
	.entry ul { list-style: square; }
	.entry ol { list-style: decimal; }
	.entry li { margin-bottom: 3px; }
	.entry a, .entry a:visited { text-decoration: underline; color: #7C9E40; }
	.entry a:hover { color: #d10018; }
	.entry table { width: 100%; padding: 10px; margin: 0 0 35px; font-size: 12px; }
	.entry table td { border: 1px solid #DEDEDE; padding: 3px 10px; vertical-align: middle; }
	.serveis .post ul { list-style: none; margin: 0; }
		.serveis .post li { margin: 0 0 35px 100px; min-height: 80px; border-bottom: 1px dashed #ccc; }
		.serveis .post li h3 { margin: -18px 0 2px; color: #D10018; }
		.serveis .post li img { float: left; margin: 0 0 0 -100px; }

	h4.superinfo { text-transform: none; font-weight: normal; }
	h4.superinfo a { color: #777; background-color: #ececec; padding: 3px 7px; }
	h4.superinfo a:hover { background-color: #444; color: #eee; }
	h4.superinfo .post-edit-link { color: #d10018; background: none; text-decoration: underline; padding: 0; }
	h4.superinfo .post-edit-link:hover { color: #292824; background: none; text-decoration: underline; }

	#fakesidebar { width: 157px; position: absolute; right: -172px; top: 0; font-size: 11px; }
	#fakesidebar.fixed { position: fixed; top: 0; right: -172px; }
	#singlenav { overflow: hidden; margin-bottom: 20px; }
	#singlenav a, #singlenav .navprev, #singlenav .navnext { width: 78px; height: 96px; }
	#singlenav a { display: block; text-indent: -9999px; }
	#fakesidebar h3 { font-size: 23px; line-height: 25px; margin: 50px 0 12px; }
	#fakesidebar .wp-tag-cloud li { margin-bottom: 12px; }
	#fakesidebar .wp-tag-cloud a { background-color: #d10018 ; color: #fff; padding: 3px 5px; }
	#fakesidebar .wp-tag-cloud a:hover { background-color: #DDAAAA; }

	#singlenav .navprev { float: left; background: url(img/flxs-single2.png) no-repeat 0 0; }
	#singlenav .navnext { float: right; background: url(img/flxs-single2.png) no-repeat -78px 0; }
	#singlenav .navprev a { float: left; background: url(img/flxs-single2.png) no-repeat 0 0; }
	#singlenav .navnext a { float: right; background: url(img/flxs-single2.png) no-repeat -78px 0; }
	#singlenav .navprev a:hover { background-position: 0 -96px; }
	#singlenav .navnext a:hover { background-position: -78px -96px; }
	.post .comparteix .arss { color: #5160f8; }
	.post .comparteix .info { line-height: 13px; }
	.post .comparteix ul { list-style: none; }
	.post .comparteix li a { display: block; height: 30px; line-height: 24px; padding-left: 33px; }
	.post .comparteix li a:hover { font-weight: bold; }
	.post .comparteix .print a { background: url(img/icon-print.png) no-repeat; }

	.b1 .addthis_toolbox { margin-top: 18px; }
	.entry .addthis_toolbox { clear: both; border-top: 1px solid #e6e6e6; margin-top: 35px; padding-top: 10px; }
	#sidebar .addthis_toolbox { margin-top: 18px; }

	.precontent { margin: -25px 0 25px; height: 40px; }
		.entry .fb_megusta { float: left; }
		.entry .fb_megusta iframe { margin: 0; }
		.acces-oferta { float: right; display: inline-block; font-size: 12px; font-weight: bold; text-transform: uppercase; }
		.entry .acces-oferta a { background-color: #96BF51; color: #fff; padding: 5px 20px; text-decoration: none; border-radius: 2px; }
		.acces-oferta a:hover { background-color: #D10018; color: #fff; }
		.b2 .acces-oferta { float: none; font-weight: normal; /* margin-top: 20px; */ }
		.b2 .acces-oferta a { color: #D1CE00; }
		.b2 .acces-oferta a:hover { color: #D10917; background: none; }

/* #btn_cerrar { display: block; background-color: #fff; position: absolute; right: 0; bottom: 585px; padding: 5px 10px; text-transform: uppercase; } */

.clicgran { cursor: pointer; }
#grancontacte, #granlegal, #contactform { display: none; }
#grancontacte h3 { font-size: 25px; line-height: 28px; margin-bottom: 15px; }
#grancontacte .nums { font-size: 75px; line-height: 50px; }
#simplemodal-overlay { background-color: #000; }
#simplemodal-container { height: auto; width: 600px; color: #555; background-color: #fff; border: 2px solid #fff; padding: 15px; text-align: center; font-weight: bold; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
#simplemodal-container a { color: #5884AB; }
#simplemodal-container a.modalCloseImg { display: block; background: url(img/x.png) no-repeat; width:25px; height:25px; z-index:3200; position:absolute; top:12px; right:12px; cursor:pointer; }
#granlegal { padding: 15px; }
#granlegal h3 { font-size: 20px; font-weight: bold; margin-bottom: 12px; padding-bottom: 8px; text-align: left; border-bottom: 1px solid; }
#granlegal .contingut { font-weight: normal; text-align: left; }
#nl_form { display: none; width: 450px; height: 550px; margin: 0 auto; }
#alta_nl { background-color: #fff; width: 460px; height: 540px; margin: 0; }

#avisdata { padding: 20px; background: url(img/bgbody.jpg); }
#avisdata h2 { font-size: 21px; font-weight: bold; margin: 3px 0 15px; }
#avisdata a { text-decoration: underline; color: #d10018; }
#avisdata img { max-width: 306px; }
#avisdata img.alignright, #avisdata img.alignleft { margin-top: 0; }

.protected-post-form .inputpsw { background-color: #fafafa; width: 180px; padding: 6px; }
.protegit { background: url(img/lock.png) no-repeat; width: 16px; height: 18px; position: absolute; right: 28px; top: 22px; }

.wp-pagenavi { position: absolute; bottom: -32px; right: 27px; font-size: 12px; color: #5D5D5C; }
.wp-pagenavi span.pages { margin: 9px 15px 0 0; color: #999; display: block; float: left; }
.wp-pagenavi span.current { background-color: #D10018; color: #fff; font-weight: bold; }
.wp-pagenavi span.current, .wp-pagenavi a.page, a.nextpostslink, a.previouspostslink { margin: 0 3px 0 0; padding: 8px 20px; height: 16px; display: block; float: left; }
.wp-pagenavi a.page, a.nextpostslink, a.previouspostslink { background-color: #D1D0CC; }
.wp-pagenavi a:hover { background-color: #D10018; color: #fff; }



/* Photo Gallery
-------------------------------------------------------------- */
.gallery { margin: 35px 0; clear: both; }
	.gallery .gallery-item { background-color: #eee; display: inline-block; margin: 0 10px 10px 0; }
	.gallery img { display: block; border: none; padding: 0; }
	.gallery img:hover { opacity: .7; }

/* Colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; /* overflow:hidden; */}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; /* overflow:hidden; */}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background: #777 url(img/custom-overlay.png);}
#colorbox{}
    #cboxContent{background:none; padding: 10px;}
        #cboxLoadedContent{margin-bottom:28px; background-color: #111; box-shadow: 0 0 10px #222;}
        #cboxTitle{position:absolute; left:-10px; text-align:right; width:100%; color:#ddd;}
        #cboxCurrent{position:absolute; left:10px; color:#fff;}
        #cboxCurrent, #cboxTitle, #cboxSlideshow {bottom:20px;}
        #cboxSlideshow{position:absolute; left:45px; color:#bbb; text-transform: uppercase;}
        #cboxPrevious, #cboxNext { background-image: url('img/fletxes.png'); background-repeat: no-repeat; bottom: 50%; height: 100px; margin-bottom: -35px; position: absolute; text-indent: -9999px; width: 35px; }
        /* #cboxPrevious, #cboxNext {position:absolute; bottom: 44px; width:35px; height:35px; text-indent:-9999px; background-image: url(img/fletxes.png); background-color: #111; background-repeat: no-repeat; border: 1px solid #EEEEEE; } */
        #cboxPrevious { background-position: 0 32px; left: -25px; }
        /* #cboxPrevious { left:17px; } */
		#cboxNext { background-position: -36px 32px; right: -25px; }
		/* #cboxNext { left:53px; background-position: -35px 0px; } */
		#cboxPrevious:hover, #cboxNext:hover { opacity: .5; background-color: #a00; }
        #cboxLoadingOverlay{background:url(img/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(img/loading.gif) center center no-repeat;}
        #cboxClose { background: url(img/cerrar.png) no-repeat; top: 0; height: 30px; position: absolute; right: -3px; text-indent: -9999px; width: 30px; }

/* Photoswipe.css
--------------------------------------------------------------
Copyright (c) %%year%% by Code Computerlove (http://www.codecomputerlove.com)
Licensed under the MIT license */

body.ps-active, body.ps-building, div.ps-active, div.ps-building { background: #000; overflow: hidden; }
body.ps-active *, div.ps-active * { -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); display: none; }
body.ps-active *:focus, div.ps-active *:focus { outline: 0; }

/* Document overlay */
div.ps-document-overlay { background: #000; }

/* UILayer */
div.ps-uilayer { background: #000; cursor: pointer; }

/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate { background: #000; }
div.ps-zoom-pan-rotate *  { display: block; }

/* Carousel */
div.ps-carousel-item-loading { background: url('img/ps/loader.gif') no-repeat center center; }
div.ps-carousel-item-error { background: url('img/ps/error.gif') no-repeat center center; }

/* Caption */
div.ps-caption {
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-bottom: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
}
div.ps-caption * { display: inline; }
div.ps-caption-bottom { border-top: 1px solid #42403f; border-bottom: none; min-height: 44px; }
div.ps-caption-content { padding: 13px; display: block; }

/* Toolbar */
div.ps-toolbar {
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-top: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
	height: 44px;
	display: table;
	table-layout: fixed;
}
div.ps-toolbar * { display: block; }
div.ps-toolbar-top { border-bottom: 1px solid #42403f; border-top: none; }
div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play { cursor: pointer; display: table-cell; }
div.ps-toolbar div div.ps-toolbar-content { width: 44px; height: 44px; margin: 0 auto 0; background-image: url('img/ps/icons.png'); background-repeat: no-repeat; }
div.ps-toolbar-close div.ps-toolbar-content { background-position: 0 0; }
div.ps-toolbar-previous div.ps-toolbar-content { background-position: -44px 0; }
div.ps-toolbar-previous-disabled div.ps-toolbar-content { background-position: -44px -44px; }
div.ps-toolbar-next div.ps-toolbar-content { background-position: -132px 0; }
div.ps-toolbar-next-disabled div.ps-toolbar-content { background-position: -132px -44px; }
div.ps-toolbar-play div.ps-toolbar-content { background-position: -88px 0; }

/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
	       div.ps-toolbar div div.ps-toolbar-content {
		       -moz-background-size: 176px 88px;
		       -o-background-size: 176px 88px;
		       -webkit-background-size: 176px 88px;
		       background-size: 176px 88px;
		       background-image: url('img/ps/icons@2x.png');
			}
		}

/* Media queries
-------------------------------------------------------------- */

@media all and (max-width: 1265px) {
	#header .logo { top: 0 !important; }
	#motor_reserves .bookingformcontainer { margin: 0; }
	#content .b1 { width: 500px; }
	.habitacions #content .b1 { width: 280px; }
	.b1 .pagetitle { font-size: 26px; line-height: 28px; width: auto; }
	.b2-a.ntam { height: auto; }
	.b2-b, .b2-b.ntam { display: none; }
	#sidebar { top: 100px; }
}

@media all and (max-width: 1100px) {
	#header #lang, .home #header #lang, .page-template-page2-php #header #lang, #fakesidebar { display: none !important; }
}

@media all and (max-width: 1023px) {
	.b2, #motor_reserves .tancar, #free_wifi_icon, #top_btns #newsletter2, #top_btns #serra-tramuntana, #top_btns #tripadvisor, #top_btns #youtube, #new-controls-wrapper { display: none; }
}

@media all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
	#header .logo { top: 90px !important; }
	#topnav { margin-left: 0; }
	#motor_reserves { height: 60px; }
	#motor_reserves .width { width: 98%; }
	#new-controls-wrapper { display: block !important; top: 15px; }
	#motor_reserves .bookingformcontainer { margin: 0 0 0 10px; }
	.bookingform .submit { width: auto !important; }
	.habitacions #content .b1 { width: 250px; }
	#header #lang, .b2-b, #footer .credits { display: none; }
	#footer a#switcher { color: #ddd; font-weight: bold; }
	#footer .obrir { background: #D10018 url(img/obrir-gran.png) no-repeat 15px 15px; border: 1px solid #eee; width: 25px; height: 25px; padding: 15px; right: 20px; top: -90px; }
	.b1 .tel { background-color: #111; color: #eee; } /* porque el iPad añade automáticamente un link de diferente color */
}

@media all and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	.b1 .tel { background-color: #111; color: #eee; } /* El iPad añade automáticamente un link de diferente color */
	#new-controls-wrapper { display: block !important; }
	#footer a#switcher { color: #ddd; font-weight: bold; }
	}

@media all and (max-device-width: 480px) {
	html { -webkit-text-size-adjust: none; }
	body { overflow: auto; background: none; background-color: #333; height: auto; width: auto; }
	#header { background: none; height: auto; }
	#header .logo { position: relative; width: 220px; margin: 0 auto; }
	#header .logo a { width: 220px; margin: 0 auto; }
	#new-controls-wrapper, #topnav .sub .sbminfo, #topnav .home, #content .addthis_toolbox, #content .b2, #footer .credits, #ttop, #supersized-loader, #content .tancar, #sidebar, #arx .attachment-thumbnail, #fakesidebar, #motor_reserves .calendario1, #motor_reserves .calendario2, #motor_reserves .filtros { display: none !important; }
	#content { background: none; }
	#content, #footer { position: relative !important; }
	#content .b1, #content .b2 { width: 100%; float: none; }
	#topnav { height: auto; width: 100px; margin: 0 auto; text-align: center; }
	#topnav li { float: none; }
	#topnav li .sub { width: auto; }
	.post { width: 100%; margin: 0; }
	.b2-a { width: auto; }
	img { max-width: 100%; height: auto; }
	#supersized { position: relative; height: 300px; }
}

/* Style Sheet
-------------------------------------------------------------- */
@media print {
	body { background: none !important; color: #333; height: auto; width: auto; }
	a, a:visited { color: #333; }
	#footer, #sidebar, #supersized, #motor_reserves, #topnav, #lang, #new-controls-wrapper, .tancar, .obrir, .b1 .addthis_toolbox, .has_scroll_left, .has_scroll_right, #fakesidebar, .precontent, .addthis_toolbox, .breadcrumb { display: none !important; }
	#header { border-top: none; padding-top: 35px; }
	#header .logo { top: 0; position: static; box-shadow: none; }
	#header .logo a { display: inline; text-indent: 0; height: auto; width: auto; font-size: 22px; font-weight: bold; margin: 35px 0; overflow: auto; }
	#content { color: #333; position: static; }
	#content .b1, #content .b2 { float: none; width: auto; color: #333; }
	.b2-a, .b2-b, .b2 h3 { background: none; float: none; width: auto; height: auto !important; }
	.b1 a, .b1 a:visited { color: #333; }
	.b2-a { border: none; }
	.b2 h4 a { color: #333; }
	.has_scroll { width: auto; }
	.has_scroll .elements { width: 100%; position: static; }
	body, #header, #header .logo a, #content { background: none; }
	body.home, body.page-template-page2-php { overflow: auto; }
	.post { width: 80%; margin: 55px 0 0 0; padding: 0; box-shadow: none; }
}