@import url("reset.css");
@import url("common.css");
@import url("editable_content.css");

#toolbar_top {
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    width: 100%;
    text-align: middle;
    font-size: 12px;
    padding: 10px 0 10px 0;
    background: #00548d url('ui-bg_highlight-soft_35_00548d_1x100.png') 50% 50% repeat-x;
    border-bottom: 1px solid #9fd5fc;
    color: #ffffff;
    z-index: 100;
    opacity: 0.90;
    filter: alpha(opacity = 90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
}

#toolbar_top_container {
    position: relative;
    display: inline-block;
    width: 540px;
}

#toolbar_bottom {
    position: fixed;
    display: block;
    width: 100%;
    text-align: middle;
    font-size: 12px;
    padding: 10px 0 10px 0;
    background-color: #00548d;
    color: #ffffff;
    z-index: 100;
    bottom: 0px;
}

#maintainence {
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
    width: 1px;
}

select {
    padding: 4px;
}

body {
    background: url("../images/portal/bg.jpg") fixed center top;
    text-align: center;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.7em;
    background-color: #bfe6ff;
}

#container {
    text-align: left;
    margin: 0px auto 0px auto;
    padding: 35px 0 0 0;
    width: 960px;
}

#header {
    height: 100px;
    position: relative;
    margin: 0 0 20px 0;
}

#header #logoOrot {
    position: absolute;
    top: 30px;
    left: 420px;
}

#header h1 {
    left: 10px;
    position: absolute;
    top: 30px;
    lefo: 0;
}

#header h1 a {
    background: url("../images/portal/logoPortal.png") no-repeat right;
    display: block;
    height: 56px;
    width: 378px;
}

#header h1 a span {
    margin-left: -9999px;
}

/* Logowanie */
#loginBox {
    position: absolute;
    right: 0;
    top: 40px;
    color: #fff;
}

#loginBox a {
    color: #fff;
}

#loginBox label {
    text-shadow: #000 0 0 3px;
}

#loginBox #login, #loginBox #password {
    border: 1px #9bd3fc solid;
    width: 120px;
    opacity: 0.85;
    height: 18px;
}

#loginBox #login:focus, #loginBox #password:focus {
    outline: 2px #9bd3fc solid;
    opacity: 1;
}

#loginBox #btnLogin {
    background: #385e99;
    color: #fff;
    font-size: 11px;
    border: 1px #2b456c solid;
    height: 20px;
}

ul.language_select {
    float: right;
    margin: 5px 5px 0 0;
}

ul.language_select li {
    float: left;
}

ul.language_select li a {
    display: block;
    height: 14px;
    margin: 0 10px 0 0;
    width: 17px;
}

ul.language_select li a span {
    margin-left: -9999px;
}

#language_pl a {
    background: url("../images/portal/lang_pl.gif")
}

#language_en a {
    background: url("../images/portal/lang_en.gif")
}

#language_de a {
    background: url("../images/portal/lang_de.gif")
}

#language_cz a {
    background: url("../images/portal/lang_cz.gif")
}

#breadcrumbs {
    float: left;
    margin: 5px 0 0 10px;
}

#left {
    float: left;
    margin: 0 10px 0 0;
    width: 230px;
}

/*
 *
 *  MAIN MENU
 *
 *
 *
 */
#mainMenu {
}

#mainMenu ul {
    padding: -15px 0 10px 0;
    margin-bottom: 0px;
    margin-top: 0px;
}

#mainMenu ul li {
    background: url("../images/portal/mainMenuLi.png") bottom center no-repeat;
}

#mainMenu ul li#kontakt {
    background: none;
}

#mainMenu ul li a {
    color: #266c9b;
    display: block;
    font-size: 14px;
    padding: 5px 0 6px 60px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 24px 6px;
}

#mainMenu ul li a:hover {
}

#mainMenu ul li a img {
    display: block;
    float: left;
    vertical-align: middle;
    height: 22px;
    width: 22px;
    margin: 0px 0px 0px -38px;
}

#mainMenu #home a {
    background-image: url("../images/portal/mainMenu/home.png")
}

#mainMenu #aktualnosci a {
    background-image: url("../images/portal/mainMenu/aktualnosci.png")
}

#mainMenu #wydarzenia a {
    background-image: url("../images/portal/mainMenu/wydarzenia.png")
}

#mainMenu #nocleg a {
    background-image: url("../images/portal/mainMenu//nocleg.png")
}

#mainMenu #gastronomia a {
    background-image: url("../images/portal/mainMenu/gastronomia.png")
}

#mainMenu #vt a {
    background-image: url("../images/portal/mainMenu/vt.png")
}

#mainMenu #panoramy a {
    background-image: url("../images/portal/mainMenu/panoramy.png")
}

#mainMenu #mapa a {
    background-image: url("../images/portal/mainMenu/mapa.png")
}

#mainMenu #articles a {
    background-image: url("../images/portal/mainMenu/articles.png")
}

#mainMenu #linki a {
    background-image: url("../images/portal/mainMenu/articles.png")
}

#mainMenu #kontakt a {
    background-image: url("../images/portal/mainMenu/kontakt.png")
}

.addthis_toolbox {
    margin: 20px 0 4px 20px;
}

/*
 *
 *
 *
 * STRUKTURA STRONY
 *
 *
 */
#toolbar {
    background: url("../images/portal/panel_background.png");
    position: relative;
    height: 30px;
    padding: 5px;
    margin: 0 0 20px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 3px solid #9fd5fc;
}

#messages_container {
    padding: 20px 30px 20px 30px;
    font-size: 14px;
    margin: -15px 0 10px 0;
    opacity: 0.9;
    display: none;
}

#content {
    float: left;
    margin: 0 0 0 10px;
    width: 710px;
}

#footer {
    background: #fff;
    clear: both;
    position: relative;
    border: 4px solid #9fd5fc;
    color: #7b7b7b;
    font-size: 10px;
    line-height: 1.4em;
    margin: 20px 0;
    padding: 15px;
    opacity: 0.9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#footer #orot {
    margin: 10px 4px 4px 80px;
    float: left;
    width: 470px;
    text-align: center;
}

#footer #orot img {
    float: left;
    margin: 0 1em 0 0;
}

#footer #logos {
    text-align: center;
    margin: 20px 0 30px 0;
}

#credits {
    float: right;
    margin: 35px 100px 25px 0;
    text-align: right;
}

#credits img {
    vertical-align: middle;
    margin: 0 1em 0 0;
}

/* Banner na stronie głównej */
div#frontPageBanner {
    margin: 0 0 20px 0;
    overflow: hidden;
    position: relative;
    height: 244px;
    width: 710px;
    background: url("../images/portal/banner.png") no-repeat left;
}

div#frontPageBanner a.readMore {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #f6af39;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    border: 1px white solid;
    text-decoration: none;
    opacity: 0.9;
}

div#frontPageBanner ul {
    position: absolute;
    list-style: none;
}

ul#tabs {
    z-index: 2;
    width: 267px;
    position: absolute;
    top: 2px;
    left: 2px;
}

ul#tabs li {
    position: relative;
}

ul#tabs h3 {
    font-size: 15px;
    font-weight: bold;
    padding: 20px 0 0 20px;
}

ul#tabs p {
    padding: 4px 0 0 20px;
}

ul#tabs li a {
    color: #333333;
    display: block;
    height: 80px;
    position: relative;
    text-decoration: none;
}

ul#tabs li a:hover {
    text-decoration: none;
}

ul#tabs li a.current {
    background: url('../images/portal/bannerCurrent.png');
    height: 80px;
    color: #FFF;
}

ul#tabs li a.current:hover {
    text-decoration: none;
    cursor: default;
}

ul#output {
    right: 0;
    width: 470px;
    height: 240px;
    position: relative;
}

ul#output li {
    position: absolute;
    width: 470px;
    height: 240px;
}

ul#output li a {
}

ul#output li a:hover {
}

.box710 {
    background: url("../images/portal/panel_background.png");
    width: 670px;
    position: relative;
    margin: 0 0 20px 0;
    clear: both;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 20px;
    border: 3px solid #9fd5fc;
}

.box710 h2 {
    color: #64696d;
    font-size: 17px;
    margin: -10px 20px 20px -10px;
    padding: 0px;
    color: #005289;
    font-size: 14px;
}

.box230 {
    background: url("../images/portal/panel_background.png");
    width: 230px;
    position: relative;
    margin: 0 0 20px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 3px solid #9fd5fc;
}

.box230 h3 {
    color: #64696d;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    padding: 0 0 0 20px;
    color: #005289;
    font-size: 14px;
    font-weight: bold;
}

.p_box1 {
    padding: 5px 20px 10px 20px;
}

.padding10 {
    padding: 10px;
}

#weatherBox {
    background: #eff3fb;
}

#weatherBox h3 {
    float: left;
}

#weatherBox select {
    float: right;
    margin: 5px;
}

#weatherBox div {
    text-align: center;
}

#weatherBox img {
    margin: 10px 0;
}

#frontPageNews .news {
    float: left;
    width: 199px;
    margin: 10px 0;
    padding: 0 10px;
    border-right: 1px #dddddd solid;
    height: 240px;
}

#frontPageNews .last {
    border-right: none;
}

#frontPageNews .news .newsTitle {
    min-height: 2.2em;
    margin: 1px 0 1.5em 0;
}

#frontPageNews .news .newsTitle a {
    font-size: 13px;
    text-decoration: none;
    color: #00548d;
}

#frontPageNews .newsInfo {
    color: #929292;
    font-size: 11px;
}

#frontPageNews .newsIntro a {
    color: #525252;
    text-decoration: none;
}

/* Obikety w poblizu */

.vtour_full_link > img {
	border: 5px solid #BBBBFF;
	padding: 0px !important;
	margin: 3px;
}


.objectNearbyContent li {
    padding-bottom: 5px;
    font-size: 11px;
}

.objectNearbyContent li a {
    text-decoration: none;
    color: #266C9B;
}

.objectNearbyContent li a:hover {
    background-color: #ffffff;
}

#objectsNearby {
    width: 335px;
    float: left;
}

.objectNearbyInner {
    margin: 0px !important;
    padding: 0px !important;
    overflow: hidden !important;
}

ul.objectNearbyContent {
    margin: 0px !important;
    padding: 12px !important;
}

.objectNearbyInner .scrollbar {
    height: 240px;
}

/* Zdjęcia okolicy */
.objectPanoramio {
    float: right;
    width: 325px;
    padding: 0 0 0 10px;
}

/*
 * Articles
 */
div#articleList dl dd {
    margin: 0 0 20px 0;
}

div#articleList dl a {
    text-decoration: none;
}

/*
 * Events
 */
.eventsTitle a {
    font-size: 15px;
    text-decoration: none;
    color: #00548d;
    font-weight: bold;
}

.eventsInfo {
    color: #929292;
    font-size: 11px;
    padding: 0 10px 0 0;
}

.eventsDescription a {
    color: #525252;
    text-decoration: none;
    font-weight: normal;
}

.eventsItem {
    margin: 0 0 40px 0;
    clear: left;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 10px 0;
}

.eventsItem img {
    width: 120px;
    padding: 1px;
    border: 1px #ccc solid;
    margin: 0 2em 0 0;
    display: block;
    float: left;
}

.eventFull img {
    height: 160px;
    padding: 1px;
    border: 1px #ccc solid;
    margin: 0 2em 0 0;
    display: block;
    float: left;
}

/*
 *
 * News
 *
 *
 */
.newsTitle a {
    font-size: 15px;
    text-decoration: none;
    color: #00548d;
    font-weight: bold;
}

.newsInfo {
    color: #929292;
    font-size: 11px;
}

.newsIntro a {
    color: #525252;
    text-decoration: none;
    font-weight: normal;
}

#news .box710_inner {
    padding: 0px;
}

.newsItem {
    margin: 15px 0 15px 0px;
    clear: left;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 10px 0;
}

.newsItem .newsImage {
    background: red;
}

.newsItem img {
    width: 120px;
    padding: 1px;
    border: 1px #ccc solid;
    margin: 0 2em 0 0;
    display: block;
    float: left;
}

.newsFull img {
    height: 160px;
    padding: 1px;
    border: 1px #ccc solid;
    margin: 0 2em 0 0;
    display: block;
    float: left;
}

.newsRealtedList {
}

.newsRealtedList li {
    margin: 0 0 0 0;
}

.newsRealtedList .newsInfo {
    width: 200px;
}

/* ==========================
 * =====Objects==============
 * ==========================
 */

div.object-multimedia > div {
	float: left;
	background-color: #BBBBFF;
	padding: 3px 6px 3px 6px;
	margin-right: 3px;
	color: #FFFFFF;
}

.view_mode {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 8px;
	padding: 4px 8px;
	background-color: White;
	color: #9fd5fc;
	font-size: 11px;
	font-weight: bold;
	cursor: hand;
}

.view_mode:hover{
	background-color: #e5e5ff;
	padding: 6px 10px;
	margin: 6px;
}



div.reserveObject {
    clear: both;
}

div.reserveObject a {
    color: white;
    padding: 10px 10px 10px 40px;
    float: right;
    border: 1px black solid;
    background: #015289 url("../images/book_open.png") no-repeat 4px center;
    text-decoration: none;
    display: block;
}

div.reserveObject a:hover {
    background-color: #0368ad;
}

/*
 * Szczegółowy widok
 */
.isOrot {
    margin: 4px 0;
}

.isOrot img {
    vertical-align: middle;
}

/* Lista atrybutów */
#objectDetails .objectInformation {
    float: left;
    width: 290px;
    padding: 0 10px 0 0;
}

/* Opis obiektu */
#objectDetails .objectDescription {
    float: left;
    width: 360px;
    padding: 0 0 0 10px;
}

/* Wybór kategorii */
#objectsFilter th {
    font-weight: bold;
    padding: 5px;
}

#objectsFilter td {
    padding: 5px;
}

#objectsFilter select {
    width: 250px;
}

#objectsFilter .buttons {
    text-align: right;
}

#categoriesList {
    top: 26px;
    left: 0;
    border: 2px #ccc solid;
    background: white;
    position: absolute;
    height: 200px;
    width: 300px;
    overflow: auto;
}

/*
 *Lista wyników wyszukiwania
 */
/* Wrapper listy wyników */
.searchResult {
}

/* Lista wyników wyszukiwania */
.objectsList {
}

/* Pojedyńczy element wyniku wyszukiwania */
.objectItem {
    background-color: #fcfcfc;
    margin: 16px 18px 30px 18px;
    clear: left;
    border: 1px dotted #a0d6fd;
    padding: 20px 30px 20px 30px;
}

.objectItem h3 {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 450px;
}

.objectItem h3 a {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

.objectItem .toolbar {
    display: inline-block;
    margin-top: 15px;
    padding: 4px;
    font-size: 10px;
}

.objectItem .isOrot {
    padding: 5px;
}

/* Kategorie w jakich znajduje się dany obiekt */
.object-categories {
    float: left;
    margin: 0px 0px 5px 0px;
    color: #c0c0c0;
}

.object-category-icons {
    float: right;
    margin: -10px -21px 0px 0px;
}

.object-category-icons img {
    width: 30px;
    height: 30px;
}

.object-description {
    padding: 15px;
    margin: 3px -5px 10px -5px;
    font-size: 12px;
    line-height: 1.3em;
}

/* Lista atrybutów ( Telefony, maile itp. ) */
ul.objectInformation {
    list-style: none;
    margin: 0.5em 0;
    color: #525252;
    margin-bottom: 10px;
}

ul.objectInformation > li {
	
}

img.rating_star {
	display: inline-block;
	vertical-align:middle;
	width: 15px;
	height: 15px;
	
}


/* ==========================
 * =====VIRTUAL TOUR=========
 * ==========================
 */

.round_header {
	display: inline-block;
	padding: 5px 8px 5px 8px;
	margin: 6px 0px 5px 0px;
	background-color: #00548d;
	color: #FFFFFF;
	font-size: 15px;
}


.vtItem {
    float: left;
    width: 320px;
    height: 192px;
    border: #00548d solid 4px;
    border-top-width: 5px;
}

.vtItem:hover {
    border-color: #0085dd;
}

.odd {
    margin: 0px 7px 10px 0px;
}

.even {
    margin: 0 0 20px 7px;
}

.vtInfoPanel {
    width: 320px;
    background: #00548d;
    opacity: 0.9;
    z-index: 20;
    padding: 5px 0;
    margin: -33px 0 -33px 0;
}

.vtItem img {
    z-index: 10;
    bottom: 0;
    width: 320px;
    height: 192px;
}

.vtInfoPanel .title {
    font-size: 1.2em;
    text-align: left;
    padding: 0 0 0 10px;
    color: #fff;
    text-decoration: none;
}

.vtInfoPanel .description {
    padding: 0 0 0 10px;
    color: #4c4c4c text-decoration:none;
}

table.form {
    width: 100%;
    text-align: left;
    margin: 0 auto 20px;
}

table.form th, table.form td {
    border-bottom: 1px #ccc solid;
}

table.form th {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    text-align: right;
    padding: 10px 20px 5px 5px;
    vertical-align: top;
}

table.form td {
    padding: 10px 5px 5px;
}

table.form caption {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 5px 0;
}

table.form .formMarkers {
    font-size: 10px;
    color: #888;
    font-weight: normal;
}

table.form .text {
    border: 1px #ccc solid;
    padding: 2px;
}

table.form .text:focus {
    outline: 2px #ccc solid;
}

table.form textarea {
    width: 100%;
    height: 120px;
}

table.form select {
}

#usermenu li {
    font-size: 14px;
}

#usermenu li a {
    text-decoration: none;
}

/*============================================================================ REGULAMIN
 */
#regulamin {
    padding: 20px;
}

#regulamin h2 {
    font-size: 15px;
    font-weight: bold;
}

#regulamin h3 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 20px;
}

#regulamin ol {
    text-align: left;
}

#regulamin ol li {
    margin: 5px 0px 10px 0px;
}

/*============================================================================ KONTAKT ONLINE
 */

.kontakt_online {
	display: block;
	text-align: center;
	margin: 2px 15px 8px 0px;
}

.kontakt_online h4 {
	color: #005289;
	font-size: 14px;
}