/*******************************************************************************
* CSS
* Jaromir Chaloupka, Martin Modl.
*******************************************************************************/
* {margin:0; padding:0;}

body {
  font-family: Arial, sans-serif;
  font-size: 80%;
  color: #333;
  background: #d6eaf5 url(../img/pozadi.jpg) repeat-x;
  text-align: center;
}

.linkDownload{padding-left:25px;background-image:url('/img/icons/download.gif');background-repeat:no-repeat;}
.linkMore{font-weight:bold;}

#counter{width:auto;text-align:center;color:#666666;}
#counter p {padding-bottom:5px;}
#counter .counterItem{border:1px solid #AFAFAF;background:#EFEFEF;padding:2px 5px;margin-right:1px;}

.divConfirmation {
  border:1px solid #FBB160;
  background:#FEEBD6;  
  padding:5px 10px;
}

.obligatory{background:#EFF9FF;}
.half{width:50%;}
.quarter{width:25%;}
.full{width:99%;}
.short {width:100px !important;}

.divFilter fieldset{
	background:#E5F2FA;
	padding:10px 0px;
}
.divFilter fieldset legend{
	border:1px solid red;
	margin-left:22px;
	padding:5px 20px;
	background:#fff;
	border:1px solid #99C8E5;
	color:#2974AB;
	font-weight:bold;
}

#logo span{
	border:1px solid red;
	width:258px;
	height:99px;
	visibility:hidden;
}
#logo h1{
	background:url('/img/logo.gif') no-repeat;
	width:258px;
	height:99px;}

/**BANNERS*/
.bannerAdam{width:330px;height:140px;margin:0 0 0 5px;}
.bannerBozena{width:330px;height:140px;margin:0 0 0 5px;}
.bannerCyril{width:685px;height:140px;margin:10px 5px;}

.selectMenuItem{font-weight:bold;}

.hint{width:200px;float:left;}
.hint_box{position:absolute;z-index:50;width:200px;border:1px solid #000;padding:3px;background:#FFFCDF;color:#000;}

fieldset{
   -moz-border-radius-bottomleft:7px;
   -moz-border-radius-bottomright:7px;
   -moz-border-radius-topleft:5px;
   -moz-border-radius-topright:7px;
   border-radius: 3px;
   width:99%;
   border:1px solid #99c8e5;
}
fieldset legend span{padding:0px 5px;}
select, option{padding:2px;}
select{border:1px solid #99c8e5;}

.showPart:hover{cursor:pointer;}

.entryForm{width:99%;}
.entryForm th, .entryForm td{vertical-align:top;}
.entryForm th{text-align:right;padding-right:10px;width:150px;}
.entryForm input{width:50%;}
.entryForm textarea{font-family:Arial;font-size:100%;padding:2px;width:99%;border:1px solid #99c8e5;}
.entryForm .quarter{width:25%;}
.entryForm p {padding:0px !important;}

ul,ol{margin:5px 25px;}
ul li, ol li{margin:2px 0;}
.clear {clear:both;}
hr.clear{display:none;}

.warning{font-weight:bold;color:red;}

#kontejner {width:960px; margin:10px auto; text-align:left;}

#cas {width:960px;}
#cas p {text-align:right; padding:0 15px 0 0; color:#4F9BD5;}
#zahlavi {
  background:url(../img/zahlavi.jpg) no-repeat top left;
  min-height:193px;
  position:relative;
}
#logo {position:absolute; top:55px; left:30px;}
#hrana {float:right; margin-top:28px;
        background:#b2d3ed url(../img/hrana.gif) no-repeat top left; height:29px;}
#hrana p {padding:3px 15px 7px 40px; color:#4F9BD5;}
#hrana p a {color:#4F9BD5;font-weight:bold;}
#hrana p a:hover {color:#333;font-weight:bold;}
/*#hrana ul {list-style:none; margin:0;display:block;}
#hrana ul li {display:inline; margin:0 3px;}
#hrana ul li a {font-weight:bold;}
#hrana ul li a:hover {color:#222;}*/
#vyhledavani {position:absolute; top:92px; left:690px; width:250px;}
#vyhledavani p {font-weight:bold; font-size:100%; color:#2974ab; text-align:right;}
#vyhledavani table {margin:20px 10px 0 10px;}
#vyhledavani table td input.q {width:160px;}

#telo {
  background:#fff url(../img/telo_nove.jpg) no-repeat top left;
  min-height:157px;
  border-left:1px solid #a6cdde;
  border-right:1px solid #a6cdde;
}
#telop {
  background:#fff url(../img/telop.jpg) no-repeat top left;
  min-height:157px;
  border-left:1px solid #a6cdde;
  border-right:1px solid #a6cdde;
}
#levy {float:left; width:224px; margin:0 5px 0 10px;}
.navigace {width:214px; margin:5px;}
#nav_t, #pri_t {background:url(../img/navigace_t.gif) no-repeat top left; height:3px; overflow:hidden;}
#nav_m, #pri_m {background:url(../img/navigace_m.gif) repeat-y top left;}
#nav_b, #pri_b {background:url(../img/navigace_b.gif) no-repeat top left; height:3px; overflow:hidden;}
#nav_m p {background:url(../img/navigace.gif) no-repeat 0 50%; font-weight:bold; font-size:120%; color:#2974ab; padding:5px 5px 5px 25px; margin-left:10px;}
.navigace dl {margin-bottom:15px;}
.navigace dl dt a {
  display:block;
  padding:5px 15px;
  background:url(../img/kostka.gif) no-repeat 5px 50%;
  border-bottom:1px solid #dbedf6;
  color:#2974ab;
  font-weight:bold;
  text-decoration:none;
}
.navigace dl dt a:hover {
  display:block;
  padding:5px 15px;
  background:url(../img/kostka.gif) no-repeat 5px 50%;
  border-bottom:1px solid #dbedf6;
  color:#eb2126;
  font-weight:bold;
  text-decoration:none;
}
.navigace dl dt a.aktivni {background:#e6f2f9 url(../img/kostka.gif) no-repeat 5px 50%;}
.navigace dl dt.posledni a, .navigace dl dt.posledni a:hover {border:none;}
.navigace dl dt.bt {border-top:1px solid #dbedf6;}

.navigace dl dd.u1 a {
  display:block;
  padding:3px 15px;
  background:url(../img/kostka.gif) no-repeat 5px 50%;
  color:#2974ab;
  text-decoration:none;
  margin-left:10px;
}
.navigace dl dd.u1 a:hover {
  display:block;
  padding:3px 15px;
  background:url(../img/kostka.gif) no-repeat 5px 50%;
  color:#eb2126;
  text-decoration:underline;
  margin-left:10px;
}
.navigace dl dd.u1 a.aktivni {
  display:block;
  padding:3px 15px;
  background:url(../img/kostka.gif) no-repeat 5px 50%;
  color:#2974ab;
  font-weight:bold;
  text-decoration:underline;
  margin-left:10px;
}

.navigace dl dd.u2 a, .navigace dl dd.u3 a, .navigace dl dd.u4 a, .navigace dl dd.u5 a {
  display:block;
  padding:2px 5px;
  color:#444;
  text-decoration:none;
  border-left:1px solid #ccc;
}
.navigace dl dd.u2 a:hover, .navigace dl dd.u3 a:hover, .navigace dl dd.u4 a:hover, .navigace dl dd.u5 a:hover {
  display:block;
  padding:2px 5px;
  color:#eb2126;
  text-decoration:underline;
  border-left:1px solid #ccc;
}
.navigace dl dd.u2 a.aktivni, .navigace dl dd.u3 a.aktivni, .navigace dl dd.u4 a.aktivni {
  display:block;
  padding:2px 5px;
  color:#444;
  font-weight:bold;
  text-decoration:underline;
  border-left:1px solid #ccc;
}
.navigace dl dd.u5 a.aktivni {color:#eb2126; font-weight:bold;}

.navigace dl dd.u2 a {margin-left:20px;}
.navigace dl dd.u3 a {margin-left:30px;}
.navigace dl dd.u4 a {margin-left:40px;}
.navigace dl dd.u5 a {margin-left:50px;}

#prihlaseni {width:214px; margin:5px;}
#pri_m p {background:url(../img/prihlaseni.gif) no-repeat 0 50%; font-weight:bold; font-size:120%; color:#2974ab; padding:5px 5px 5px 25px; margin-left:10px;}
#pri_p {background:#f6f6f6 url(../img/prihlaseni_p.jpg) repeat-x top left; overflow:hidden; padding:10px 5px;}
#prihlaseni table {margin:0;}
#prihlaseni table td {padding:2px 4px; color:#666;}
#prihlaseni table td input.t {width:130px;}
#pri_p p.odk {font-size:90%; padding:10px 0;text-align:center;}

#pravy {float:left; width:706px;}
#pravy_l {float:left; width:345px; margin:0; background:url(../img/telo_pruhled.png) repeat-x top left;}
#pravy_p {float:left; width:345px; margin-left:10px; background:url(../img/telo_pruhled.png) repeat-x top left;}

.divPravy_l{
	float:left;
	width:345px;
	margin:0;}
.divPravy_p{
	float:left;
	width:345px;
	margin-left:10px;}

#aktuality {margin:5px;}
#akt_t {background:url(../img/aktuality_t.gif) no-repeat top left; height:3px; overflow:hidden;}
#akt_m {background:url(../img/aktuality_m.gif) repeat-y top left;}
#akt_b {background:url(../img/aktuality_b.gif) no-repeat top left; height:3px; overflow:hidden;}
#akt_m h2 {font-size:120%; color:#fff; padding:5px 5px 5px 25px; border-bottom:none; background:url(../img/aktuality.gif) no-repeat 0 50%; margin-left:10px;}
#akce {background:url(../img/akce.gif) no-repeat top left; margin:5px;}
#akc_t {background:url(../img/akce_t.gif) no-repeat top left; height:3px; overflow:hidden;}
#akc_m {background:url(../img/akce_m.gif) repeat-y top left;}
#akc_b {background:url(../img/akce_b.gif) no-repeat top left; height:3px; overflow:hidden;}
#akc_m h2 {font-size:120%; color:#fff; padding:5px 5px 5px 25px; background:url(../img/akce.gif) no-repeat 0 50%; margin-left:10px;}
#aktuality table, #akce table {margin:5px 0; width:330px;}
#aktuality table td, #akce table td {padding:4px; color:#666;}
#aktuality table tr.r1, #akce table tr.r1 {background-color:#fff;}
#aktuality table tr.r2 {background-color:#e6f2f9;}
#aktuality table td a {font-weight:bold;}
#akce table tr.r2 {background-color:#fde8e9;}
#akce table td a {font-weight:bold; color:#eb2126;}
#akce table td a:hover {color:#4f9bd5;}
#aktuality p, #akce p {text-align:right; padding:10px 5px;}
#aktuality p a, #akce p a:hover, #pjz p.vice a:hover {
  background-color:#2974ab;
  border:1px solid #23628f;
  padding:3px 6px; 
  font-weight:bold;
  color:#fff;
  text-decoration:none;
}
#akce p a, #aktuality p a:hover, #pjz p.vice a {
  background-color:#eb2126;
  border:1px solid #dc141a;
  padding:3px 6px;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
}

#pjz {
  background:url(../img/pohybjezivot.jpg) no-repeat top left;
  width:331px;
  height:140px;
  position:relative;
  margin:10px 0;
}
#pjz h3 {position:absolute; top:20px; left:15px; color:#eb2126; font-size:130%;}
#pjz p {position:absolute; top:50px; left:15px; color:#666; width:150px;}
#pjz p.vice {position:absolute; top:105px; left:15px;}
#reklama {width:331px; height:140px; margin:10px 0;}
#rek_t {background:url(../img/reklama_t.gif) no-repeat top left; height:3px; overflow:hidden;}
#rek_m {background:url(../img/reklama_m.gif) repeat-y top left;}
#rek_b {background:url(../img/reklama_b.gif) no-repeat top left; height:3px; overflow:hidden;}
#rek_m h3 {font-size:120%; color:#666; padding:5px 5px 5px 25px; background:url(../img/reklama.gif) no-repeat 0 50%; margin-left:10px;}
#rekp {background:url(../img/reklama_p.jpg) repeat-x top left; overflow:hidden;}
#rekp p {padding:15px 20px;}
#banner {margin:5px 10px 10px 10px;}

#drobecky {margin:5px;}
.drob_t {background:url(../img/drobt.gif) no-repeat top left; height:5px; overflow:hidden;}
.drob_m {background:url(../img/drobm.gif) repeat-y top left;}
.drob_b {background:url(../img/drobb.gif) no-repeat top left; height:5px; overflow:hidden;}
.drob_m p, .tip_m p {padding:5px 10px; color:#2974ab;}
.drob_m p a, .tip_m p a {font-weight:bold; color:#2974ab;}
.drob_m p a:hover, .tip_m p a:hover {color:#eb2126;}
.drob_m p em {font-weight:bold; font-style:normal; color:#eb2126;}

#obsah {margin:5px 15px;}
#obsah h1 {font-size:160%; color:#2974ab; padding:10px 0 5px 0; border-bottom:1px solid #cde3f3; margin-bottom:10px;}
#obsah h1 span {border-bottom:3px solid #cde3f3; padding:4px 0;}
#obsah h2 {font-size:140%; color:#eb2126; padding:10px 0 5px 0; border-bottom:1px solid #facba9; margin-bottom:10px;}
#obsah h2 span {border-bottom:3px solid #facba9; padding:4px 0;}
#obsah .obsaht {float:left; width:500px; margin-right:20px;}
#obsah .obsaho {float:left; width:140px;}
#obsah .obsaho a img {padding:1px; border:4px solid #fff; margin:2px 0;}
#obsah .obsaho a:hover img {padding:1px; border:4px solid #cde3f3; margin:2px 0;}
#obsah p {padding:0px 0; line-height:20px;}
#obsah p.zahl {color:#999;}
#obsah .box1 p {padding:2px 10px;}

.magazine a img {padding:1px; border:4px solid #fff; margin:2px 0;}
.magazine a:hover img {padding:1px; border:4px solid #cde3f3; margin:2px 0;}
.magazine a{font-weight:bold;}

#fotogalerie {margin:5px 0;}
#fotogalerie h2 {font-size:140%; color:#eb2126; padding:10px 0 5px 0; border-bottom:1px solid #facba9; margin-bottom:10px;}
#fotogalerie h2 span {border-bottom:3px solid #facba9; padding:4px 0;}
#fotogalerie a img {padding:1px; border:4px solid #fff; margin:5px;}
#fotogalerie a:hover img {padding:1px; border:4px solid #cde3f3; margin:5px;}

.box1 {background:url(../img/box1.jpg) no-repeat bottom left;margin:10px 0;}
.box1o {float:left;width:140px;margin:8px;text-align:center;}
.box1to{margin:0px 10px;padding:0px 0px 10px 0px;}
.box1to img{float:left;margin:0px 10px 5px 0px;}
.box1o a img,
  .box1to a img{background-color:#fff;padding:4px;border:1px solid #cde3f3;}
.box1o a:hover img,
  .box1to a:hover img{background-color:#fff;padding:1px;border:4px solid #cde3f3;}
.box1t {float:left; width:490px; margin:5px;}

h2{font-size:130%; color:#eb2126; padding-bottom:5px;}
.box1t h2 a {color:#eb2126;}
.box1t h2 a:hover {color:#4f9bd5;}
.box1t p {padding:2px 0;}
.box1t p.zahl {color:#4f9bd5;}
.box1t p.zahl span {font-weight:bold;}

#strankovani {margin:20px 5px; padding:10px 0;}
#strankovani p {text-align:center; font-size:90%; color:#999; word-spacing:5px;}
#strankovani p a {background-color:#f0f0f0; border:1px solid #e0e0e0; text-decoration:none; padding:2px 4px;}
#strankovani p a:hover, #strankovani p a.aktivni {background-color:#2974ab; border:1px solid #23628f; text-decoration:none; padding:2px 4px; color:#fff;}

#tipy {margin:20px 5px;}
.tip_t {background:url(../img/tipt.gif) no-repeat top left; height:5px; overflow:hidden;}
.tip_m {background:url(../img/tipm.gif) repeat-y top left;}
.tip_b {background:url(../img/tipb.gif) no-repeat top left; height:5px; overflow:hidden;}

#telob {background:url(../img/telob.gif) no-repeat top left; height:10px;}
#paticka p {padding:10px; color:#60add7;}
#paticka p a.rss {background:url(../img/rss.gif) no-repeat 0 50%; padding-left:14px;}

a {color:#4f9bd5;}
a:hover {color:#eb2126;}
a img {border:none;}
table td {padding:0 2px;}
input {font-family:Arial,sans-serif; padding:2px; border:1px solid #99c8e5;}
input.tlacitko {
  background-color:#2974ab;
  border:1px solid #23628f;
  padding:2px 4px;
  color:#fff;
  font-weight:bold;
  cursor:pointer;
  width: auto;
}

#mapa_stranek{margin-left:120px;}
#mapa_stranek dl {margin:20px 10px;}
#mapa_stranek dl dt a {font-size:110%; color:#2974ab; font-weight:bold; padding:5px 0; display:block;}
#mapa_stranek dl dt a:hover {font-size:110%; color:#eb2126; font-weight:bold;}
#mapa_stranek dl dd.d1 a {color:#2974ab; font-weight:bold; background:url(../img/kostka.gif) no-repeat 5px 50%; padding:4px 0 4px 20px; display:block;}
#mapa_stranek dl dd.d1 a:hover {color:#eb2126; font-weight:bold;}
#mapa_stranek dl dd.d2 a {color:#666; font-weight:bold; background:url(../img/d2.gif) repeat-y 25px 50%; padding:4px 0 4px 35px; display:block;}
#mapa_stranek dl dd.d2 a:hover {color:#eb2126; font-weight:bold;}
#mapa_stranek dl dd.d3 a {color:#666; font-weight:bold; background:url(../img/d3.gif) repeat-y 25px 50%; padding:4px 0 4px 55px; display:block;}
#mapa_stranek dl dd.d3 a:hover {color:#eb2126; font-weight:bold;}
#mapa_stranek dl dd.d4 a {color:#666; background:url(../img/d4.gif) repeat-y 25px 50%; padding:4px 0 4px 75px; display:block;}
#mapa_stranek dl dd.d4 a:hover {color:#eb2126;}
#mapa_stranek dl dd.d5 a {color:#666; background:url(../img/d5.gif) repeat-y 25px 50%; padding:4px 0 4px 95px; display:block;}
#mapa_stranek dl dd.d5 a:hover {color:#eb2126;}

.tableListVertical {
  width:100%;
}
.tableListVertical th, .tableListVertical td {
  vertical-align: top;
  text-align: left;
  padding:2px 5px;
}
.tableListVertical th {
  background: #CDE3F3;
}

/*E-shop*/
.eshopStepsBar {
  width:100%;
  text-align:center; 
}
.eshopSteps {
  width:auto;
  padding:5px 10px;
  display:inline;    
  margin-right:2px;  
  border:1px solid #99C8E5;
}
.eshopStepsBar .active {
  background:#E5F2FA;
}
.eshopStepsBar a {
  color:#000;
  text-decoration:none;
}
.eshopStepsBar .active {  
  color:#fff;
}

.recapitulationTable td, .recapitulationTable th {
  padding:2px 5px;
  vertical-align:top;
  text-align:left;
}
.recapitulationTable th {background:#CDE3F3;}

.eshopAddToBasketNotification {
  padding:5px 10px;
  background:#FEEBD6;
  border:1px solid #FBB160;
}