/*  2014 (c) design by stoupa.bat | musil jan | www.stoupabat.cz */
/*** www.parexpo.cz ***/

/**** OBECNE TAGY ****/

@import "./font/font-face.css";
@import "./font/genericons.css";

* {
	margin: 0px;
	padding: 0px;
}
img {
  margin:0;
  padding:0;
  max-width: 100%;
  height: auto;
}
#data img {
  margin: 0 3px;
  padding: 0px;
}
.gallery {

}
body {
  color: #222;
	font-size: 14px;
  font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;
	font-family: 'open_sansregular', sans-serif;
  font-weight: normal;
  font-style: normal;
}
a, a b, a strong {text-decoration:underline;color:#1e2870;padding:0 2px;}
a:hover, a:hover b, a:hover strong {text-decoration:none;color:#f00;}

#data a[href^="http://"]:only-of-type, #data a[href^="https://"]:only-of-type {background:url('./img/targetblank.png') no-repeat right center;padding-right:18px;}
#data a[href$=".pdf"] {background:url('./img/targetpdf.png') no-repeat right center;padding-right:18px;}
a[target^="_blank"] {}

a img {border:none;}
#data a img {border:2px solid transparent;}
#data a:hover img, #data a img:hover {border:2px solid #999;}

p {
	margin-bottom: 12px;
	text-indent: 0px;
	font-family: inherit;
}
strong, b {font-weight:normal;font-size:1em;font-family:'open_sanssemibold', sans-serif;color:#000;}
em, i {font-weight:normal;font-style:normal;font-size:1em;font-family:'open_sansitalic', sans-serif;}
em strong, i strong, em b, i b, strong em, strong i, b em, b i {font-weight:normal;font-size:1em;font-family:'open_sanssemibold_italic', sans-serif;font-style:normal;}


/******* NADPISY *******/

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin-bottom: 6px;
  clear:both;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-size: 70%; color: #9f9f9f; line-height: 0;}

h1 {
 font-size: 1.9em;
 color:#fff;
 text-align:left;
 font-family:'open_sanssemibold', sans-serif;
 margin-bottom:10px;
 text-transform:uppercase; 
}
h2 {font-size:1.4em;color:#333;}
h3 {font-size: 1.5em;color:#1e2870;margin:16px 0 4px;}
h4 {font-size: 1.3em;color:#1e2870;}
h5 {font-size: 1em;color:#c70100;}
h6 {font-size: 2.5em;padding:20px 40px;text-align:center;color:#9f9f9f;font-family:'open_sanslight_italic', sans-serif;font-weight:300;font-style:italic;}
small {color: #9f9f9f;}

/******* seznamy a tabulky *******/

ul {font-size:16px;line-height:1.3em;margin: 10px 0 24px 50px;list-style-image:url('./img/odrazka.png');}
ul ul {list-style: disc;}
ul ul ul {list-style: circle;}
li {margin-bottom:8px;}

ol {margin: 10px 0 10px 50px;line-height:1.3em;}

table td {padding: 0px 20px 0 0;}

/**** univerzalni pozicovaci tridy *********/

.f_r {float: right;}
.f_l {float: left;}
.a_r {text-align: right;}
.a_c {text-align: center;}
.a_l {text-align: left;}
.c_l {clear: left;}
.c_r {clear: right;}
.hide {display: none!important;}
div.clr {clear: both; height: 0} 

body {
  position: relative;
	background: #dadbdc url('./img/bg.png') repeat-x center top;
	text-align: center;
}
#page {
  position: relative;
	margin: 0px auto;
	top: 0px;
	border: 0;
	max-width: 912px;
	background-color: transparent;
	text-align: left;
  background: transparent url('./img/bg-page.png') no-repeat center top;
}

/******** STRUKTURA *************/

#header {
  position: relative;
  width: 100%;
  background:#fff;
  height:100%;
  margin-bottom:1px;
}

#logo {float:left;}
#logo img {margin:18px 3px 5px 0px;max-width:155px;}

#top-icons {position:absolute;right:0;top:10px;}
#top-icons a {
  font-size:1em;
  font-weight:bold;
  color:#A3A3A3;
  padding:4px 4px;
}
#top-icons a:hover {color:#fff;background:#A3A3A3;}

.headbox, #event_rotator {
  position:relative;
  margin-top:30px;
  margin-bottom:6px;
  border:4px solid #f7f7f7;
  overflow:hidden;
  max-height:400px;
}
#headimg {position:absolute;right:0;z-index:-10;}
.headimg {position:absolute;width:100%;right:0;z-index:-10;}
#headimg img, .headimg img {max-width:200%;min-width:100%;}
#headobsah, .headobsah {
  background: transparent url('./img/bg-head.png') no-repeat -100px top;
  padding: 14px 64% 20px 20px;
  min-height:220px;
  color:#fff;
}
.headobsah {
  background: transparent url('./img/bg-home-head.png') no-repeat left top;
  min-height:300px;
  padding: 1px 600px 20px 2%;
  position:relative;
}
.headobsah a {text-decoration:none;}
.headobsah a p {color:#fff;}
.headobsah b, .headobsah strong {color:#fff;}

#headobsah a {color:#fff;text-decoration:underline;}
#headobsah a:hover {color:#000;text-decoration:none;}
#headobsah b, #headobsah strong {color:#fff;}

#slider {}
#slider p {width:250px;}
#event_rotator {height:300px;}
#event_rotator h2 {
  display:none;
}
.event {
  position: absolute;
  opacity: 0.0;
  z-index:0;
}

.event h3 {width:220px;text-transform:uppercase;margin-bottom:0px;}
.event h3 a {
  font-size:1.1em;
  text-decoration:none;
  font-weight: bold;
  color: #fff!important;
  margin:0;
  z-index:100;
}
.event h3 a:hover {
  color: #000!important;
}
#linky {
  position:absolute;
  bottom:7px;
  right:10px;
  font-weight: normal;
  z-index:100;
}
.newsLink {
  margin: 0 1px;
  padding: 2px 6px;
  background-color: #58595b;
  color: #fff;
  -webkit-box-shadow: 1px 1px 1px 0 #A8A8A8;
  box-shadow: 1px 1px 1px 0 #A8A8A8;  
}
.newsLink.on {
  background-color: #f7f7f7;
  color: #58595b;
}
.newsLink {cursor: pointer}

#data {
  position:relative;
	padding: 16px 3%;
  background:#fff;
	background: rgba(245, 245, 245, 0.90) url('') no-repeat left top;
	min-height:600px;
}
#data p {padding: 4px 0px;text-align:justify;font-size:16px;}

#claim {
  width:100%;
  background:rgba(255, 255, 255, 0.80);
  text-align:center;
  padding:12px 0 6px;
  font-size:1.2em;
  color:#333;
  margin-bottom:6px;  
  font-family:'open_sanslight', sans-serif;  
}
.bckgLink {
  font-family:'open_sanslight', sans-serif;
  color:#999;
  font-size:3.4em;
  margin-left:30px;
  text-transform:uppercase;
}
.bckgLink:hover {color:#333;cursor:pointer;}
.bckgLink.on {color:#333;}

.partners img {float:left;}
.autor {color:#999;}

/*** MENU ***/

#menubox {
  position:relative;
  float:right;
  padding: 0px;
  margin:50px 4px 0;
}
#submenubox {
  position:relative;
  float:right;
  padding: 0px;
  margin:0px 4px 0;  
}

#menubox ul, #submenubox ul {list-style:none;max-width:100%;width:100%;padding:0;margin:0;background-color:#fff;}

#menubox ul a, #submenubox ul a {
  text-align: left;
  display:block;
  font-size:0.7em;
  color:#333;
  text-decoration:none;
}
#menubox ul li, #submenubox ul li {
  float: left;
  display:block;
  margin: 0 1px;
}
#menubox ul li a, #submenubox ul li a {
  padding: 4px 6px;
  text-transform:uppercase;
}

#menubox ul li a {}
#menubox ul li a:hover {background-color:#1e2870;color: #fff;}
#menubox ul li a.on {background-color:#dadbdc;color: #333;padding-bottom:5px;}
#menubox ul li a.on:hover {background-color:#1e2870;color: #fff;}

#submenubox ul li a {}
#submenubox ul li a:hover {background-color:#1e2870;color: #fff;}
#submenubox ul li a.on {background-color:#999;}
#submenubox ul li a.on:hover {background-color:#1e2870;color: #fff;}

/*** FOOTER ***/

#footer {
  text-align:center;
  color:#58595b;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin:0 auto;
  width:912px;
  margin-top:8px;
}
#foot {width:850px;text-align:center;padding:14px 20px;}

#foot-kontakt {float:right;text-align:right;width:24%;}
#foot-kontakt p {margin:0;padding:1px 2px;}
#foot-kontakt a {color:#58595b;padding:2px 4px;text-decoration:none;}
#foot-kontakt a:hover {background:#58595b;color:#fff;}

#foot-logo {float:left;margin:40px 0;width:50%;}

#foot-menu {}
#foot-menu ul {width:24%;list-style:none;padding:0;margin:0;float:left;text-align:left;margin-right:10px;font-size:14px;}
#foot-menu li {margin:0;}
#foot-menu li a {display:block;padding:1px 12px;color:#58595b;text-decoration:none;}
#foot-menu li a:hover {background:#58595b;color:#fff;}

#foot-copy {
  clear: both;
  min-height: 10px;
  padding: 10px;
  background: transparent;
}
#foot-copy, #foot-copy a {text-align: center;line-height:1.2em;color:#999;font-size:1em;text-decoration:none;}
#foot-copy a:hover {color:#58595b;}

/* rotovane pozadi */
div.bckgImg {position: fixed; top: 0; left: 0; z-index: -1; background-position: center top;background-repeat: no-repeat;}

/*** HOME ***/
#HP > div {
  float:left;
  max-width:31%;
  padding:0 1%;
  height:420px;
}
#HP > div.clr{height:auto;float:none;}
#HP > div h3 a {color:#333;text-decoration:none;}
#HP > div h3 a:hover {color:#f00;}
#HP > div p {font-size:0.9em;padding-left:6px;width:100%;}

#data p.datum {font-size:12px;float:right;}
#data p {padding:0;}
.novinka {min-height:260px;}
.novinka h2 {padding-top:10px;margin-top:20px;border-top: 1px solid #ddd;margin-bottom:20px;}
.novinka:first-child h2 {border:0;}
.novinka img {width:460px;min-width:460px;right:200px;top:-2px;margin:0px!important;position:relative;}

#data .imgbox a:hover {background:none;}
.novinka .imgbox {float:left;margin-right:24px;width:260px;max-height:160px;border: 2px solid #ddd;overflow:hidden;position:relative;}
.novinka .imgbox:hover {border: 2px solid #666;}

#PanelZobrazitVse {clear:both;width:100%;border-top: 1px solid #ddd;padding-top:20px;}
#PanelZobrazitVse p {text-align:center;}
#PanelZobrazitVse input {min-width:10px;display:none;}
#PanelZobrazitVse label:hover {cursor:pointer;text-decoration:underline;color:#f00;}
#PanelZobrazitVse input:checked ~ label {color:#ccc;}

#listSlovnik .pojem p {display:none;}

/******** MOBILE MENU *************/

#mobile-navigation {
  position:absolute;
  top:0px;
  left:-61px;
  font-size:18px;
  line-height:20px;
  width:45px;
  opacity: 0.95;filter: alpha(opacity=95);-moz-opacity: 0.95;-khtml-opacity: 0.95;
  transition: width 0.7s ease-in-out;
  background:#58595b;
  display:none;
  z-index:3000;
}
#mobile-navigation ul, #mobile-navigation p {display:none;margin:0;}
#mobile-navigation:hover {position:absolute;left:0px;width:245px;}
#mobile-navigation:hover ul, #mobile-navigation:hover p {display:block;}
#mobile-navigation p {
  margin:10px 0 16px;
  padding:0;
  color:#fff;
  text-align:center;
  font-size:1em;
}
#mobile-navigation .icon-menu {
  position:absolute;
  right:-65px;
  top:5px;
}
#mobile-menu {
	background: #a3a3a3;
	padding:0px;
  border:1px solid #a3a3a3;
  -webkit-box-shadow: 2px 2px 10px 1px #333;
  box-shadow: 2px 2px 10px 1px #333;
  z-index:3000;
}
#mobile-menu ul {list-style:none;padding:0;margin:0;border-bottom:1px solid #ccc;}
#mobile-menu li {margin:0;}
#mobile-menu li a {display:block;padding:10px 50px 10px 40px;border-bottom:1px solid #58595b;color:#333;text-decoration:none;}
#mobile-menu li a:hover {background:#444;color:#fff;}
#mobile-menu li.aktualni a {color:#fff;background:#f1f1f1;}
#mobile-menu li.aktualni a:hover {background:#ccc;color:#fff;}

#nomobile {margin-top:8px;color:#333;}
#nomobile a {color:#333;}

/*** FORM ***/
.kontaktForm {background:#dadbdc;padding:20px 4% 10px;margin:24px 0;clear:both;}
.kontaktForm .levy {float:left;width:48%;}
.kontaktForm .pravy {float:right;width:48%;}
.kontaktForm p {float:none;clear:both;}
.kontaktForm .error {position:relative;}
.kontaktForm input {min-height:30px;padding:0 6px;width:98%;min-width:100px;}
.kontaktForm textarea {min-height:110px;width:99%;min-width:100px;}

.kontaktForm #LinkButtonOdeslat {
  margin-top:16px;
  display:inline-block;
  padding:3px 12px;cursor:pointer;
  background-color:#58595b;color:#fff;
  text-decoration:none;
}
.kontaktForm #LinkButtonOdeslat:hover {background-color:#1e2870;}
.kontaktForm #LabelError {font-size:0.8em;margin-left:30px;}


/* Administrace */
.ckeditor {text-align: left; background-color: #fff; background-image: none}

table td, table th {padding:0px 16px;line-height:1.4em;vertical-align:top;}
table th {width:120px;font-weight:normal;}
table td em, table td i {color:#696969;}

table.gridView {width:100%;border: none; background-color: #ffffff; border-collapse: separate !important; border-spacing: 1px 0;color:#1e1e1e;}
table.gridView th {background-color: #fba407; color: #000; border: none;font-weight:normal;	line-height:2.4em;width:auto;}
table.gridView td {background-color: #eeeeee; border: none;line-height:2.4em;}
table.gridView tr.on td {background-color: #2e9c99; color: #ffffff}
table.gridView tr.alt td {background-color: #dddddd}
table.gridView a {font-weight:bold;}
table.gridView a:hover {color:#000;}

table.formView {position:relative;border: 1px solid #595959;width:100%;}
table.formView img {max-width:400px;max-height:160px;}
table.formView td {
	background: transparent url('./img/form-legend.png') no-repeat left 8px;
	vertical-align: middle;
  min-width:120px; 
  position:relative;
}
input, textarea, select {
	margin: 9px 5px 3px 0;
	padding: 4px;
	border: 1px solid #303030;
	background-color: #fff;
  min-width:350px;
}
textarea {height: 75px;}
label {min-width:120px;display:inline-block;padding:6px;margin-right:6px;}

input[type="checkbox"] {min-width:10px;}
input[type="checkbox"] + label {min-width:165px;display:inline-block;line-height:23px;}
table.formView input + label {color:#666;padding: 1px 10px;float:left;}
table.formView input:checked + label {background:#029D00;color:#fff;float:left;} 
table.formView input + label:hover, table.formView input:checked + label:hover {cursor:pointer;}  

input[type="radio"] {width: 15%;height:22px;vertical-align:-6px;}
input[type="button"], input[type="submit"], input[type="reset"] {
  padding:10px 24px;margin: 10px 10px 10px 0;cursor:pointer;
  background-color:#92c307;color:#333;
}
input[type="button"].butOK, input[type="submit"].butOK, input[type="reset"].butOK {
  background-color:#92c307;color:#333;
}
input[type="button"].butCancel, input[type="submit"].butCancel, input[type="reset"].butCancel {
  background-color:#a3a3a3;color:#fff;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
  background-color:#c70100;color:#fff;
}

.error {
  position:absolute;
  right:0;
  background:#f00;
  color:#fff;
  padding:2px 4px;
}

/*GoogleTM*/
div#cookies-information {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
	background-color: #444;
	opacity: 0.75;
	z-index: 1000;
	padding: 5px;
	line-height: 26px
}

	div#cookies-information a {
		color: #eee;
		text-decoration: underline
	}

div#allow-cookies-button, div#disallow-cookies-button {
	background-color: #111;
	color: white;
	padding: 2px 8px;
	display: inline;
	margin-right: 10px;
	cursor: pointer;
}