/* 
Theme Name: Solocroazia
Theme URI: http: //solocroazia.it
Version: 1.0
*/


/**
 * FONTS
 * =====
 */

@font-face {
    font-family: 'PTSansBold';
    src: url('fonts/pts75f-ptsans.eot');
    src: url('fonts/pts75f-ptsans.eot?#iefix') format('embedded-opentype'),
         url('fonts/pts75f-ptsans.woff') format('woff'),
         url('fonts/pts75f-ptsans.ttf') format('truetype'),
         url('fonts/pts75f-ptsans.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/**
 * 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 { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }
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; }
del { text-decoration: line-through; }
a img, img { border: none; }
*: focus { outline: none; }


/**
 * DEFAULTS
 * ========
 */

body {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 11px;
	background: #fff url(i/main-bg.jpg) no-repeat center top;
	color: #333;
}


/**
 * WRAPPER
 * =======
 */

#wrapper {
	margin: 0 auto;
	width: 970px;
}	


/**
 * HEADER
 * ======
 */

#header {
	margin: 0 auto;
	width: 970px;
	height: 95px;
}


/**
 * Logo
 */
 
#logo {
	float: left;
	display: inline;
	text-indent: -9999px;
	margin: 25px 324px 20px 25px;
	width: 133px;
	height: 57px;
}

#logo a,
#logo a:link,
#logo a:visited,
#logo a:hover {
	display: block;
	width: 133px;
	height: 57px;
	background: transparent url(i/sprite.png) no-repeat -32px -80px;
}

#logo a:active {
	background-position: -31px -79px;
}


/**
 * Contact
 */

#contact {
	float: left;
	display: inline;
	margin: 30px 11px 9px;
	font-size: 11px;
	line-height: 15px;
	text-align: right;
}

#contact em {
	font-style: normal;
	color: #7a7a7a;
}

#contact a,
#contact a:link,
#contact a:visited {
	text-decoration: underline;
	color: #000000;
}

#contact a:hover,
#contact a:active {
	color: #ff6910;
}


/**
 * Registration
 */

#register,
#logged-profile {
	float: left;
	display: inline;
	background: transparent url(i/sprite.png) no-repeat -208px -80px;
	margin: 25px 11px 9px;
	padding: 10px 16px 0px 72px;
	width: 124px;
	height: 59px;
	color: #797979;
	font-size: 11px;
	line-height: 13px;
	position: relative;
}

#register a,
#register a:link,
#register a:visited {
	text-decoration: none;
	color: #797979;
}

#logged-profile a,
#logged-profile a:link,
#logged-profile a:visited {
	text-decoration: underline;
	color: #142a46;
}

#logged-profile a.logout {
	position: absolute;
	bottom: 14px;
	right: 9px;
	font-size: 9px;
	color: #7a7a7a;
	text-decoration: none;
}

#register a:hover,
#register a:active,
#logged-profile a.logout:hover,
#logged-profile a:hover,
#logged-profile a:active {
	color: #ff6910;
	text-decoration: underline;
}

#register strong,
#logged-profile strong {
	color: #ff6910;
	font-weight: bold;
}

#logged-profile strong {
	color: #142a46;
}


/**
 * Logged user
 */

#logged-profile img {
	position: absolute;
	top: 5px;
	left: 5px;
}

#logged-profile .status {
	background: transparent url(i/sprite.png) no-repeat -320px -544px;
	position: absolute;
	top: 8px;
	right: 145px;
	z-index: 10; 
	padding-left: 3px;
}

#logged-profile .status a,
#logged-profile .status a:link,
#logged-profile .status a:visited {
	color: #fff;
	font-size: 10px;
	background-color: #fe660e;
	padding: 2px 4px 3px;
	font-weight: bold;
	text-decoration: none;
}
#logged-profile .status a:hover,
#logged-profile .status a:active {
	color: #fff;
	text-decoration: none;
}


/**
 * Fixed Header
 */

#searchmenu {
	width: 970px;
	height: 360px;
}

#searchmenu.inline {
	width: 970px;
	height: 124px;
}

#fixed-header {
	position: relative;
	height: 360px;
	background: transparent url(i/sprite.png) no-repeat -800px -734px;
}

#fixed-header.inline {
	height: 123px;
}


/**
 * Navigation
 */

#main-navigation,
#user-zone  {
	position: absolute;
	top: 0;	
}

#main-navigation {
	left: 3px;
}

#user-zone {
	right: 3px;
}
 
#menu {
	margin: 10px 0 0; 
}

#menu ul li {
	float: left;
	height: 360px;
	position: relative;
}

.inline #menu ul li {
	height: 122px;
}

#menu ul li li,
.inline #menu ul li li {
	height: auto !important;
}

#menu ul li a,
#menu ul li a:link,
#menu ul li a:visited {
	display: block;
	padding: 14px 16px 9px;
	color: #0b242b;
	text-decoration: none;
	font-family: 'PTSansBold', Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	font-weight: 400;
	text-transform: uppercase;
	height: 30px;
}

#menu ul li a:hover,
#menu ul li a:active,
#menu ul li.active a,
#menu ul li.current a {
	color: #fff;
	background: transparent url(i/bg-sprite.png) repeat-x 0 0;
}

#menu ul li a {
	height: 328px;
}

.inline #menu ul li a {
	height: 59px;
}

#menu ul li li a,
.inline #menu ul li li a {
	height: auto !important;
}

#menu ul li:hover {
	color: #0b242b;
	background: transparent url(i/nav-selected-arrow.png) no-repeat bottom left;
}

#menu ul li.active {
	background: transparent url(i/nav-selected-arrow.png) no-repeat bottom center;
}

#menu ul li a span.menu-info {
	display: block;
	color: #aaaaaa;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 16px;
	text-transform: none;
}

#menu ul li a:hover span.menu-info,
#menu ul li a:active span.menu-info,
#menu ul li.active a span.menu-info {
	color: #ffba46;
}

#menu ul li span.icon.user-zone {
	display: block;
	float: left;
	display: inline;
	background: transparent url(i/sprite.png) no-repeat -64px -176px;
	margin: 4px 10px 0 0;
	width: 16px;
	height: 19px;
}

#menu ul li:hover span.icon.user-zone,
#menu ul li.active span.icon.user-zone {
	background: transparent url(i/sprite.png) no-repeat -32px -176px;
}

/**
 * Dropdown menu
 */

#menu ul li .sub {
	position: absolute;	
	top: 48px;
	left: 0px;
	padding-top: 5px;
	background: transparent url(i/sprite.png) no-repeat -1410px -1088px;
	display: none;
	z-index: 100;
}

#menu ul li .menu-wrapper {
    width: 100%;
    height: 59px;
}

#menu ul li .menu-wrapper .sub {
	opacity: 0;
	display: none;
}

#menu ul li .sub:hover,
#menu ul li .menu-wrapper:hover .sub {
	opacity: 1;
	display: block;
}

#menu ul li .sub .emptymenu li {
	padding: 0;
}

#menu ul li .sub .emptymenu li a {
	padding: 10px 10px 0;
	margin: 0 auto;
	line-height: 18px;
	border-bottom: none;
}

#menu ul li .sub.croazia {
	background: transparent url(i/sprite.png) no-repeat -1230px -1088px;
}

#menu #user-zone li .sub {
	line-height: 18px;
	background: transparent url(i/sprite.png) no-repeat -1224px -1088px;
}


#menu ul li .bg {
	padding: 7px;
	float: left;
	background: #FFFFFF;
	background-color: #f8f8f8\9; /* le  \9  est un hack pour cibler IE8, IE7 et IE6 */ 
	border-bottom: 1px solid #cbcbcb\9;
	border-left: 1px solid #cbcbcb\9;
	border-right: 1px solid #cbcbcb\9;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
}

#menu ul#user-zone li .sub {
	left: auto;
	right: -3px;
}

#menu ul li .row {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#menu ul li .sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 180px;
	float: left;
}

#menu ul .sub ul li {
	width: 100%;
	color: #fff;
	background: none;
}

#menu ul li .sub a,
#menu ul li a {
	float: left;
	line-height: 34px;
}

#menu ul .sub ul li a {
	float: none; 
	text-indent: 0;
	height: auto;
	padding: 0 0 0 3px;
	margin: 0 8px;
	display: block;
	text-decoration: none;
	color: #757575;
	font-size: 11px;
	text-shadow: none;
	border-bottom: 1px dotted #e6e6d8;
	text-transform: none;
	line-height: 27px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	background-image: none;
}

#menu ul .sub ul li a:hover {
	color: #ff6910;
	text-decoration: underline;
	background-image: none; 
}

#menu ul .sub ul li h2 {
	float: none; 
	text-indent: 0;
	height: auto;
	padding: 5px 0;
	margin: 0 8px;
	display: block;
	text-decoration: none;
	color: #ff6910;
	font-size: 11px !important;
	font-weight: bold;
	text-shadow: none;
	border-bottom: 1px dotted #e6e6d8;
	text-transform: none;
	line-height: 27px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	background-image: none;
}

#menu ul .sub ul li h2 a,
#menu ul .sub ul li h2 a:hover {
	background-image: none;
	color: #ff6910;
	padding: 0;
	margin: 0;
	border-bottom: none;
	font-weight: bold;
}

#menu ul .sub ul li h2 a:hover {
	background-image: none;
	text-decoration: underline;
}

#menu span.dd_action {
	height:6px;
	width:9px;
	background: transparent url(i/sprite.png) no-repeat -176px -543px;
	position: absolute;
	top: 18px;
	right: 10px;
	text-indent: -9999px;
}

#menu span.dd_wrapper {
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
}

#menu li.active span.dd_wrapper span.dd_action,
#menu span.dd_wrapper:hover span.dd_action,
#menu span.dd_action:hover,
#menu a:hover span.dd_action { 
	background: transparent url(i/sprite.png) no-repeat -448px -543px;
}

#menu li.liSub a:hover span.dd_wrapper,
#menu li.liSub:hover a span.dd_wrapper {
	z-index: 100;
	background: white;
	color: black;
	border-top: 1px dotted #e5e5e5;	
	border-right: 1px dotted #989898;
	padding: 0 10px 6px 18px;	
	text-shadow: none;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#dfdfdf, endColorstr=#f8f8f8);
	background-image: -moz-linear-gradient(	top, #e5e5e5, #FFFFFF);
	background-image: -webkit-gradient( linear,	left top, left bottom, from(#e5e5e5), to(#FFFFFF));
}

#menu ul li .sub .spacer {
	display: block;
	height: 37px !important;
	border-bottom: 1px dotted #e6e6d8;
	margin: 0 0 0 -16px;
	padding-right: 8px;
}


/**
 * Frontpage slider
 */

#slider-wrapper {
	float: left;
	display: inline;
	width: 685px;
	height: 300px;
	position: absolute;
	bottom: 8px;
	left: 3px;
	overflow: hidden;
}

#slider-wrapper .button {
	position: absolute;
	bottom: 26px;
	right: 22px;
}

.nivoSlider {
	position: relative;
	background: transparent url(i/loading.gif) no-repeat 50% 50%;
	height: 300px;
	overflow: hidden;
}

.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

.nivoSlider a {
	border: 0;
	display: block;
}

.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 56;
	display: none;
}

.nivo-slice {
	display: block;
	position: absolute;
	z-index: 55;
	height: 100%;
}
.nivo-box {
	display: block;
	position: absolute;
	z-index: 55;
	overflow: hidden;
}

.nivo-html-caption {
	display: none;
}

.nivo-caption {
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #fff;
	background: transparent url(i/background-caption.png) repeat center center;
	width: 522px;
	z-index: 58;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	padding: 10px 150px 13px 13px; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='i/background-caption.png',sizingMethod='scale');
}

.nivo-caption h2 {
	font-family: 'PTSansBold', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-weight: 400;
	font-size: 32px;
	line-height: 40px;
	text-shadow: 1px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
}

.nivo-caption h2 a,
.nivo-caption h2 a:link,
.nivo-caption h2 a:visited {
	text-decoration: none;
	color: #fff;
	border-bottom: none;
}

.nivo-caption h2 a:hover,
.nivo-caption h2 a:active {
	text-decoration: underline;
	color: #ff6910;
}

.nivo-caption p {
	margin: 0;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	text-shadow: 1px 1px 1px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=1);
}
.nivo-caption a {
	display: inline !important;
	color: #fff;
    border-bottom: 1px dotted #fff;
}

.nivo-directionNav a {
	position: absolute;
	top: 45%;
	z-index: 59;
	cursor: pointer;
	display: block;
	width: 29px;
	height: 47px;
	text-indent: -9999px;
	border: 0;
}
.nivo-prevNav {
	background: transparent url(i/sprite.png) no-repeat -16px -368px;
	left: 15px;
}
.nivo-nextNav {
	background: transparent url(i/sprite.png) no-repeat -481px -368px;
	right: 15px;
}

.nivo-prevNav:hover {
	background: transparent url(i/sprite.png) no-repeat -80px -368px;
}

.nivo-nextNav:hover {
	background: transparent url(i/sprite.png) no-repeat -544px -368px;
}

.nivo-controlNav {
	position: absolute;
	left: 50%;
	top: 20px;
    margin-left: -40px;
}

.nivo-controlNav a {
	position: relative;
	z-index: 59;
	cursor: pointer;
	display: block;
	width: 17px;
	height: 17px;
	background: transparent url(i/sprite.png) no-repeat -288px -224px;
	text-indent: -9999px;
	border: 0;
	margin: 0 1px 0 1px;
	float: left;
}
.nivo-controlNav a:hover {
	font-weight:bold;
	background-position: -305px -224px;
}

.nivo-controlNav a.active {
	font-weight:bold;
	background-position: -322px -224px;
}


/**
 * Search
*/

#search {
	position: absolute;
	bottom: 5px;
	right: 0;
	display: inline;
	background: #0a1316 url(i/bg-sprite.png) repeat-x left -800px;
	margin-top: -5px;
	width: 285px;
	height: 305px;
}

#search h2 {
	background: transparent url(i/sprite.png) no-repeat -448px -80px;
	width: 285px;
	height: 26px; 
	color: #fff;
	text-indent: -9999px;
	margin: 26px 25px 11px;
}

#search fieldset {
	margin-left: 28px;
}

#search textarea,
#search input[type="email"],
#search input[type="password"],
#search input[type="text"],
#search select {
	width: 170px;
	float: left;
	font-size: 12px;
	line-height: 15px;
	color: #474747;
	border: 1px solid #e3e3e3;
	padding: 5px 10px 6px;
	margin: 0 0 9px;
	-webkit-box-shadow: inset -3px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset -3px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: inset -3px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

#search label {
	float: left;
	border-left: 1px solid #babcbd;
	width: 34px;
	height: 28px;
	background-repeat: no-repeat;
	background-color: #e3e3e3;
	text-indent: -9999px;
	background-image: url(i/sprite.png);
}

#search select {
	display: none;
}

#search .ui-selectmenu-dropdown {
	float: left;
	padding: 0px 10px 2px;
	margin-bottom: 9px;
	font-size: 12px;
	-webkit-box-shadow: inset -3px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset -3px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: inset -3px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

#search .ui-selectmenu-status {
	padding-left: 0px;
	padding-top: 5px;
}

.private-accommodation label {
	background-position: -24px -219px;
}

.time-of-arrival label,
.time-of-departure label {
	background-position: -56px -218px;
}

.number-of-persons label {
	background-position: -88px -218px;
}

.destination label {
	background-position: -120px -218px;
}

.arrow-right {
	display: inline-block;
	width: 11px;
	height: 11px;
	background: transparent url(i/sprite.png) no-repeat -14px -542px;
	text-indent: -9999px;
}

#search .button {
	width: 227px;
	text-indent: 0;
}

/**
 * Inline search
 */

#search.inline {
	width: 970px;
	height: auto;
	position: absolute;
	right: 0;
	bottom: 9px;
	padding: 5px 0;
}

#search.inline h2 {
	display: none;
}

#search.inline fieldset {
	margin: 13px 0 2px 17px ;
}

#search.inline label {
	margin-right: 4px;
}

#search.inline .time-of-arrival input,
#search.inline .time-of-departure input {
	width: 78px;
}

#search.inline .number-of-persons input {
	width: 54px;
}

#search.inline .destination input {
	width: 194px;
}

#search.inline .button {
	width: auto !important;
	text-indent: 0;
}

#search.inline .ui-selectmenu-status {
	padding-left: 0;
	width: 140px !important;
}

#search.inline .ui-selectmenu-dropdown {
	width: 140px !important;
	float: left;
	padding: 0px 10px 2px;
}


/**
 * jQuery selectmenu
 */

.ui-selectmenu-menu li a {
	padding-bottom: 5px;
	border-bottom: 1px dotted #e6e6d8;
	font-size: 12px;
}

.ui-selectmenu-menu li a:hover {
	border-bottom: 1px solid #fff;
}

.ui-selectmenu-menu ul {
	width: 225px !important;
}

.ui-selectmenu-menu {
	background-color: transparent;
	border: none;
	z-index: 150;
	padding-top: 5px; 
	background: transparent url(i/sprite.png) no-repeat -1410px -1088px;
}

.ui-selectmenu-menu ul {
	background-color: transparent;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
}

.ui-selectmenu-menu ul li {
	background-color: #fff;
}

#content .ui-selectmenu {
	width: 177px;
	float: left;
	font-size: 12px;
	line-height: 16px;
	color: #474747;
	border: 1px solid #c1c1c1;
	padding: 1px 20px 2px 0px;
	margin: 0;
	-webkit-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
	font-size: 12px;
}

#content .title select,
#content .title .ui-selectmenu-status,
#content .title .ui-selectmenu-dropdown {
	width: 55px; 
}

.ui-selectmenu-menu ul#fos_user_registration_form_clientTitle-menu {
	width: 75px !important;
}

.ui-selectmenu-menu ul#fos_user_registration_form_country-menu {
	width: 205px !important;
}


/**
 * jQuery autocomplete
 */

.ui-autocomplete {
	background-color: transparent;
	border: none;
	z-index: 150;
	padding-top: 5px; 
	background: transparent url(i/sprite.png) no-repeat -1410px -1088px;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	font-size: 12px;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
}

.ui-autocomplete li {
	background-color: #fff;
}

.ui-autocomplete a {
	padding: 5px 5px 5px 10px
}


/**
 * jQuery datepicker
 */

.ui-datepicker {
	background: transparent url(i/sprite.png) no-repeat -1410px -1088px;
	padding-top: 5px;
	border: none;
	font-size: 12px;
}

.ui-datepicker-header {
	border: 5px solid #fff !important;
}

	
.ui-datepicker table {
	border: 5px solid #fff !important;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	font-size: 12px;
}


/**
 * BREADCRUMBS
 * ===========
 */

#breadcrumbs {
	clear: both;
	padding: 5px 11px 11px;
	background: transparent url(i/bg-dots.png) repeat-x center 27px;
}

#breadcrumbs strong {
	float: left;
	color: #b9b9b9;
	font-weight: bold;
	margin-right: 7px;
}

#breadcrumbs a,
#breadcrumbs a:link,
#breadcrumbs a:visited {
	float: left;
	margin: 0;
	text-decoration: none;
	color: #737373;
}

#breadcrumbs a:hover,
#breadcrumbs a:active,
#breadcrumbs a.active {
	color: #ff650d;
	text-decoration: underline;
}

.divider {
	margin: 2px 6px; 
	float: left;
	width: 3px;
	height: 8px;
	line-height: 7px;
	text-indent: -9999px;
	background: transparent url(i/sprite.png) no-repeat -16px -621px;
}

/**
 * CONTENT
 * =======
 */

#content {
	padding: 5px 0 16px;
	float: left;
	width: 780px;
}

/**
 * Title bar
 */

.title-bar {
	position: relative;
	float: left;
}

.title-bar h1 {
	font-family: 'PTSansBold', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-weight: 400;
	font-size: 24px;
	color: #ff7400;
	padding: 3px 16px 10px 10px;
}

.title-bar h1 a,
.title-bar h1 a:link,
.title-bar h1 a:visited {
	color: #ff7400;
	text-decoration: none;
}

.title-bar h1 a:hover,
.title-bar h1 a:active,
.title-bar h1 a.active {
	color: #ff7400;
	text-decoration: underline;
}

.title-bar h3 {
	font-family: 'PTSansBold', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-weight: 400;
	font-size: 18px;
	color: #00719d;
	padding: 6px 16px 12px;
}

.title-bar h3 a,
.title-bar h3 a:link,
.title-bar h3 a:visited,
.title-bar a,
.title-bar a:link,
.title-bar a:visited {
	color: #00719d;
	text-decoration: none;
}

.title-bar h3 a:hover,
.title-bar h3 a:active,
.title-bar h3 a.active,
.title-bar a:hover,
.title-bar a:active,
.title-bar a.active {
	color: #ff7400;
}

.title-bar .view-all {
	margin-right: 8px;
	padding: 4px 8px 4px 0;
	background: transparent url(i/sprite.png) no-repeat -320px -592px;
}

.title-bar .titlebar-navigation {
	position: absolute;
	right: 10px;
	top: 7px;
}

.titlebar-navigation .view-all {
	float: left;
}


/**
 * Paginator
 */

.paginator {
	width: 775px;
	text-align: center;
	margin-top: 10px;
}

.paginator ul {
	font-size: 11px;
	margin: 0 auto;
	display: inline-block;
}
.paginator ul li {
	float: left;
	margin: 0 1px;
}
.paginator a,
.paginator a:link,
.paginator a:visited {
	display: block;
	padding: 5px 10px;
	border: 1px solid #e4e4e4;
	color: #3a3a3a;
	font-size: 11px;
	line-height: 14px;
	background-color: #fff;
	text-decoration: none;
}
.paginator a:hover,
.paginator a:active,
.paginator a.active {
	border: 1px solid #bfbfbf;
	background-color: #fbfbfb;
	color: #ff6910;
}

.paginator .dots {
	display: block;
	padding: 7px 10px 3px;
}


/**
 * Navigation icons
 */

.paginator li.previous a,
.paginator li.next a,
.titlebar-navigation a.previous,
.titlebar-navigation a.next {
	display: block;
	width: 12px;
	height: 20px;
	text-indent: -9999px;
	float: left;
	background-image: url(i/sprite.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

.paginator li.previous a,
.paginator li.previous a:link,
.paginator li.previous a:visited,
.titlebar-navigation a.previous,
.titlebar-navigation a.previous:link,
.titlebar-navigation a.previous:visited {
	background-position: -240px -368px;
	margin-right: 3px;
}

.paginator li.previous a:hover,
.paginator li.previous a:active,
.paginator li.previous a.active ,
.titlebar-navigation a.previous:hover,
.titlebar-navigation a.previous:active,
.titlebar-navigation a.previous.active {
	background-position: -272px -368px;
}

.paginator li.next a,
.paginator li.next a:link,
.paginator li.next a:visited,
.titlebar-navigation a.next,
.titlebar-navigation a.next:link,
.titlebar-navigation a.next:visited {
	background-position: -304px -368px;
}

.paginator li.next a:hover,
.paginator li.next a:active,
.paginator li.next a.active,
.titlebar-navigation a.next:hover,
.titlebar-navigation a.next:active,
.titlebar-navigation a.next.active {
	background-position: -336px -368px;
}

.paginator .previous a,
.paginator .next a {
	border: none;
	margin: 5px 9px !important;
	padding: 0;
	height: 22px;
}

.large-title .titlebar-navigation {
	top: 9px;
}


/**
 * AddThis Toolbox
 */

.addthis_toolbox {
	position: absolute;
	top: 4px;
	right: 13px;
	width: 303px;
	padding: 5px 8px;
}

.large-title .addthis_toolbox {
	right: 10px;
}

.large-title.no-navigation .addthis_toolbox {
	right: -10px;
}

.large-title .titlebar-navigation {
	padding-left: 10px;
	padding-top: 2px;
	background: transparent url(i/sprite.png) no-repeat -320px -592px;
}


/**
 * Locations slider
 */

#locations-slider {
	height: 570px;
	overflow: hidden;
}

.location-info .large-image {
	float: left;
	margin-bottom: 7px;
}

.location-info .title-bar {
	float: left;
	width: 380px;
}

.location-info h3 {
	padding-left: 12px;
}

.location-info .titlebar-navigation {
	right: -5px;
}

.location-info .view-all {
	margin-right: 6px;
}




/**
 * Box models
 */

#content .box {
	margin-right: 5px;
}

.box {
	position: relative;
	float: left;
	padding-bottom: 5px;

}

.wrap {
	padding: 9px 9px 2px 9px;
	border: 1px solid #e4e4e4;
	color: #3a3a3a;
	font-size: 11px;
	line-height: 14px;
	background-color: #fff;
}

.wrap:hover {
	border: 1px solid #bfbfbf;
	background-color: #fbfbfb;
}

.wrap:hover a {
	z-index: 5;
}

.wrap .info-links {
	margin-top: 4px;
	float: left;
	background: transparent url(i/bg-dots.png) repeat-x right top;
}

.wrap:hover .info-links {
	
	background-position: right -599px;
}


.wrap h2 {
	font-family: 'PTSansBold', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-weight: 400;
	font-size: 24px;
	padding: 10px 0 14px;
	color: #00719d;
}

.wrap a,
.wrap a:link,
.wrap a:visited {
	text-decoration: none;
	color: #333;
}

.wrap  h3 a,
.wrap  h3 a:link,
.wrap  h3 a:visited,
.wrap  h3 {
	font-family: 'PTSansBold', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-weight: 400;
	font-size: 17px;
	padding: 0 0 14px;
	color: #00719d;
	line-height: 20px;
}

.wrap  h4 a,
.wrap  h4 a:link,
.wrap  h4 a:visited,
.wrap  h4 {
	font-family: 'PTSansBold', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	padding: 0 0 3px;
	color: #333;
}

.wrap .category a,
.wrap .category a:link,
.wrap .category a:visited,
.wrap .view-details:link,
.wrap .view-details:visited {
	color: #bfbfbf;
}

.wrap:hover .category a:link,
.wrap:hover .view-details:link,
.wrap:hover .favorites:link {
	color: #a9a9a9;
}

.wrap a:hover,
.wrap a:active {
	color: #ff650d !important;
	text-decoration: underline;
}


/**
 * Box Grid Layout
 */

.column-1 { width: 190px; }
.column-2 { width: 385px; }
.column-3 { width: 580px; }
.column-4 { width: 775px; }
.column-5 { width: 970px; }

.box.column-1 { background: transparent url(i/bg-shadows.png) no-repeat -16px bottom; }
.box.column-2 { background: transparent url(i/bg-shadows.png) no-repeat -224px bottom; }
.box.column-3 { background: transparent url(i/bg-shadows.png) no-repeat -623px bottom; }
.box.column-4 { background: transparent url(i/bg-shadows.png) no-repeat -1210px bottom; }


/**
 * Images
 */

.wrap .medium-image .ribbon {
	position: absolute;
	top: -10px;
	left: -10px;
	width: 38px;
	height: 38px;
	background: transparent url(i/sprite.png) no-repeat -176px -288px;
	text-indent: -9999px;
	z-index: 10;
}

.wrap .medium-image {
	float: left;
	display: inline;
	min-height: 100px;
	width: 170px;
	margin: 0 0 5px;  
}

.feature-box .medium-image {
	margin-right: 10px;
}

.wrap .medium-image img {
	position: absolute;
}

.wrap .medium-image a {
	display: block;
	position: relative;
	min-height: 100px;
	width: 170px;
	margin: 0;
	background-color: #fff;
	padding-right: 7px;
}

#sidebar .medium-image {
	margin-: 5px;
}

.favorite-box .medium-image a {
	background-color: transparent;
	margin-right: 0px;
}


/**
 * Shadows
 */
 
.thumbs .link-image .shadow,
.medium-image .shadow,
.large-image .shadow {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}	
	
.thumbs .link-image .shadow {
	width: 91px;
	height: 54px;
	background: transparent url(i/sprite.png) no-repeat -1296px -320px;
}

.medium-image .shadow {
	width: 170px;
	height: 100px;
	background: transparent url(i/sprite.png) no-repeat -992px -320px;
}

.large-image .shadow {
	width: 372px;
	height: 219px;
	background: transparent url(i/sprite.png) no-repeat -1184px -80px;
}

.shadow {
	opacity: 0.5;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='i/sprite.png',sizingMethod='scale');
}

.shadow:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='i/sprite.png',sizingMethod='scale');
}


/**
 * Info text
 */

.info-text {
	float: left;
	display: inline;
	width: 170px;
	min-height: 83px;
}

.column-2 .info-text {
	width: 185px;
} 

.feature-box .info-links {
	padding-top: 2px;
	margin-top: -6px;
}

.feature-box .unit-description {
	height: 28px;
	margin-bottom: -3px;
	overflow: hidden;
}

.feature-box p {
	font-size: 11px;
	line-height: 15px;
	padding-bottom: 0;
}

.favorite-box .info-text {
	margin-left: 8px;
}

.search-box .info-text {
	width: 575px;
	min-height: 77px;
}

.search-box .info-text p {
	padding-bottom: 5px;
}

.reservation.search-box .info-text,
.reservation.search-box .info-links {
	width: 385px;
	float: left;
	position: relative;
}

.location-info .info-text {
	float: left;
	width: 370px;
	margin: 10px 0 10px 12px;
	font-size: 12px;
	line-height: 16px;
}

#sidebar .column-1.info-links {
	margin-top: 0px;
}

#sidebar .feature-box .info-links {
	margin-top: 3px;
}

#sidebar .info-text {
	min-height: auto;
	height: auto;
}

/**
 * Weather
 */

.weather .column {
	width: 121px;
	float: left;
	text-align: center;
	padding-bottom: 8px;
}

.weather .column span {
	display: block;
}

.weather .column .city {
	font-weight: bold;
}

.weather .column .icon {
	padding: 7px 0;
}

.weather .column .temperature {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
}

.weather  .wrap:hover {
	background-color: #fff;
	border: 1px solid #e4e4e4;
}


/**
 * Offer box
 */

.offer-box {
	float: left;
	min-height: 210px;
}

.offer-box .wrap {
	min-height: 197px;
}

.unit-price {
	color: #9e9e9e;
	font-size: 10px;
	display: block;
	padding-top: 3px;
}

.unit-price strong {
	font-weight: bold;
	color: #282828;
	font-size: 14px;
	padding: 1px 0 5px;
}

.location {
	float: left;
	margin: 5px 5px 0 0;
	display: inline;
	width: 170px;
}

.location a {
	float: left;
}


/**
 * Details
 */

.details {
	width: 170px;
	float: right;
	display: inline;
}

.column-2 .details {
	width: 190px;
}

.view-details {
	float: right;
	padding: 6px 0 2px;
}

.download {
	float: right;
	padding: 5px 20px 5px 0;
	background: transparent url(i/sprite.png) no-repeat -519px -173px;
}

.wrap .favorites,
.wrap .favorites:link,
.wrap .favorites:visited {
	color: #bfbfbf;
	float: left;
	padding: 5px 0px 5px 20px;
	background: transparent url(i/sprite.png) no-repeat -560px -589px;
}

.wrap .favorites:hover,
.wrap .favorites:active {
	color: #FF650D;
	background-position: -560px -509px;
}

.wrap .favorites.active {
	color: #bfbfbf;
	background-position: -560px -509px;
}

.reservation-options.details {
	width: 195px;
	padding: 10px 0;
	background-image: none;
}

.reservation-options.details .button.white {
	margin-right: 5px;
	margin-left: 8px;
}

.arrival-date {
	width: 170px;
	float: left;
	display: inline;
	background-image: none;
	margin-top: 0px;
	padding: 11px 0px 0;
	color: #6d6d6d;
	font-size: 10px;
}

/**
 * Columns with text
 */
 
.container-left {
	float: left; 
	margin-right: 5px;
	width: 385px;
}

.container-right {
	float: left;
	width: 385px;
}
 
.left.column-2 {
	float: left;
	width: 370px;
	margin: 5px;
}

.right.column-2 {
	float: left;
	width: 370px;
	margin-right: 5px;
}

.column-2 p {
	font-size: 12px;
	line-height: 17px;
	padding-bottom: 9px;
}

/**
 * Converter
 */
 
.converter p {
	font-size: 9px;
	line-height: 11px;
	padding-top: 2px;
	text-align: right;
	padding-left: 120px;
	padding-right: 7px;
}

.weather .wrap,
.converter .wrap {
	min-height: 110px;
}

.icon-kuna {
	background: transparent url(i/sprite.png) no-repeat -755px -583px;
}
.icon-euro {
	background: transparent url(i/sprite.png) no-repeat -755px -504px;
}


/**
 * Gallery
 */

.gallery {
	width: 387px;
	float: left;
	margin-bottom: 15px;
}

.large-image {
	float: left;
	position: relative;
	width: 372px;
	margin-bottom: 3px;
}

.gallery .thumbs {
	width: 378px;
}

.gallery .thumbs .link-image {
	float: left;
	position: relative;
	display: block;
	margin: 0 3px 3px 0;
	padding: 0;
	width: 91px;
	height: 54px;
}

.gallery .image-thumb {
	margin: 0;
	padding: 0;
}

.gallery .image-thumb {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.zoom-in {
	display: block;
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: 16px;
	height: 16px;
}

.zoom-in span {
	display: block;
	width: 16px;
	height: 16px;
	background: transparent url(i/sprite.png) no-repeat -384px -288px;
	text-indent: -9999px;
}

.large-image:hover .zoom-in span { background-position: -352px -288px; }


/**
 * Static page
 */

h1.hot {
	background: transparent url(i/sprite.png) no-repeat -1952px -288px;
	padding-left: 37px;
	padding-right: 350px;
}
 
.static-page .wrap {
	padding: 18px 18px 4px 18px;
} 

.static-page .info-text {
	width: 366px;
} 

.content-image {
	margin: 5px;
}

.content-image.left {
	margin: 5px 10px 10px 0;
	float: left;
}

.content-image.right {
	margin: 5px 0 10px 10px;
	float: right;
}

.static-page p {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 8px;
}

.static-page hr {
	width: 735px;
}

hr {
	clear: both;
	margin: 10px 0;
	border: none;
	color: #e4e4e4;
	background-color: #e4e4e4;
	height: 2px;
	text-align: left;
}


/**
 * Search Box
 */
 
.search-box .wrap {
	padding-bottom: 4px;
}

.search-box .medium-image a {
	background: transparent;
	margin-right: 0;
	padding-right: 0;
}

.search-box .medium-image {
	margin-right: 10px;
}

.search-box .info-links {
	width: 575px;
}

.search-box .location {  
	width: 400px;
}

.search-box .unit-price { 
	font-size: 12px;
} 
.search-box .unit-price strong {  
	display: inline;
}

.search-box .favorites {
	position: absolute;
	right: 8px;
	bottom: 34px;
}

.reservation.search-box .info-links .favorites {
	bottom: 26px;
}

.reservation.search-box .reservation-status {
	width: 175px;
	padding: 8px;
	border-left: 1px solid #e4e4e4;
	position: absolute; top: 1px; right: 0;
}

.reservation.search-box .reservation-status span {
	display: block;
	font-size: 10px;
	color: #888888;
}

.reservation.search-box .reservation-status p.message {
	padding: 4px;
}

.search-box .location {  
	width: 200px;
}


/**
 * Reservation box
 */
 
.reservation-box .container-left,
.reservation-box .container-right {
	width: 360px;
}

.reservation-box .container-left {
	margin-right: 35px;
}

.reservation-box .container-right .button.white {
	width: 80px;
	margin-right: 5px;
}

.reservation-box .container-right .button.green {
	width: 275px;
}


/**
 * Tables
 */

table {
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;
	width: 365px;
	border-collapse: collapse;
	text-align: center;
	margin-bottom: 20px;
	border-top: 1px dotted #d8d8d8;
}

.detail-text table {
	text-align: left;
}

table tbody th {
	border-bottom: 1px dotted #d8d8d8;
	padding: 6px 8px 5px;
	font-weight: normal;
	text-align: left;
}

table tbody td {
	border-bottom: 1px dotted #d8d8d8;
	padding: 6px 8px 5px;
	text-align: center;
} 

.detail-text table tbody td {
	font-weight: bold;
	text-align: right;
}

.detail-price table {
	margin-top: 10px;
	border-top-style: solid;
}

.detail-price table tbody td {
	text-align: center;
}

table tr.date td {
	font-weight: bold;
	font-size: 10px;
	padding: 14px 0;
}

table tr.date td p {
	font-size: 10px;
	padding-bottom: 2px;
	margin-bottom: 0;
}

table tr.price td {
	color: #ff6910;
	font-size: 17px;
	border-bottom-style: solid;
	padding: 15px 0;
}

table tr.price td p {
	color: #ff6910;
	font-size: 17px;
}


/**
 * Error Messages
*/

.message {
    border: 1px solid;
    margin: 5px 0px 5px;
    padding:10px;
	text-align: center;
}

.message a {
	font-weight: bold;
}	

.message.info {
    color: #00529b;
    background-color: #bde5f8;
    border-color: #bde5f8;
}

.message.success {
    color: #339300;
    background-color: #cbf7a6;
    border-color: #cbf7a6;
}

.message.warning {
    color: #9f6000;
    background-color: #feefb3;
    border-color: #feefb3;
}

.message.error {
    color: #ff640d;
    background-color: #ffe6bd;
	border-color: #ffe6bd;
	font-weight: bold;
}

.message.search-criteria {
    color: #333;
    background-color: #efefef;
    border-color: #efefef;
}

.message.search-criteria strong {
	color: #ff7700;
	font-weight: bold;
}


/**
 * Empty content
 */

.empty {
	text-align: center;
	padding: 40px 0;
	color: #b5b5b5;
}

.empty a,
.empty a:link,
.empty a:visited {
	text-decoration: none;
	color: #797979;
}

.empty a:hover,
.empty a:active { 
	text-decoration: underline;
	color: #ff6910;
}


/**
 * Fieldset
 */
 
#content fieldset {
	border-top: 1px solid #d8d8d8;
	margin-top: 5px;
}

#content fieldset:first-child {
	border-top: none;
	margin-top: 0;
}

#content fieldset div.clearfix {
	padding: 4px 0 4px;
	border-top: 1px dotted #d8d8d8;
}

#content fieldset div.clearfix:first-child {
	border-top: none;
}

#content fieldset label strong {
	float: right;
	color: #ff640d;
}	

#content fieldset .error input {
	background-color: #ffe6bd;
}

#content textarea,
#content input[type="email"],
#content input[type="password"],
#content input[type="text"],
#content select {
	width: 187px;
	float: left;
	font-size: 12px;
	line-height: 16px;
	color: #474747;
	border: 1px solid #c1c1c1;
	padding: 5px 10px 4px;
	-webkit-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
	font-size: 12px;
}

#content fieldset .phone  {
	padding-bottom: 14px;
}

#content fieldset .email  {
	padding-top: 14px;
}

#content fieldset .email .checkbox {
	width: 322px;
}

#content fieldset label.checkbox  {
	display: block;
	position: relative;
	padding-left: 28px;  
	padding-bottom: 3px;
} 

#content fieldset label.checkbox input {
	position: absolute;
	top: 0px;
	left: 8px;
}

#content label {
	float: left;
	width: 134px;
	padding: 9px 7px 0px;
	line-height: 14px;
	font-size: 12px;
}

#content label.checkbox {
	font-size: 11px;
	line-height: 14px;
	padding-top: 0px;
}

#content label input[type="checkbox"] {
	margin: 0;
	padding: 2px 6px 0 0;
}

#content .registration-text,
#content .login-text {
	color: #6d6d6d;
}

#content .captcha {
	padding-bottom: 14px;
}

#content .captcha img {
	float: left;
	margin-right: 10px;  
}

#content .captcha input {
	float: left;
	width: 70px;
}

#content .login-text fieldset div.password {
	padding-bottom: 14px;
} 

#search input.inactive { 
	color: #aeaeae;
}

input[type="email"]:hover, 
input[type="password"]:hover, 
input[type="text"]:hover,
textarea:hover,
select:hover {
	background-color: #f7f7f7;
}


/**
 * Buttons
 */

.button,
a.button {
	border: 1px solid #f96108;
	color: #fff;
	background-image: url(i/bg-sprite.png);
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: 0 -6px;
	padding: 7px 20px 8px;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
	line-height: 12px;
	font-size: 11px;
	float: left;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.button.orange,
a.button.orange {
	color: #fff;
	border-color: #f96108;
	background-color: #ff610b;
	background-position: 0 -8px;
}

.button.green,
a.button.green {
	color: #fff;
	border-color: #759f04;
	background-color: #8ec200;
	background-position: 0 -192px;
}

.button.gray,
a.button.gray {
	color: #333;
	border-color: #cdcdcd;
	background-color: #cdcdcd;
	background-position: 0 -254px;
	font-weight: normal !important;
}

.button.white,
a.button.white {
	color: #666;
	border-color: #c1c1c1;
	background-color: #fff;
	background-position: 0 -1500px;
	text-shadow: 1px 1px 1px rgba(200,200,200,1);
	background-position: center center;
}

.button.blue,
a.button.blue,
.button:hover,
a.button:hover {
	color: #fff !important;
	border-color: #064fc9;
	background-color: #1b64dc;
	background-position: 0 -130px;
	text-decoration: none !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	cursor: pointer;
}

.button.active,
a.button.active,
.button:active {
	color: #fff !important;
	border-color: #064fc9;
	background-color: #1b64dc;
	background-position: 0 -130px;
	text-decoration: none !important;
	text-shadow: -1px -1px -1px rgba(0,0,0,0.5) !important;
}


/**
 * Larger buttons
 */

#detail-gallery .button.reservation {
	width: 232px;
	line-height: 22px;
	text-align: center;
	padding: 4px;
	background-position: 0 -6px;
}

#detail-gallery .button.reservation:hover {
	color: #fff;
	border-color: #759f04;
	background-color: #8ec200;
	background-position: 0 -190px;
}

#detail-gallery .button.favorite {
	width: 100px;
	line-height: 22px;
	text-align: center;
	padding: 4px 10px;
	margin-right: -10px;
	background-position: 0 -252px;
}

#detail-gallery .button.favorite:hover,
#detail-gallery .button.favorite.active {
	background-position: 0 -128px;
}

.button.reservation span {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: transparent url(i/sprite.png) no-repeat -80px -288px;
	text-indent: -9999px;
}

.button.favorite span {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: transparent url(i/sprite.png) no-repeat -128px -287px;
	text-indent: -9999px;
}


/**
 * Custom dimensions for buttons on forms
 */
 
#profile-text .button.white,
#edit-profile-text .button.white,
#registration-text .button.white {
	width: 90px;
	margin-right: 5px;
}

#registration-text .button.green,
#profile-text .button.green,
#edit-profile-text .button.green {
	width: 270px;
}

#login-text .button.white {
	margin-right: 5px;
	width: 150px;
}

#login-text .button.green {
	width: 168px;
}

#login-text1 .button.white {
	margin-right: 5px;
	width: 150px;
}

#login-text1 .button.green {
	width: 168px;
}

#change-pass-text .button.white {
	margin-right: 5px;
	width: 90px;
}

#change-pass-text .button.green {
	width: 270px;
}

.info-links .button.orange {
	width: 66px;
}

.contact-form .green {
	width: 207px;
	margin-left: 5px;
}

.contact-form .white {
	width: 143px;
}


/**
 * Button holders
 */

.reservation  {
	background-position: 150px center;
	background-repeat: none;
	margin-right: 8px !important;
}

.fb-login-button {
	margin: 0 auto;
	width: 73px;
}

.buttons {
	clear: both;
	margin: 6px 0 8px;
}

#detail-gallery .buttons {
	margin: 0px 0px 10px;
}

#detail-gallery .buttons a {
	font-size: 14px;
	font-weight: bold;
}


/**
 * SIDEBAR
 * =======
 */

#sidebar {
	padding-top: 5px;
	width: 190px;
	float: left;
}

#sidebar h3 {
	font-family: 'PTSansBold', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-weight: 400;
	font-size: 18px;
	color: #00719d;
	padding: 5px 0 12px;
}

#sidebar .download {
	margin-top: 20px;
}

#sidebar .title-bar h3 {
	padding-left: 10px;
}

#sidebar .wrap .title-bar h3 {
	padding-left: 0px;
}

#sidebar .wrap .titlebar-navigation {
	top: 5px;
	right: 20px;
}

#sidebar .wrap  .titlebar-navigation .previous {
	margin-right: 2px;
}

#sidebar .quote-author {
	color: #ababab;
	padding-bottom: 5px;
}

#sidebar .quote-author strong {
	color: #3db8e8;
	font-weight: bold;
}

#sidebar .article-grade {
	position: absolute;
	bottom: 13px;
	left: 10px;
}


/**
 * ROUTE PLANNER
 * =============
 */

#destination {
	display: block;
	margin: 6px 0;
}

#destination input.destination {
	margin-top: 0;
	padding: 6px 10px 6px;
	width: 228px;
	margin-right: 3px;
}

#destination .button {
	margin-right: 0;
}

.mapDescription {
	display: block;
}


/**
 * Route popup
 */

#route_planner h2 {
	font-size: 12pt;
	margin: 0 0 5px 0;
	padding: 0;
	font-weight: bold
}

#route_planner {
	position: relative;
	clear: both;
	margin: 0;
	width: 790px;
	font-family: Arial, Helvetica, sans-serif;
}

#route_planner #map_canvas {
	margin: 0;
	padding: 0;
	width: 510px;
	height: 495px;
	font-size: 11px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#route_planner #map_canvas h3 {
	margin: 0 0 10px 0;
	font-size: 12px;
}

#route_planner .message.info {
	margin-top: 10px;
	background: #E7F3FF;
	padding: 10px;
	width: 610px;
	font-size: 11px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#route_planner #google_data {
	position: absolute;
	top: 0;
	right: -10px;
	width: 285px;
}

#route_planner #start_destination {
	margin: 0 0 5px 0;
	padding: 10px;
	background: #0a1316 url(i/gradient-search.gif) repeat-x center top;
	margin-top: -5px;
	width: 265px;
}

#route_planner #start_destination input {
	width: 265px;
	float: left;
	font-size: 12px;
	line-height: 16px;
	color: #474747;
	border: 1px solid #c1c1c1;
	padding: 5px 10px 4px;
	margin-bottom: 5px;
	-webkit-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.1);
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#route_planner #start_destination button {
	border: 1px solid #f96108;
	color: #fff;
	background: #ff610b url(i/gradient-orange.gif) repeat-x center center;
	padding: 6px 10px 8px;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
	line-height: 12px;
	font-size: 11px;
	float: right;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

#route_planner #start_destination button:hover {
	color: #fff !important;
	border-color: #064fc9;
	background-color: #1b64dc;
	background-image: url(i/gradient-blue.gif);
	background-position: center center;
	text-decoration: none !important;
	cursor: pointer;
}

#route_planner #start_destination a.calculate_route {
	font-size: 11px;
	float: right;
	height: 14px;
	padding: 0px 12px 4px 12px;
	margin: 2px 2px 0 0;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	color: #ffffff;
	background-color: orange;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

#route_planner #start_destination a.calculate_route:hover {
	background-color: #00517a;
	background-color: #00517a;
}

#directions_panel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px !important;
	padding: 0;
	margin: 0 0 0 0;
	width: 285px;
	height: 413px;
	overflow: auto;
}

.gmapsError {
	padding:10px;
	font-size: 11px;
}

.pac-container {
	font-size: 12px;
	line-height: 18px;
}

#directions_panel table {
	font-size: 11px;
	line-height: 16px;
	width: 265px !important;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	font-size: inherit;
	width: auto;
	border-collapse: collapse;
	text-align: left;
	margin-bottom: 0;
	border-top: none;
}

#directions_panel table a {
	display: inline;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 6px;
	text-align: right;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #ffffff;
	background-color: #ff970f;
}

#directions_panel table a:hover {
	background-color: #00517a;
}

#directions_panel table tbody th {
	border-top: 0px;
	border-bottom: 1px dotted #d8d8d8;
	padding: 6px 8px 5px;
	font-weight: normal;
}

#directions_panel table tbody td {
	border-top: 0px;
	border-bottom: 1px dotted #d8d8d8;
	padding: 6px 8px 5px;
	text-align: left;
	font-weight: normal;
} 

#directions_panel .adp-distance {
	float: right;
}

#directions_panel .adp-placemark tbody td {
	border: none;
}

#directions_panel .adp-placemark {
	background-color: transparent;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border: none;
}

#directions_panel .adp-text {
	font-size: 18px;
}

#directions_panel div {
	font-size: 11px;
	text-align: left !important;
}


/**
 * 404
 */
 
.large-font {
	font-size: 40px;
}


/**
 * FOOTER
 * ======
 */

#footer {
	width: 100%;
	padding: 7px 0 10px;
	background: #022034 url(i/bg-sprite.png) repeat-x left -1350px;
	color: #ffffff;
}

#footer .wrapper {
	width: 1013px;
	margin: 0 auto;
}

#footer h4 {
	font-family: 'PTSansBold', Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	padding-bottom: 7px;
}

#footer a,
#footer a:link,
#footer a:visited {
	text-decoration: none;
	color: #fff;
}

#footer a:hover,
#footer a:active,
#footer a.active {
	color: #fff;
	text-decoration: underline;
}

#footer em {
	font-style: normal;
	color: #a1a1a1;
}

#footer .column {
	float: left;
	padding: 17px;
	line-height: 16px;
}

#footer .column.accommodation {
	width: 154px;
}

#footer .column.agency {
	width: 218px;
}

#footer .column.contact {
	width: 198px;
}

#footer li {
	background: transparent url(i/sprite.png) no-repeat -1622px -69px;
	padding: 0 0 0 14px;
	line-height: 19px;
}

/**
 * Newsletter
 */

#footer .column.newsletter {
	width: 307px;
}
 
.newsletter-form {
	display: block;
	background-color: #fff;
	border: 1px solid #020608;
	margin: 0 0 0 6px;
	padding: 0;
	overflow: hidden;
}

#footer .newsletter .email {
	float: left;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	border: none;
	outline: none; 
	padding: 6px 10px 5px;
	margin: 0;
	width: 220px;
	background-color: #fff;
	color: #333;
}

#footer .newsletter .email:hover {
	outline: none;
	border: none;
}

#footer .newsletter .inactive { 
	color: #aeaeae;
}

#footer .newsletter .email:focus {
	outline: none;
	border: none;
	color: #333;
}

#footer .newsletter .submit {
	float: right;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	text-align: center;
	border: none;
	outline: none; 
	padding: 6px 0;
	margin: 0;
	width: 55px;
	background-color: #cfcfcf;
	color: #032237;
}

#footer .newsletter .submit:hover {
	outline: none;
	border: none;
	background-color: #888;
}

#footer .newsletter .submit:focus {
	outline: none;
	border: none;
}

#footer .newsletter p {
	padding: 0 0 5px 10px;
}

#footer .newsletter .message.error {
	background-color: transparent;
	border: none;
	text-align: left;
}


/**
 * Copyright
*/

#copyright .wrapper {
	background: transparent url(i/shadow-footer.png) no-repeat center top;
	width: 963px;
	margin: 0 auto;
	padding: 13px 50px 3px;
	overflow: hidden;
	color: #395b71;
	font-size: 10px;
}

#copyright a,
#copyright a:link,
#copyright a:visited {
	text-decoration: none;
	color: #395b71;
	font-size: 10px;
}

#copyright a:hover,
#copyright a:active,
#copyright a.active {
	color: #ffffff;
}

#copyright .solocroazia {
	float: left;
}

#copyright .design-by {
	float: right;
}


/**
 * button overrides
 */
 
.larger {
	margin-left: 148px;
	width: 209px;
	font-size: 14px;
	font-family: 'PTSansBold', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}


/**
 * CLEARFIX
 * ========
 */

.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.hide { display: none; }
.spacer { clear: both; }


/**
 * Table price
 */

.detail-price table {
	width: 100%;
}

.detail-price table thead th,
.detail-price table thead td {
	background-color: #00719d;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	white-space: wrap;
	padding: 5px 10px;
	vertical-align: middle;
}

.detail-price table thead td {
	text-align: center;
}

.detail-price table tbody th {
	background-color: #e6e6e6;
	color: #4f4f4f;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	border-bottom: 1px dotted #a5a5a5;
	width: 180px;
}

.detail-price table tbody td {
	color: #ff660c;
	background-color: #fbfbfb;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	border-bottom: 1px dotted #a5a5a5;
}

.detail-price table tbody td.odd {
	background-color: #e6e6e6;
}

.reservation-box .container-right .rightbutton {
	margin-top: 10px;
	margin-right: 4px;
	line-height: 15px;
	text-align: center;
	padding: 9px 36px;
	background-position: 0 -6px;
	font-size: 15px;
	margin-bottom: 8px;
}

.reservation-box .container-right .rightbutton:hover {
	color: #fff;
	border-color: #759f04;
	background-color: #8ec200;
	background-position: 0 -190px;
}

.rightbutton {
	float: right;
}

#serviceWrapper .fsTable h2 {
    text-align: left;
}

#serviceWrapper #topContent {
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 20px;
}

#serviceWrapper .fsWrap {
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 20px;
}

#serviceWrapper table.fsTable {
    border-top: none;
    padding: 0;
    margin: 0;
}

    
#serviceWrapper .fsTable td,
#serviceWrapper table tbody td {
    border-bottom: none;
    padding: 0;
        margin: 0;
    height: auto;
}

.fullwidth-text {
	margin-top: 10px;
	margin-bottom: 20px;
}

.fullwidth-text p {
	margin: 3px 10px;
	font-size: 12px;
	line-height: 140%;
	width: 100%;
}




.ui-datepicker {
	z-index: 100 !important;
}