/* 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;	
}
/*
font Archivo  {	
	font-family: 'Archivo Narrow', sans-serif; 
	font-weight:400;
	}
font Rock {
	font-family: 'Rock Salt', cursive;
	}
*/
/* 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: normal; }

.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 ................. */

/*prvá hodnota určuje horizontálne posunutie, druhá hodnota vertikálne a tretia hodnota rozostretie tieňa (Blur radius). Poslednou hodnotou je farba tieňa. */
.nadpis_s_tienom {
font-family: Trebuchet MS;
font-size: 24px;
line-height: 24px;
font-weight: bold;
color: #333;
text-shadow: 1px 2px 0 #777;
}
.tien_pisma_na_prechode {
color:#fff;
font-size:30px;
background-color:red; padding:10px;
text-shadow: 0px -1px 0px #35000c;
filter: dropshadow(color=#35000c, offx=0, offy=-1);
}

.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: #333;
	font-size: 12px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	background-color: #999;
	background-image: url(../images/back.png);
	background-position: top center;
	text-align: center;
}
a, a:active, a:visited { color: #B81143; text-decoration: none; }
a:hover { color: #666;text-decoration: underline;  }

div { text-align: left; }
img { border: none; }
input, textarea { 
	font-size: 12px; font-family: Arial, Tahoma, Helvetica, sans-serif; 
	color: #666; margin:1px; border: 1px solid #ddd; padding: 3px; overflow: visible; 
	background-color:#FFFFFF}
select, option { font-size: 12px; font-family: Arial, Tahoma, Helvetica, 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: 20px; color: #666; margin: 0 0 20px 0; font-weight: normal; font-family: Arial, Tahoma, Helvetica, sans-serif; }
h2 { font-size: 16px; color: #666; margin: 25px 0 10px 0; font-weight: bold; font-family: Arial, Tahoma, Helvetica, sans-serif; }
h3 { font-size: 13px; color: #666; margin: 25px 0 10px 0; font-weight: bold; font-family: Arial, Tahoma, Helvetica, sans-serif; }

#logo {float:right; display:inline; text-align:right;}
#logo a {
	display:block;
	background-image: url(../images/logo.png);
	background-repeat:no-repeat;
	width:811px; height:145px;
	overflow:hidden;
	padding:0; margin:0;
}
#logo a:hover {text-decoration: none;  }
#logo span { display:none;
	visibility:hidden;
}
#logo span.visible {
	display:block; visibility: visible; color:red; text-align:left;
	font-family: 'Rock Salt', cursive;
	color: #666;
	font-size:17px;
	line-height:17px;
	margin:0;
	padding:35px 0 0 142px;
	}
#logo h1 {margin:0; padding:0;}

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



/* Layout ................. */
#wrapper2 { width: 100%; 
	background-image: url(../images/back_full.png);
	background-position: top center;
	background-repeat: repeat-x;
	 }
#wrapper { width: 990px; margin: 0 auto; }
.left {float:left; display:inline}
.right {float:right; display:inline}
.img_right {
	float:right; display:inline;
	margin:0 0 10px 15px;
	}

.img_left {
	float:left; display:inline;
	margin:0 15px 10px 0;
	}
	
.img_gallery {
	float:left; display:inline;
	margin:0 15px 15px 0;
	border:2px solid #FCA1CD;
	}
	
.img_gallery_div {
	float:left; display:inline;
	margin:0 10px 10px 0;
	}
	
a.pripad, a.pripad:active, a.pripad:visited 
	{ 
	border:5px solid #ddd;
	background-color:#ddd;
	display:block;
	width:150px;
	height:150px;
	text-indent:-99999px;
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none; 
	}
a.pripad:hover { 
	border:5px solid #D4134C;
	background-color:#D4134C;
	text-decoration: none;  }

#top {
	height:145px;
	background-color:#D4134C;
	background-image: url(../images/zebra_magenta.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	

#left_colum {
	float:left; display:inline;
	width:248px;
	color:#fff;
	background-color:#2D2D2D;
	}
#right_colum {
	float:left; display:inline;
	width:742px;
	background-color:#fff;
	}

table.tabulka {
	border-spacing: 1px;
	width:100%;
	background-color:#333;
	}
	
table.tabulka tr td {
	background-color:#fff;
	padding:5px 10px 5px 10px;
	}
table.tabulka tr td span {
	color:#333;
	font-weight:normal;
	}
	
table.tabulka tr.zahlavie td {
	background-color:#666;
	padding:10px;
	font-weight:bold;
	color:#fff;
	}
	
#left_menu ul { list-style: none; }
#left_menu ul li { float: left; display: inline; }
#left_menu ul li a, #left_menu ul li a:active, #left_menu ul li a:visited 
	{ display: block; 
	padding:0 20px 0 20px; 
	color: #006B90; text-transform: uppercase; 
	text-decoration: none;
	 }
#left_menu ul li a:hover, #left_menu ul li a.aktivna, #left_menu ul li a.aktivna:link, #left_menu ul li a.aktivna:visited  { 
	color: #E60004; 
	}
/*
#menu {width: 690px; background: #ddd url(menu.gif) left bottom repeat-x; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999;}
#menu ul {list-style-type: none;}
#menu li {float: left; width: 138px; position: relative;}
#menu li a {display: block; font-weight: bold; line-height: 2em; text-align: center; background: transparent; color: #333; border-left: 1px solid #999; text-decoration: none;}
#menu li a:hover, #menu li a.select {color: #000; background: #f8f8f8;}
#menu div ul {position: relative;  display: none;  width: 139px; margin-top: 1px;}
#menu div ul.wider {width: 150px;}
#menu div ul li {width: 100%;}
#menu div ul li a {padding: 2px 3px 2px 7px; line-height: 1.4em; font-weight: normal; text-align: left; background: #ddd; border-right: 1px solid #999; border-bottom: 1px solid #999;}
#menu div ul li a: hover {color: #000; background-color: #fff;}
#menu div div {position: absolute; overflow: hidden; width: 150px; height: 10em;}
*/

#menu {width:248px;
	padding-top:12px;
	padding-bottom:35px;
	background-color:#D4134C;
	}
#menu ul {list-style-type: none;} 
#menu li {display: block; 
	background-image: url(../images/back_li.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	}

#menu li a, #menu li a:active, #menu li a:visited 
	{ 
	display: block; 
	padding: 10px 10px 10px 40px;; 
	color: #fff; 
	text-decoration: none;  
	font-family: 'Archivo Narrow', sans-serif; 
	font-weight:400;
	font-size:18px;
	line-height:20px;
	background-image: url(../images/arrow01.png);
	background-position: left top;
	background-repeat: no-repeat;
	}
#menu li a:hover, #menu li a.aktivna, #menu li a.aktivna:link, #menu li a.aktivna:visited  
	{ 
	background-image: url(../images/arrow02.png);
	background-color: #B81143; 
	color: white; }
	
	
#menu li ul li a, #menu li ul li a:active, #menu li ul li a:visited 
	{ 
	display: block; 
	padding: 10px 10px 10px 50px;; 
	color: #ddd; 
	text-decoration: none;  
	font-family: 'Archivo Narrow', sans-serif; 
	font-weight:400;
	font-size:16px;
	line-height:18px;
	background-image: url(../images/arrow03.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #666; 
	border-top:1px solid #999;
	border-bottom:1px solid #333;
	}
#menu li ul li a:hover, #menu li ul li a.aktivna, #menu li ul li a.aktivna:link, #menu li ul li a.aktivna:visited  
	{ 
	background-image: url(../images/arrow04.png);
	background-color: #222; 
	color: #eee; }
	
#menu li ul li ul li a, #menu li ul li ul li a:active, #menu li ul li ul li a:visited 
	{ 
	display: block; 
	padding: 8px 10px 8px 60px;; 
	color: #ddd; 
	text-decoration: none;  
	font-family: 'Archivo Narrow', sans-serif; 
	font-weight:400;
	font-size:14px;
	line-height:16px;
	background-image: url(../images/arrow06.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #444; 
	border-top:1px solid #999;
	border-bottom:1px solid #333;
	}
#menu li ul li ul li a:hover, #menu li ul li ul li a.aktivna, #menu li ul li ul li a.aktivna:link, #menu li ul li ul li a.aktivna:visited  
	{ 
	background-image: url(../images/arrow07.png);
	background-color: #333; 
	color: #fff; }

.shadow {
	background-image: url(../images/shadow.png);
	background-position: top center;
	background-repeat: no-repeat;
	height:170px;
	} 
.shadow2 {
	background-image: url(../images/shadow.png);
	background-position: top center;
	background-repeat: no-repeat;
	height:71px;
	}
.shadow h2, .shadow2 h2 {
	margin:0;
	font-family: 'Archivo Narrow', sans-serif; 
	font-weight:400;
	padding:25px 20px 15px 30px;
	color:#fff;
	font-size:22px;
	line-height:22px;
	}
	
.shadow h3, .shadow2 h3 {
	margin:0;
	font-family: 'Archivo Narrow', sans-serif; 
	font-weight:400;
	padding:25px 20px 25px 30px;
	color:#fff;
	font-size:22px;
	line-height:22px;
	}
.shadow h3 span, .shadow2 h3 span {
	color:#EC82B1;
	font-size:28px;
	font-weight:700;
	}
	
table.oh {
	width:198px;
	margin:0 0 25px 30px;
	}
table.oh tr td {
	padding:2px 0 0 0;
	}
	
#intro { 
	width:742px;
	height:460px;
	background-image: url(../images/intro.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}
#intro p {
	text-align:right;
	color:#A90038;
	font-family: 'Rock Salt', cursive;
	font-size:27px;
	line-height:38px;
	padding:240px 33px 0 0;
	}
	
#intro1 { 
	padding:20px 20px 20px 30px;
	}
#intro1 .img_right {margin-bottom:0}
	
#intro1 h2 { 
	margin:0;
	font-family: 'Archivo Narrow', sans-serif; 
	font-weight:400;
	color:#D4134C;
	font-size:36px;
	line-height:36px;
	padding:0 0 15px 0;
	}
	
#intro1 p {
	line-height:17px;
	}
	
#intro1 p.vpravo {
	font-weight:bold;
	padding:5px 25px 0 0;
	text-align:right;
	}
	
#page {
	background-image: url(../images/back_page.png);
	background-position: top left;
	background-repeat: repeat-x;
	margin-top:10px;
	min-height:578px;
	padding:35px 25px 25px 33px;
	line-height: 140%;
	}
	
#page h1 {
	color:#D4134C;
	font-size:42px;
	line-height:45px;
	font-family: 'Archivo Narrow', sans-serif; 
	font-weight:400;
	margin:0;
	padding:0 0 15px 0;
	}
	
#page h2 {
	color:#D4134C;
	font-size:36px;
	line-height:38px;
	font-family: 'Archivo Narrow', sans-serif; 
	font-weight:400;
	margin:0;
	padding:15px 0 10px 0;
	}
	
#page h3 {
	color:#D4134C;
	font-size:24px;
	line-height:26px;
	font-family: 'Archivo Narrow', sans-serif; 
	font-weight:400;
	margin:0;
	padding:10px 0 5px 0;
	}
	
#page h4 {
	color:#950E36;
	font-size:16px;
	line-height:18px;
	font-family: 'Archivo Narrow', sans-serif; 
	font-weight:700;
	margin:0;
	padding:5px 0 5px 0;
	}

	
#page ol {
	display:block;
	padding:0;
	margin:0 0 0 20px;
	}
#page ol li {
	padding: 2px 0 2px 0;
	}
	
#page ul {
	display:block;
	list-style-type: none;
	padding:0;
	margin:0px;
	}
#page ul li {
	padding: 2px 0 2px 12px;
	background-image: url(../images/arrow05.png);
	background-position: left top;
	background-repeat: no-repeat;
	}


#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: bold; color: #7a7777;display:block; clear:both;
	padding:5px;
	width:90px;
	text-align:center;
	margin:10px 0 0 0;
	}
	
#footer {
	background-image: url(../images/back_footer.png);
	background-position: top left;
	margin:15px 0 15px 0;
	padding:25px 30px 25px 30px;
	font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color:#333;
	}
	
#footer a, #footer a:active, #footer a:visited { color: #666; text-decoration: none; }
#footer a:hover { color: #B81143;text-decoration: underline;  }


/******************************** JQUERY *************************************************************************/

.selected { background: #FEFFAF; border-top: 1px solid #EEEF95; border-bottom: 1px solid #EEEF95; }
#page dt {
	font-size:20px;
	line-height:22px;
	font-family: 'Archivo Narrow', sans-serif; 
	font-weight:400;
	padding:0;
	margin-top:10px;
	}
#page dd {
	display:block;
	font-size:13px;
	margin:10px 0 5px 0;
	padding:10px 10px 10px 20px;
	background-color:#F7D8E7;
	border:1px solid #B81143;
	line-height:130%;
	}
	
/******************************* 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;
  -webkit-appearance: none;
  background-color: white;
  border: 1px solid;
  border-color: #054D83 #2079BD #2079BD;
  color: #333;
  outline: 0;
  padding: 4px;
  text-align: left;
  font-size: 12px;
  	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: 12px;
  font-family: Arial, sans-serif;
  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-family: 'Archivo Narrow', sans-serif;
	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:#B81143;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(border-radius.htc);
	font-weight:bold;
	}