html, body					{ margin: 0; padding: 0;   font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #666666; background: #fff8ee; font-size: 12px; behavior: url(hover.htc); }

/*---------- obecne --------------*/

h1,h2,h3,h4,h5,h6	{ color: #663300;  }
p		     	{	color: #666666;	padding: 0px; margin: 10px 0 20px 0;	font-size: 12px;	text-align: justify; line-height: 18px; z-index: 1; }


h1				{	font-size: 15px;	line-height: 30px;font-weight: bold; margin: 0 10px 20px 0; padding: 5px 5px 0 0px;	background: url(img/h1.jpg) left bottom no-repeat ; }
h2				{	font-size: 14px;	font-weight: bold; margin: 20px 0 10px 0;	}
h3				{	font-size: 13px;	font-weight: bold; padding: 0; margin: 25px 0 5px 0px; }
h4				{ font-style: italic; font-weight: normal; font-size: 12px;  margin: 5px 0px 10px 0; padding: 0px;	}
h5				{ font-size: 13px; }

ul								{ list-style-type: none; line-height: 18px;}
li								{	list-style-type: none; padding: 0; margin: 0; }

table { color: #666666;}
table tr td { color: #666666;}
table tr th { color: #666666;}


/*---------- layout --------------*/
#background       {background: #fff8ee;}

#obsah 					  { margin: 0 auto; width: 937px; text-align: left; padding: 0; position: relative; background: url(img/bg.jpg) repeat-y;}


#hlavicka					{ margin: 0; background: url(img/head.jpg) left top no-repeat #ffffff; width: 937px; height: 245px; padding: 0; }
#logo             { width: 250px; height: 82px; position: absolute;	left: 20px;	top: 25px; }
#logo img         { border: 0px;}

.pocitadlo  {height: 30px; width: 200px; position: relative; margin: 0 0 0 7px;}
.pocitadlo span   {float: left; margin: 5px 0 0 0; display: block;}
.pocitadlo a img {float: left;margin: 7px 0 0 5px; padding: 0px 0 0 0;display: block;}

#header_nadpisy             { font-family:  Tahoma, Arial, Helvetica, sans-serif; width: 590px; position: absolute;	right: 25px;	top: 25px; }
#header_nadpisy .radek_prvni  { font-size: 20px; color: #003e7e;	font-weight: normal; margin: 0; padding: 0px; text-align: right;  }
#header_nadpisy .radek_druhy  { font-size: 15px; color: #aa3632;	font-weight: bold; margin: 0; padding: 0px; text-align: right; }

#adresa  { width: 150px; height: 20px; position: absolute;	left: 430px;	top: 5px; }
#adresa a { font-size: 15px; color: #ababab;	font-weight: bold; margin: 0; padding: 0px; text-decoration: none; }
#adresa a:hover { font-size: 15px; color: #ababab;	font-weight: bold; margin: 0; padding: 0px; text-decoration: underline; }


/*---- levé menu -----*/
.lm							  { font-size: 12px; padding: 0px; margin: 0px 0 0 0; text-align: left;  }

.lm ul 						{ list-style: none; }
.lm ul li					{ float: left; display: block;  text-align: left; position: relative; padding: 6px 0px 6px 00px; background: none;  }

.lm li 						{ /* all list items */	float: left;	 display: block;	 margin: 4px 0px; width: 170px;   position: relative; text-align: left;  z-index: 10; }

.lm li a					{	font-size: 13px; font-weight: normal;	color: #a38566;	margin: 0px; padding: 0; font-weight: bold;	text-decoration: none;	display: block; width: 170px; padding: 3px;}
.lm li a:hover		{ font-size: 13px; font-weight: normal; color: white; font-weight: bold; text-decoration: none; background: #a38566; padding: 3px;}


.lm li ul 	{ /* second-level lists */ position: absolute;  top: -2px;  left: -999em;  opacity: 0.9;  filter: alpha(opacity=90);  -moz-opacity: 0.9;     -khtml-opacity: 0.9;  }

.lm li ul li a					{	font-size: 13px; font-weight: normal;	color: #a38566;	margin: 0px;  font-weight: bold;	text-decoration: none;	display: block; width: 164px; }
.lm li ul li a:hover		{ font-size: 13px; font-weight: normal; color: white; font-weight: bold; text-decoration: none; background: #a38566; }


.lm li ul ul 				{ /* third-and-above-level lists */ }
.lm li ul ul { /* third-and-above-level lists */ left: -999em; }
.lm li a:hover {  top: 0px; }	

.lm li:hover ul ul, .lm li:hover ul ul ul, .lm li:hover ul ul ul ul, .lm li.sfhover ul ul, .lm li.sfhover ul ul ul , .lm li.sfhover ul ul ul ul 
{	left: -999em; top: -10px; }	

.lm li:hover ul, .lm li li:hover ul, .lm li li li:hover ul, .lm li li li li:hover ul,  .lm li.sfhover ul, .lm li li.sfhover ul, .lm li li li.sfhover ul, .lm li li li li.sfhover ul 
{ /* lists nested under hovered list items */	left: 176px; top: 0px; padding: 0px; margin: 0px; background: #efefef;	border: 1px solid #d6d6d6; }
	
.lm li li:hover ul, .lm li li li:hover ul, .lm li li li li:hover ul,  .lm li li.sfhover ul, .lm li li li.sfhover ul, .lm li li li li.sfhover ul 
{ /* lists nested under hovered list items */	background: none;  top: -1px; }	

/*---------- links --------------*/

#links            {	width: 300px; height: 28px;	position: absolute; right: 20px;	top: 85px; }
#links a          {	color: #C1C1C1; text-decoration: none; }
#links a:hover          {	color: #C1C1C1; text-decoration: underline; }

.links_uvod      {	margin: 0px; width: 75px; height: 13px; padding: 0 0 0 15px; background: url(img/domek.jpg) 0px 2px no-repeat; position: absolute; right: 190px;	top: 5px; }
.links_mapy      {	margin: 0px; width: 60px; height: 13px; padding: 0 0 0 15px; background: url(img/mapa.jpg) 0px 2px no-repeat;  position: absolute; right: 100px;	top: 5px;}
.links_kontakty  {	margin: 0px; width: 75px; height: 13px; padding: 0 0 0 15px; background: url(img/obalka.jpg) 0px 2px no-repeat;  position: absolute; right: 0px;	top: 5px; }

/*---------- vyhledavani --------------*/

#hledat              { width: 200px; height: 20px; margin: 12px 0 0 8px; position: relative; float: left; text-align: left;}
#textik_hledat       { position: absolute; left: 5px; top: 5px; float: left; width: 60px;}
#hledat form         { width: 220px; position: absolute; top: 0px; left: 0px; }
#hledat form .pole_hledani  { width: 110px;}
.tlacitko            { position: absolute; right: 40px; top: 0px; width: 59px; height: 21px; margin: 0px; background: url(img/hledej.jpg) left 0px no-repeat; border: 0;}

/*---- menu levá nabídka -----*/

#leva						{	float: left; width: 190px; padding:  0;	margin: 0; }
#leva_in			  	{	margin: 0px;	padding: 30px 0px 20px 25px;}

#stredni 					{	float: right;	width: 710px;  min-height: 165px; _height: 165px;	padding:  0;	margin: 0; position: relative; }
#stredni2 					{	float: right;	width: 500px;  min-height: 165px; _height: 165px;	padding:  0;	margin: 0; position: relative; }
#stredni_in 			{ margin: 0; padding: 0px 30px 20px 15px; font-size: 12px; color: #424242;}
#stredni_in ul li			{ padding: 0px 0px 0px 15px; color: #666666; margin: 0 0 0 20px;  line-height: 18px; background: url(img/li.jpg) left 8px no-repeat;}
#stredni_in ol 			{ list-style-type: decimal; }
#stredni_in ol li			{ padding: 0px 0px 0px 15px; color: #666666; margin: 0 0 0 20px;  line-height: 18px; list-style-type: decimal;}
#stredni_in  a               { color: #FFB74E;	border: 0; text-decoration: underline;}
#stredni_in a:hover         { text-decoration: none;}



#paticka						{	width: 937px; height: 130px; text-align: left; background: url(img/bottom.jpg) left 0px no-repeat;	margin: 0 auto; padding: 0; position: relative;  }
#paticka_in					{ padding: 35px 0 0 150px; color: #663300; font-size: 11px; line-height: 18px; }
#paticka	a					{ color: #663300; text-decoration: none;}
#paticka	a:hover		{ color: #663300; text-decoration: underline;}
#paticka_text 			{ width: 900px; line-height: 18px; text-align: center; margin: 5px auto 20px auto; font-size: 10px; } 
#paticka_text a			{ color: #aa3632; text-decoration: underline; } 
#paticka_text a:hover			{ color: #aa3632; text-decoration: none; } 
#paticka img			  { border: 0px;}

#websoul            { width: 64px; height: 24px; position: absolute; right: 70px; top: 55px; }

span.clearboth		 { clear: both; height: 0px; line-height: 0px; font-size: 0px; display: block; visibility: hidden; }


/************ gallery ********/
.gallery    {float: right; width: 250px; margin: 20px 0px 0px 00px; padding: 5px; background: #ffffff; }
.gallery img   { border: 0; }
.gallery .photomain { width: 250px; margin-bottom: 0px;}
.gallery img.doprava {float: left; border: 0;}
.gallery .photomain .photo { width: 250px; text-align: center; }
.gallery .male_nahledy {  width: 80px; text-align: center;  float: left;}
.gallery .vsechny_nahledy {  width: 250px; margin: 0px 0px 0 00px;  text-align: center;  }
.gallery .male_nahledy img.small { margin: 10px 0px 0 5px; padding: 0 5px;}

.gallery2_male_nahledy  { width: 162px; text-align: center; float: left; }
.gallery2_male_nahledy a { border: none; }
.gallery2_male_nahledy a img { margin: 10px 0px 15px 0px; padding: 4px; border: 1px solid #DEE1E8; background: #ffffff;}


/*------------ FILES ------------*/
table.files_t						{ width: 100%; border-collapse: collapse; margin: 10px 0 30px 0px; }
table.files_t th				{ background: #FEB74B; color: #ffffff; padding: 3px 3px 3px 5px; text-align: left; font-size: 11px;}
table.files_t th.nazev	{ width: 50%; }
table.files_t td				{ padding: 3px 3px 3px 5px; border-bottom: 1px solid #FEB74B; font-size: 11px; color: #666666;}
table.files_t td a				{ font-size: 11px; color: #aa3632; text-decoration: underline;}
table.files_t td a:hover				{ font-size: 11px; color: #aa3632; text-decoration: none;}
table.files_t td a img 	{border: none;}


/*------------- novinka --------------------*/

/*.novinka          { float: left; width: 320px; height: 170px; margin: 10px 10px 0px 0px;	padding: 0px; background: none; border: 1px solid #e2e2e2; position: relative; }
.novinka:hover    { float: left; width: 320px; height: 170px; margin: 10px 10px 0px 0px;	padding: 0px; background: #fafafa; border: 1px solid #e2e2e2; position: relative; }
.novinka_in       { padding: 15px 15px 55px 15px;  }
.kalendar         { float: left; width: 45px; height: 40px; margin: 0 10px 6px 0;	padding: 0px; background: url(img/kalendar.jpg) left top no-repeat; position: relative;}
.datum            { color: #452a08; font-size: 9px; line-height: 10px; position: absolute; left: 4px; top: 15px; text-align: center; }
.nadpis_novinka   { font-size: 12px; font-weight: normal; margin: 0; padding: 0; }
.nadpis_novinka a { font-size: 12px; font-weight: bold; margin: 0; padding: 0; color: #003E7E; text-decoration: underline; }
.nadpis_novinka a:hover  { text-decoration: none; font-weight: bold; text-decoration: none; }
.novinka p        { padding: 5px 0 0 0; margin: 0; color: #666666; text-align: left;  }
.vice             { position: absolute; bottom: 15px; right: 15px; }
.vice a           { float: right; font-size: 12px; margin: 0; padding: 0 0 0 15px; color: #003E7E; background: url(img/li.jpg) left 5px no-repeat;  text-decoration: underline;}
.vice a:hover     {  text-decoration: none; }
*/

/*------------- novinka --------------------*/
.novinka          { float: left; width: 100%;  margin: 0px 10px 0px 0px;	padding: 0px; background: none; border-bottom: 1px solid #e2e2e2; position: relative; }
.novinka:hover    { float: left; width: 100%; margin: 0px 10px 0px 0px;	padding: 0px; background: none; border-bottom: 1px solid #e2e2e2; position: relative; }
.novinka_in       { padding: 15px 0px 25px 0px;  }
.kalendar         { float: left; width: 63px; height: 52px; margin: 0 10px 6px 0;	padding: 0px; background: url(img/cal.jpg) left top no-repeat; position: relative;}
.datum            { color: #452a08; font-size: 13px; line-height: 15px; position: absolute; left: 3px; top: 10px; text-align: center; font-weight: bold; width: 47px;}
.nadpis_novinka   { font-size: 12px; font-weight: bold; margin: 0; padding: 0; color: #FFB74E;}
.nadpis_novinka a { font-size: 12px; font-weight: bold; margin: 0; padding: 0; color: #FFB74E; text-decoration: underline; }
.nadpis_novinka a:hover  { text-decoration: none; font-weight: bold; text-decoration: none; }
.novinka p        { padding: 5px 0 0 0; margin: 0; color: #666666; text-align: left;  }
.vice             { position: absolute; bottom: 10px; right: 15px; }
.vice a           { float: right; font-size: 12px; margin: 0; padding: 0 0 0 15px; color: #FFB74E; background: url(img/li.jpg) left 5px no-repeat;  text-decoration: underline;}
.vice a:hover     {  text-decoration: none; }


/*---------- vysledky vyhledavani -------------*/
.results { margin-top: 40px; }
.results h3 	{		padding: 0;		margin: 0 0 8px 0;				font-size: 1em;}
.results h3 span 	{ 		color: #A4A4A4; font-weight: normal;}
.results h4 	{		padding: 5px 0 5px 15px;		margin: 0 0 0 10px;		font-size: 1.1em;		background: url(img/pozadi_odrazka_hledani.gif) no-repeat 0 50%;		}
.results h4 a.pod { color: #A4A4A4; font-size: .8em; }

/* ----------- MAPA ----------------------------*/

div.level_0					 { padding-left: 15px; }
div.level_0	a				 { padding-left: 15px; line-height: 22px;  color: #aa3632; text-decoration: none; }
div.level_0	a:hover	 { color: #5C9B16; text-decoration: underline; }

div.level_1					 { padding-left: 15px; }	
div.level_1 a				 { padding-left: 15px; line-height: 22px;  color: #aa3632; }

div.level_2					 { padding-left: 10px; }	
div.level_2 a				 { padding-left: 10px; line-height: 22px; background: url(img/li.jpg) 0px 4px no-repeat; color: #aa3632; }


/*----------kontaktni formular ------------*/
.form_r fieldset						{ width: 230px; color: #666666; font-size: 12px;  padding: 10px 10px 10px 0; margin-bottom: 5px; border: 0; }
h2.napiste_nam						{ color: #f07e2b; font-size: 18px;	font-weight: normal; margin: 20px 0 0px 0; }
.form_r label							{ float: left; margin-top: 3px; width: 200px; font-size: 12px; }
fieldset .form_r select							{ float: left; margin-top: 3px; width: 150px; font-size: 12px; }
.form_r input							{ font-size: 12px; float: left; width: 265px; margin: 2px 0 2px 0; }
.form_r br								{ clear: both;} 
.form_r textarea				{ margin: 3px 0 2px 0; float: left; width: 265px; }
.form_r select				{ margin: 3px 0 2px 0; float: left; width: 265px; }
.form_r .red, .form_r em			{ color: #f07e2b; margin: 0px; }
.form_r img			{ border: 0px; float: left; padding: 5px 5px 5px 0px;  }
input.zprava      { float: right; width: 59px; height: 21px; margin: 0px; background: url(img/odeslat.jpg) left center no-repeat; border: 0;}
.uspesne_odeslani						{ width: 270px; color: #ffffff; font-size: 12px; background: green; padding: 3px 10px 3px 10px; margin: 5px 0 0px 0; border: 0; }
.spatne_udaje						{ width: 270px; color: #ffffff; font-size: 12px; background: red; padding: 3px 10px 3px 10px; margin: 5px 0 0px 0; border: 0; }
.spatny_kod						{ width: 270px; color: #ffffff; font-size: 12px; background: red; padding: 3px 10px 3px 10px; margin: 5px 0 0px 0; border: 0; }


.prvni    {width: 221px; height: 45px; margin: 10px 0 10px 0; padding: 0px 0 0 0; background: url(img/prvni.png) left top no-repeat; text-align: center; line-height: 16px;}
.druhy    {width: 221px; height: 45px; margin: 10px 0 10px 0; padding: 8px 0 0 0; background: url(img/druhy.png) left top no-repeat; text-align: center;}
.druhy strong  {color: black;}
.treti    {width: 221px; height: 56px; margin: 10px 0 10px 0; padding: 5px 0 0 0; background: url(img/treti.png) left top no-repeat; text-align: center;}
.treti strong  {color: black;}


.form_app fieldset		  		{ width: 600px; color: #666666; font-size: 12px;  padding: 10px 10px 10px 0; margin-bottom: 5px; border: 0; }
.form_app label							{ float: left; margin-top: 3px; width: 200px; font-size: 12px; }
.form_app label.big					{ float: left; margin-top: 3px; width: 600px; font-size: 12px; }
.form_app input							{ font-size: 13px; float: left; width: 380px; margin: 2px 0 2px 0; }
.form_app input.small				{ font-size: 13px; float: left; width: 30px; margin: 2px 0 2px 0; }
.form_app span	       			{ font-size: 12px; float: left; margin: 2px 0 2px 0; }
.form_app input.sub			    { font-size: 13px; float: left; width: 120px; margin: 2px 0 2px 0; }
.form_app br								{ clear: both;} 
.form_app textarea			   	{ margin: 3px 0 2px 0; float: left; width: 580px; }



#tisk {float: right; margin: 20px 10px 0 0;}
#tisk a {text-decoration: none;}
#tisk a:hover {text-decoration: underline;}
#tisk a img {margin: 5px 0 0 0; text-decoration: none; border: 0;}

#navigace { margin: 0 0 10px 0;}


.ikony 					{	float: right;	width: 100%;	padding: 0;	margin: 30px 30px 0 0; position: relative; }  
.ikony a					{	color: #1e91e2; font-size: 11px; padding: 0; text-decoration: underline;  } 
.ikony a:hover					{	color: #1e91e2; text-decoration: none;  } 
.ikony .print 					{	float: right; height: 25px; margin: 0 0px 0 25px;	padding: 4px 0 0 25px;	 background: url(img/mini-tisk.jpg) no-repeat left 3px; }
.ikony .send 					{	float: right; height: 25px; margin: 0 0px 0 25px;	padding: 4px 0 0 30px;	 background: url(img/mini-obalka.jpg) no-repeat left 1px; }


input.rad {width: 20px;}


/*---------- bannery --------------*/
.bannery  { width: 210px; float: right; margin: 150px 0px 15px 20px;}
.banner { width: 210px; margin: 20px 0 10px 0px; float: left;  }
.banner .kal  { float: left; width: 63px; height: 52px; color: black; font-size: 12px; font-weight: bold; background: url(img/cal.jpg) left top no-repeat; padding: 5px 0 3px 10px; }
.banner .head { width: 170px; height: 30px; color: #FFB74E; font-size: 13px; font-weight: bold;  padding: 5px 0 3px 3px; }
.banner .bot { width: 100%; background: #DDDDDD;  height: 16px; text-align: right;}
.banner .clanek { float: left; padding: 0px 0px 35px 10px; position: relative; margin: 0 0 10px 0;font-size: 12px; }
.banner .clanek .vice             { position: absolute; bottom: 0px; right: 0px; width: 100%; height: 20px; background: url(img/clanky-vice.jpg) right top no-repeat;  }
.banner .clanek .vice a           { float: right; font-size: 12px;  padding: 0; color: #22508f; }
.banner .clanek .vice a:hover     { font-size: 12px;padding: 0;  }


a.registration { position: absolute; right: 32px; top: -10px; margin: 0 0 0 0; float: right; width: 206px; height: 83px; display: block; background: url(img/registration.jpg) left top no-repeat;}
a.registration:hover { background: url(img/registrationon.jpg) left top no-repeat;}

a.abstracts { position: absolute; right: 32px; top: 76px; margin: 0 0 0 0; float: right; width: 206px; height: 83px; display: block; background: url(img/abstracts.jpg) left top no-repeat;}
a.abstracts:hover { background: url(img/abstractson.jpg) left top no-repeat;}


.odpocet  { position: relative; float: left; text-align: center; width: 165px; margin: 0px 0 20px; color: #000000; border: 1px solid #A38566; padding: 5px 5px 14px 0;}
.odpocet span.datum { width: 165px; height: 20px; text-align: center; font-size: 15px; color: #663300; font-weight: bold; padding: 0;margin: 0 0 0px 0; position: relative; display: block;}
.odpocet strong { text-align: center; font-size: 14px; color: #A38566; font-weight: bold;}
.odpocet p { text-align: center; font-size: 13px; margin: 0; padding: 0; font-weight: normal;}
.odpocet p strong { text-align: center; font-size: 13px; color: #A38566; font-weight: normal;}

