body
{
  background-color:   #FDFEFE; 
  font-family: 				trebuchet MS, "Lucida Grande", "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
/* font-family:        'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 'Lucida','Helvetica', 'Helvetica CE', 'Arial', 'Arial CE', sans-serif; */
/*  font-family:        sans-serif, "Arial CE", Arial, "Helvetica CE"; */
  text-align:         center;    /* Pro zarovnani ve IE */ 
  margin:             0px;    
  color:              black;
  padding:            0px;
  font-size:					11px;
}

#main
{
  width:              800px;    /* 740 vel. stranky pri 800x600 bez posuvniku*/
  margin:             0px auto; /* pro zarovani ve firefoxu, opere */
  text-align:         left;   
  min-width:          500px; 
/*  border:							1px solid black;  */
}

#header
{
/*
  -moz-box-sizing:    border-box; 
  box-sizing:         border-box; 
  border:             1px solid #CBDCEA; 
*/
}

/* publikovano na http://wellstyled.com/css-2col-fluid-layout.html
neni absolutni.
*/

#menu
{
  
  width:              200px;
  padding:            2px 0px 0px 6px;
  float:              left;

/*  border:             1px dashed black; */
}


h2.menu {

  color:              white;
  font-family:        trebuchet MS;
  font-size:          14px;
  padding:            6px 0px 0px 20px;
  height:             24px;
  background-image:   url('images/menu-title.jpg');
  margin:             0px;
  
}


#menu-content
{
  padding:            0px 0px 30px 0px;  
  margin-right:       0px;
  overflow:           hidden; /* zabrani pretekani */
  font-size:					12px;
  color:							#E69073;
  list-style-type:		none;
} 

#menu-content ul
{
  padding:    				0px 20px 0px 20px;
  margin:							0px; /* kvuli IE */
  background-color:   #e7e7e7;
  border:             1px solid #bababa;
  
}

#menu-content li
{
  list-style-type:		none;
	padding-top:				10px;
	padding-bottom:			6px;
	font-size:					11px;
	border-bottom:			1px solid #F14837;
	color:              #454545;
	
}

#menu-content a
{
	text-decoration:		none;
	font-weight:				bold;
	font-size:					12px;
	color:							#454545;
	margin-left:				0px;
  letter-spacing:			0px;
}

#menu-content a:hover {
	
	color:              black; 
	
}

#obsah
{
  width:              594px; 
  padding-top:        6px;
  float:							left;
  font-family:        trebuchet MS;
/*  border:             1px solid #CBDCEA; */
/*  background-color:   #e1e2e4; */
}

#obsah-content
{
  text-align:         left;
  margin-left:        0px;
  font-size:					13px;
  border:             1px solid #e1e2e4;
  background-color:   #f5f6f8;
  padding:						10px 10px 30px 10px;
  min-height: 				393px;
  _height: 						429px; /* kvuli IE */ 
}


#footer
{
  padding:            4px;
  margin-top:         8px;
  border-top:         1px solid #e7ebee; 
  text-align:					center;
}

div.sjed
{
  clear:              both;
}

#kontakt
{
/*  border:             1px dashed #CBDCEA; */
  color:							red;
  font-size:					13px;
  font-weight:        bold;
  text-align:         right;
  padding:						6px;
}

#kontakt a
{
  color:							#bf1820;
  font-weight:        bold;
  text-decoration:		none;
  padding-left:				5px;						  
  border-left:			  1px solid #bf1820;
}

#kontakt a:hover
{
	color: 							#BF6F6E;
	text-decoration: 		underline;
}


#logo
{
  font-size:          12px;
  padding:            0px;
  margin:             0px;  
  height:             150px;  /* kvuli obsahu a pozici menu*/
  background:         url('./images/hlavicka.jpg') no-repeat white;
  
/*  border:	    				1px solid #36649e;*/
}

h1
{
	color:							white;
	font-size:					12px;
	margin:							0px;
	padding:						0px;
	font-weight:				normal;
	font-family:				Helvetica;		
  letter-spacing:			0px; 
  position:						relative;
	top: 								-8px;
  
}


ul#hor-menu {
  margin:             0;
  padding:            4px 0px 4px 0px;              
  height:             25px;
/*  border:             1px solid #2f598e  082A53; */ 
  border-collapse:    collapse;
  background:         url('./images/hor-menu-bground.gif') repeat-x #d1d1d1;
  height:             23px;
  
}

ul#hor-menu li.main, li.sub
{

	display:						block;
  font-size:					12px;
  font-weight:				normal; 
  font-family:				Tahoma;
  border-right:       1px solid #969595;
  padding:            2px 20px 0px 20px;              
  height:							20px;		
  float:							left;
  list-style-type:    none;     
}

ul#hor-menu li.main:hover, li.sub:hover
{

  background-color:    #c0bebe;
}

ul#hor-menu li.main a, li.sub a
{
  color:              #5b5a5a;
  text-decoration:     none;
 
}

ul#hor-menu li.main a:hover, li.sub a:hover
{
  color:							black;
}

#menu-kont {

  background-color:   #e7e7e7;
  border:             1px solid #bababa;
  color:              #454545;  
  padding:             0px 10px 10px 10px; 
		
}


ul#hor-menu li.sub ul.menu-sub {

	position: absolute; 
	z-index: 10; 
	visibility:hidden; 
	margin: 5px 0px 0px -21px;
	padding:0px;
  background-color: #f0f0f0;
	
}

ul#hor-menu li.sub:hover  ul.menu-sub {
	visibility: visible;
}

ul#hor-menu li.sub ul.menu-sub:hover {
  visibility: visible;
}


ul#hor-menu li.sub ul.menu-sub li {
  display:            block;
  min-height:         23px;
  width:              200px;  
  border-top:         1px solid #969595;
  border-right:       1px solid #969595;
  border-left:        1px solid #969595;
  border-collapse:    collapse;
  
}

ul#hor-menu li.sub ul.menu-sub li:hover {
  background-color:    #c0bebe;
}

ul.menu-sub li a {
  display:            block;
  border-right:       none;
  font-size:          12px;
  color:              #5b5a5a;
  font-weight:        normal; 
  font-family:        Tahoma;
  padding:            4px 0px 0px 20px;              
  height:             24px;   	
}


#objedn
{
/*  border:             1px solid blue;	*/
  background-color:		#e7e7e7;
  color:							black;
  font-size:					16px;
  font-weight:				bold;
  margin:							0px 0px 8px 0px;
  padding:						10px 0px 10px 0px;
  text-align:					center;
  border:             1px solid #bababa;
  
/*  
  -moz-box-sizing:    border-box; 
  box-sizing:         border-box;
*/
}

#objedn a {
  color:              #fe4202;
  font-size:          16px;
  font-weight:        bold;
  
}

#objedn a:hover {
  color:              #fe4202;
	text-decoration:    underline;
} 

#objedntl
{
  padding:						4px;
}
#akt
{
  text-align:					center;
  padding:						10px 0px 0px 0px;
  color:              #a8a8a8; 
}

.error
{
	padding:						140px 20px 20px 20px;
	text-align:					center;
	font-size:					16px;
	font-weight:				bold;
	color:							#2483ab;
}

#zpet
{
  text-align:					right;
  padding-right:		  50px;
}

#zpet a
{
	text-decoration:		none;
	color:						  #2476ab;
	font-weight:				bold;
	font-size:					14px;
}

h2
{
	padding:						0px 0px 0px 14px;
	font-weight:				weight;
	font-size:					16px;
	margin-left:				0px;		
  font-family:				trebuchet MS;	
	color:							black;
	background-image:   url('images/h2.gif');
	background-repeat:  no-repeat;
	background-position: 0px 4px;
	
}

#h2-menu
{
	padding:						6px 0px 6px 0px;
	font-weight:				bold;
	font-size:					14px;
	color:							#F8E7EC;
	text-align:					center;		
  margin:							0px;
  background-color:		#b51a1a;
/*
  border:             1px solid #e1e2e4;
*/
}



a
{
	color:							#b01c2a;
	text-decoration:		none;
}

a:hover
{
	color:							#b01c2a;
	text-decoration:		underline;
	
}



img.uvodni
{
  margin:							30px 30px 20px 10px;
  float:							left;
}

.uvodright
{
  padding:            20px 10px 0px 0px;		
  margin:							0px 0px 30px 0px;							
}

.sjedn
{
	clear:							both;
/*	border:							1px solid black;*/
}


form.formular
{
	margin:						10px;
}

form.formular fieldset
{
 	border: 					1px solid #737e9b;
 	background-color:	#EBEDF4;
}

form.formular legend
{
	background-color:	#C8D2F0;	
	padding:					2px 10px 2px 10px;
  margin-left:			5px;		
  border: 					1px solid #737e9b;
}

label.polozka
{
  width:            160px;
/*  border:						1px solid black; */
  padding:					3px 2px 2px 2px;
  display:					block;
  float:						left;
}

.hodnota
{
/*  border:						1px solid black; */
  width:						270px;
  padding:					0px;							/* kvuli Firefoxu */
}

.hodnota-small
{
/*  border:						1px solid black; */
  width:						145px;
  padding:					0px;							/* kvuli Firefoxu */
}

span.pov
{
  color:             red;
  font-weight:       bold;
}

div.form-radek
{
	border:						1px solid #EBEDF4; /* kvuli Firefoxu */
}

div.button
{
	text-align:				center;
	margin:						20px 0px 10px 0px;
}

input.button 
{
	padding: 					2px 20px 2px 20px;
	font-family: 			"Lucida Grande", "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif;
	font-size: 				14px;
	color:						#FFF;
	background-color: #81C8DC;
	border: 					1px solid #5B7488;
}

.fieldset-padd
{
	padding:					20px 10px 10px 10px;
}

.chyba
{
	color:						red;
}

table.mess
{
	border: 					1px solid #737e9b;
	background-color:	#F4F5F8;
	margin:						10px;
	table-layout:			fixed;
	border-collapse:  collapse
}

table.mess tr
{
/*	border: 					1px solid #737e9b; */
	background-color: #E8ECF7;
}

table.mess tr.sudy
{
	background-color: #F3F5F9;
}

.mess-polozka
{
	width:						160px;
	float:						left;
	padding:					3px 0px 3px 5px;
}

.mess-hodnota
{
	padding:					2px 0px 2px 5px;
	width:						300px;
}

.white-paper
{
	border:						1px solid #737e9b;
	color:						#354C7B;
	background-color:	white;
	padding:					10px;
	margin:						10px;
	font-weight:			normal;
	font-size:				14px;
	font-family:			Tahoma;
	word-spacing:			3px;
}

.left
{
	float:						left;
	width:						240px;	
}

.right
{
	text-align:				left;
	float:						right;
	width:						200px;
}

.nazev
{
	color:						#E54150;
	font-weight:			bold;
	font-size:				14px;
}

.mapa
{
	margin-top:				50px;
}

#ic
{
	margin-top:				30px;
}

h3
{
	color:						white;
	font-weight:			bold;
	font-size:				14px;
	padding:					6px 0px 6px 50px;
	text-align:				left;
  margin:						0px;
  background-image: url('./images/sipka_white.gif');
	background-repeat:no-repeat;
  background-position: 30px 8px;	
}

#kontakty
{
	margin:						20px;
}

table.download
{
  width:            100%;
  border:           1px solid #243F61;
  font-size:        12px;
  margin:           0px 0px 10px 0px;
}

table.download th.cell
{
  background-color: #ff5b01;
	padding:					2px 4px 2px 2px;
	text-align:				left;
	color:						white;
	border-bottom:		1px solid #243F61;
}

table.download tr.radek1
{
  background-color:   #ffd594;  
}

table.download tr.radek1 td
{
	padding:						4px;
}

table.download a
{
	display:						block;
	padding:						4px 0px 4px 2px;
}

tr.radek1 a:hover
{
  background-color:   #c6ffd1;   
}


table.download tr.radek2
{
  background-color:   #ffecce;  
	padding:						2px: 
}

table.download tr.radek2 td
{
	padding:						4px;
}

tr.radek2 a:hover
{
  background-color:   #c6ffd1;   
}

td.akce
{
	color:							#D81124;
	font-weight:				bold;
}

.cara
{
	border:							1px solid #CFCFD2;
}

div.i_uvodni
{
  float:            left;
  width:            204px;
  height:           153px; 
  padding:     			0px 20px 20px 0px;
}

span.popisobr
{
  font-size:          10px;
  font-family:        arial;
  color:              black;
}


#obsah img
{
  border-style:     none;
}

.bold
{
	font-weight:			bold;
}

.i_left
{
  float:            left;
  width:            210px;
  height:           170px; 
  padding:     			10px;
}

ul.topseznam
{
  padding:					0px 20px 0px 20px;
  font-family:			Verdana;
	font-weight:			normal;
	word-spacing:			1px;
	font-size:        12px; 
}

ul.topseznam li
{
  list-style-type: square;
  color:            #5a0a15;  
	padding:					2px;
}

ul.level2 li
{
  list-style-image: url('images/tecka.gif');
  color:            #192491;  
	padding:					3px;
}

ul.cenik li
{
  list-style-image: url('images/tecka.gif');
  color:            #192491;  
	padding:					0px;
}
.sleva
{
	color:						#D81124;
}

h4
{
	padding:						0px 0px 0px 0px;
	font-weight:				bold;
	font-size:					15px;
	color:							#d23100; /* #323131; */
	letter-spacing:			1px;
}

.produkt
{
	float:							left;
	border:							1px solid #cccccc;
	width:							230px;
	margin:							6px;
}

.produkt a.nadpis
{
	color:						white;
	font-weight:			bold;
	font-size:				14px;
}

.produkt-content
{
	min-height:					450px;
}
.produkt ul li
{
  list-style-image: url('images/tecka.gif');
	padding-right:			5px;
  position:						relative;
	left:							-10px;
}

.produkt p
{
	padding:					5px 10px 0px 10px;
	font-family:			Tahoma;					
}

.cena
{
	border-top:					1px solid #cccccc;	
	font-size:					18px;
  font-weight:				bold;
}

.cena-left
{
	float:							left;
	width:							70px;	
	border-right:				1px solid #cccccc;	
  padding:						10px 0px 10px 0px;					
	text-align:					center;
}

.cena-right
{
  color:              #c71e1e;
	text-align:					center;
	float:							left;
	width:							150px;	
  padding:						10px 0px 10px 0px;	
}

.podrobnosti
{
	border-top:					1px solid #cccccc;	
	padding:						15px 40px 15px 40px;
  text-align:					center;
}

.podrobnosti a
{
  display:						block;
	font-size:					14px;
  font-weight:				bold;
	padding:						4px 10px 4px 0px;
	color:							white;
  background-color:		#ed4444;
	border:							1px solid black;
}

.podrobnosti a:hover
{
	color:							white;
}

.novinka
{
	padding:						20px;
  border-bottom:			1px solid #858686;	
}

.nov-datum 
{
	font-weight:				bold;
	font-size:					12px;
	letter-spacing:			2px;
	color:							#2148ac;
}
h5 {
  font-weight:        bold;
  font-size:          14px;
	
}

.ms-bground {
  background-image:   url('images/ms-bground.png');
  background-repeat: no-repeat;
  background-position: 20px 250px;
}

ul.skolka {
  font-weight:          bold;
  font-size:            14px;
}

ul.skolka li {
  padding:              4px;
}

ul.uvod {
  float: right;
  padding: 30px 80px 0px 0px;;
  font-weight: bold;
  font-size: 14px;
  
}
