/* 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;	
}

/* radius border: 5px solid #BAD340; -moz-border-radius: 5px; */
/* blokuj skype plugin IE */
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}
/* blokuj skype plugin FF */
.none {display:none;} /* span class none = v nom znak _ vlozeny v tel cisle blokuje skype plugin */
.block {display:block;}

:focus { outline: 0; }
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: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px; 
	}
	
.colum3 {
	-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: 'Open Sans', sans-serif;
	background-color: #FFFFFF;
}


a, a:active, a:visited { color: #014996; text-decoration: none; }
a:hover { color: #666;text-decoration: underline;  }

div { text-align: left; }
img { border: none; }
input, textarea { 
	font-size: 14px; font-family: 'Open Sans', sans-serif;
	color: #666; margin:1px; border: 1px solid #ddd; padding: 3px; overflow: visible; 
	background-color:#FFFFFF}
select, option { font-size: 14px; font-family: 'Open Sans', sans-serif; color: #666; }
input:focus {background-color:#f5f5f5; border: 1px solid #666; }
textarea:focus {background-color:#f5f5f5; border: 1px solid #666; }

.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: 56px; color: #014996; padding: 50px 0 50px 0; margin:0; font-weight: 300;  }
h2 { color:#014996;
	font-weight:200;
	font-size:56px;
	margin:0; padding: 15px 0 15px 0; }
h3 { font-size: 14px; color: #666; margin: 25px 0 10px 0; font-weight: 700;  }


.akoH1 { font-size: 18px; color: #014996; padding:0; margin: -15px 0 15px 0; font-weight: 300;}



/* Paragraphs ................. */
p { margin:0; padding:0; }





/* Layout ................. */


.left {float:left; display:inline}
.right {float:right; display:inline}

.TextCenter {text-align:center;}


table.tabulka {
	width:100%;
	}
	
table.tabulka tr td {
	padding:5px 10px 5px 10px;
	border-bottom:1px solid #ddd;
	font-size:16px;
	}
table.tabulka tr td span {
	display:block;
	text-align:right;
	}
	
table.tabulka tr.zahlavie td {
	background-color:#F1F1F1;
	padding:10px;
	border-bottom:1px solid #ddd;
	text-transform: uppercase; 
	font-size:14px;
	
	color:#333;
	}
	
	
.top {
	background-image: url("../images/intro01.jpg");
	background-size: cover;
	}
	
	/*background-size: cover;*/
	
	
.logo {margin-top:30px}	
.barbutton {text-align:right; padding-top:35px}
	
	
a.vasp, a.vasp:active, a.vasp:visited {
	display:block;
	font-size:20px;
	background-color:#014996;
	padding:10px;
	color: #fff; text-decoration: none; 
	border-radius: 8px;
	}
a.vasp:hover { 
	color: #fff;
	background-color:#0d3a6a;
	text-decoration: none;  }
	
	
	
	
.oker {background-color:#ffefb4;
	padding:20px 0 0 0;
	}
.oker h3 {
	color:#014996;
	font-weight:200;
	font-size:32px;
	margin:0; padding: 0 0 15px 0;
}

.oker p {
	font-size:16px
}


	
	
.modra {
	background-image: url("../images/modra.jpg");
	background-repeat:none;
	padding:0;
	
	color:#fff;
	}
	
.modra a, .modra a:active, .modra a:visited {
	display:block;
	font-size:20px;
	color: #fff; text-decoration: none; }
.modra a:hover { color: #ffefb4;text-decoration: underline;  }
	
	
.modra h2 {
	color:#ffefb4;
	font-weight:200;
	font-size:56px;
	margin:0; padding: 20px 0 15px 0;
}	
	

.tim {
	 padding: 20px 0 15px 0;
}
.tim img {
	 border-radius:50%;
}
.tim p {
	margin:10px 0 0 0;
	 text-align:center;
	 font-size:16px;
	 font-weight:700;
}	
.tim p span {
		display:block;
	 text-align:center;
	 font-size:14px;
	 font-weight:200;
}
	
	
	
.pNazov {
	color:#014996;
	font-weight:200;
	font-size:14px;
}
.pHodnota {
	color:#014996;
	font-weight:700;
	font-size:20px;
}
	
	
.footer {
	color:#fff;
	background-color:#014996;
	font-size:12px;
	padding: 20px 0 30px 0;
	margin:0;
}
	
	
	
/****************** menu mobile **************************/	
	
.menu-w ul {list-style:none; width:100%; margin:0; padding:0;}	
	
	
.menu-w ul li a, .menu-w ul li a:active, .menu-w ul li a:visited 
	{ 
	display:block;
	padding:5px;
	font-size:20px;
	color: #fff; text-decoration: none; }

.menu-w ul li a:hover 
	{ color: #fff;text-decoration: none;  
	background-color:#3d75b0;
	}
	
.menu-w ul li ul li a, .menu-w ul li ul li a:active, .menu-w ul li ul li a:visited 
	{ 
	background-color:#5b84b0;
	display:block;
	padding:5px 5px 5px 15px;
	font-size:18px;
	color: #fff; text-decoration: none; }
.menu-w ul li ul li  a:hover 
	{ color: #fff;text-decoration: none;  
	background-color:#3d75b0;
	}
	
	
.menu-w ul li ul li ul li a, .menu-w ul li ul li ul li a:active, .menu-w ul li ul li ul li a:visited 
	{ 
	background-color:#7fa5cd;
	display:block;
	padding:5px 5px 5px 25px;
	font-size:16px;
	color: #fff; text-decoration: none; }
.menu-w ul li ul li  ul li a:hover 
	{ color: #fff;text-decoration: none;  
	background-color:#5b84b0;
	}
	
	
	
/****************** menu mobile **************************/		
	
	
	
	

a.karta, a.karta:active, a.karta:visited { 
	display:block;
	font-size:18px;
	color: #014996; text-decoration: none;
	padding:10px;
	}
a.karta:hover { 
	background-color:#ffefb4;
	color: #666;
	text-decoration: underline;  }
	
	
	
	
	
#page {
}

#page h2 {
	color:#014996;
	font-weight:200;
	font-size:40px;
	margin:0; padding: 0px 0 15px 0;
}


#page h3 {
	color:#014996;
	font-weight:200;
	font-size:32px;
	margin:0; padding: 15px 0 15px 0;
}


#page p {
	display:block;
	padding:5px 0 5px 0;
}


#page ul, ol {
	margin-left:25px;
	padding:10px 0 0 0;
	}
	
#page ol {
	list-style-type:decimal;
	}
#page ul {
	list-style-type:square;
	}
	
#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;
	}


#intro { background-color: #111; border: 1px dashed #444; padding: 10px 0; text-align: center; }
#intro2 { background-color: #222; border: 1px dashed #444; padding: 9px;}
.uvodbox { float: left; display: inline; background-color: #222; border: 1px dashed #444; border-width: 0 0 1px 1px; width: 259px; padding: 20px; }
.uvodbox2 { float: left; display: inline; background-color: #111; border: 1px dashed #444; border-width: 0 1px 1px 1px; width: 258px; padding: 20px; }
.uvodbox, .uvodbox2 {
	min-height: 120px; height: 120px; _height: 130px;
}
.uvodbox p, .uvodbox2 p { line-height: 130%; margin: 10px 0 0 0; }
.uvodbox ul { margin: 10px 0; }
.uvodbox ul li {
	background-image: url(../images/arrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 10px;
	line-height: 140%;
}
.button {
	cursor: pointer; background-color:#eaebef; 
	font-weight: 700; color: #7a7777;display:block; clear:both;
	padding:5px;
	width:90px;
	text-align:center;
	margin:10px 0 0 0;
	}
	
/******************************* FORMULARE ************************************************************************/

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

select:focus, input:focus, textarea:focus {
  -webkit-box-shadow: #54721A 0 0 7px 0;
  -moz-box-shadow: #54721A 0 0 7px 0;
  -o-box-shadow: #54721A 0 0 7px 0;
  box-shadow: #54721A 0 0 7px 0;
  border-color:#2079BD;
  z-index: 1;
}


select, input, textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -ms-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;

  background-color: white;
  border: 1px solid;
  border-color: #054D83 #2079BD #2079BD;
  color: #333;
  outline: 0;
  padding: 4px;
  text-align: left;
  font-size: 14px;
  	background-image: url(../images/button.png);
	background-repeat: repeat-x;
	background-position:bottom;
}

select[disabled] {
  background-color: #eeeeee;
}

select[disabled],
select[disabled] option,
select[disabled] optgroup  {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  color: #888888;
  cursor: default;
}

select[size],
select[multiple] {
  height: auto;
}


.ie6_input,
* html select {
  background: white;
  border: 1px solid;
  border-color: #054D83 #2079BD #2079BD;
  color: black;
  padding: 2px 3px 1px;
  font-size: 14px;
  vertical-align: top;
}

* html select {
  margin-top: 1px;
}

.button_shop {
	display:inline-block;
	padding:0 15px 0 15px;
	text-align:center;
	height:30px;
	line-height:30px;
	background-image: url(../images/back_viac_shop.jpg);
	background-position: left 0px;
	background-repeat: no-repeat;
	color:#333;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(border-radius.htc);
	font-weight:400;
	text-transform:uppercase;
	-moz-text-shadow:    1px 1px 0px #333;
	-webkit-text-shadow: 1px 1px 0px #333;
	text-shadow:         1px 1px 0px #333;
	
	color:#FFF;
	font-size:14px;
	text-decoration: none; 
	border:none;
	cursor:pointer;
	}
.button_shop:hover {
	background-position: left -30px;
	}

.error_string {
	margin:10px 0 10px 0;
	padding:10px;
	color:#fff;
	background-color:#BA0848;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(border-radius.htc);
	font-weight:700;
	}
	
	
	
	
/************ BREAD ******************************************/
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}





/*ARROW*/
.breadcrumb-arrow {
    height: 46px;
    padding: 0;
    line-height: 36px;
    list-style: none;
    background-color: transparent;
}
.breadcrumb-arrow li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px
}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
    display: inline-block;
    vertical-align: top
}
.breadcrumb-arrow li:not(:first-child) {
    margin-left: -5px
}
.breadcrumb-arrow li+li:before {
    padding: 0;
    content: ""
}
.breadcrumb-arrow li span {
    padding: 0 10px
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
    height: 36px;
    padding: 0 10px 0 25px;
    line-height: 36px
}
.breadcrumb-arrow li:first-child a {
    padding: 0 10px
}
.breadcrumb-arrow li a {
    position: relative;
    color: #fff;
    text-decoration: none;
    background-color: #3bafda;
    border: 1px solid #3bafda
}
.breadcrumb-arrow li:first-child a {
    padding-left: 10px
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    content: '';
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent
}
.breadcrumb-arrow li a:before {
    right: -10px;
    z-index: 3;
    border-left-color: #3bafda;
    border-left-style: solid;
    border-left-width: 11px
}
.breadcrumb-arrow li a:after {
    right: -11px;
    z-index: 2;
    border-left: 11px solid #2494be
}
.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {
    background-color: #4fc1e9;
    border: 1px solid #4fc1e9
}
.breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {
    border-left-color: #4fc1e9
}
.breadcrumb-arrow li a:active {
    background-color: #2494be;
    border: 1px solid #2494be
}
.breadcrumb-arrow li a:active:after, .breadcrumb-arrow li a:active:before {
    border-left-color: #2494be
}
.breadcrumb-arrow li span {
    color: #434a54
}




.breadcrumb-arrow li a.aktivna {
    position: relative;
    color: #fff;
    text-decoration: none;
    background-color: red;
    border: 1px solid red
}
.breadcrumb-arrow li a.aktivna:before {
    right: -10px;
    z-index: 3;
    border-left-color: red;
    border-left-style: solid;
    border-left-width: 11px
}
.breadcrumb-arrow li a.aktivna:after {
    right: -11px;
    z-index: 2;
    border-left: 11px solid #fff
}














a.scrollToTop {
	border:2px solid #fff;
	font-size:12px;
	width: 50px;
    height: 50px; 
	padding:20px 10px ; 
	text-align:center; 
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
    background-image: url(../images/arrow_totop.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #014996;
	border-radius: 5px;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
a.scrollToTop:hover{
	text-decoration:none;
}




.tooltip{
   font-size: 16px;
  background-color:#014996 !important;
}