@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }


/*body { background: url(../images/body-background.jpg) repeat-x #f1f8ec; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 12px; color: #333; }
*/

h1			{ font-size: 25px; margin-bottom: 20px; text-transform: uppercase; color: #693; }
h2			{ font-size: 20px; margin-bottom: 15px; text-transform: uppercase; }
h3			{ font-size: 18px; margin-bottom: 10px; color: #693; }
h4			{ font-size: 14px; margin-bottom: 5px; color: #693; }

a 			{ text-decoration: underline; color: #693; }
a:visited 	{ text-decoration: underline; color: #693; }
a:hover 	{ text-decoration: none; color: #693; }
a img 		{ border: none; }

p {font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 12px; color: #333;}


/* CSS pro button */
/*
#button a {cursor: pointer;}
#button a:hover {cursor: pointer;background:red;}
#button a:visited {cursor: pointer;}
*/



/* to je základní nastavení stránky, nastavuju tu písmo a background*/
#body
{
width:100%;position: relative;  overflow: auto; background:gray; margin-left:auto;margin-right:auto;
font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 12px; color: #333;
background: #DDD;/*#f1f8ec;*/
}

/* černá linka na vrchu stránky*/
#black_cara
{
position:relative; width:100%; height:3px; float:none; overflow:hidden;  padding:0px; margin:0px; border:0px; background:#693; text-align:left;
}


#horni_dil
{
position:relative; width:100%; height:200px; float:none; overflow:hidden;   border:0px; background:white; text-align:center;
}


#horni_dil_stred
{
position:relative; width:1060px; height:200px; float:none; overflow:hidden; margin-left:auto; margin-right:auto; border:0px; background:white; text-align:center;
}


#hodni_dil_logo
{
position:relative;
width:1060px; height:250px;
background:url(/images/logo-final-2021-08.jpg) top left no-repeat;
background-size:550px;
}



#horizontal_menu_line
{
position:relative; width:100%; height:30px; float:none; overflow:hidden;  padding:0px; margin:0px; border:0px; background:#CCC5A5; text-align:center;
}

#horizontal_menu
{
position:relative; width:1060px; height:30px; float:none; overflow:hidden;  padding:0px; margin-left:auto; margin-right:auto; border:0px; background:#CCC5A5; text-align:left;
}


#table_menu {border:0px; padding:0px; margin:0px; }

#table_menu tr {border:0px; padding:0px; margin:0px;}

#table_menu td {border:0px; padding:2px; margin:0px; text-align:left;padding-top:8px;}


/* tímhle si nastavuju styl pro odkazy který mám zapozdřený v tabulku id='table_menu' */

#table_menu a			{text-decoration: none; color: #333; font-weight:bold; margin-right:20px; font-size:10px;}
#table_menu a:visited	{ text-decoration: none; color: #333; }
#table_menu a:hover	{ text-decoration: none; color: #BF8770; }
#table_menu a img		{ border: none; }


#contain
{
position:relative; width:1060px; float:none; overflow: hidden; margin-left:auto; padding-left:20px;padding-top:5px;
margin-right:auto; background:white; text-align:left; margin-top:20px; margin-bottom:6px; font-size: 12px; color: #333;
padding-bottom:30px; min-height:350px;height:auto;_height:350px; _overflow:visible;
}

#left_menu {float:left;overflow:visible;}

#where {float:left;width:860px;overflow:visible;margin-left:20px;}

#view {float:left;width:860px;overflow:visible;margin-left:20px;}


















/* tabulka ladících informací */


#ladici_info {border-collapse:collapse; border:1px solid green; padding:0px; margin:0px; margin-bottom:20px; font-size:100%; }

#ladici_info tr {border:0px; padding:0px; margin:0px;}

#ladici_info td {border:1px solid green;padding:3px; margin:0px; text-align:left;}



#lista_uzivatele {position:relative; border-collapse:collapse; border:0px; padding:0px; margin:0px; margin-bottom:20px; font-size:100%; width:100%;}

#lista_uzivatele tr {border:0px; padding:0px; margin:0px;}

#lista_uzivatele td {border:0px ;padding:3px; margin:0px; text-align:left;}


.lista_ikony{padding:0px; margin:0px; width:30px;} 


/* nadefinování class pro nějaký tabulky */

.ctabulka {
	border-collapse:collapse;
	border-top:1px solid #693;
	border-right:1px solid #693;
	border-left:1px solid #693;
	border-bottom:1px solid #693;
	
	}

.ctabulka tr {
	/*border-bottom:1px solid #693;*/
	border-bottom:0px;
	border-right:1px solid #693;
}
/*
.ctabulka tr.odd {
   background-color:Beige;
	border-bottom:1px solid #DD7418;
	border-right:1px solid #DD7418;
}

.ctabulka tr.even {
   background-color:Beige;
	border-bottom:1px solid #DD7418;
	border-right:1px solid #DD7418;
}
*/
.ctabulka td {
  border-collapse:collapse;
	text-align:left;
	/*border-bottom:1px solid #693;*/
	border-bottom:0px;
	border-right:1px solid #693;
	padding-left:6px;
	padding-right:6px;
	margin-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	height:26px;
	/*background: Beige;*/
	font-size:13px;
	
}

.td_ctabulka {
  border-collapse:collapse;
	text-align:left;
	border-bottom:1px solid #693;
	border-right:1px solid #693;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	height:26px;
	/*background: Beige;*/
	
}


.ctabulka th {
  border-collapse:collapse;
/*	background-color:#990000; */
	background-color:#deb887;
	color:#333;
	border-bottom:1px solid #693;
	border-top:1px solid #693;
	border-right:1px solid #693;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	height:26px;
	font-size:14px;
}



/*  nadefinuju si i tabulku který nebude mít žádný border*/

.ctabulka_b0 {
	border-collapse:collapse;
	border:0px;
	
	}

.ctabulka_b0 tr {
	/*border-bottom:1px solid #693;*/
	border-bottom:0px;
	border-right:0px;
}

.ctabulka_b0 td {
  border-collapse:collapse;
	text-align:left;
	/*border-bottom:1px solid #693;*/
	border:0px;
	padding-left:6px;
	padding-right:6px;
	margin-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	height:26px;
	/*background: Beige;*/
	font-size:13px;
}

.ctabulka_b0 th {
  border-collapse:collapse;
/*	background-color:#990000; */
	background-color:#deb887;
	color:#333;
	border:0px;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	height:26px;
	font-size:14px;
}


/* třída pro výpisy zboží*/ /*//////////////////////////////////////////////////////////////*/

.ctabulka_zbozi {
	border-collapse:collapse;
	border-top:1px solid #693;
	border-right:1px solid #693;
	border-left:1px solid #693;
	border-bottom:1px solid #693;
	
	}

.ctabulka_zbozi tr {
	/*border-bottom:1px solid #693;*/
	border-bottom:0px;
	border-right:1px solid #693;
}

.ctabulka_zbozi th {
  border-collapse:collapse;
/*	background-color:#990000; */
	background-color:#deb887;
	color:#333;
	border-bottom:1px solid #693;
	border-top:1px solid #693;
	border-right:1px solid #693;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	height:26px;
	font-size:11px;
	font-weight:bold;
}

.ctabulka_zbozi td {
  border-collapse:collapse;
	text-align:left;
	/*border-bottom:1px solid #693;*/
	border-bottom:0px;
	border-right:1px solid #693;
	padding-left:6px;
	padding-right:6px;
	margin-right:6px;
	padding-top:2px;
	padding-bottom:2px;
	height:26px;
	/*background: Beige;*/
	font-size:11px;
	
}

/* konec třídy pro výpis zboží*//*/////////////////////////////////////*/


#vypis_zbozi_a a 			{ text-decoration: none; color: black; }
#vypis_zbozi_a a:visited 	{ text-decoration: none; color: black; }
#vypis_zbozi_a a:hover 	{ text-decoration: underline; color: black; }


/* tady jsou styly pro barevný blocky*/

.banner-link {padding:8px 0 8px 21px; text-align:right;}
.banner-link a {background:url(/images/banner-link-bg-a.gif) no-repeat right 4px; padding-right:14px; color:#efefef; text-decoration:none; margin-right:20px;}


#banner1 {float:left; width:230px; height:286px; padding-bottom:23px; background:url(/images/banner1-bg.jpg) top left no-repeat; font-size:10px; line-height:12px; color:#dcc6c4; text-transform:uppercase; }
#banner1 .indent {padding:26px 22px 10px 22px;}
#banner1 .wrapper {padding-top:22px;}
#banner1 .banner-link {background:url(/images/banner1-more-link.gif) top left no-repeat;}
#banner1 .imgtitle {margin-bottom:27px;}
#banner1 p {padding-top:10px; padding-bottom:0px; }


#banner2 {float:left; width:230px;  height:286px; padding-bottom:23px; background:url(/images/banner2-bg.jpg) top left no-repeat; font-size:10px; line-height:12px; color:#dcc6c4; text-transform:uppercase;}
#banner2 .indent {padding:26px 22px 10px 22px;}
#banner2 .wrapper {padding-top:22px;}
#banner2 .banner-link {background:url(/images/banner2-more-link.gif) top left no-repeat;}
#banner2 .imgtitle {margin-bottom:27px;}
#banner2 p {padding-top:10px; padding-bottom:0px; }


#banner3 {float:left; width:230px;  height:286px; padding-bottom:23px; background:url(/images/banner3-bg.jpg) top left no-repeat; font-size:10px; line-height:12px; color:#dcc6c4; text-transform:uppercase;}
#banner3 .indent {padding:26px 22px 10px 22px;}
#banner3 .wrapper {padding-top:22px;}
#banner3 .banner-link {background:url(/images/banner3-more-link.gif) top left no-repeat;}
#banner3 .imgtitle {margin-bottom:27px;}
#banner3 p {padding-top:10px; padding-bottom:0px; }


#banner4 {float:left; width:230px; height:286px; padding-bottom:23px; background:url(/images/banner4-bg.jpg) top left no-repeat; font-size:10px; line-height:12px; color:#dcc6c4; text-transform:uppercase;}
#banner4 .indent {padding:26px 22px 10px 22px;}
#banner4 .wrapper {padding-top:22px;}
#banner4 .banner-link {background:url(/images/banner4-more-link.gif) top left no-repeat;}
#banner4 .imgtitle {margin-bottom:27px;}
#banner4 p {padding-top:10px; padding-bottom:0px; }

.indent h1	{ font-size: 17px; margin-bottom: 20px; text-transform: uppercase; color: black; }


#banner1 a			{text-decoration: none; color: white; font-size:60%; font-weight:bold; margin-right:30px; font-size:10px;}
#banner1 a:visited	{ text-decoration: none; color: white; }
#banner1 a:hover	{ text-decoration: underline; color: white; }
#banner1 a img		{ border: none; }

#banner2 a			{text-decoration: none; color: white; font-size:60%; font-weight:bold; margin-right:30px; font-size:10px;}
#banner2 a:visited	{ text-decoration: none; color: white; }
#banner2 a:hover	{ text-decoration: underline; color: white; }
#banner2 a img		{ border: none; }

#banner3 a			{text-decoration: none; color: white; font-size:60%; font-weight:bold; margin-right:30px; font-size:10px;}
#banner3 a:visited	{ text-decoration: none; color: white; }
#banner3 a:hover	{ text-decoration: underline; color: white; }
#banner3 a img		{ border: none; }

#banner4 a			{text-decoration: none; color: white; font-size:60%; font-weight:bold; margin-right:30px; font-size:10px;}
#banner4 a:visited	{ text-decoration: none; color: white; }
#banner4 a:hover	{ text-decoration: underline; color: white; }
#banner4 a img		{ border: none; }


/* tady mám nadefinovaný button*/
.button_128{
  text-align:left;
  padding-left:5px;
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 12px; color: #333;
  background: url(/images/buton1_128.png) top left no-repeat;
  width: 128px; height: 28px;
  border: 0px;
  cursor: pointer; cursor: pointer;
}

.button_150{
  text-align:left;
  padding-left:5px;
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 12px; color: #333;
  background: url(/images/buton1_150.png) top left no-repeat;
  width: 150px; height: 28px;
  border: 0px;
  cursor: pointer; cursor: pointer;
}

.button_180{
  text-align:left;
  padding-left:5px;
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 12px; color: #333;
  background: url(/images/buton1_180.png) top left no-repeat;
  width: 180px; height: 28px;
  border: 0px;
  cursor: pointer; cursor: pointer;
}


.button_back{
  text-align:left;
  padding-left:5px;
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 12px; color: #333;
  background: url(/images/buton1_back.png) top left no-repeat;
  width: 128px; height: 28px;
  border: 0px;
  cursor: pointer; cursor: pointer;
}


.button_80{
  text-align:left;
  padding-left:5px;
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 12px; color: #333;
  background: url(/images/buton1_80.png) top left no-repeat;
  width: 80px; height: 24px;
  border: 0px;
  cursor: pointer; cursor: pointer;
}

.button_bar{
  text-align:left;
  padding-left:5px;
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 12px; color: #333;
  background: url(/images/buton1_bar.png) top left no-repeat;
  width: 100px; height: 28px;
  border: 0px;
  cursor: pointer; cursor: pointer;
}

   
.faktury_a a { text-decoration: none; color: black; }
.faktury_a a:visited 	{ text-decoration: none; color: black; }
.faktury_a a:hover 	{ text-decoration: underline; color: black; }




/* hlavni styly */
/*
p 		{ line-height: 150%; text-align: justify; margin-bottom: 10px; }
ul		{ margin-bottom: 10px; }
li		{ background: url(../images/list-icon.gif) no-repeat 4px 6px; line-height: 20px; padding-left: 25px; }
ul, li 	{ list-style-type: none; }
form p 	{ margin: 0; padding: 0; }








#page		{ width: 915px; margin: 0 auto; }

#header			{ height: 100px; #333 no-repeat; }
#header a		{ position: relative; top: 18px; font-size: 25px; }
#header span 	{ color: #FFF; font-size: 25px; position: relative; left: 45px; top: -10px; }

#StepNavi	{ background: url(../images/step-navi-background.jpg) no-repeat; height: 40px; line-height: 40px; padding: 0 10px; margin: 0; }
#StepNavi a	{ padding: 0 10px; }

#Content	{ background: url(../images/content-background.jpg) no-repeat; min-height: 350px; _height: 350px; }


#LeftCol		{ float: left; width: 240px; padding-right: 10px; border-right: 2px; border-color: black; z-index: 10;}


#ramecek  { width: 40px; height: 40px; padding-right: 10px; border-right: 2px; border-color: black; z-index: 10;}
#RightCol		{ float: left; width: 650px;  margin-top: 25px;  _height: 350px; min-height: 350px; margin-bottom: 0; }
#ContentText	{ background: url(../images/obsah-bottom.jpg) bottom no-repeat #FFF; padding: 0 15px 15px 15px; border-bottom: 1px solid #FFF; }

#Bottom	{ background:url(../images/bottom-background.jpg) no-repeat top; width: 650px; line-height: 20px; height: 20px; padding: 15px 0; text-align: center; font-size: 11px; } 




ul#Navigation		{ width: 240px; margin: 0; padding: 0; }
ul#Navigation li 	{ margin: 0; padding: 0; }
ul#Navigation li a 	{ display: block; height: 50px; line-height: 50px; font-size: 14px; padding-left: 55px; border-bottom: #7a8574 solid 1px; background: #a0ac98; overflow: hidden; }
ul#Navigation li a	{ color: #FFF; text-decoration: none; text-transform: uppercase; font-weight: bold; }

ul#SubNavi		{ margin: 0; padding: 0 10px; }
ul#Navigation li#b-odstraneni ul#SubNavi li a 	{ display: block; height: 35px; line-height: 35px; font-size: 14px; padding-left: 45px; border-bottom: #cbd3c5 solid 1px; background: url(../images/ikona-subpolozka.gif) 3px no-repeat; }
ul#Navigation li#b-odstraneni ul#SubNavi li a:hover	{ background: url(../images/ikona-subpolozka.gif) 3px no-repeat #e6f0dd; }
ul#SubNavi li a	{ color: #333; text-decoration: none; text-transform: uppercase; font-weight: bold; }


ul#Navigation li#b-uvod a				{ display: block; background: url(../images/ikona-home.gif) 7px no-repeat #a0ac98; }
ul#Navigation li#b-uvod a:hover			{ display: block; background: url(../images/ikona-home.gif) 7px no-repeat #939d8c; }
ul#Navigation li#b-objednavka a			{ display: block; background: url(../images/ikona-objednavka.gif) 7px no-repeat #a0ac98; }
ul#Navigation li#b-objednavka a:hover	{ display: block; background: url(../images/ikona-objednavka.gif) 7px no-repeat #939d8c; }
ul#Navigation li#b-odstraneni a			{ display: block; background: url(../images/ikona-odstraneni.gif) 7px no-repeat #a0ac98; }
ul#Navigation li#b-odstraneni a:hover	{ display: block; background: url(../images/ikona-odstraneni.gif) 7px no-repeat #939d8c; }
ul#Navigation li#b-ohlasy a				{ display: block; background: url(../images/ikona-ohlasy.gif) 7px no-repeat #a0ac98; }
ul#Navigation li#b-ohlasy a:hover		{ display: block; background: url(../images/ikona-ohlasy.gif) 7px no-repeat #939d8c; }
ul#Navigation li#b-kontakt a			{ display: block; background: url(../images/ikona-kontakt.gif) 7px no-repeat #a0ac98; }
ul#Navigation li#b-kontakt a:hover		{ display: block; background: url(../images/ikona-kontakt.gif) 7px no-repeat #939d8c; }






#BannerSvatek img 		{ margin: 15px 0; border: solid 5px #FFF; }
#BannerSvatek:hover img { margin: 15px 0; border: solid 5px #a0ac98; }

#BannerIndex	{ background: url(../images/banner-index.jpg) #f1f8ec no-repeat; width: 220px; height: 130px; padding: 18px 390px 5px 10px; font-size: 28px; text-align: center; display: block; color: #333; text-decoration: none; margin-bottom: 15px; overflow: hidden; }
#BannerIndex strong	{ color: #693; font-size: 40px; }
#BannerIndex:hover strong	{ color: #c03; }


a.nahled img		{ border: 1px solid #a0ac98; padding: 4px; margin-right: 6px; float: left; margin-bottom: 10px; display: block; }
a.nahled:hover img 	{ border: 5px solid #a0ac98; padding: 0; margin-right: 6px; float: left; margin-bottom: 10px; display: block; }

.clear	{ clear: both; }
.ohlasy { font-size: 25px; margin-bottom: 20px; text-transform: uppercase; color: #693; }
.silne 	{font-weight: bold;}
.chyba  { font-size: 25px; text-transform: uppercase; color: red; font-weight: bold;}
.zvirazni {color: #cb101b;}
.nadpisObjednavka { font-size: 25px; margin-bottom: 20px; text-transform: uppercase; color: #693; width:200px; height:60px; valign:top;}
.motivace { font-size: 14px; margin-bottom: 5px; color: #693; }
.motivace { font-size: 14px; margin-bottom: 5px; color: #693; width: 400px; align:right;}

.vsechno_nula {padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; border:0px; padding-left:5px; padding-right:5px; font-size:12px;}
*/