
/* 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 Bigelow  {	
	font-family: 'Bigelow Rules', cursive; 
	font-weight:400;
	}
*/
/* 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 ................. */


body {
	color: #333;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	background-color: #096BB6;
	background-image: url(../images/back.jpg);
	background-position: top center;
	text-align: center;
	margin:0;
}
a, a:active, a:visited { color: #FE5145; text-decoration: none; }
a:hover { color: #063760;text-decoration: underline;  }

div { text-align: left; }
img { border: none; }
input, textarea { 
	font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight:400;
	color: #666; margin:1px; border: 1px solid #ddd; padding: 3px; overflow: visible; 
	background-color:#FFFFFF}
select, option { font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight:400; 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:#ccc; margin:9px 0 9px 0; }
.line2 { height: 1px; font-size: 1px; line-height: 1px; clear: both; background-color:transparent; padding:9px 0 0 0; }

/* Headings ................. */
h1 { font-size: 20px; color: #666; margin: 0 0 20px 0; font-weight: 400; font-family: 'Open Sans', sans-serif;  }
h2 { font-size: 16px; color: #666; margin: 25px 0 10px 0; font-weight: 400; font-family: 'Open Sans', sans-serif; }
h3 { font-size: 13px; color: #666; margin: 25px 0 10px 0; font-weight: 400; font-family: 'Open Sans', sans-serif; }

#logo {display:block;}
#logo a {
	display:block;
	background-image: url(../images/logo.png);
	background-repeat:no-repeat;
	width:570px; height:41px;
	overflow:hidden;
	padding:0; margin:33px 0 0 0;
}
#logo a:hover {text-decoration: none;  }
#logo span { display:none;
	visibility:hidden;
}
#logo h1 {margin:0; padding:0;}

/* Paragraphs ................. */
p { margin:0; padding:0; }



/* Layout ................. */
#wrapper_full { 
	margin: -0px 0 0 0 ;
	background-image: url(../images/voda.jpg);
	background-position: top center;
	background-repeat: no-repeat;
 }
#wrapper { width: 1020px; margin: 0 auto; }
#wrapper strong {font-weight:700}
.left {float:left; display:inline}
.right {float:right; display:inline}

.w180 {width:180px;}

.img_left {float:left; display:inline; margin:0 15px 5px 0;}
.img_right {float:right; display:inline; margin:0 0 5px 15px;}

.info {
	float:left; display:inline;
	padding:49px 5px 0 0;
	font-size:26px;
	line-height: 33px;
	color:#444;
	}
.info_kontakt {
	float:left; display:inline;
	padding:49px 0 0 0;
	font-size:26px;
	line-height: 33px;
	color:#FE5145;
	}
.info_kontakt span {font-size:28px}

#obsah_page {
	width:1020px;
	background-image: url(../images/back_page2.png);
	background-position: top left;
	background-repeat: repeat-y;
	}

#left_page {
	float:left; display:inline;
	width:220px
	}
#stred_page {
	float:left; display:inline;
	width:580px;
	
	}
#right_page {
	float:left; display:inline;
	width:220px
	}
	
	
#stred_page h1.podstranka {
	background-image: url(../images/back_h2_red.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin:0; padding:0 0 0 20px;
	height:60px;
	line-height:60px;
	font-size:26px;
	color:#fff;
	}

#stred_page h2 {
	background-image: url(../images/back_h2_red.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin:0; padding:0 0 0 20px;
	height:60px;
	line-height:60px;
	font-size:22px;
	color:#fff;
	}
	
#left_page h2, #right_page h2 {
	background-image: url(../images/back_h2_blue.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin:0; padding:0 0 0 20px;
	height:60px;
	line-height:60px;
	font-size:18px;
	color:#fff;
	}


#left_page ul, #right_page ul  { list-style: none; padding:8px 0 8px 0; }
#left_page ul li,
#right_page ul li { display: block; }

#left_page ul li a, #left_page ul li a:active, #left_page ul li a:visited, 
#right_page ul li a, #right_page ul li a:active, #right_page ul li a:visited
	{
	display: block; 
	text-transform: uppercase;
	color:#fff;
	text-decoration: none;
	font-size:14px;
	line-height:18px;
	padding:5px 10px 5px 20px;
	border-bottom:1px solid transparent;
	}
#left_page ul li a:hover, #left_page ul li a.aktivna, #left_page ul li a.aktivna:link, #left_page ul li a.aktivna:visited,  
#right_page ul li a:hover, #right_page ul li a.aktivna, #right_page ul li a.aktivna:link, #right_page ul li a.aktivna:visited
	{
	color:#fff;
	text-decoration: none;
	background-color:#FE5145;
	border-bottom:1px solid #D45148;
	}
	
#left_page ul li ul li a, #left_page ul li ul li a:active, #left_page ul li ul li a:visited, 
#right_page ul li ul li a, #right_page ul li ul li a:active, #right_page ul li ul li a:visited
	{
	font-size:14px;
	display: block; 
	text-transform: none;
	color:#fff;
	text-decoration: none;
	font-size:14px;
	line-height:18px;
	padding:5px 10px 5px 20px;
	border-bottom:1px solid #000;
	background-image: url(../images/back_bl.png);
	background-position: top left;
	width:400px;
	
	}
#left_page ul li ul li a:hover, #left_page ul li ul li a.aktivna, #left_page ul li ul li a.aktivna:link, #left_page ul li ul li a.aktivna:visited,  
#right_page ul li ul li a:hover, #right_page ul li ul li a.aktivna, #right_page ul li ul li a.aktivna:link, #right_page ul li ul li a.aktivna:visited
	{
	color:#fff;
	text-decoration: none;
	background-image: none;
	background-color:#FE5145;
	border-bottom:1px solid #D45148;
	}
	


table.tabulka {
	width:100%;
	background-color:#666;
	border-spacing:1px;
	}
	
table.tabulka tr td {
	padding:5px 10px 5px 10px;
	background-color:#fff;
	}
table.tabulka tr.seda td {
	padding:5px 10px 5px 10px;
	background-color:#DADADA;
	}
	
table.tabulka tr td span {
	color:#333;
	font-weight:normal;
	}
	
table.tabulka tr.zahlavie td {
	background-color:#FE5145;
	padding:10px;
	font-weight:700;
	color:#fff;
	}
	
.baner {
	display:block;
	height:165px;
	background-color:#000;
	margin:5px 0 10px 0;
	}
	
a.banerNew, a.banerNew:active, a.banerNew:visited { 
	color:#fff;
	text-align:center;
	background-color: #000; 
	display:block;
	width:220px;
	height:165px;
	background-color:#000;
	margin:5px 0 10px 0;
	}
a.banerNew:hover { color: #fff;text-decoration: none;  }
.bkurzy {
	background-image: url(../images/baner_kurzy.jpg);
	background-position: center;
	background-repeat: no-repeat;
	}
.bshop {
	background-image: url(../images/baner_shop.jpg);
	background-position: center;
	background-repeat: no-repeat;
	}
.bstrediska {
	background-image: url(../images/baner_strediska.jpg);
	background-position: center;
	background-repeat: no-repeat;
	}
	
	
#page {
	padding:10px 20px 20px 20px;
	
	}
#page a.viac, #page a.viac:active, #page a.viac:visited { 
	display:block;
	color:#fff;
	text-align:center;
	background-color: #FE5145; 
	text-transform: uppercase; 
	text-decoration: none; 
	margin:14px 0 0 0;
	font-size:14px;
	line-height:38px;
	}
#page a.viac:hover { color: #fff;text-decoration: underline;  }

#page p.news_aviza {
	font-size:13px;
	line-height:16px;
	}
	
.w275 {width:275px;}
	
#page h2 {
	background-image: none;
	color:#FE5145;
	padding:10px 0 10px 0;
	margin:0;
	font-size:24px;
	line-height: 30px;
	height:auto;
	}
#page h2.nwe {
	padding:5px 0 5px 0;
	}
#page h2.blue {
	color:#063760;
	}
#page h3 {
	background-image: none;
	color:#063760;
	padding:10px 0 5px 0;
	margin:0;
	font-size:18px;
	line-height: 22px;
	height:auto;
	}
	
#page .img_gallery {
	float:left; display:inline;
	margin:0 18px 18px 0;
	padding: 4px;
	border:1px solid #ccc;
	}

#page ul, ol {
	margin-left:25px;
	padding:10px 0 5px 0;
	color:#FE5145;
	font-weight:700;
	}
	
#page ul li, ol li {
	padding:0 0 5px 0;
	}
	
#page ul li span, ol li span {
	font-weight:400;
	color:#333;
	}
	
#page ul.minusky {
	list-style-type:lower-alpha;
	}
#page ul.bodky {
	list-style-type:circle;
	}
#page ul.cisla {
	list-style-type:decimal;
	}
	
	
#intro_galeria {
	display:block;
	background-color:#063760;
	}
#intro_galeria .wrapp {
	width: 1020px; margin: 0 auto;
	color:#fff;
	}
#menu_bottom {
	display:block;
	background-color:#0E222F;
	}
#menu_bottom .wrapp {
	width: 1020px; margin: 0 auto;
	color:#fff;
	padding:0 0 20px 10px;
	}
#menu_bottom p {
	color:#4EB6F3;
	font-size:16px;
	line-height:18px;
	font-weight: 700;
	padding: 15px 0 10px 0;
	}
.boxA {
	float:left; display:inline;
	padding:0 20px 0 20px;
	}
.boxB {
	float:left; display:inline;
	padding:0 20px 0 20px;
	height:147px;
	background-image: url(../images/back_mb.png);
	background-position: top left;
	background-repeat: no-repeat;
	}
	
.boxA a, .boxA a:active, .boxA a:visited,
.boxB a, .boxB a:active, .boxB a:visited { 
	display:block;
	font-size:12px;
	line-height:18px;
	color: #9FA7AC; 
	text-decoration: none; 
	text-transform: uppercase; 
	}
.boxA a:hover, .boxB a:hover { 
	color: #fff;
	text-decoration: none; 
	}
	
#footer {
	width: 1020px; margin: 0 auto;
	color:#9FA7AC;
	padding:10px 0 20px 30px;
	}
#footer a, #footer a:active, #footer a:visited { 
	color: #9FA7AC; 
	text-decoration: underline; 
	}
#footer a:hover { 
	color: #fff;
	text-decoration: underline; 
	}

.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;
	}
	
/******************************* 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: 'Open Sans', 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: 'Open Sans', 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:#BA0848;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(border-radius.htc);
	font-weight:bold;
	}
	
	
/* navigator /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.navigator 
	{
	font-size:13px;
	color:#333;
	text-align:center;
	}
	


.navigator a, .navigator a:active, .navigator a:visited 
	{ 
	font-size:16px;
	color: #333; text-decoration: none;line-height:31px;
	padding:5px 8px 5px 8px;
	background-color:#fff; 
	}
.navigator a:hover { color: #fff;text-decoration: none; background-color:#333;  }
.stranapage {margin:0; color: #fff;padding:5px 8px 5px 8px; background-color:#FE5145;font-size:16px; }

.totalpagesdisplay
	{
	display: block;
	padding:10px 10px 0 10px; 
	text-align:center; font-size:11px;
	}
	
a.nextprev, a.nextprev:active, a.nextprev:visited 
	{ 
	font-size:13px;
	color: #FE5145; text-decoration: none; 
	float:left;
	margin:0;
	background-image: url(../images/left_arrow.png);
	background-repeat: no-repeat;
	background-position:left center;
	padding:0px;
	background-color:#fff; 
	}
a.nextprev:hover 
	{ 
	color: #666;text-decoration: none; 
	background-image: url(../images/left_arrow.png);
	background-repeat: no-repeat;
	background-position:left center;
	background-color:#fff; 
	}
	
.prevSpan
	{
	font-size:13px;
	color: #333; text-decoration: none; 
	float:left;
	margin:0;
	background-image: url(../images/left_arrow.png);
	background-repeat: no-repeat;
	background-position:left center;
	padding:0px;
	background-color:#fff; 
	}
	
a.prevnext, a.prevnext:active, a.prevnext:visited 
	{ 
	font-size:13px;
	color: #FE5145; text-decoration: none; 
	float:right;
	margin:0;
	background-image: url(../images/right_arrow.png);
	background-repeat: no-repeat;
	background-position:right center;
	padding:0 0 0 0;
	background-color:#fff; 
	}
a.prevnext:hover 
	{
	color: #666;text-decoration: none; 
	background-image: url(../images/right_arrow.png);
	background-repeat: no-repeat;
	background-position:right center;
	background-color:#fff; 
	}
	
.nextSpan
	{
	font-size:13px;
	color: #333; text-decoration: none; 
	float:right;
	margin:0;
	background-image: url(../images/right_arrow.png);
	background-repeat: no-repeat;
	background-position:right center;
	padding:0 0 0 0;
	background-color:#fff; 
	}

