/* 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;	
}


.none {display:none;} /* span class none = v nom znak _ vlozeny v tel cisle blokuje skype plugin */
.block {display:block;}

body { color: black; background: white; }
/*ol, ul { list-style: none; }*/
table { border-collapse: separate; 	border-spacing: 0; }
caption, th, td { text-align: left; font-weight: 400; }

.hidden {height: 0; font-size: 0; line-height: 0; clear: both; visibility:hidden; display:none;}
.hidden p {height: 0; font-size: 0; line-height: 0; clear: both; visibility:hidden; display:none;}

/*
border-top-left-radius: 10px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 10px;
behavior: url(border-radius.htc);

border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
behavior: url(border-radius.htc);
*/

/* Common ................. */


.colum {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px; 
	}

body {
	color: #222;
	font-size: 14px;
	font-family: "Roboto", sans-serif;
	background-color:#fff;
	text-align: center;
}


a, a:active, a:visited { color: #243665; text-decoration: none; }
a:hover { color: #8BD8BD;text-decoration: underline;  }

div { text-align: left; }
img { border: none; }

.cleaner { height: 0; font-size: 0; line-height: 0; clear: both }
.line { height: 1px; font-size: 1px; line-height: 1px; clear: both; background-color:#ddd; margin:10px 0 15px 0; }

/* Headings ................. */
h1 { font-size: 20px; color: #666; margin: 0 0 20px 0; font-weight: 400;  }
h2 { color:#8BD8BD;
	font-size:28px;
	margin:0;
	padding:0px 0 10px 0;}
h3 { color:#243665;
	font-size:18px;
	margin:0;
	padding:10px 0 10px 0; }





/* Layout ................. */
.left {float:left; display:inline}
.right {float:right; display:inline}

.TextRight {text-align:right;}
.block {display:block;}
.TextCenter {text-align:center;}

table.tabulka {
	width:100%;
	}
	
table.tabulka tr td {
	padding:5px 10px 5px 10px;
	border-bottom:1px solid #ddd;
	color:#117597;
	
	font-size:14px;
	}
table.tabulka tr td span {
	color:#333;
	
	}
	
table.tabulka tr.zahlavie td {
	background-color:#F1F1F1;
	padding:10px;
	border-bottom:1px solid #ddd;
	text-transform: uppercase; 
	font-size:14px;
	
	color:#333;
	}
	
	
	
span.text-content {
    display: table;
    left: 0px;
    position: absolute;
    top: 0;
    width: 100%;
	padding:20px 10px 20px 10px;
	background-image: url("../images/biela.png");
	
}
	
span.text-content span
	{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	}
	
	
	
	
	
#menu {
	padding:15px 0  0 0;
	margin: 0px;
	}
#menu .logo {
	color:#666;
	font-size:36px;
}

#menu h1 {
	display:none;
	}

/*ff4747*/

#menu .logo span {
	color:#8BD8BD;
}

#menuMobile {
	padding: 0;
	margin:0;
}


#menuMobile .logoMobile {
	padding:8px 0 0 0;
	margin:0;
	color:#666;
	nowrap;
	font-size:21px;
}
#menuMobile .logoMobile span {
	color:#ff4747;
}





#top {background-color:#243665;padding:15px; text-align:right;color: #8BD8BD;}
#top a, #top a:active, #top a:visited { 
text-align:right; display:inline-block;
color: #8BD8BD; text-decoration: none; 
padding:0 10px 0 10px;
}
#top a:hover { color: #fff;text-decoration: underline;  }


.NEWmenu {
	background-image: url("../images/intro02.jpg");
	background-size: cover;
	}

.NewPadding {padding-top:60px}
.NewPadding2{padding-top:5px}

.NEWP {padding:5px}


.NEWbiela {background-color:#fff;padding:15px;}
.NEWbiela h2 {color:#8BD8BD;
	font-size:28px;
	margin:0;
	padding:0px 0 10px 0;}
	
.p5 {padding:5px 0 5px 0;}
	
	
a.ikony, a.ikony:active, a.ikony:visited { 
display:block; font-size:18px;
color: #243665; text-decoration: none; 
font-weight:700;
padding:10px;
}
a.ikony:hover { color: #243665;text-decoration: underline;  }
	
	
.zoom:hover {
opacity: 0.8; 
transition: transform .5s ease;
transform: scale(1.1); /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
	
.introNajnovsie {
	border:1px solid #ccc;
	
}
.introNajnovsie h3 {
	padding:10px;
}


	

.nav a, .nav a:active, .nav a:visited { display:block; 
	color: #666; 
	text-decoration: none; 
	background-color:#ddd;
	}
.nav a:hover { color: #666;text-decoration: underline;  }


a.registracia, a.registracia:active, a.registracia:visited { 
	float:right; display:inline-block;
	color: #666; text-decoration: none; 
	background-color:#eee;
	padding:10px 10px 10px 35px; margin:0 0 0 15px;
	border-radius: 5px;
	background-image: url(../images/registracia.png);
  background-repeat: no-repeat;
  background-position: left center;
  border:1px solid #ddd;
}
a.registracia:hover { 
	color: #fff;text-decoration: none; 
	background-color:#8BD8BD;
	background-image: url(../images/registraciaWhite.png);
	}
	
a.prihlasenie, a.prihlasenie:active, a.prihlasenie:visited { 
	float:right; display:inline-block;
	color: #666; text-decoration: none; 
	background-color:#eee;
	padding:10px 10px 10px 35px; margin:0 0 0 15px;
	border-radius: 5px;
	background-image: url(../images/prihlasit.png);
  background-repeat: no-repeat;
  background-position: left center;
  border:1px solid #ddd;
}
a.prihlasenie:hover { 
	color: #fff;text-decoration: none; 
	background-color:#8BD8BD;
	background-image: url(../images/prihlasitWhite.png);
	}
	
	
a.pridat, a.pridat:active, a.pridat:visited { 
	float:right; display:inline-block;
	color: #666; text-decoration: none; 
	background-color:#eee;
	padding:10px 10px 10px 35px; margin:0 0 0 15px;
	border-radius: 5px;
	background-image: url(../images/pridatRed.png);
  background-repeat: no-repeat;
  background-position: left center;
  border:1px solid #ddd;
}
a.pridat:hover { 
	color: #fff;text-decoration: none; 
	background-color:#8BD8BD;
	background-image: url(../images/pridatWhite.png);
	}
	
	
a.odhlasenie, a.odhlasenie:active, a.odhlasenie:visited { 
	float:right; display:inline-block;
	color: #666; text-decoration: none; 
	background-color:#eee;
	padding:10px 10px 10px 35px; margin:0 0 0 15px;
	border-radius: 5px;
	background-image: url(../images/odhlasenie.png);
  background-repeat: no-repeat;
  background-position: left center;
  border:1px solid #ddd;
}
a.odhlasenie:hover { 
	color: #fff;text-decoration: none; 
	background-color:#8BD8BD;
	background-image: url(../images/odhlasenieWhite.png);
	}
	
	
	
	
	
.myclass {
	height:10px; display:block;
}	


.odpocet {
	font-size:12px;
	margin:-10px 0 10px 0;
	
}

#biela {
	background-color:#fff;
	padding:15px 0 25px 0;
	
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	
}

#page {
}

#page ul, ol {
	margin-left:25px;
	padding:0px 0 0 0;
	}
	
#page ul li, ol li {
	padding:5px 0 5px 0;
	}
	
#page ul.minusky {
	list-style-type:lower-alpha;
	font-weight:700;
	}
#page ul.bodky {
	list-style-type:circle;
	font-weight:700;
	}
#page ul.cisla {
	list-style-type:decimal;
	font-weight:700;
	}
#page ul li span, ol li span
	{
	font-weight:400;
	}
	
	
#page h1 {
	color:#243665;
	font-size:36px;
	margin:0;
	padding:0 0 10px 0;
}

#page h2 {
	color:#8BD8BD;
	font-size:28px;
	margin:0;
	padding:0px 0 10px 0;
}


#page h3 {
	color:#8BD8BD;
	font-size:18px;
	margin:0;
	padding:10px 0 10px 0;
}


#page label {
	color:#666;
}


#footer {
	background-color:#243665;
	padding:15px 0 25px 0;
	color: #8BD8BD;
}
#footer span {
	margin:0px 10px 0px 10px;
}

#footer h4 {
	color: #8BD8BD;
	padding:10px 0 10px 0;
	margin:0px;
	font-size:18px;
}


#footer a, #footer a:active, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover { color: #8BD8BD;text-decoration: underline;  }




.negativ {background-color:#243665;padding:15px;margin:0 0 10px 0}
.negativ h2 {color:#fff;padding:0; margin:0}	





.Odhlasenie {
	color:#666;
	 list-style: none;
	margin-right:5px;
	background: #eee;
  border: 1px solid #ddd;
  color:#808080;
  border-radius: 5px;
   padding:1rem;
}

.Odhlasenie li a {
	padding:5px;	
}

.Odhlasenie li a:hover {
	color:#fff;	
}

.Odhlasenie li a:focus {
	color:#fff;	
}

.Odhlasenie li ul li a:hover {
	color:#222;	
}

.Odhlasenie:hover { 
	text-decoration: none; 
	background-color:#8BD8BD;
	}



.prihlasenie {
	color:#666;
	 list-style: none;
	margin-right:5px;
	background: #eee;
  border: 1px solid #ddd;
  color:#808080;
  border-radius: 5px;
  
  padding:10px 10px 10px 35px; margin:0 0 0 15px;
	border-radius: 5px;
	background-image: url(../images/prihlasit.png);
  background-repeat: no-repeat;
  background-position: left center;
  
}

.prihlasenie:hover, .prihlasenie:focus { 
	color: #fff; text-decoration: none; 
	background-color:#8BD8BD;
	background-image: url(../images/prihlasitWhite.png);
	}
.dropdown-toggle:hover, .dropdown-toggle:focus {color: #fff; }



a.pr {
	display:block;
	border:1px solid #ddd;
	margin:3px 5px 3px 0;
	padding:10px;
}

.dropdown-menu li {padding:5px}





.lokalita { 

	padding:0px 0px 0px 20px;  
	background-image: url(../images/lokalita.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.home { 

	padding:0px 0px 0px 20px;  
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.home span {font-weight:700; color:#8BD8BD;}

.photo { 
	position:absolute;
	width:50px;
	color:#fff;
	background-color:#8BD8BD;
	padding:5px 5px 5px 30px; 
	margin:15px 0 0 15px;	
	background-image: url(../images/photo.png);
	background-repeat: no-repeat;
	background-position: left center;
	border-radius:5px;
}



	
/******************************* FORMULARE ************************************************************************/

label {font-size:12px; color:#666;}
label span { color:red;}

select, input {
  margin: 0;
  vertical-align: middle;
}



.tst option  {
	background-color:#fff;
  color: #222;
}
.tst option:active,  .tst option:visited, .tst option:focus {
  background-color: #fff;
}

select.tst:visited, select.tst:focus {
  background-color: #ddd;
}


.tst {
width:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #eee;
    border: 1px solid #aaa;
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 50%;
  border-radius: 5px;
  margin-right: 2rem;
  padding: 0 1rem;
  color:#808080;
  cursor: pointer;
  margin-bottom: 1rem;
}


.tstInput {
	width:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #eee;
  border: 1px solid #aaa;
  color:#808080;
  border-radius: 5px;
  margin-right: 2rem;
  padding: 0 1rem;
  padding-right: 2rem;
   margin-bottom: 1rem;
}


.errorInput  {
	width:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
   background-color:#ebd5ca;
  color:#808080;
  border: 1px solid red;
  border-radius: 5px;
  margin-right: 2rem;
  padding: 0 1rem;
  padding-right: 2rem;
   margin-bottom: 1rem;
	}
	
	
	
.errorInput label {
	color:red;
	}

.error_string {
	margin:10px 0 10px 0;
	padding:10px;
	color:#fff;
	background-color:#BA0848;
	border-radius: 3px;
	font-weight:700;
	}
	
.ok_string {
	margin:10px 0 10px 0;
	padding:10px;
	color:#fff;
	background-color:#4caf50;
	border-radius: 3px;
	font-weight:700;
	}

	
.ok_string2 {
	margin:10px 0 10px 0;
	padding:10px;
	color:#fff;
	background-color:red;
	border-radius: 3px;
	font-weight:700;
	}
	
.buttons {
	width:100%;
	
}


.btn-danger {
	width:100%;
	background-color:#8BD8BD;
	border:1px solid #63989f;
}
.btn-danger:hover, .btn-danger:focus {
	background-color:#243665;
	border:1px solid #222222;
}



/******************************* CHEC+CKBOIX ///////////////////////////
*/
/* The container */
.container01 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight:300;
}


/* Hide the browser's default checkbox */
.ddd {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border-radius: 5px;
	background: #eee;
	border: 1px solid #aaa;
}


.container02 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight:900;
  text-transform:uppercase;
  border-bottom:1px dashed #3d3d3d;
}


/* On mouse-over, add a grey background color */
.container01:hover input ~ .checkmark {
  background-color: #8BD8BD;
}
/* When the checkbox is checked, add a blue background */
.container01 input:checked ~ .checkmark {
  background-color: #8BD8BD;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.container01 input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.container01 .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




/* On mouse-over, add a grey background color */
.container02:hover input ~ .checkmark {
  background-color: #3d3d3d;
}
/* When the checkbox is checked, add a blue background */
.container02 input:checked ~ .checkmark {
  background-color: #8BD8BD;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.container02 input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.container02 .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}






	/******************************* CHEC+CKBOIX///////////////////////////
*/



.multiselect {
	background: #eee;
    border: 1px solid #aaa;
	 background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
   background-position-x: 100%;
  background-position-y: 50%;
  color:#666;
}
.multiselect:hover, .multiselect:focus { color:#666;}


.multiselect-container {
  box-shadow: 0 3px 12px rgba(0,0,0,.175);
  margin: 0;
  height:250px;
}
.multiselect-container .checkbox {
  margin: 0;
  font-weight:300  !important;
}
.multiselect-container li {
  margin: 0;
  padding: 0px;
  color:#808080 !important;
}
.multiselect-container li a {
  margin: 0;
  padding:5px 5px 5px 35px;
    cursor: pointer !important;

}

.multiselect-container li a:hover {
 cursor: pointer !important;
   background-color:#DDD;
   color:#666;
}

.multiselect-container li a:focus {
 cursor: pointer !important;
   background-color:#DDD;
   color:#666;
}


.custom-btn {
  width: 100% !important;
}
.custom-btn .btn, .custom-multi {
  text-align: left;
  width: 100% !important;
}


.multiselect-container li.active label {
	 cursor: pointer !important;
}

.multiselect-container li label {
	 cursor: pointer !important;
}

.multiselect-container li label input checkbox {
	  background-color:red !important;
	  color:red;
}


.dropdown-menu > .active > li {
  background-color:red;
}

.dropdown-menu > .active > a:hover {
  background-color:#aaa;
  color:#666;
}

.dropdown-menu > .active > a {
  background-color:#aaa;
  color:#666;
}


input:checked {
	
   /*outline: 1px solid #808080;*/
	padding:10px;
	accent-color:  #8BD8BD;  
}
input {
	
    /*outline: 1px solid #808080;*/
}


/* STYLE A */






/***** CHECKBOX *******************/
input.Check[type=checkbox] {
  position: relative;
	border: 2px solid #000;
	border-radius: 2px;
	background: none;
	cursor: pointer;
	line-height: 0;
	margin: 0 .6em 5px 0;
	outline: 0;
	padding: 0 !important;
	vertical-align: text-top;
	height: 20px;
	width: 20px;
  opacity:1;
}

input.Check[type=checkbox]:hover {
  opacity: 1;
}
input.Check[type=checkbox]:checked {
  background-color: #ebd5ca;
  opacity: 1;
}


.errorCheck {
	border-bottom: 2px solid #ff4747;
	color: #ff4747 !important;
	opacity: 1;
}






/*     PAGE NAVIGATOR  */
		div.navigator{
			padding:10px 10px 0 10px;
			text-align:center;
			font-size:12px;
		}
		div.totalpagesdisplay{
			padding:10px 0 10px 0;
			text-align:center;
			font-size:12px;
		}
		
		
		
		.navigator a, span.inactive{
			padding : 5px 10px 5px 10px;
			margin-left:5px;
			
	
		}
		.navigator a:link, .navigator a:visited, .navigator a:active{
			color: #fff;
			background-color: #243665;
			text-decoration: none;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			
		}
		.navigator a:hover {background-color: #243665;}
		
		.navigator span {
			padding : 5px 10px 5px 10px;
			color: #fff;
			background-color: #8BD8BD;
			text-decoration: none;
			border-radius: 5px;
			border:1px solid #282828;
		}
		




/*//////////////////////// detail nehnutelnosti ////////////////////////////////////*/

.typ {
	padding : 5px 10px 5px 10px;
	color: #fff;
	background-color: #243665;
	margin:0 0 5px 0;
}

.nazov {
	padding : 0px 0px 5px 0px;
	color: #243665;
	font-weight:700;
	font-size:18px;
}

.popis {
	margin:5px 0 5px 0;
}

.cena {
	padding : 5px 0px 5px 0px;
}
.cena span {
	color: #243665;
	font-weight:700;
	font-size:18px;
	}
	
.firma {
	font-size:12px;
}
	
	
	
	
	
	
#detail h2 {color: #243665 !important;}
#detail h2 span {color: #bbb !important; font-size:18px}
#detail p {padding:5px 0 0 0;}
#detail h3 {padding:15px 0 5px 0;}
	

/********************************** MOBILE ***************************/



@media (max-width:780px){
	.desktop {display:none;}
	
	a.prihlasenie, a.prihlasenie:hover, a.prihlasenie:focus { margin:20px 0 0 15px;}
	
	
	
	
	
	}
	
@media (min-width: 780px) {
	.mobile {display:none;}
}

@media (max-width: 970px) {
	}