p#vtip { display: none; position: absolute; padding: 2px 5px 1px 5px; left: 3px; 
         font-size: 0.8em; 
         background-color: #e1e1e1; 
         color: #333;
         border: 1px solid #c4c4c4;
         -moz-border-radius: 4px; -webkit-border-radius: 4px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 3px;}

form, input, option, textarea { margin: 1px; padding: 1px;}
form.inline,form.inline fieldset{ display:inline;}
form.inline fieldset input{ margin: 0px; padding: 0px;}
input, textarea, select {-moz-border-radius: 3px; -webkit-border-radius: 3px;}
fieldset{
  margin: 0px;
  padding: 0px;
  border: 0px #BBB solid;
}

form fieldset, form table{
  font-size: 0.9em;
}
input, textarea, select{
  background-color: #EEE;
  border: 1px #AAA solid;
  margin: 1px 1px 1px 1px;
  padding: 1px;
  font-size: 1em;
	font-weight: normal;
  color: #000;
}
textarea{
  font-size: 1.2em;
}
input.povinne, textarea.povinne, select.povinne{
  background-color: #FEE;
  border: 1px #FAA solid;
}

input.submit{
  color:#FFF;
  background: #72ba12 url("./default/submit.png") repeat-x center center;
  font-weight: bold;
  border: 1px #569205 solid;
  -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
input.submit:hover{
  background: #1267ba url("./default/submit_hover.png") repeat-x center center;
  border: 1px #054c92 solid;
  cursor: pointer; 
}

li.selected{list-style-image: url("./default/icons/doprava.png");}
li.other{list-style-image: url("./default/icons/doprava-grey.png");}

h1 {color: #FFF; font-size: 1.6em; margin: 4px 0px 1px 0px; padding: 5px;display: inline-block;zoom:1;*display:inline;font-weight: normal; background: #72ba11;}
h2 {color: #333; font-size: 1.5em; margin: 12px 0px 6px 0px; padding: 0px;display: block;}
h3 {color: #333; font-size: 1.3em; margin: 9px 0px 4px 0px; padding: 0px;display: block;}
h4 {color: #333; font-size: 1.1em; margin: 6px 0px 2px 0px; padding: 0px;display: block;}

a, span.odkaz{
	color: #036;
  text-decoration: none;
  margin:0px;
  padding: 0px;
  display: inline;
}
a:hover, span.odkaz:hover {text-decoration: underline;}

a img{
  border: 0px #000 solid;
  padding: 1px 2px 1px 2px;
  margin: 0px;
  display: inline;  
}

.ramecek{
  margin: 2px;
  padding: 2px;
  border: 1px #888 solid;
}

table {
  margin: 0px;
  padding: 0px;
  font-size: 1em;
	font-weight: normal;
	border-collapse:collapse;
  color: #000;
}
table td{ margin: 0px; padding: 2px; vertical-align: top;}
table td.popisek, table.admintable th{
  background: url("../../data/ost/black_50.png");
  font-size: 0.9em;
  font-weight: normal;
  border: 1px #FFF solid;
  text-align: center;
  vertical-align: middle;
  color: #EEE;
}
table tr.sudy {background: url("../../data/ost/black_20.png");}
table tr.lichy{background: url("../../data/ost/black_10.png");}
table tr.sudy:hover{background: #F5F5F5;}
table tr.lichy:hover{background: #F5F5F5;}
table tr.sudy td{ border: 1px #FFF solid; padding:1px 3px 1px 3px;}
table tr.lichy td{border: 1px #FFF solid; padding:1px 3px 1px 3px;}

table.ramecek {
  border: 1px #BBB solid;
}
table.ramecek td{
  padding: 4px;
}
.nezalamovat{
  white-space:nowrap;
}

table.tabmrizka{
  border-collapse: collapse;
}
table.tabmrizka td{
  padding: 2px;
  border: 1px #CCC solid;
}
table.tabmrizka td.dny{
  color: #555;
  background-color: #DDD;
  text-align: center;
}

table td.textnapravo{
  text-align: right;
}
table td.textnastredu{
  text-align: center;
}

table.formtable {
  width: 100%;
  border-collapse: collapse;
}
table.formtable td.napravo {
  white-space: nowrap;
}

table.formtable tr{
  background: url("./../data/ost/black_5.png");
  border: 1px #FFF solid;
}
table.formtable td{
  padding: 3px 1px 3px 1px;
}
.err,.war,.lad,.inf,.suc{
  margin: 1px;
  padding: 4px 2px 4px 2px;
  font-size: 1em;
	font-weight: normal;
  color: #333;
}
.lad{ border: 1px #555 dashed; background: #AAA;}
.err{ border: 1px #eb5439 solid; background: #f5b5a9;}
.war{ border: 1px #fdc54c solid; background: #ffdb91;}
.inf{ border: 1px #418bcc solid; background: #b4cfea;}
.suc{ border: 1px #98c601 solid; background: #e2ff7e;}

.clear-left{clear:left;margin:0px;padding:0px;width:0px;height:0px;}
.clear-right{clear:right;margin:0px;padding:0px;width:0px;height:0px;}
.clear-both{clear:both;margin:0px;padding:0px;width:0px;height:0px;}


.search-result{
  margin: 0px;
  padding: 5px;
  border: none;
  font-size: 1em;
}
.search-cislo{
  width: 30px;
  margin: 5px; padding: 5px;
  border: 1px #DDD solid;
  background: #EEE;
  color: #CCC;
  text-align: center;
  vertical-align: middle;
  font-size: 1.2em;
  font-weight: bold;
  float: left;
}
.search-uvod{
  margin: 8px; padding: 2px;
  font-size: 1.2em;
  border-bottom: 1px #CCC solid;
}
.search-item{
  margin: 8px; padding: 0px;
  border: none;
  font-size: 1em;
}
h3.search-nadpis{
  margin: 0px; padding: 0px;
  font-size: 1em;
}
.search-typ{
  color: #666;
  margin: 0px; padding: 0px;
  border: none; font-size: 1em;
  float: right;
}
.search-popis{
  border: none; font-size: 0.9em; color: #333;
}
.search-separator{
  height: 1px;
  background: #CCC;
}


/* komentáře */
#komentare-napsat,#komentare-napsat-but{
  margin: 2px;   padding:2px;
  background: #FFF;
  border: 1px #DDD solid;
  -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#komentare-napsat{display: none;}
#komentare-zobrazit{
  margin: 2px; padding: 2px;
  background: #FFF;
  border: 1px #DDD solid;
  -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#komentare-zobrazit .komentar{
  margin: 2px 2px 2px 2px;
  border: 1px #DDD solid; 
  -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#komentare-zobrazit table.komentare-tabulka{margin: 0; width: 100%; border: none;}
#komentare-zobrazit table.komentare-tabulka td{border: none; background: #FFF;}
#komentare-zobrazit .kom_cislo{font-size: 1.2em;color: #666; padding: 3px;}
#komentare-zobrazit .kom_autor{font-size: 1em;color: #222; padding: 3px;}
#komentare-zobrazit .kom_datum{font-size: 1em;color: #666; padding: 3px; float:right;}
#komentare-zobrazit .kom_text{font-size: 1.1em;color: #111; padding: 3px; font-style: italic;}

/* kalendář old */
table.kalendar{
  font-size: 0.9em; 
  color: #333;
  border-collapse: collapse;
  width: 200px;
}
table.kalendar td{text-align: center; vertical-align: top; border: 1px #CCC solid;}
table.kalendar td a {margin:0px; padding:0px; display: inline; border: 0px #EEE solid;}
table.kalendar td img {margin:1px 1px 0px 0px; padding:0px; display: inline; border: 0px #EEE solid;}
table.kalendar td.akt-day{background-color: #DDD;}
table.kalendar td.week-day{color: #777; font-weight:bold; width: 17px;}
.pointer{
  cursor: pointer; 
}

/* kalendář */
#calendarhead *{margin:0; padding:0; display: inline;}
#calendarhead {text-align: center;}  
#calendarhead input{font-size: 0.9em;}
#calendarboxtabs{font-size: 0.85em;}
#calendarboxtabs div.ramec{margin: 1px;}
#calendar{
  font-size:1em;
  border-collapse:separate;
  border-spacing:0px;
  border:none; 
  padding:0px; margin:0px; 
  width: 100%; background:none;}
#calendar tr{margin:0px; padding:0px;}
#calendar th, #calendar td{
  width: 14.28%;
  text-align:center; 
  margin:0px; padding:0px;}
#calendar th{color:#555; font-style:italic; font-size:0.9em; border:none;  background:none; }
#calendar td{
  border-top:1px #f8f8f8 solid; border-left:1px #f8f8f8 solid;
  border-bottom:1px #cdd8de solid; border-right:1px #cdd8de solid;
  background:#ecf4f6; height:30px;
}
#calendar td.aktday{border-top:1px #eaf6fd solid; border-left:1px #eaf6fd solid;
                    border-bottom:1px #cdd8de solid; border-right:1px #cdd8de solid;
                    background:#d8dfe5;}
#calendar td div.numberofday{color:#646567; padding:1px; margin:0;}
#calendar td.aktday div.numberofday{color:#646567; font-weight: bold;}
#calendar td.dayofanothermonth{border:none; background: none;}
#calendar td div.akce{width:10px; height:9px; border:none; display:block; float:left; margin:1px;}


/* základní barvy */
.black{color: #000;}
.navy{color: #008;} 	
.blue{color: #00F;} 	
.green{color: #080;} 	
.teal{color: #088;} 	
.lime{color: #0F0;} 	
.aqua, .azur{color: #0FF;} 	
.maroon{color: #800;} 	
.purple{color: #808;} 	
.olive{color: #880;} 	
.gray{color: #888;} 	
.silver{color: #CCC;} 	
.red{color: #F00;} 	
.fuchsia, .violet{color: #F0F;} 	
.yellow{color: #FF0;} 	
.white{color: #FFF;}

.floatright{float:right;}
.floatleft{float:left;}

img.left{float:left;}
img.right{float:right;}

span.vel8{font-size: 8px;}
span.vel10{font-size: 10px;}
span.vel11{font-size: 11px;}
span.vel12{font-size: 12px;}
span.vel13{font-size: 13px;}
span.vel14{font-size: 14px;}
span.vel15{font-size: 15px;}
span.vel16{font-size: 16px;}
span.vel17{font-size: 17px;}
span.vel18{font-size: 18px;}
span.vel19{font-size: 19px;}
span.vel20{font-size: 20px;}
span.vel22{font-size: 22px;}
span.vel24{font-size: 24px;}
span.vel28{font-size: 28px;}
p{margin: 1px;padding: 1px;}
  
p.left{text-align: left;}
p.right{text-align: right;}
p.center{text-align: center;}
p.justify{text-align: justify;}
span.underline{text-decoration: underline;}
span.strikethrough{text-decoration: line-through;}
      
.skryty{
  display:none;
}


.googleokno, .googleokno p{
  color: #000;
  margin: 0; padding: 0;
}
.googleokno img{
  float: right;
  margin: 5px; padding: 0;
  border: 1px #BBB solid;
}
.googleokno a{
  font-size: 1.2em;
  margin: 0; padding: 0;
  background: #FFF; 
}
object{
  z-index:0;
}

#gmapa, #map_canvas{
  overflow: hidden;
  margin: 5px;
  border: 1px #999 solid;
}

/* rámeček */
.ramec {
  margin:2px;
  padding:3px;
  border: 1px #CCC solid;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.ramec h3{
  font-size: 1.2em;
  font-weight: normal;
  margin:1px;
  padding:0px;
  color: #666;
}


/* box nejnovější články */
div.nejnovejsi{
  font-size: 0.9em;
  margin: 1px 0 1px 0;
  padding: 1px; 
  border: 1px #EEE solid;
  -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
div.nejnovejsi span{
  font-size: 0.95em;
  color: #555;
}
div.posledniaktualizace{
  text-align: center;
  color: #AAA;
  margin: 1px 0 1px 0;
  padding: 1px;
  border: 1px #EEE solid;
  background: #FAFAFA;
  -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
div.posledniaktualizace span{
  font-size: 1.2em;
  color: #338;
}
/* konec box nejnovější články */


/* box rss čtečka */
div.rss-item{
  font-size: 0.8em;
  margin: 1px 0 1px 0;
  padding: 1px 2px 1px 2px; 
  border: 1px #CCC solid;
  /*background: url("./default/icons/sipka-doprava.png") no-repeat left center;*/
  -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
div.rss-date{
  color: #777;
  font-size: 0.8em;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; 
  border-top: 1px #EEE solid;
  text-align: right;
}
div.rss-more{
  font-size: 1em;
  margin: 0px 0px 0px 0px;
  padding: 0px 10px 0px 0px; 
  text-align: right;
}
/* konec rss čtečka */


/*dlaždice strankovani*/
.dlazdicestrankovani{
  padding: 2px;
  margin: 4px 20px 4px 20px;
  text-align: center;
  color: #777;
}
.dlazdicestrankovani a{
  display: inline-block;
  padding: 5px;
  margin: 1px;
  background: #F6F6F6;
  color: #777;
  border: 1px #AAA solid;
}
.dlazdicestrankovani a.akt{
  background: #555;
  color: #EEE;
  border: 1px #AAA solid;
}


/* kategorie eshopu */
div.s-i-l{margin: 0px; padding: 2px;}
div.s-i-l span.selected a{font-weight: bold;width: 100%; color: #FFF; background-color: #07294d; display: inline; padding: 2px 1px 2px 3px;}
div.s-i-l span.selected a:hover{text-decoration: none;}
div.s-i-l:hover{background-color: #EEE;}

div.s-i-l-1{margin: 0px 0px 0px 0px;  padding: 1px 2px 1px 2px;border-bottom: 0px #F5F5F5 solid;}
div.s-i-l-1 a{font-weight: bold;color: #07294d;}
div.s-i-l-1 a:hover{text-decoration: underline;}

div.s-i-l-2{margin: 0px 0px 0px 0px;  padding: 1px 2px 1px 12px;}
div.s-i-l-2 a{color: #07294d; font-weight: normal;}
div.s-i-l-2 a:hover{text-decoration: underline;}

div.s-i-l-3{ margin: 0px 0px 0px 0px;  padding: 1px 2px 1px 22px;}
div.s-i-l-3 a{color: #07294d  ; font-weight: normal;}
div.s-i-l-3 a:hover{text-decoration: underline;}


/*    eshop     eshop     eshop     eshop     eshop     eshop     eshop     eshop     */

.produkty{
  margin: 1px;
  padding: 1px;
  border: 0px #DDD solid;
}

.produkty .produkt{
  margin: 2px;
  padding: 2px;
  width: 332px;
  font-size: 0.9em;
	font-weight: normal;
  color: #444;
  background-color: #FFF;
  border: 1px #CCC solid;
  -moz-border-radius: 4px; -webkit-border-radius: 4px;
  float: left;
}
.produkty .produkt a{
  font-size: 1.3em;
	letter-spacing: -0.2px;
  font-weight: bold;
  display: block;
}
.produkty .produkt a:hover{text-decoration: underline;}


.produkty .produkt .produkt_vyrobce{
  font-size: 1.2em;
  float: right;
  /* border-bottom: 1px #EEE solid; */
}

.produkty .produkt .produkt_level{
  background-color: #73bb12;
  border: 1px #64a40f solid;
  color: #FFF;
  font-weight: bold;
  -moz-border-radius: 4px; -webkit-border-radius: 3px;
  padding: 1px 5px 1px 5px; margin: 2px;
  display: inline-block;
}


.produkty .produkt .nahled{
  margin: 1px;
  padding: 1px;
  font-weight: normal;
  color: #AAA;
  border: 0px #CCC solid;
}

.produkty .produkt .kosik_detail{
  text-align: center;
  margin: 2px 0 2px 8px;
}
.produkty .produkt .kosik_detail form{
  float: left;
}
.produkty .produkt .kosik_detail form input[type=submit]{
  width: 90px;
}

.produkty .produkt table{width: 100%;}
.produkty .produkt .produktinfo{width: 100%;}

fieldset.obj-form
{
  margin:0px;
  padding:0px;
  border: 0px #000 solid;
}
fieldset.obj-form input
{
  margin:0px 0px 0px 0px;
  padding:0px;
  display: inline;
}
fieldset.obj-form input[type="hidden"]{
  display: none;
}
fieldset.obj-form input[type="text"]{
  width: 24px;
}
fieldset.obj-form input[type="image"]{
  margin: 0;
  padding: 0;
  border: none;
  background-color: #FFF;
  display: inline;
}


.produkty .produkt strong{
  font-weight: bold;
}

.normal_shop_cena, .sleva_normal_shop_cena{
  color: #008;
  font-size: 1.1em;
	font-weight: bold;
}
.sleva_normal_shop_cena{
  font-size: 1.2em;
}
.ref_shop_cena, .sleva_ref_shop_cena{
  color: #855;
  font-size: 1em;
	font-weight: normal;
	text-decoration: line-through;
}
.sleva_ref_shop_cena{
  font-size: 1.1em;
}
.usetrite_shop_cena{
  color: #292;
  font-size: 1em;
	font-weight: bold;
}


.preskrtle{
  text-decoration: line-through;
}
.celkova_cena{
  text-align: right;
  font-size: 1.1em;
  color: #000;
  background-color: #CCC;
  border-top: 1px #FFF solid;
}

.katalog-oddil{
  margin:2px;
  padding:2px;
  border: 1px #BBB solid;
  background-color: #FFF;
}

.napravo{
  margin: 0px;
  padding: 0px;
	float:right;
}

.nalevo{
  margin: 1px;
  padding: 0px;
  text-align:left;
  float:left;
  width: 25px;
  display: block;
}
.alignnapravo{
  text-align: right;
}

.product_box{font-size: 0.9em;}
.product_box a{font-size: 1.2em;}
.product_box_nahled img{width: 50px;}


/*  XMLForm */
#XMLFormlisttabs{
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 0.9em;
}
#XMLFormlisttabs span{
  padding: 1px 3px 1px 3px;
  margin: 0px 1px 0px 1px;
  border: none;
  background: url("../../data/ost/black_20.png");
  display: block;
  float: left;
  -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px
}
#XMLFormlisttabs span.akt{
  border: none;
  background: url("../../data/ost/black_50.png");  
}
#XMLFormlisttabs span a{font-weight: normal; color: #777;}
#XMLFormlisttabs span.akt a{color: #EEE;}

#xml-filtry-okno, #xml-filtry-zobrazit-but{border: none;}
#xml-filtry-zobrazit-but div.buttons, #xml-filtry-okno div.buttons{
  width: 120px; float:right;
}
#xml-filtry-zobrazit-but div.buttons *, #xml-filtry-okno div.buttons *{
  border: none; background: none; margin: 0px; padding: 0px;
}
#xml-filtry-zobrazit-but div.buttons form, #xml-filtry-okno div.buttons form{
  width: 20px; float:right;
}
span.filtrinfo{color: #888; font-size:0.9em;}

.xmlform-main-ramec {
  margin:2px;
  padding:3px;
  border: 1px #AAA solid;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.xmlform-ramec {
  margin:2px;
  padding:3px;
  border: 1px #CCC solid;
  -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.xmlform-ramec h3{
  font-size: 1.1em;
  font-weight: normal;
  margin:2px;
  padding:0px;
  color: #222;
  display: inline;  
}
.xmlform-item-title{
  color: #444;
  font-size: 1em;
  text-align: right;
  margin: 2px;  
}
.xmlform-item-option{
  width: 80%;
  font-size: 0.9em;  
}


/* jCarousel */
.nonImageContent{
  height: 180px;
}
.nonImageContent .jCarouselLite{
  background: #FFF;
  margin: 0 25px 0 25px;
  float: left;
  height: 180px;
  border: 0px #F00 solid;
}

.nonImageContent a.c_prev, .nonImageContent a.c_next{
  margin: 80px 10px 0 20px;
  width: 20px;
  height: 20px;
  float: left;
}
.nonImageContent a.c_prev{background: url("./default/icons/sipka-doleva.png") no-repeat center center;}
.nonImageContent a.c_next{background: url("./default/icons/sipka-doprava.png") no-repeat center center;}