html, body
{
	position: absolute;

	font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;

	width: 100%;
	height: 100%;
	
	min-width: 980px;
}

body
{
	background: #fff;
	position: absolute;

	top: 0px;
	left: 0px;
	bottom: 0px;

	padding: 0px;
	margin: 0px;

	color: #000;
	font-size: 12px;
	font-weight: normal;

	text-align: center;
}

#stranka
{
	
	position: relative;

	height: 100%;
	margin: auto;

	text-align: left;

	min-height: 100%;

}


body>#stranka
{
 	height: auto;
}


a
{
	color: #000;
	/* font-weight: normal; */
}

a:hover
{
	text-decoration : none;
}

h1, h3
{
	padding: 0;
	margin: 0;
	
	/* sfont-family: Impact, Charcoal, sans-serif; */
	/* sfont-weight: normal; */
	/* sfont-size: 16px; */
}

h1
{
	font-size: 16px;
}

h3
{
	font-size: 14px;
}
h4
{
	font-size: 14px;
}

.menu_kategorie a
{
	color: #000;

	/* sfont-family: Impact, Charcoal, sans-serif; */
	font-size: 14px;
	text-decoration : none;
}

.menu_kategorie a:hover
{
	color: #f76a00;
}

.oranzova
{
	color: #f76a00;
}

.bila
{
	color: #fff;
}

.zelena
{
	color: #78a53b;
}

.cerna
{
	color: #000;
}

.sipka
{
	position: relative;
	top: -0.2em;
	left: -0.5em;
}

/* HLAVICKA */

#hlavicka_pozadi
{
	background: #fff url('/imgs/hlavicka_pozadi.png') top left repeat-x;
	
	position: relative;

	height: 95px;
}

#hlavicka
{
	position: relative;

	width: 980px;
	margin: auto;
}

#hlavicka .logo
{
	padding: 0;
	margin: 0; 
	position: absolute;
	left: 0px;
	top: 2px;
	width: 277px;
	height: 65px;
	z-index: 10;
}



#hlavicka .logo img
{
	width: 277px;
	height: 65px;	
	border: 0;
	cursor: pointer;
}


#hlavicka #uzivatel
{
	/* border: 1px solid #000; */
	position: absolute;
	top: 10px;
	right: 0px;
	/* min-width: 20em; */
	height: 55px;
	
	color: #fff;
	font-size: 11px;;
	float: right;
	text-align: right;
}

#hlavicka #uzivatel .ikona
{
  position: relative;
  top: -12px;
  left: -10px;
	float: left;
}

#hlavicka #uzivatel .jmeno
{
	position: relative;
	float: right;
	top: 17px;
  /* font-family: Impact, Charcoal, sans-serif; */
	font-size: 14px;
	font-weight: bold; 
  
}
 
#hlavicka #uzivatel a
{
	color: #fff;
}

#hlavicka #uzivatel #odkazy
{
	
  position: relative;
	
}



#zalozky
{
	 /* border: 1px solid #000; */
	position: absolute;

	top: 67px;
	right: 25px;
	 /* width: 800px; */

}

.panel_pozadi_oranzova
{
	background: url('/imgs/panel_oranzova.png') top left repeat-x;
	position: relative;
	left: 0px;
	width: 100%;
	height: 91px;
}

.panel_pozadi_zelena
{
	background: url('/imgs/panel_zelena.png') top left repeat-x;
	position: relative;
	left: 0px;
	width: 100%;
	height: 91px;

}

.panel_bez_pozadi
{
	position: relative;
	left: 0px;
	width: 100%;
	height: 91px;

}

.panel_pozadi_zelena img, .panel_pozadi_oranzova img, .panel_hlavicka img, .panel_sloupec_hlavicka img , .panel img
{
	float: left;

}

.panel_pozadi_zelena h3, .panel_pozadi_oranzova h3, .panel_bez_pozadi h3
{
	font-size: 13px;

}

.panel
{
	width: 980px;
	margin: auto;
}

.panel_hlavicka
{
	position: relative;
	top: 40px;
	left: 10px;
}

.panel_hlavicka_delsi
{
	position: relative;
	top: 40px;
	left: 10px;
	/* width: 652px;		 */
}

.panel_hlavicka .cerna, .panel_hlavicka_delsi .cerna
{
	/* display: inline; */
	color: #000;
}

.panel_hlavicka .bila, .panel_hlavicka_delsi .bila
{
	/* display: inline; */
	color: #fff;
}

.panel_sloupec_hlavicka, .panel_sloupec, .panel_menu
{
	position: relative;
		
  /* min-height: 380px; */
	/* height: 100%; */
	float: left;
}



#razeni {
  float: right;
  position: relative;
  right: 20px;
}

.panel_sloupec_hlavicka
{
	

	width: 326px;	
  
}

.panel_sloupec 
{
	top: 20px;
  width: 326px;
}

.panel_menu 
{
	top: 20px;
  width: 326px;
}

.panel_sloupec_hlavicka .text_pole
/* .panel_sloupec .text_pole */
{
	position: absolute;
	width: 300px;
	left: 0;
}

.panel_menu .text_pole

{
	/* position: absolute; */
	width: 300px;
	left: 0;
}

 .panel_sloupec .text_pole 
{
	/* position: absolute; */
	width: 652px;
	left: 0;
	margin-bottom: 150px;
}

.panel_sloupec_hlavicka .text_pole
{
	top: 110px;
}
.panel_sloupec_posun
{
	float: right;
}

.panel_sloupec_posun img
{
	margin-top: 50px;
  border: 0;
}

.detailImg
{
	margin: 50px 20px 150px 20px;
  border: 0;
  float: right;
}

.newsImg
{
	margin: 0 20px 0 20px;
  border: 0;
  float: right;
}

#formular_hledat
{
	position: absolute;
	width: 357px;
	height: 33px;
}

#formular_hledat img
{
	border: 0;
}

#formular_hledat .vstup input
{
	position:absolute;
	background-color:transparent;
	top:8px;
	left:40px;
	width:265px;
	border:0;
	color:#646464;
	font-size: 13px;
  padding: 3px 0 0 10px;
  height: 20px;
  line-height: 14px;
  z-index: 10;
}

#kup {
  margin: 0;
  padding: 0;
  top:0;
}

#koupit button.kosik {
  position:relative;
  top: 5px;
	margin-left: 80px; 
  border: 0;
  cursor: pointer;
  background: url('/imgs/panel_kosik.gif') 50% 50% no-repeat;

}

#koupit h3 {
  margin-top: -50px;
}

#koupit {
 width: 120px;  
 top: 0;
 margin: 0;
}

button.kosik div {
  width: 62px;
  height: 62px;  

}

button.kosik span {
  display: none;

}

input.pocet {
  width: 30px;
}

.panel_sloupec h3 {
  margin-top: 20px;
}

.epolozky
{
	position: relative;
	
	width: 980px;

	margin: auto;
	margin-bottom: 20px;
	
	text-align: center;
}

.epolozka
{
	position: relative;
	width: 220px;
	height: 300px;

	margin-top: 20px;
	margin-right: 20px;
	cursor: pointer;
	float: left;
}

.epolozka .obrazek
{
	background: url('/imgs/epolozka_obrazek_pozadi.png') top left repeat-y;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 170px;

	padding-top: 20px;
	
	text-align: center;

}

.epolozka img
{
  border: 0;
  cursor: pointer;
}

.epolozka .obrazek .hlavicka
{
	background: url('/imgs/epolozka_obrazek_hlavicka.png') top left no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 13px;
}

.epolozka .text
{
	background: url('/imgs/epolozka_text_pozadi.png') top left repeat;
	position: absolute;
	top: 170px;
	left: 0px;
	width: 100%;
	height: 93px;

	text-align: center;
	font-size: 11px;
	line-height: 13px;
	color: #fff;
}

.epolozka .text h3
{
	padding: 0 4px;
	margin-top: 0.5em;
	margin-bottom: 0.2em;
  line-height: 14px;
  /* font-weight: normal; */
  font-size: 14px;
}

.epolozka .cena
{
	position: absolute;
	background: #fd6c00;
	top: 264px;
	left: 0px;
	width: 100%;
	height: 34px;

	font-size: 14px;
	color: #fff;
	/* font-family: Impact, Charcoal, sans-serif; */
	text-align: left;
	font-weight: bold;
}

.panel_sloupec .cena
{
	color: #fd6c00;
}

.epolozka .cena .text_pole
{
	/* border: 1px solid #fff; */
	position: absolute;
	top: 0px;
	left: 8px;
	width: 115px;
	height: 30px;
}

.epolozka .cena .text_pole .sleva,  .panel_sloupec .cena .sleva
{
	color: #000;
	text-decoration: line-through;
	font-weight: normal;
}

.epolozka .cena .text_pole .dph
{
	position: relative;
	margin-top: -0.4em;
	font-size: 10px;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
}

.epolozka .cena .vaha
{
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	/* background: url('../imgs/epolozka_cena_vaha.png') top left no-repeat; */
	position: absolute;
	top: 2px;
	left: 115px;
	width: 51px;
	height: 26px;
	padding: 0 0.2em;
	font-size: 18px;
	text-align: center;
	font-family: Impact, Charcoal, sans-serif;
	font-weight: normal;
}

.epolozka .cena .lupa
{
	position: absolute;
	top: 0px;
	right: 3px;
	width: 42px;
	height: 33px;
}

.epolozka .cena .lupa img
{
	border: 0;
}

.epolozka .cena .paticka
{
	background: url('/imgs/epolozka_cena_paticka.png') top left no-repeat;
	position: absolute;
	top: 28px;
	left: 0px;
	width: 100%;
	height: 6px;
}

#paticka_pozadi
{
	background: url('/imgs/paticka_pozadi.png') top left repeat-x;
	position: relative;
	left: 0px;
	width: 100%;
	height: 247px;
}

#paticka
{
	width: 980px;
	margin: auto;
}

#paticka .logo
{
	float: left;	
  position: relative;
	top: 37px;
}

#paticka .text
{
	position: relative;
	top: 62px;
	left: 15px;

	font-size: 12px;
	color: #fff;
}

#paticka .text a
{
	color: #fff;
	text-decoration: none;
}

#paticka .text a:hover
{
	text-decoration: underline;
}

/* nastaveni zalozek */
.ui-state-default, .ui-widget-content .ui-state-default { border: 0; font-weight: bold; color: #646464; outline: none;
}

*html .ui-state-default, .ui-widget-content .ui-state-default
{
border-color: pink;
filter: chroma(color=pink);
}


.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #646464; text-decoration: none; }
.ui-state-default a.oranzova, .ui-state-default a.oranzova:link, .ui-state-default a.oranzova:visited { color: #f76a00; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { font-weight: bold; color: #000;  }
.ui-state-hover a, .ui-state-hover a:hover { color: #000; text-decoration: none;  }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #78a53b; background: #78a53b; font-weight: bold; color: #ffffff; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #ffffff;  text-decoration: none; }

.ui-corner-top
{
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
  border: 0;
}

.ui-tabs { zoom: 0; }
.ui-tabs .ui-tabs-nav { margin: 0px; float: right; font-size: 13px; list-style: none; position: relative;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .1em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .3em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { padding: 1em 1em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 0 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


.popup
{
	display: none;

}

.popup img
{
	border: 0;
}

.popup .pozadi
{
	background: #000; 

	opacity: 0.6;
	
	filter: alpha(opacity=60);
	-ms-filter: "alpha (opacity=60)";
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 3000px;
	z-index: 30;
}

.popup .okno
{
	position: fixed;
	_position:absolute;
	z-index: 30;


	



	width: 360px;
	height: 321px;


}


.popup .okno .hlavicka
{
	background: url('/imgs/okno_hlavicka.png') top left repeat-x;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 71px;

	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	
}

.popup .okno .hlavicka .ikona
{
	margin-left: 25px;
	float: left;
}

.popup .okno .hlavicka .text
{
	position: relative;
	top: 30px;
	left: 10px;
}

.popup .okno .hlavicka .zavrit
{
	position: absolute;
	top: 0px;
	right: 20px;
}

.popup .okno .telo
{
	background: #fff url('/imgs/okno_telo.png') top left repeat-x;
	position: absolute;
	top: 72px;
	left: 0px;
	width: 100%;
	height: 250px;

	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	
}

.popup .okno .telo input
{
	border: 1px #000 solid; 
}

.popup .okno .telo .text_pole
{
	 /* border: 1px solid #000; */
	position: absolute;
	top: 20px;
	left: 20px;
	width: 320px;
	height: 210px;
	
	font-size: 13px;
	font-weight: bold;
}

.popup .okno .telo .text_pole .odkazy
{
	 /* border: 1px solid #000; */
	position: absolute;
	width: 100%;
	bottom: 0px;
}

.odkazy a
{
	color: #f76a00;
	font-size: 14px;
	/* font-family: Impact, Charcoal, sans-serif; */
	text-decoration: underline;
	font-weight: bold;
}

.popup .okno .telo .text_pole .odkazy a:hover
{
	text-decoration: none;
}

#chyba {
  text-align: center;
  color: #f76a00;
}

.kosik_polozka
{
	font-size: 11px;
	text-align: left;
}

.smaz
{
	float: right;
}

 .cena
{
	position: relative;
	left: 8em;
}


div.strankovani {
  margin: 20px 0;
  line-height: 30px;
  font-size: 14px;

}

div.strankovani a {
margin: 0;
}

div.strankovani span {
padding: 0 10px 0 40px;

}


a.vpred, a.zpet {
position: absolute;
  
}

a.vpred span, a.zpet span {
  display: none;
}
a.vpred img, a.zpet img {
  border: 0;
  margin: 0;
  
}

a.vpred {
   /* right: 400px; */
}

a.zpet {
  margin: 0 20px 0 0 ;
  /* left: 400px; */
}


 	
fieldset .cena, #kos .cena
{
 	position: absolute;
	left: 550px;
	text-align: right;
} 	

fieldset .smaz a, #kos .smaz a
{ 
  display: block;
  width:25px;
  height: 25px;
	left: 615px;
	position: absolute;
  background: url(/imgs/okno_zavrit.png) no-repeat 50% 50%;
}

fieldset .smaz span, #kos .smaz span
{ 
  display: none;

}

fieldset p
{
  padding: 5px;
  margin: 0;  

text-align: right;
   }

#kos h4
{
  padding: 5px;
  margin: 0;  

   }


fieldset p.l {
 	width: 270px;
  float: left;

text-align: right;
 	}

fieldset input {
 	width: 200px;
 	border: 1px #000 solid; 
 	
 	}

fieldset select {
 	width: 300px;
 	border: 1px #000 solid; 
 	
 	}



  		
fieldset p textarea	{
 	width: 600px;
  border: 1px #000 solid; 
  }
  
fieldset p .checkbox {
	border: 0;
	background: transparent;
	width: 20px;
	margin: 0;
}


#menu h3 {
 padding: 0;
 margin: 0;
}

#menu p {

 padding: 0 0 0 0;
 margin: 0 0 5px 0;
 font-size: 13px;
}

#menu p a {
  padding: 0 0 0 7px;
  background: url('/imgs/sipka-orange.gif') 0 50% no-repeat;
}