body {
	margin-top: 10px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 70%;
	color: #073b6d;
	line-height: 150%;
}

.buttons {
	padding: 0 0 15px;
}
.buttons li {
	list-style-type: none;
	float: left;
	margin-right: 3px;
	margin-top: 3px;
	padding-left: 3px;
	background: url('../images/gray.gif') no-repeat left top;
}
.buttons li a {
	height: 23px;
	padding: 0 12px 0 10px;
	background: url('../images/gray.gif') no-repeat right top;
	line-height: 23px;
	color: #777d86;
}
.buttons li.active a {
	color: #212122;
}

img {
	border: 0;
}
.hidden {
	display: none;
}
div.clear {
	clear: both;
}

p {
	margin-top: 0;
	margin-bottom: 12px;
}

a {
	color: #eb9e34;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

ul.raw {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#container {
	width: 950px;
	margin: 0 auto;
}

div#header {
	position: relative;
	height: 250px;
	padding-top: 4px;
	background: url(../images/header_upperbar.png) no-repeat left top;
}

div#header h1 {
	display: none;
}

div#logo {
	position: absolute;
	right: 91px;
	top: 70px;
}

div#languages {
	position: absolute;
	right: 12px;
	top: 20px;
}

div#languages a {
	display: block;
	width: 33px;
	height: 22px;
        margin-bottom: 10px;
}

a#pl {
        background: url(../images/flag_pl.png) no-repeat;
}

a#en {
        background: url(../images/flag_en.png) no-repeat;
}
	
div#menu {
	height: 26px;
	padding-top: 1px;
	overflow: hidden;
	background: url(../images/menu_bg.png) repeat-x;
}

div#menu li {
	float: left;
}

div#menu li a {
	display: block;
	height: 26px;
        color: #082c4d;
        padding-top: 4px ;
        text-align:center;
        font-family: Arial, Tahoma,sans-serif;
        text-decoration:none;
        font-size: 11px;
        font-weight: bold;
        text-transform:uppercase;

}

div#menu li a:hover, div#menu li.selected a {
        color: #222222;
}


div#menu li a:hover, div#menu li.selected a {
	background-position: 0 -26px;
}

a.menuitem {
        width: 135px;
        background: url(../images/menuitem.png) no-repeat;
}
	

div#column-left {
	float: left;
	width: 640px;
	padding-top: 25px;
}
div#breadcrumbs {
	float: left;
	width: 600px;
	height: 10px;
	padding-top: 5px;
}

div#column-right {
	float: right;
	width: 252px;
	padding-top: 17px;
}

div#column-right  img {
	width: 252px;
}

div#column-left, div#column-right {
	padding-bottom: 50px;
}


div.content {
	float: left;
	clear: both;
	width: 100%;
}

div.teasers {
	width: 640px;
	height: 250px;
	padding-top: 4px;
	background: url(../images/teasers_bg.png) no-repeat;
}
div.teaser0,div.teaser1,div.teaser2  {
	float: left;
	width: 130px;
	margin-right: 40px;
}
div.teaser3  {
	float: left;
	width: 130px;
	margin-right: 0px;
}
div.teasers h3 {
	margin: 0;
	margin-bottom: 1px;
	background-color: #f7eeea;
	width: 130px;
	font-size: 115%;
    text-transform:uppercase;
	font-family: Arial;
	font-weight: bold;
	padding-top:6px;
	padding-bottom:5px;

}
div.teasers h3 a {
	color: #073b6d;
	text-decoration: none;
	padding-left:6px;
}
div.teasers h3 a:hover {
	text-decoration: underline;
}

div.teaser-text {
	height: 65px;
	padding: 8px 10px;
	background-color: #f7eeea;
	line-height: 120%;
	text-align: justify;
}
div.teaser-text a {
	color: #073b6d;
	text-decoration: none;
	font-weight: normal;
}
div.teaser-text a:hover {
	text-decoration: underline;
}

div.teasers img {
	border: solid 1px #eb9e34;
	width: 128px;
}

.content p {
	text-align:justify;
}

div.info-teaser {
	margin-bottom:21px;
}
div.info-teaser h3 {
	font-size: 170%;
	line-height: 120%;
	text-transform:uppercase;
	display: block;
	font-weight: normal;
	text-decoration: none;
	font-family: Arial;
}
div.info-teaser h3 a {
	color: #073b6d;
	text-decoration: none;
	font-weight: normal;
}
div.info-teaser-text {
	line-height: 130%;
	text-align: justify;
}
div.info-teaser-text a {
	color: #073b6d;
	text-decoration: none;
	font-weight: normal;
}
div.info-teaser-text a:hover {
	text-decoration: underline;
}
div.info-teaser h3 a:hover {
	text-decoration: underline;
}






div#contact {
	margin-top:6px;
}
div#contact div{
	height:52px;
}
div#contact p{
	margin-left:44px;
	font-size:110%;
}
div#contact p,div#contact a{
	color:#555555;
	font-weight:normal;
	text-decoration:none;
}
div#tel {
	padding-top:6px;
	font-size:130%;
	background: url(../images/tel_icon.png) no-repeat;
}
div#email{
	padding-top:6px;
	font-size:140%;
	background: url(../images/mail_icon.png) no-repeat;
}

div#info {
	width: 226px;
}
div#info-top, div#info-bottom {
	height:4px;
	width:100%;
	background: url(../images/teasers_bar.png) no-repeat;
}
div#info-top{
	top:0;
	margin-bottom: 21px;
}
div#info-bottom{
}


div.bar {
	float: left;
	clear: both;
	width: 100%;
	height: 3px;
	margin-bottom: 20px;
	background: url(../images/bar.png) repeat-x left bottom;
}


div.title-area {
		float:left;
		width:100%;
}

div.main-page {
		height:167px;
		margin-top:0px;
}

	
div.title-area #page-title {

		height: 80px;
		
		font-family:Arial;
		margin-right: 20px;
		float: left;
	}

div.main-page #page-title {
		background: url(../images/title.gif) no-repeat;
		color:#FFFFFF;
		padding:5px 19px 0 13px;
	}
	
div.title-area .text {
		text-align:justify;
	}



#page-title h2 {
		line-height:100%;
		font-size:420%;
		height: 50px;
		padding:0;
		margin:0;
		font-family:Calibri,Tahoma;
		font-weight:normal;
	}
#page-title h3 {
		height: 30px;
		font-size:170%;
		line-height:100%;
		padding:0;
		margin:0;
		font-family:Calibri,Tahoma;
		font-weight:normal;
	}

div.page-header-text {
	color: #073b6d;
}

div.photos {
}

div.photos img {
	margin-bottom: 2px;
}

/* Form */

form, fieldset {
	border:0;
}

div.booking {
	position: relative;
	width: 636px;
	color: #525051;
	padding-bottom: 12px;
	background: url(../images/bar.png) repeat-x left bottom;
	border:0;
}

input, textarea, select {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
	color: #525051;
	border: solid 1px #545253;

}

textarea, select {

	width: 163px;

}
textarea {

	height: 60px;

}

	


div.booking label {
	float: left;
	width: 165px;
	margin-right: 18px;
	text-align: right;
	text-transform: uppercase;
}


input.text {
	width: 193px;
}

input, textarea, select {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100%;
	color: #525051;
	border: solid 1px #545253;
}

div.booking-buttons {
	position: absolute;
	right: 0;
	bottom: 24px;
}

input#submit, input#cancel {
	border: 0;
	width: 68px;
	height: 37px;
	cursor: pointer;
}

input#submit {
	margin-right: 14px;
	background: url(../images/en/send.png) no-repeat;
}

input#cancel {
	background: url(../images/en/cancel.png) no-repeat;
}

/* -------------------------[ date picker ]--- */
input.DatePicker, #mutate input.DatePicker, #userPane input.DatePicker, #webUserPane input.DatePicker, input#datefrom.DatePicker, input#dateto.DatePicker {
	width: 150px;
	padding: 3px 3px 3px 24px;
	background: #fff url(/manager/media/style/MODxCarbon/images/icons/datenofocus.gif) no-repeat top left;
	cursor: pointer;
}
input:focus.DatePicker, #mutate input:focus.DatePicker, #userPane input:focus.DatePicker, #webUserPane input:focus.DatePicker, input#datefrom:focus.DatePicker, input#dateto:focus.DatePicker {
	background: #fffce9 url(/manager/media/style/MODxCarbon/images/icons/datefocus.gif) no-repeat top left;
}
.dp_container {
	position: relative;
	padding: 0;
	z-index: 500;
}
.dp_cal {
	background-color: #fff;
	border: 1px solid #0070bf;
	position: absolute;
	width: 177px;
	top: 24px;
	left: 0;
	margin: 0px 0px 3px 0px;
}
.dp_cal table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.dp_cal p {
	width: 177px;
}

#mutate .dp_cal input.cal_timeTextBox, .dp_cal input.cal_timeTextBox {
	display: block;
	text-align: center;
	width: 60px;
	margin: 0 auto;
	margin-top: 3px;
}

.dp_cal select {
	margin: 2px 3px;
	font-size: 11px;
}
.dp_cal select option {
	padding: 1px 3px;
}
.dp_cal th,
.dp_cal td {
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.dp_cal th {
	border: solid #aad4f2;
	border-width: 1px 0;
	color: #797774;
	background: #daf2e6;
	font-weight: bold;
}
.dp_cal td {
	cursor: pointer;
}
.dp_cal thead th {
	background: #d9eefc;
}
.dp_cal td.dp_roll {
	color: #000;
	background: #fff6bf;
}
/* -------------------------[ must have this for the IE6 select box hiding ]--- */
.dp_hide {
	visibility: hidden;
}
.dp_empty {
	background: #eee;
}
.dp_today {
	background: #daf2e6;
}
.dp_selected {
	color: #fff;
	background: #328dcf;
}

#map {
	float: left; 
	width:100%; 
	text-align:center; 
	font-size:80%
}
#map a {
color:#555555
}





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

#mat{
	width: 670px;
	float: left;
}

#mat li{
	width: 670px;
	float: left;
	position: relative;
}

#mat li .ttcontent{
	width: 670px;
	float: left;
	position: relative;
}

#mat .marker{
	position: absolute;
	z-index: 150;
	cursor: pointer;
}

#mat .marker img{
	margin: 0;
	float: left;
}

#mat .marker span{
	display: none;
}

#mat .popup2{
	width: 600px;
	position: absolute;
	display: none;
	padding: 10px;
	line-height: 1.6em;
	z-index: 500;
	text-align: left;
	border: 1px solid #7ca6d5;
	color: #000000;
	background: #cfdcea;

}