body, div, p, img, form {
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	font: normal 0.75em/1.45 Helvetica neue, sans-serif;
	text-align: left;
	background: white;
    color: #404040;
}

p {
	margin: 10pt 0;
	text-align: justify;
}

blockquote {
    margin: 0;
}

h1 {
	font-size: 2.5em;
    font-weight: normal;
    line-height: 1.2;
    text-align: left;
	padding: 0;
	margin: 15px 0 0 0;
    color: #d70202;
    /*text-shadow: 0 0 1px rgba(215, 2, 2, 0.4), 0 1px 3px rgba(0, 0, 0, 0.1);*/
    text-shadow: 0 1px 1px white;
}

h2, .h2 {
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.2;
    color: #a4a4a4;
    margin: 0.6em 0 0.4em 0;
    padding: 0.8em 0 0 0;
    text-align: left;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
    background: transparent url("../img/hr-black.png") repeat-x top;
}

h2.section, h2.strong {
	/*text-transform: lowercase;*/
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
	background-color: #DA2128;
    color: White;
	padding: 0.5em;
	margin: 0.5em 0 0 0;
}

hr + h2, hr + .h2, div.hr + h2, div.hr + .h2 {
    background: none;
    padding-top: 0;
}

h3, .h3 {
    font-size: 1.3em;
    font-weight: 500;
    line-height: 1.2;
    text-align: left;
    margin: 0.4em 0;
    padding: 0;
}

h3 + p {
    margin-top: 0.4em;
}

h4, .h4 {
    margin: 0;
    padding: 0;
    font-size: 1.1em;
    font-weight: bold;
}

hr, div.hr, div.hrWhite {
    height: 1px;
    border: none;
    background: transparent url("../img/hr-black.png") repeat-x top;
    margin: 1em 0;
    padding: 0;
}
hr.white, div.hrWhite{
    background: transparent url("../img/hr.png") repeat-x top;
}

fieldset {
    margin: 1em 0 1em 0;
    padding: 1em;
    border: 1px solid lightgray;
    border-radius: 4px;
}

ul, ol {
	list-style-position: outside;
	margin: 1em 0 1em 10pt;
	padding: 0;
	border: 0;
}
ol {
	margin-left: 2.2em;
}
ul {
    list-style: url("../img/ul.gif");
}
ul.noBullets {
    margin-left: 0;
    list-style: none;
}
li {
    margin: 0.4em 0;
}

/* zvyraznene */
em {
    font-weight: bold;
    font-style: normal;
}
/*p > em, acronym > em {
    font-family: Tahoma, sans-serif;
}*/

/* silne zvyraznene */
strong {
    font-weight: bold;
    color: #707070;
}

/* citat, definicia */
cite, dfn {
	color: #666600; /* tmavsia olive */
}

/* skratka */
abbr {
	color: #666600; /* tmavsia olive */
	border-bottom: 1px dashed Olive;
	cursor: help;
}

/* Nazov firmy v obch. podm. */
acronym {
    color: #666600; /* tmavsia olive */
    font-style: italic;
}

/* Nasa adresa v obch. podm. */
address { margin: 1em; }

img {
    vertical-align: middle; /* FF ma default bottom */
}

/*======================================*/
/* Edit boxy a tlacidla */
/*======================================*/

/* Link  */
a {
    color: #404040; /* nemoze byt inherit koli IE 6 a 7 */
    cursor: pointer;
}
a:hover {
    color: Maroon;
    cursor: pointer;
    /*text-decoration: underline;*/
}

label {
    font-weight: normal; /* default web prehliadaca je bold */
    line-height: 1.2;
}

input, select, textarea {
	background-color: #FAFAFA;
    color: black;
    border: 1px solid silver;
    margin: 0;
}
input[type="text"], input[type="password"] {
    padding-left: 2px;
    padding-right: 2px;
}

input[type="radio"] {
    background-color: transparent; /* toto je cisto koli IE */
    border: transparent;
}
input[type="checkbox"] {
    background-color: transparent; /* toto je cisto koli IE */
    border: transparent;
    font-size: 1.2em;
    /*margin: 0.3em;*/
}

input[type="text"],
input[type="password"],
textarea {
    border-radius: 3px;
}

input:focus, input:active,
select:focus, select:active,
textarea:focus, textarea:active {
    border-radius: 3px;
    box-shadow: 0 0 6px #00517C;
}
input[disabled="disabled"], input[disabled],
select[disabled="disabled"], select[disabled],
textarea[disabled="disabled"], textarea[disabled] {
	color:gray;
    background-color: #f0f0f0;
}

input[type="submit"] {
    cursor: pointer;
    border-radius: 4px;
}
input[type="submit"]:hover {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);
}

button {
    line-height: 1.5;
    height: 1.8em;
    min-width: 6em;
    padding: 0;
    margin: 0 0.1em 0 0;
}

/*======================================*/
/* Tabulky obecne
     - u td, th: vert.align funguje s height, nefunguje s line-height. Da sa nastavit na th, nefunguje na caption
*/
/*======================================*/

table {
	border: none;
	border-collapse: collapse;	
}
td, th, caption, footer {
	border: none;
	padding: 1pt 5pt;
	text-align: left;
	vertical-align: middle;
    line-height: 1.6; /* Vyska textu. Ma efekt, ked je viac riadkov v td */
    /* vert.align funguje s height, nefunguje s line-height. Da sa nastavit na th, nefunguje na caption */
}
th {
    text-align: right;
    font-weight: normal; /* default web prehliadaca je bold */
}
th, td {
    height: 1.7em;
    /* vert.align funguje s height, nefunguje s line-height. Da sa nastavit na th, nefunguje na caption */
}
body {
    background-color: #F8F8F8;
    background-image: -moz-linear-gradient(left, #F0F0F0, #F8F8F8 10%, #F8F8F8 90%, #F0F0F0);
    background-image: -webkit-linear-gradient(left, #F0F0F0, #F8F8F8 10%, #F8F8F8 90%, #F0F0F0);
    background-image: linear-gradient(left, #F0F0F0, #F8F8F8 10%, #F8F8F8 90%, #F0F0F0);
}

/*========================================================================================*/
/* Header */
/*=========================================================================================*/
div.headerWide {
	width: 100%;
    background-color: #1f1f1f;
    /*background-image: -moz-linear-gradient(center top , #333333, #080808 23%, #1F1F1F);*/
    /*background-image: -moz-linear-gradient(center top, #101010 0%, #1F1F1F 100%);*/
    /*background-image: -webkit-gradient(linear, center top, center bottom, from(#101010), to(#1F1F1F));*/
}
  div.header {
	width: 960px;
    height: 118px;
    margin: 0 auto;  /* margin-left a right: auto = vycentrovanie */
  }
	div.logo {
		float: left;
        width: 300px;
        height: 118px; /* potrebne pre IE6 aby sa nerozpadlo menu */
	}
  		img.logo {
            width: 300px;
			height: 118px;
		}
	div.topLine {
		float: right;
        width: 660px;
        height: 70px;
	}
    div.topLine .slogan {
        float: left;
        padding: 28px 0 0 33px;
        color: #c0c0c0;
        font: normal 1.3em Tahoma, sans-serif;
        text-transform: uppercase;
        /*text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);*/
    }

/*======================================*/
/* Jazykova verzia */
/*======================================*/
div.lang {
    float: right;
    position: relative;
    z-index: 100;
    padding: 25px 0 0 0;
    color: #999999;
}
div.lang .readonlyLang {
    padding-top: 0.3em;
    padding-left: 1em;
}
div.lang .activeLang {
    width: 10.3em;
    padding: 0.2em 0.3em 0.2em 0.5em;
    border: 1px solid #606060;
    text-align: center;
}
div.lang .activeLang a {
    color: inherit;
    text-decoration: none;
}
div.lang .inactiveLang {
    display: none;
}
div.lang ul {
    width: 11em;
    margin: 0 0 1em 0;
    padding: 0.5em 0 0.5em 0;
    list-style: none;
    position: absolute;
    border: 1px solid gray;
    border-top: none;
    background-color: #e0e0e0;
    opacity: 0.90;
    filter: alpha(opacity=90);
    /*-moz-border-bottom-left-radius: 7px;
    -moz-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;*/
}
div.lang ul li {
    padding: 0.3em 0.2em 0.3em 1em;
}
div.lang ul li a {
	text-decoration: none;
    color: black;
}
/* cursorom zvyraznena polozka */
div.lang ul li:hover {
	background-color: #303030;
}
div.lang ul li:hover a {
    color: white;
}
div.lang img {
    vertical-align: middle;
    padding-bottom: 3px; /* zrovnanie obrazku voci pismu */
}

div.lang:hover div.inactiveLang {
    display: block;
}
div.lang:hover div.activeLang {
    color: black;
    background-color: #e0e0e0;
    border: 1px solid gray;
    border-bottom: none;
    opacity: 0.90;
    filter: alpha(opacity=90);
}

.locale {
    background: transparent url("../img/flags/flags.png") no-repeat top left;
    display: inline-block;
    width: 16px;
    height: 11px;
    vertical-align: -1px;
}
.locale.de_AT {
    background-position: 0 0;
}
.locale.be_BE {
    background-position: 0 -16px;
}
.locale.de_CH {
    background-position: 0 -32px;
}
.locale.en {
    background-position: 0 -48px;
}
.locale.cs_CZ {
    background-position: 0 -64px;
}
.locale.dk_DK {
    background-position: 0 -80px;
}
.locale.es_ES {
    background-position: 0 -96px;
}
.locale.en_EU {
    background-position: 0 -112px;
}
.locale.fi_FI {
    background-position: 0 -128px;
}
.locale.fr_FR {
    background-position: 0 -144px;
}
.locale.gr_GR {
    background-position: 0 -160px;
}
.locale.en_HK {
    background-position: 0 -176px;
}
.locale.hu_HU {
    background-position: 0 -192px;
}
.locale.en_IN {
    background-position: 0 -208px;
}
.locale.es_IT {
    background-position: 0 -224px;
}
.locale.jp_JP {
    background-position: 0 -240px;
}
.locale.nl_NL {
    background-position: 0 -256px;
}
.locale.en_NZ {
    background-position: 0 -272px;
}
.locale.pl_PL {
    background-position: 0 -288px;
}
.locale.ro_RO {
    background-position: 0 -304px;
}
.locale.ru_RU {
    background-position: 0 -320px;
}
.locale.se_SE {
    background-position: 0 -336px;
}
.locale.sk_SK {
    background-position: 0 -352px;
}
.locale.en_UK {
    background-position: 0 -368px;
}
.locale.en_ZA {
    background-position: 0 -384px;
}
.locale.de_DE {
    background-position: 0 -400px;
}
.locale.es_PT {
    background-position: 0 -416px;
}

























/*======================================*/
/* Vrchne menu */
/*======================================*/

div.topMenu {
    float: right;
}
div.topMenu ul{
    margin: 0;
    list-style: none;
}
div.topMenu li {
    float: left;
    vertical-align: middle;
    text-align: center;
    padding: 0 12px;
    border-right: 1px solid #505050;
    min-width: 100pt;
}
div.topMenu li:first-child {
    /*text-align: left;*/
    padding-left: 0;
}
div.topMenu li:last-child {
    text-align: right;
    padding-right: 0;
    border-right: none;
}
div.topMenu .addProperty a {
    color: #FFAF0F;
}
div.topMenu li a {
    font: normal 1.3em tahoma, sans-serif;
    color: #999999;
    text-decoration: none;
    /*text-shadow: 0 0px 1px rgba(255, 255, 255, 0.3);*/
}
div.topMenu li a:hover {
    text-decoration: underline;
    color: #f0f0f0;
}
/* aktivna polozka */
div.topMenu li.active a span.menuItemText {

}


/*======================================*/
/* Vyhladavaci formular                 */
/*======================================*/

/* vertikalna verzia */
.apartSearchFormVertical {
    margin: 0 0 1em 0;
    color: white;
    background: transparent url('../img/search-bg.png') no-repeat left top;
    height: 405px;
    padding: 15px 20px 0 20px;
}

/* horizontalna verzia */
.apartSearchFormHorizontal {
    color: white;
    background-color: #C40000;
    border-radius: 2.5pt;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
    height: 38pt;
}


.apartSearchForm tr.hr td {
    height: 8px;
}
.apartSearchForm tr.hr2 td {
    height: 5px;
}

.apartSearchForm a {
    color: white;
}

.apartSearchForm th, .apartSearchForm td {
    height: 1.6em;
}

.apartSearchForm th {
    font-size: 0.9em;
    text-align: left;
    text-transform: uppercase;
    padding-left: 6px;
}

.apartSearchForm tr.title td {
    height: 1.3em;
    font: normal 1.5em/1.3em Verdana,sans-serif;
    text-align: center;
    /*text-shadow: 0 0 5px rgba(255, 255, 255, 0.7);*/
}

.apartSearchForm tr.cantFind td {
    height: 1.3em;
    font-size: 1.2em;
    line-height: 1.2;
    text-align: center;
    padding: 0.1em 0;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.apartSearchForm .value {
    font: bold 1em arial, sans-serif;
}

.apartSearchForm .searchBtn {
    padding: 0.3em 1em;
    text-transform: uppercase;
    font: normal 1.2em arial, sans-serif;
    background: transparent url("../img/search-btn.gif") repeat-x center;
    height: 25px;
    width: 100px;
}
.apartSearchForm input:hover,
.apartSearchForm input:focus,
.apartSearchForm input:active,
.apartSearchForm select:focus,
.apartSearchForm select:active {
    -moz-box-shadow: 0 0 10px white;
    -webkit-box-shadow: 0 0 10px white;
    box-shadow: 0 0 10px white;
}


/* vertikalna verzia - rezervacia */
/*.apartSearchForm div.reservation {
    padding: 15px 20px 0 20px;
}*/

/*.apartSearchForm div.reservation .label {*/
    /*font: bold 1.1em Tahoma,sans-serif;*/
    /*text-align: left;*/
    /*font-weight: bold;*/
/*}*/

/*.apartSearchForm div.reservation .value {*/
    /*font: bold 1em arial, sans-serif;*/
    /*color: #DA2128;*/
/*}*/

.apartSearchForm .cancelBtn {
    text-transform: uppercase;
    font: normal 1.2em arial, sans-serif;
    background: transparent url("../img/search-btn.gif") repeat-x bottom;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 1em;
}


/*======================================*/
/* Nedokoncena rezervacia               */
/*======================================*/

.unfinishedReserv-wide {
    width: 100%;
    overflow: hidden; /* potrebne koli banneru na homepage a dest.page. */
    background-color: orange;
    color: white;
    font: 1.4em/25pt arial, sans-serif;
    height: 25pt;
}
.unfinishedReserv {
    width: 960px;
    margin-left: auto; /* margin-left a right: auto = vycentrovanie */
    margin-right: auto;
    text-align: right;
}

/*======================================*/
/* Hlavny obsah                         */
/*======================================*/

div.mainWide {
	width: 100%;
    overflow: hidden; /* potrebne koli banneru na homepage a dest.page. */
    /*background: transparent url("../img/header-shadow.png") repeat-x top;*/
    /*background: -moz-linear-gradient(left center , #E8E8E8, #F8F8F8 10%, #F8F8F8 90%, #E8E8E8) #F8F8F8;*/
}
/* Hlavny div - obsahuje navigaciu a obsah */
div.main {
	width: 960px;
    min-height: 400px;
	margin-left: auto; /* margin-left a right: auto = vycentrovanie */
	margin-right: auto;
}

img.homePagePicture {
    position: relative;
    left: -340px;
    height: 313px;
    width: 1000px;
    z-index: -1;
}
div.homePagePictureBg {
    position: absolute;
    background-color: #1F1F1F;
    width: 100%;
    height:313px;
    left:0;
    z-index: -2;
}
div.homePagePictureBgBottom {
    position: absolute;
    background: transparent url("../img/header-shadow.png") repeat-x top;
    width: 100%;
    height:6px;
    left:0;
    z-index: -2;
}

div.footerWide {
	margin: 2em 0 0 0;
	font-size: 0.9em;
    background-color: #303030;
    color: white;
}
    div.footer {
        width: 960px;
        margin-left: auto;
        margin-right: auto;
        padding: 0.5em 0 1.5em 0;
    }
    div.footerLeft {
        float: left;
    }
    div.footerRight {
        float: right;
        text-transform: capitalize;
    }
    div.footerCopyright {
        text-align: center;
    }

a.toplist img {	width: 30px; }

div.footer a {
    color: #E8E8E8;
}

div.footer hr {
    margin: 0.5em 0 1.5em 0;
}

div.footer ul {
    list-style: none;
    margin-left: 0;
    margin-right: 0;
}
div.footer li a {
    color: #999999;
}
div.footer a {
    text-decoration: none;
}
div.footer a:hover {
    text-decoration: underline;
}

/*======================================*/
/* Rozne                                */
/*======================================*/
div.horizDivider {
	display: block;
	background: transparent url('../img/horizDivider.png') no-repeat center;
	margin-top: 1em;
    height: 1em;
}

div.clear {
    clear: both;
    height: 0;
}
/* pouzite na titulke. Ukoncuje floatovanie. Je lepsie pre pouzitie medzi p odstavcami ako div.clear */
hr.clear {
    clear: both;
    border: none;
    padding: 0;
    margin: 0.5em 0; /* treba aby bol zarovnany nadpis h3 a vrch obrazku */
}

div.navigButtons {
	margin-top: 15pt;
	margin-bottom: 15pt;
}

div.navigButtonsTop {
	margin-top: 15pt;
	margin-bottom: 15pt;
}

div.apartSearchCriteria {
	width: 100%;
    margin-bottom: 0.2em;
}

/*======================================*/
/* Lavy panel s jazykmi a menu          */ 
/*======================================*/
div.navigationPanel {
	float: left;
	width: 300px;
}

/*======================================*/
/* News v lavom paneli */
/*======================================*/
div.news {
	text-align: left;
	padding: 0.5em 0.7em 0.5em 0.5em;
	margin: 2em 0 1em 0;
	background-color: #F0F0F0; color: black;
	border-left: 4px solid crimson;
}
div.news h3 {
	padding: 0;
	margin: 0 0 0.5em 0;
    font-size: 1.2em;
}

/*======================================*/
/* Drobeckova navigacia                 */
/*======================================*/
div.breadcrumbs {
    font: normal 0.8em arial,sans-serif;
    padding-left: 1px;
    margin: 12px 0 9px 0;
    text-align: left;
}
div.breadcrumbs a {
    color: black;
    background: url("../img/spindown-closed.gif") no-repeat left center transparent;
    padding: 0 6px 0 12px;
    text-decoration: none;
}
div.breadcrumbs a:first-child {
    background: url("../img/ul.gif") no-repeat left center transparent;
}
div.breadcrumbs a:hover {
    text-decoration: underline;
}

div.breadcrumbs span {
    color: #A0A0A0;
    background: url("../img/spindown-closed.gif") no-repeat left center transparent;
    padding: 0 0 0 12px;
}
/* hlavna stranka na pravej strane */
/*======================================*/

/* Pravy panel - obsah stranky aj s nadpisom */
div.contentPanel {
	float: right;
	width: 640px;
}
div.contentPanel.fullWidth {
    float: none;
    width: 960px;
}
div.contentText {
	margin: 0 auto 0 auto; /* vycentrovanie obsahu */
}
div.contentHeader {
    width: 100%;
}


/*======================================*/
/* Galeria obrazkov - samostatne okno */
/*======================================*/

body.pictureGallery {
}

div.pictureDetail {
    text-align: center;
	background-color: DimGray;
}

div.pictureDetail:hover {
    cursor: pointer;
	/*opacity: 0.85; /* Firefox */
	/*filter: alpha(opacity=85); /* IE */
	/*width: 100%; /* dlzka musi byt urcena, aby fungoval filter: */
}

div.pictureDetail img {
	max-height: 460px;
}


/*========= Socialne siete ======================*/

div.socialNet {
    float: left;
}
div.socialNet ul {
    font: normal 1em "Verdana CE", sans-serif;
}
div.socialNet ul li {
    padding: 0.2em 0;
}

div.payments {
    float: left;
    margin-left: 7.5em;
    width: 34em;
}
div.payments p {
    text-align: left;
}
div.payments a {
    text-decoration: underline;
}


/*========= container - VO VYVOJI ======================================*/
.container {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px
}
.container:after {
    content: " ";
    display: table;
    clear: both;
}


/*========= Accept cookies ======================*/
#cookieAccept-wide {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 200; /* 100 ma tooltip */
    color: white;
    background-color: rgba(0, 0, 0, 0.7);
}
#cookieAccept .content {
    padding: 15px 10%;
}



/*======================================*/
/* Tlac */
/*======================================*/

@media print {
	div.header {
		display: none;
	}
}
/*======================================*/
/* Obecne styly pre akykolvek prvok    */
/*=====================================*/
.noTopMargin {margin-top: 0;}

.textLeft {text-align: left !important;}
.textRight {text-align: right !important;}
.textCenter {text-align: center !important;}
.textJustify {text-align: justify !important;}

.valignTop {vertical-align: top;}
.valignTextTop {vertical-align: text-top;}
.valignTextBottom {vertical-align: text-bottom;}
.valignMiddle {vertical-align: middle;}  .valignMiddleI {vertical-align: middle !important;}

.textVerdana {font: normal 1em verdana, sans-serif;}
.textArial {font: normal 1em arial, sans-serif;}
.textLowercase {text-transform: lowercase;}

/* zvyraznena hodnota */
.textNormal {font-weight: normal !important;}
.textEmp { font-weight: bold; }
.textWeight500 { font-weight: 500; }

.textDepr { color: gray; /*text-shadow: 1px 1px 1px rgba(255,255,255,0.1);*/ }
.textDepr2 { color: #909090; text-shadow: 1px 1px 1px rgba(255,255,255,0.2); }
.textWarning {color: #DA2128; text-shadow: 1px 1px 1px rgba(255,255,255,0.2); }
.textWarning2 {color: #9C3E42; text-shadow: 1px 1px 1px rgba(255,255,255,0.2); }

.bgColorGreen1 {background-color: #D0E9D0;}


/* zvacseny text */
.textBig1, .textSize11 { font-size: 1.1em; }
.textBig15, .textSize115 { font-size: 1.15em; }
.textBig2, .textSize12 { font-size: 1.2em; }
.textBig25, .textSize125 { font-size: 1.25em; }
.textBig3, .textSize13 { font-size: 1.3em; }
.textBig4, .textSize14 { font-size: 1.4em; }
.textBig5, .textSize15 { font-size: 1.5em; }
.textBig6, .textSize16 { font-size: 1.6em; }
.textSize17 { font-size: 1.7em; }
.textSize18 { font-size: 1.8em; }
.textSize19 { font-size: 1.9em; }
.textSize20 { font-size: 2.0em; }
.textSize21 { font-size: 2.1em; }
.textSize22 { font-size: 2.2em; }
.textSize23 { font-size: 2.3em; }
.textSize24 { font-size: 2.4em; }
.textSize25 { font-size: 2.5em; }

.textSmall95 { font-size: 0.95em; }
.textSmall9 { font-size: 0.9em; }
.textSmall85 { font-size: 0.85em; }
.textSmall8 { font-size: 0.8em; }
.textSmall75 { font-size: 0.75em; }

.lineHeight20 {line-height: 2; }

/* zmenseny a potlaceny text */
.textSmallDepr1 { font-size: 0.9em; color: Gray; }
.textSmallDepr2, .legend { font-size: 0.8em; color: Gray; }

.textStrike {text-decoration: line-through; }
.textItalic {font-style: italic; }
.textNoWrap {white-space: nowrap; }
.textNoDecor {text-decoration: none; }
.textUnderline {text-decoration: underline; }

.floatLeft {float: left;}
.floatRight {float: right;}
.floatClear {clear: both;}

.displayNone {display: none;}
.displayBlock {display: block;}
.displayInlineBlock {display: inline-block;}

.paddingLeft0 {padding-left: 0;} .paddingLeft0I {padding-left: 0 !important;}
.paddingRight0 {padding-right: 0;} .paddingRight0I {padding-right: 0 !important;}

/*===============================================*/
/* Sirka elementu (vacsinou bunky v tabulke)     */
/*===============================================*/
.width20{ width: 20%; }
.width25{ width: 25%; }
.width30{ width: 30%; }
.width100 {width: 100%; }
.widthAuto {width: auto; }

/*=====================================*/
/* chybove hlasky    				   */
/*=====================================*/

.errorMessages {
    text-align: left;
}
.input-errorMsg, .errorMessage {
    color: red !important;
}
ul.errorList li { 
    color: red;
}



/*======================================
  Linky a buttony
  ======================================*/

a.mail {
    color: #666600; /* tmavsia olive */
}
a.externalLink {
    color: #666600; /* tmavsia olive */ 
}
a.remooz {
    text-decoration: none;
}

/* nastavenie next a back linkov pouzitych pre navigaciu */
a.next, a.back, input.next {
	font: normal 1.4em arial, sans-serif;
    text-decoration: none;
    padding: 5px 10px 5px 30px;
	line-height: 24px;
    color: black;
    border-radius: 14px;
    /*text-shadow: 0 1px 1px #FFF;*/
}
a.next {
    background: #E2E2E2 url( '../img/arrow-next.png' ) no-repeat left center;
}
a.back {
    background: #E2E2E2 url( '../img/arrow-back.png' ) no-repeat left center;
}
input.next {
    display: inline-block; /* potrebne pre FF aby fungovalo text-decoration=underline */
    height: 25px;
    background: #E2E2E2 url('../img/arrow-next.png') no-repeat left center;
    text-align: left; /* koli exploreru */
	text-indent: 28px; /* toto sposobuje odsadenie od laveho okraja v IE - bug */
	padding: 0 10px 0 0;
	margin: 0; 
	border: none;
}
a.next:hover, a.back:hover, input.next:hover {
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

input.date {
    width: 52pt;
}


/* Cervene tlacidlo. Da sa pouzit na link a submit. */
.submitBtn {
    font-size: 1.3em;
    font-weight: normal;
    text-decoration: none;
    color: white;
    /*background: transparent url('../img/redBtn/btn-small.png') no-repeat center;*/
    background-color: #DA2128;
    /*height: 21px;*/       /* browsre maju problem centrovat text ked sa nastavi height */
    /* opravenie zobrazovania vo firefox: nepouzivat padding ale lineheigh a height.*/
    line-height: 1.0;
    padding: 0.3em 0.5em;
    border: none;
    border-radius: 4px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.submitBtn:hover, .submitBtn:focus, .submitBtn:active {
    /*background: transparent url('../img/redBtn/btn-small-hover.png') no-repeat center;*/
    background-color: #f23d43;
    color: white; /* treba, v Chrome sa zafarbilo do cervena */
}

.submitBtnBlack {
    padding: 0.2em 1em 0.3em 1em;
    border: none;
    background: transparent url("../img/search-btn.gif") repeat-x center;
    color: white;
    font-size: 9pt;
    -webkit-box-reflect: below 1px -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.3)), color-stop(0.5, rgba(0,0,0,0)), to(rgba(0,0,0,0)));
}

/* Cervene tlacidlo. Da sa pouzit na link a submit. */
.submitBtnBig2, .submitBtn2lines {
    font: normal 1.3em arial,sans-serif;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    color: white;
    background: transparent url('../img/btn-big-red.gif') repeat-x center;
    display: inline-block;
    height: 40px;       /* browsre maju problem centrovat text ked sa nastavi height */
    line-height: 40px;
    padding: 0 1em;
    margin: 0;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.3)), color-stop(0.2, rgba(0,0,0,0)), to(rgba(0,0,0,0)));
}
.submitBtnBig2:hover, .submitBtn2lines:hover {
    color: white !important;
    -moz-box-shadow: 0 0 10px black !important;
    -webkit-box-shadow: 0 0 10px black !important;
    box-shadow: 0 0 10px black !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5) !important;
}
.submitBtnBig2:active, .submitBtn2lines:hover {
    /*color: #FFC0C0 !important;*/
}
/* Ak je to span, znamena to, ze je disabled. */
span.submitBtnBig2, span.submitBtn2lines {
    text-decoration: line-through;
    color: lightgray;
}

.submitBtn2lines {
    line-height: 14pt;
    padding: 3pt 8pt 0 8pt;

}
.submitBtn2lines span {
    display: inline-block;
    font-size: 0.7em;
    color: #FFC0C0;
}
.submitBtnGray {
    background: #aeaeae;
}

/* ------------------------------------------------------------
   expander
   ------------------------------------------------------------
*/

div.expander {
    margin: 0.3em 0 0 0;
    overflow: hidden;
}
div.expander a {
    display: inline-block;
    text-decoration: none;
}
div.expander a:hover span {
    text-decoration: underline;
}
div.expander a:before {
    content: "▶";
}
div.expander a.expanded:before {
    content: "▼";
}



/*===============================================*/
/* Formulare a tabulky                           */
/*===============================================*/


caption.section, th.section {
    font: normal 1.3em/1.3em arial, sans-serif;
    text-align: left;
    color: black;
    background-color: #D8D8D8;
    background-image: -moz-linear-gradient(top , #E0E0E0, #DDD 35%, #D5D5D5);
    background-image: -webkit-linear-gradient(top , #E0E0E0, #DDD 35%, #D5D5D5);
    background-image: linear-gradient(top , #E0E0E0, #DDD 35%, #D5D5D5);

}

/*=== Tabulka v tabulke ===
    Odstranenie paddingu na vonkajsich okrajoch krajnych buniek
    Plati len pre aktualnu tabulku, ale nie pre dalsie vnorene
*/
td.innerTable {
	margin: 0;
	padding: 0 1px;
}
table.innerTable > tbody > tr > *:first-child {
    padding-left: 0;
}
table.innerTable > tbody > tr > *:last-child {
    padding-right: 0;
}


/*=== Tabulka v tabulke ===
    innerTables (rozdiel je v s na konci) - pre aktualnu a vsetky vnorene tabulky
*/
table.innerTables tr *:first-child {
    padding-left: 0;
}
table.innerTables tr *:last-child {
    padding-right: 0;
}



/*=== obecna tabulka pre nejake formulare - OBSOLETE ===*/
table.order {
	border: none;
	width: 100%;
}
table.order td,
table.order th {
	padding-left: 0.8em;
	padding-right: 0.8em;
}
table.order th {
    color: #606060;
}
/* stlpec medzi label a hodnotou pouzity na specialne ucely */
table.order .separator {
	padding-left: 0.8em;
	padding-right: 0;
    text-align: right;
}


/*=== obalovaci div ktory tvori sede pozadie a odsadenie formulara typu formTable (nizsie) ===*/
div.formTable {
    padding: 0 0 5pt 0;
    background-color: #f0f0f0;
    border: 1px solid #e0e0e0;
    border-top: none;
}
div.formTable > table.formTable {
    width: 100%; /* ak je v tomto div priamo vlozena tabulka, sirku ma 100% */
}

/*=== Tabulka pre vstupne formulare. Zakladny layout, hodnoty pod sebou ===
      Mala by sa pouzivat spolu s div.formTable.
*/

table.formTable {
    border: none;
}
table.formTable th {
    color: #606060;
}
/* odsadenie buniek. Krajne bunky nemaju padding. */
table.formTable caption {
    font: normal 1.3em arial, sans-serif;
    padding: 7pt 0 7pt 9pt;
}
table.formTable td,
table.formTable th {
    padding: 2pt 9pt;
    vertical-align: baseline;
}
/*
table.formTable > tbody > tr > *:first-child {
    padding-left: 0;
}
table.formTable > tbody > tr > *:last-child {
    padding-right: 0;
}*/

/* stlpec medzi label a hodnotou pouzity na specialne ucely */
table.formTable .separator {
    padding-left: 0.8em;
    padding-right: 0;
    text-align: right;
}

table.verticalLayout th {
    padding-left: 0;
    text-align: left;
}

/* Pouziva sa spolu s table.order pre tabulky, ktore su input formular (typicky v rezervacii)
Labels su tucne, hodnoty su normalne.
Zatial sa nikde nepouziva. */
/*table.inputForm th {
    font-weight: bold;
}*/
/* innerTable - pre vnorene komponenty cez valuePostHtml */
.inputForm table.innerTable {
    display: inline-table;
}


/* Pouziva sa spolu s table.order pre tabulky, ktore vypisuju hodnoty (typicky v rezervacii)
   Labels su normalne, hodnoty su tucne. */
table.outputForm td {
    font-weight: bold;
}


/*=== navigacne tlacidla v tabulke ===*/
tr.navig td.back {
    text-align: left;
    padding-left: 0;
}
tr.navig td.next {
    text-align: right;
    padding-right: 0;
}


/*=== label a value ===*/
/* TODO: tieto styly su asi redundantne, vid tento a nasledujuci blok */

/* nazov polozky */
td.item, td.label {
    text-align: right;
    white-space: nowrap;
}
td.itemRequired, td.labelReq {
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
}
/* hodnota polozky */
td.value {
    text-align: left;
}
td.optional, td.separator {
    padding-left: 0;
    padding-right: 0;
}
td.longText { /* blok textu v tabulke */
    padding-top: 0.5em;
    padding-bottom: 0.7em; /* nastavenie okrajov licuje s nastavenim table.order */
    line-height: 1.5;
    text-align: justify;
}


.label-required {
}
.label-required:after {
    color: #F58400;
    content: ' *';
}
.required-legend {
    color: #F58400;
}
/* pouziva sa na prepinanie enabled/disabled v taxi formulari */
.disabled label:after {
    content: '';
}


/* tmavsi riadok */
.dark { background-color: #E0E0E0; } /* POVODNE E8E8E8 */
/* svetly riadok */
.light { background-color: #E8E8E8; } /* POVODNE F0F0F0 */

/* pre header hodnoty vlavo - vytvori oddelovaciu ciaru */
.rightMargin { border-right: 1px solid #F8F8F8 !important; }




/*======================================
    Datova tabulka
    Pouzite len v admin liste rezervacii
======================================*/

table.dataTable {
	width: 100%;
}

table.dataTable tr:hover {
	background-color: #E8E8E8;
}

table.dataTable td, table.dataTable th {
	text-align: center;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

table.dataTable th {
    font: bold 1.1em/1.7 arial, sans-serif;
    color: black;
    background: #CACACA url('../img/th.png') repeat-x left top;
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #C0C0C0;
}

table.dataTable td {
	border-right: 1px solid #E8E8E8;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}


/*==============================================================================*/
/* - zobrazenie riadku s cenou v priceInCurrencies.xhtml, napr. 10EUR | 1000kc  */
/*==============================================================================*/
.price {white-space: nowrap;}
.amount {}
.currency {font-size:0.9em; color: dimgray;}



/* ------------------------------------------------------------
   Okruhle rohy
   ------------------------------------------------------------*/
.roundCorners {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.roundCornersTop {
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
}

.roundCornersBottom {
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
}


/* ------------------------------------------------------------
   Sedy tienovany box - okruhle rohy
   ------------------------------------------------------------
*/
div.box {
    padding: 12px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;

    -moz-box-shadow: 0 6px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.1);
    box-shadow: 0 6px 10px rgba(0,0,0,0.1);

    background-color: #D4D4D4;
    background-image: -moz-linear-gradient(top , #DCDCDC, #D0D0D0 35%, #D4D4D4);
    background-image: -webkit-linear-gradient(top , #DCDCDC, #D0D0D0 35%, #D4D4D4);
    background-image: linear-gradient(top , #DCDCDC, #D0D0D0 35%, #D4D4D4);
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DCDCDC, endColorstr=#D4D4D4)";*/
}

div.box2 {
    padding: 12px;

    -moz-box-shadow: 0 6px 10px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.05);
    box-shadow: 0 6px 10px rgba(0,0,0,0.05);

    background-color: #E4E4E4;
    background-image: -moz-linear-gradient(top , #EAEAEA, #E0E0E0 35%, #E4E4E4);
    background-image: -webkit-linear-gradient(top , #EAEAEA, #E0E0E0 35%, #E4E4E4);
    background-image: linear-gradient(top , #EAEAEA, #E0E0E0 35%, #E4E4E4);
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DCDCDC, endColorstr=#D4D4D4)";*/
}

.box .textDepr {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
}


/*======================================*/
/* Datepicker                           */
/*======================================*/

/* nastavenie pre datepicker zobrazeny v okne. Vtedy je vlozeny v dive s id ui-datepicker-div */
#ui-datepicker-div.ui-datepicker {
    -moz-box-shadow: 4px 8px 18px rgba(0,0,0,0.7);
    -webkit-box-shadow: 4px 8px 18px rgba(0,0,0,0.7);
    box-shadow: 4px 8px 18px rgba(0,0,0,0.7);
    /*font-size: 0.9em;*/
}

.web .ui-datepicker {
}

.ui-datepicker-trigger {
    line-height: 20px;
    min-width: 0;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    border: none;
    background: transparent url('../img/calendar.png') no-repeat 0 0;
    margin-left: 2px;
    cursor: pointer;
}

.ui-datepicker-calendar td.reserv .ui-state-default {
    border: 1px solid #FFAF0F;
    background: #F58400 url('../res/jquery-ui/css/ui-darkness/images/ui-bg_inset-soft_30_f58400_1x100.png') 50% 50% repeat-x;
    color: white;
}



/* ------------------------------------------------------------
   jquery UI - zalozky
   ------------------------------------------------------------
*/

div.ui-tabs {
    background: transparent;
    padding: 0;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
}
div.ui-tabs .ui-tabs-nav {
    padding: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
}
div.ui-tabs .ui-widget-header {
    border: none;
    background: none;
}
div.ui-tabs .ui-tabs-panel {
    padding: 0;
    color: #404040;
    /*background: #DDD;*/
}


/* ------------------------------------------------------------
   jquery UI - accordion
   ------------------------------------------------------------
*/

/* oprava std stylov lebo to nejak nefungovalo.. */
.ui-accordion .ui-accordion-header {
    font-size: 1.5em;
    font-weight: normal;
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
}
.ui-accordion .ui-accordion-header .ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: auto;
    top: auto;
}
/*======================================*/
/* vyhladanie apartmanov */
/*======================================*/
/* TODO asi nepuzite, zrusit */
.apartSearchSlogan {
    font: bold 1.15em "Trebuchet MS",sans-serif;
    text-align: center;
    text-transform: uppercase;
    color: #505050;
    margin-top: 0.5em;
}

/* TODO asi nepuzite, zrusit */
.apartSearchOffer {
    font: normal 1.3em arial,sans-serif;
    margin: 0.6em 0;
}

/* TODO asi nepuzite, zrusit */
select.twoColumnSelect {
    min-width: 4.7em; /* IE ignoruje */
    width: 3.5em;    
}




/*======================================*/
/* site map                             */
/*======================================*/

div.sitemap a {
    text-decoration: none;
}

div.sitemap a:hover {
    text-decoration: underline;
}


/*======================================*/
/* YA destinacie  */
/*======================================*/

div.destinations {
    margin: 0.5em 0.4em 1em 0.5em;
    font: normal 1.1em arial, sans-serif;
}
div.destinations li {
    margin: 0.3em 0;
}
div.destinations a {
    color: gray;
    text-decoration: none;
}
div.destinations a:hover {
    color: Maroon;
    text-decoration: underline;
}

div.dest-banners {
    margin: 1em 0 2em 0;
}
div.dest-banners img {
    width: 194px;
    height: 213px;
}
div.dest-banners a:hover img {
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    /*outline: 1px solid #D70202;*/
}
div.dest-banners a  {
    margin-left: 24px; /* mohlo by tam byt 25px, ale na FF 4.0 u Jana sa to prelievalo. Nechapem. */
}
div.dest-banners a:first-child,
div.dest-banners br + a {
    margin-left: 0;
}
div.dest-banners .empty {
    width: 194px;
    height: 213px;
    background-color: #e4e4e4;
    margin-left: 25px;
    display: inline-block;
    vertical-align: middle;
}


/*======================================*/
/* Contextove menu o meste v lavom paneli */
/*======================================*/

div.cityInfoMenu {
    margin: 0.5em 0.4em 1em 0.5em;
}
div.cityInfoMenu h2 {
    border: none;
    border-bottom: 1px solid gray;
    font-size: 1.6em;
    color: #666666;
    background: transparent;
    padding: 0 0 0.3em 0;
    margin: 0.2em 0.4em 0.5em 0.4em;
}

div.cityInfoMenu h3, div.cityInfoMenu .h3 {
    margin: 0.5em 0 0.7em;
}

div.cityInfoMenu p {
    margin: 0.3em 0.5em 0.2em 0.9em;
}
div.cityInfoMenu p.indent {
    margin-left: 1.7em;
}

/*div.cityInfoMenu ul {
    list-style: none;
    margin: 0.2em 0.5em 0.5em 0.9em;
}*/
div.cityInfoMenu li {
    padding: 0.1em 0;
}

/*div.cityInfoMenu ul.guides {
    margin: 0.2em 0.5em 0.5em 0.5em;
    font: normal 1.2em arial, sans-serif;
}*/


div.cityInfoMenu hr {
    margin-left: 0.4em;
    margin-right: 0.4em;
}

div.cityInfoMenu a {
    color: gray;
    text-decoration: none;
}
div.cityInfoMenu a:hover {
    color: Maroon;
    text-decoration: underline;
}

table.cityInfoMenuNavig {
    font-weight: bold;
    margin-left:0.4em;
}

/* Udaje o meste - texty */

img.left {
    float: left;
    margin: 0.3em 0.8em 0 0;
}

img.right {
    float: right;
    margin: 0.3em 0 0 0.8em;
}

/*.dropCap {
    float: left;
    width: 0.75em;
    font-size: 3.3em;
    line-height: 85%;    
}

.dropCapBold {
    float: left;
    width: 0.85em;
    font-size: 3.3em;
    line-height: 85%;
} */

/*
   div.cityInfoText p:first-child:first-letter
   Toto stylovanie funguje, iba v skurvenom IE to nespravne zobrazi 2.riadok. <p> musi byt ako prvy element v div.
*/
p.dropCap:first-letter {
    float: left;
    width: 0.85em;
    font-size: 3.2em;
    line-height: 80%;
    margin-top: 0.1em;
    margin-right: 1px;
}

/*div.cityInfo a {
    color: #404040;
} */


/*======================================*/
/* Guide rozcestnik na cms stranke      */
/*======================================*/

.cms {
    margin-top: 1em;
}

.guideMenuWide {
    margin-bottom: 0.7em;
}

.guideMenu {
    margin: 0 1em 1em 1em;
    font-size: 1.1em;
}

.guideMenu h2 {
    background: transparent url("../img/hr-black.png") repeat-x bottom;
    /*background: none;*/
    /*border-bottom: 3px groove white;*/
    /*border-bottom: 1px solid #808080;*/
    /*background-color: transparent;*/
    padding: 0 0 0.5em 0;
    margin: 0.5em 0 0.5em 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0;
}
.guideMenu h2 a {
    color: gray;
}

.guideMenu ul {
    list-style: none;
    margin: 0.4em 0.4em 0.4em 18px;
}

.guideMenu li {
    margin: 0.4em;
}

.guideMenu li.folder {
    list-style-image: url("../img/spindown-closed.gif");
    cursor: pointer;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
}

.guideMenu li.expanded {
    list-style-image: url("../img/spindown-open.gif");
    cursor: pointer;
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
}

.guideMenu li.children {
    display: none;
}

.guideMenu .children li.selected {
    /*font-weight: bold;*/
    /*list-style-image: url("../img/dot-green.png");*/
    margin-left: 0;
}
.guideMenu li.selected a {
    display: inline-block;
    /*vertical-align: top;*/
    color: white;
    background: #F58400;
    background-image: -moz-linear-gradient(top, #F59D38, #F58400, #E97D00);
    background-image: -webkit-linear-gradient(top, #F59D38, #F58400, #E97D00);
    padding: 1px 6px;
    border-radius: 9px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.guideMenu a {
    text-decoration: none;
    color: #303030;
}

.guideMenu a:hover {
    text-decoration: underline;
}

/*======================================*/
/* CMS stranka                          */
/*======================================*/

div.cms .error {
    border: 1px solid lightcoral;
    background-color: #f0d8d8;
    padding: 0.5em;
}

.apartSeoList {
    text-align: left;
}
.apartSeoList .displayId {
    vertical-align: text-top;
}
.apartSeoList .body {
    display: inline-block;
    width: 89%;
    vertical-align: text-top;
    font-size: 0.9em;
}
.apartSeoList .body .capacity {
    color: gray;
}

/*== Crossite linky na CMS stranke =====*/

.crosssiteLinks {
    list-style: none;
    margin: 1em 0 1em 0;
    text-align: left;
}
.crosssiteLinks li {
    display: inline-block;
    width: 17em;
}
.crosssiteLinks a {
    display: inline-block;
    width: 16em;
    color: gray;
    font: normal 0.9em arial, sans-serif;
    vertical-align: text-top;
}
.crosssiteLinks .locale {
    vertical-align: baseline;
}


.crosslinkLanding {
    display: block;
    font-size: 0.9em;
    color: gray;
    background: url("../img/ul.gif") no-repeat left center;
    padding-left: 12px;
}

/*== News na CMS stranke =====*/

.news {
    margin-bottom: 0;
    text-align: left;
}

.news a {
    display: inline-block;
    text-decoration: none;
    margin-right: 2px;
    margin-bottom: 10px;
    /*margin-right: 3px;*/ /* 5px je tam medzera naviac a neviem kde sa berie, spolu teda 10px */
}

.news + .hr {
    margin-top: 0.5em;
}

.contentPanel .news a {
    margin-right: 10px;
}

.news > span {
    position: absolute;
    display: block;
    z-index: 1;
    width: 137px;
    height: 55px;
    margin: 88px 0 0 0;
    padding: 2px 4px 0 4px;
    opacity: 0.9;
    color: #222;
    background: #ddd;
    text-shadow: 0 0 1px white;
    text-align: left;
    font: bold 1.1em arial, sans-serif;
}
.news .title {
    display: block;
    height: 31px;
    overflow: hidden;
}

.news .date {
    display: block;
    padding-top: 3px;
    font-weight: normal;
    font-size: 1.2em;
    color: #d70202;
    white-space: nowrap;
}

.news.currentEvents .date {
    font-weight: bold;
}

.apartSearchBody .news a img,
.apartDetailBody .news a img {
    opacity: 0.8;
    filter: alpha(opacity=70);

    -webkit-filter: grayscale(50%); /* Google Chrome & Safari 6+ */
    /* Firefox 3.5+ */
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='desaturate'><feColorMatrix type='saturate' values='0.5'/></filter></svg>#desaturate");
    /*filter: gray; *//* IE6-9 */
}
.apartSearchBody .news a span,
.apartDetailBody .news a span {
    /*opacity: 0.9;*/
    /*filter: alpha(opacity=90);*/
}
.apartSearchBody .news.currentEvents a > img,
.apartDetailBody .news.currentEvents a > img,
.apartSearchBody .news a:hover img,
.apartDetailBody .news a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);

    -webkit-filter: grayscale(0); /* Google Chrome & Safari 6+ */
    filter: none; /* Firefox 3.5+ */
    /*filter: gray; *//* IE6-9 */
}
.news a:hover,
.news a:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
}

.news-banner {
    height: 145px;
    width: 145px;
}

/*======================================*/
/* Facebook                             */
/*======================================*/

.social-h1 {
    float: left;
    width: 500px;
}

.social {
    float: right;
    width: 120px;
    margin-top: 7px;
}

.facebook-like iframe {
    border: none;
    overflow: hidden;
    height: 21px;
    width: 120px;
}

.facebook-likeBox {
    width: 300px;
    margin: 1em 0;
    background-color: #f8f8f8; /* Pozadie: o 8 tmavsia farba ako stranka */
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
}


/*iframe table.connect_widget_interactive_area {
    float: right;
} */


/*======================================*/
/* Booking calendar                     */
/* bookcal je spolocny styl pre vsetky
   obrazovky spojene s kalendarom       */
/*======================================*/
.bookcal .headerWide {
    background-color: #222222;
    background-image: -moz-linear-gradient(center top , #484848, #111111 60%);
    background-image: -webkit-linear-gradient(center top , #484848, #111111 60%);
    color: gray;
    font: normal 1.3em/40px arial,sans-serif;
    height: 42px;
    text-indent: 4px;
}

.bookcal .header {
    width: 830px;
    margin: 0 auto;
}

.bookcal .img {
    float: left;
    margin-left: 2px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.bookcal .main {
    width: 830px;
    margin-top: 12px;
    margin-bottom: 5em;
}

.bookcal h1 {
    margin: 5px 0 0 0;
}

.bookcal .ui-datepicker .ui-state-default {
    color: rgb(118, 85, 0);
}
.bookcal .ui-datepicker .ui-state-disabled {
    opacity: 0.3;
    filter: alpha(opacity=30);
}
.bookcal .ui-datepicker .ui-state-disabled * {
    text-shadow: 0px 1px 0px white;
    text-decoration: line-through;
    color: rgb(111, 0, 0);
}

.bookcal .offline {
    font-size: 3em;
}

.bookcal .export {
    -webkit-box-reflect: below 1px -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.3)), color-stop(0.5, rgba(0,0,0,0)), to(rgba(0,0,0,0)));
}
.bookcal .export a {
    text-decoration: none;
}




/*======================================*/
/* Spolocne nastavenie farieb           */
/*======================================*/

body {
    background-color: #F8F8F8;
}
table.features {
    background-color: transparent;
}

div.formTable, table.priceTable, table.equipment {
    background-color: #E8E8E8;
}

/* ------------------------------------------------------------
   Zobrazenie obrazku - picture.xhtml
   ------------------------------------------------------------
*/
a.zoomIcon {
    margin-right: -28px;
    white-space: nowrap;
}
a.zoomIcon span.zoom {
    background: url("../img/zoom-in.png") no-repeat left top transparent;
    position: relative;
    top: 41px;
    left: -19px;
    padding-bottom: 10px;
}



/* TODO: ESTE JE POUZITE V CMS STRANKACH. ODSTRANIT. */
div.box-gray-outer {
    background-color: #EEEEEE;
}

div.box-gray-topLeft {
    background: url('../img/box-gray/top-left.gif') no-repeat top left;
}

div.box-gray-topRight {
    background: url('../img/box-gray/top-right.gif') no-repeat top right;
}

div.box-gray-bottomLeft {
    background: url('../img/box-gray/bottom-left.gif') no-repeat bottom left;
}

div.box-gray-bottomRight {
    background: url('../img/box-gray/bottom-right.gif') no-repeat bottom right;
}

div.box-gray-top {
    background: url('../img/box-gray/top.gif') repeat-x top;
}

div.box-gray-right {
    background: url('../img/box-gray/right.gif') repeat-y right;
}

div.box-gray-bottom {
    background: url('../img/box-gray/bottom.gif') repeat-x bottom;
}

div.box-gray-left {
    background: url('../img/box-gray/left.gif') repeat-y left;
}

div.box-gray-inner {
    padding: 12px;
}


/*
	/*width: 100%; /* dlzka musi byt urcena, aby fungoval filter v IE */
	/*opacity: 0.4;*/
	/*filter: alpha(opacity=40);*/
	/*filter:glow(color=#ff0000, strength=2);*/
	/*filter:blur(add=false, direction=135, strength=3);*/
	/*filter:shadow(color=Gray, direction=90);*/
	/*margin-right: 10px;

*/

/*===== TIPSY ==============================================================================*/

.tipsy {
    padding: 5px;
    font-size: 1em;
    position: absolute;
    z-index: 100000;
}
  .tipsy-inner {
      padding: 5px 8px 5px 8px; 
      background-color: #feee84;
      color: black;
      border: 1px solid #eee;
      max-width: 35em;
      text-align: left;
  }
  .tipsy-inner {
      border-radius: 6px;
      -moz-border-radius:6px;
      -webkit-border-radius:6px;
      box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.5);
  }
  .tipsy-arrow { position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

#gravity { width: 100%; margin: 5px 0; border-spacing: 5px; }
  #gravity td { text-align: center; vertical-align: middle; padding: 5px 0; background-color: #d0d0d0; width: 33%; }
  #gravity a { }
    #gravity a:hover { color: #505050; background: none; }

.tipsy p {
    margin: 0.7em 0;
    line-height: 1.5em;
}