html, body					{ margin: 0; padding: 0;   font-family:  Verdana, Arial, Helvetica, sans-serif; color: #000000; background: white; font-size: 11px; }

/*---------- obecne --------------*/

h1,h2,h3,h4,h5,h6	{	color: #4B6B89; font-size: 20px; font-weight: bold; margin: 10px 0 20px 0; padding: 0px;	}
h2				      {	font-size: 15px;	font-weight: bold; margin: 10px 0 20px 0;	}
h2.autor				{	font-size: 18px; color: #4B6B89;	font-weight: normal; margin: 3px 0 10px 0;	}
h3				      {	font-size: 16px;	font-weight: normal; padding: 0; margin: 25px 0 5px 0px; }
h4							{ font-size: 14px; margin: 25px 0 0 0; }
h5							{ font-size: 13px; }

p		     	{	color: #000000;	padding: 0px; margin: 10px 0 20px 0;	font-size: 11px;	text-align: justify; line-height: 13px; }

img { border: 0;}

a { color: #9C0000; text-decoration: none;}
a:hover { color: #9C0000; text-decoration: underline;}
/*---------- layout --------------*/
#obsah 					  { margin: 0 auto; width: 778px; text-align: left;	background: none; padding: 0; position: relative; z-index: 0; }

#header_top       { background: #DDDDDD; width: 778px; height: 23px; border-left: 1px solid #666666; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 0; margin: 0;}
#header_top_in    { padding: 3px 6px 3px 6px; }
#header_top_in a  { padding: 0px 6px 0px 6px; }


#header_logo      { width: 778px; height: 90px;  padding: 0; margin: 0; position: relative;} 
#loginin          { width: 300px; height: 50px; position: absolute;	right: 0px;	top: 30px; text-align: right;}
#loginin2         { width: 400px; height: 30px; position: absolute;	right: 0px;	top: 44px; text-align: right;}
#loginin2 table   { width: 400px; height: 30px; border: 1px solid #eeeeee; }
#loginin2 table th  { text-align: center; border: 1px solid #eeeeee;}
#loginin2 table td  { text-align: center;border: 1px solid #eeeeee; }
#logo             { width: 171px; height: 69px; position: absolute;	left: 15px;	top: 11px; }
#logo img         { border: 0; }

#top_menu	        { width: 778px; height: 15px;  margin: 0;  border-top: 1px solid #999999; background: #4b6b89; } /*background: #4b6b89;*/
#top_menu	a       { text-decoration: none; }
#top_menu ul      { list-style: none; padding: 0; margin: 0; height: 15px;}
#top_menu li      { float: left; height: 15px; }

#top_menu li a span.home, #top_menu li a span.ees, #top_menu li a span.news,  #top_menu li a span.work, #top_menu li a span.commu, #top_menu li a span.library, #top_menu li a span.conf { font-size: 12px; color: white; text-decoration: none; padding: 4px 18px 4px 17px;  border-left: 1px solid #999999; background: #4b6b89; height: 20px;}
#top_menu li a span.member  { font-size: 10x; color: white; text-decoration: none; padding: 4px 12px 3px 12px; border-left: 1px solid #999999; background: #4b6b89;}

#top_menu li.aktiv a span.home { color: white; text-decoration: none; background: #22508F;}
#top_menu li.aktiv a span.ees { color: white; text-decoration: none; background: #5F4480;}
#top_menu li.aktiv a span.news { color: white; text-decoration: none; background: #C55C10;}
#top_menu li.aktiv a span.work { color: white; text-decoration: none; background: #5B891D; }
#top_menu li.aktiv a span.commu { color: white; text-decoration: none; background: #0965C1; }
#top_menu li.aktiv a span.library { color: white; text-decoration: none; background: #8A0000;}
#top_menu li.aktiv a span.conf { color: white; text-decoration: none; background: #008080;}
#top_menu li.aktiv a span.member { color: white; text-decoration: none; background: #A58503;}

#top_menu li a:hover span.home { color: white; text-decoration: none; background: #22508F;}
#top_menu li a:hover span.ees { color: white; text-decoration: none; background: #5F4480;}
#top_menu li a:hover span.news { color: white; text-decoration: none; background: #C55C10;}
#top_menu li a:hover span.work { color: white; text-decoration: none; background: #5B891D; }
#top_menu li a:hover span.commu { color: white; text-decoration: none; background: #0965C1;}
#top_menu li a:hover span.library { color: white; text-decoration: none; background: #8A0000;}
#top_menu li a:hover span.conf { color: white; text-decoration: none; background: #008080;}
#top_menu li a:hover span.member { color: white; text-decoration: none; background: #A58503;}

#search            { z-index: 1;float: left; height: 67px; width: 148px; background: #DDDDDD; border-bottom: 1px solid #999999;} 
#header_home	     { z-index: 1;margin: 0; float: left; background: url(img/home.gif) no-repeat; width: 777px; height: 65px; padding: 0;}
#header_aboutees	 { z-index: 1;margin: 0; float: left; background: url(img/about-ees.gif) no-repeat; width: 628px; height: 68px; padding: 0;}
#header_news	 { z-index: 1;margin: 0; float: left; background: url(img/news.gif) no-repeat; width: 628px; height: 68px; padding: 0; }
#header_work	 { z-index: 1;margin: 0; float: left; background: url(img/work.gif) no-repeat; width: 628px; height: 68px; padding: 0; }
#header_community	 { z-index: 1;margin: 0; float: left; background: url(img/community.gif) no-repeat; width: 628px; height: 68px; padding: 0; }
#header_library	 { z-index: 1;margin: 0; float: left; background: url(img/library.gif) no-repeat; width: 628px; height: 68px; padding: 0; }
#header_conferences	 { z-index: 1;margin: 0; float: left; background: url(img/conferences.gif) no-repeat; width: 628px; height: 68px; padding: 0; }
#header_member	 { z-index: 1;margin: 0; float: left; background: url(img/member.gif) no-repeat; width: 628px; height: 68px; padding: 0; }

.linky {border-left: 1px solid #999999;border-right: 1px solid #999999;border-bottom: 1px solid #999999;  width: 776px; position: relative; margin: 0; padding: 0;}

.znacka   { float: left; width: 625px; height: 10px; margin: 0 0 20px 0;}
.znacka1  { float: left;width: 535px; height: 10px; background: #529CDE; margin: 0 0 20px 0;}
.znacka2  { float: left;width: 450px; height: 10px; background: #C2B3D7; margin: 0 0 20px 0;}
.znacka3  { float: left;width: 450px; height: 10px; background: #F5B8AD; margin: 0 0 20px 0;}
.znacka4  { float: left;width: 450px; height: 10px; background: #C0E88C; margin: 0 0 20px 0;}
.znacka5  { float: left;width: 450px; height: 10px; background: #569DDF; margin: 0 0 20px 0;}
.znacka6  { float: left;width: 450px; height: 10px; background: #CC9DA6; margin: 0 0 20px 0;}
.znacka7  { float: left;width: 450px; height: 10px; background: #A2D2CD; margin: 0 0 20px 0;}
.znacka8  { float: left;width: 450px; height: 10px; background: #DEBE5F; margin: 0 0 20px 0;}

#stredni 					{	float: left; width: 450px; 	padding:  0;	margin: 0;  }
#stredni_in 			{ margin: 0 0 40px 0; padding: 0px 0px 10px 17px; font-size: 12px; }
#stredni_in ul								{	list-style: circle; margin: 0 0 10px 0; padding: 0 0 0 25px; }
#stredni_in li								{	list-style: disc;  padding: 0; margin: 5px 0 0 0; font-size: 11px;}

#stredni2 					{	float: left;	width: 625px; padding:  0;	margin: 0; }
#stredni_in2 			{ margin: 0; padding: 0px 15px 50px 17px; font-size: 12px; }
#stredni_in2 ul								{	list-style: circle; margin: 0 0 10px 0; padding: 0 0 0 25px; }
#stredni_in2 li								{	list-style: disc;  padding: 0; margin: 5px 0 0 0; font-size: 11px;}

#stredni3 					{	float: left;	width: 535px; padding:  0;	margin: 0;  }
#stredni3 .join				{	float: right;	border: none; margin: 20px 0 40px 0; }
#stredni_in3 			{ margin: 0 0 40px 0; padding: 0px 15px 10px 17px; font-size: 12px; }
#stredni_in3 .renew				{	float: right;	border: none;  }


#stredni4 					{	float: left;	width: 750px; padding:  0;	margin: 0; }
#stredni_in4 			{ margin: 0 0 40px 0; padding: 0px 15px 10px 17px; font-size: 12px; }

/*
#leva						{	float: left; width: 148px;	padding:  0;	margin: 0;  }
#leva_in			  {	margin: 0px;	padding: 5px 0px 20px 0px; }
#leva_in ul		  {	margin: 0px;	padding: 2px 0px 2px 5px; list-style: none;}
#leva_in ul li	{	margin: 0px;	padding: 4px 0px 4px 0px; line-height: 13px; border-bottom: 1px solid #999999; color: #9C0000;} 
#leva_in ul li.level_1	{	padding: 4px 0px 4px 0px; line-height: 13px; border-bottom: 1px solid #999999; color: #9C0000;}
#leva_in ul li.level_2	{	padding: 4px 0px 4px 5px; line-height: 13px; border-bottom: 1px solid #999999; color: #9C0000;}
#leva_in ul li.level_3	{	padding: 4px 0px 4px 16px; line-height: 13px; border-bottom: 1px solid #999999; color: #9C0000;}
#leva_in ul li.level_4	{	padding: 4px 0px 4px 27px; line-height: 13px; border-bottom: 1px solid #999999; color: #9C0000;}
#leva_in ul li a {	color: #9C0000; text-decoration: none;}
*/



#leva						{	float: left; width: 148px;	padding:  0;	margin: 0;  }
#leva_in			  {	margin: 0px;	padding: 5px 0px 20px 0px; }

#leva_in a img	{	border: none; margin: 0 0 10px 10px; padding: 0px; }
#leva_in p		  {	margin: 0px; padding: 10px 0 0 0px; }



#leva_in ul.neviditelny { display: none; }
#leva_in ul         { width: 145px;	font-size: 11px;	color: black;	text-decoration: none; padding: 0; margin: 0 0 0 5px;}
#leva_in ul li      { display: block; font-weight: normal;		cursor: default;	 }
#leva_in ul li ul   { margin: 0; padding: 0;}
#leva_in ul li span { border-bottom: 1px solid #999999; width: 135px; display: block;padding: 7px 0 7px 5px;}
#leva_in ul li span a  { text-decoration: none; color: #9C0000;}
#leva_in ul li span a.aktualni  { text-decoration: none; color: #999999;}
#leva_in ul li span a:hover  { text-decoration: none; color: #666666;}

#leva_in ul li ul li span  { border-bottom: 1px solid #999999; width: 125px; display: block; padding: 7px 0 7px 15px; }
#leva_in ul li ul li span a { 	color: #9C0000;	font-weight: normal; }
#leva_in ul li ul li span a.aktualni { 	color: #999999;	font-weight: normal; }
#leva_in ul li ul li span a:hover { 	color: #9C0000;	font-weight: normal; }
#leva_in ul li a:hover { text-decoration: none;   color: #FF6600;}


#paticka						{	float: left;width: 777px;	height: 25px;	margin: 0px auto; padding: 0;  background: #999999; }
#paticka_in					{ padding: 6px 0px; color: white;  text-align: left; }
#paticka	a					{ color: white; text-decoration: none;}
#paticka	a:hover		{ color: white; text-decoration: underline;}
#paticka img			  { border: 0px; }

#copyright						{	width: 999px; height: 50px;	margin: 15px auto 0 auto; color: #282828; font-size: 11px; padding: 0; line-height: 18px;  }
#copyright_in					{	margin: 0;  padding: 0 0px 0 20px; }
#copyright	a					{ color: #ffffff; text-decoration: underline;}
#copyright	a:hover		{ color: #ffffff; text-decoration: none; }
#copyright img			  { border: 0px; }
#websoul            { width: 90px height: 23px; position: absolute; right: 20px; top: 15px; }

#podpaticka						{	width: 100%; height: 350px;	margin: 0; padding: 0; position: absolute; left: 0px; bottom: 0px; z-index: 1; }
#mic						{	width: 366px; height: 211px;	margin: 0; padding: 0; position: absolute; right: 0px; bottom: 0px; background: url(img/mic.jpg) left top no-repeat; }

#paticka_partneri		{	width: 960px;	height: 20px;	margin: 0; position: absolute; left: 20px; top: 5px; padding: 0; }
#paticka_partneri	a	{	color: #5e5e5e; text-decoration: underline; font-size: 11px; }
#paticka_partneri	a:hover	{	color: #5e5e5e; text-decoration: none; }

span.clearboth		 { clear: both; height: 0px; line-height: 0px; font-size: 0px; display: block; visibility: hidden; }

/*---------- bannery --------------*/
.bannery  { width: 240px; float: right; margin: 0 0 15px 0;}
.banner { width: 180px; background: #ededed; margin: 40px 0 10px 40px; float: left;  }
.banner .head { width: 170px; height: 24px; color: #22508f; font-size: 12px; font-weight: bold; background: url(img/clanky-nadpis.jpg) left top repeat-x; padding: 5px 0 3px 10px; }
.banner .bot { width: 100%; background: #DDDDDD;  height: 16px; text-align: right;}
.banner .clanek { padding: 10px 10px 35px 10px; position: relative; margin: 0 0 10px 0; }
.banner .clanek .vice             { position: absolute; bottom: 0px; right: 10px; width: 100%; height: 20px; background: url(img/clanky-vice.jpg) right top no-repeat;  }
.banner .clanek .vice a           { float: right; font-size: 11px; margin: 3px 30px 0 0; padding: 0; color: #22508f; }
.banner .clanek .vice a:hover     { font-size: 11px; margin: 3px 30px 0 0; padding: 0;  }



/*---------- prihlaseni --------------*/

#tab_prihlaseni	        { padding: 0; margin: 0; color: #b7b7b7; padding: 0px; margin:  10px 0 0 14px;	font-size: 12px; line-height: 16px; }
#tab_prihlaseni	a img        { padding: 0; margin: 0; }
.pole_prihlaseni        { margin: 0 0 0 10px; padding: 0px; width: 98px; color: #aaaaaa; font-size: 12px; height: 24px; background: url(img/textove-pole.jpg) left top no-repeat; border: 0px; }
.tlac_prihlasit        { margin: 0px 0 0 10px; width: 71px; height: 24px; background: url(img/prihlasit.jpg) left top no-repeat; border: 0px; }
.tlac_odhlasit        { position: absolute; right: 16px; bottom: 15px; width: 71px; height: 24px; background: url(img/odhlasit.jpg) left top no-repeat; border: 0px; }
.prazdna_bunka        { height: 5px; }

#prihl_jmeno	        { position: absolute; left: 18px; top: 15px; padding: 0; margin: 0;	font-size: 12px; line-height: 16px; }
#prihl_adresa	        { position: absolute; left: 18px; top: 35px; padding: 0; margin: 0;	font-size: 12px; line-height: 16px; }
#prihl_email        { position: absolute; left: 18px; top: 55px; padding: 0; margin: 0;	font-size: 12px; line-height: 16px; }

#prihl_jmeno strong	        { font-weight: bold; padding: 0; margin: 0;	font-size: 12px; line-height: 16px; color: #ffffff; }


/*---------- vyhledavani --------------*/

#hledat              { width: 150px; height: 27px; color: white; position: relative; margin: 25px 0 0 0; float: left;}
#hledat form         { width: 212px; position: absolute; top: 0px; left: 0px; }
.pole_hledani        { margin: 0; padding: 0px; width: 139px; background: #181818; color: #6d6d6d; font-size: 12px; height: 20px; background: url(img/bg-hledani.jpg) left 0px no-repeat; border: none; }
.tlacitko            { position: absolute; right: 0px; top: 0px; width: 59px; height: 21px; margin: 0px; background: url(img/hledat.jpg) left 0px no-repeat; border: 0;}

#navigace	{	width: 600px; height: 45px; position: absolute; left: 207px; top: 28px; margin: 0; padding: 0px; font-size: 10px; }
#navigace a	{ color: #00caf5; font-size: 10px;	border: 0; text-decoration: underline; }
#navigace a:hover         { text-decoration: none;}


/*---- menu levá nabídka -----*/

#prihlaseni							  { padding: 0; margin: 0px 0 0px 0px; }
#prihlaseni ul 						{ list-style: none;    }
#prihlaseni ul li					{ float: left; display: block;   position: relative; padding: 0;}
#prihlaseni li 						{ /* all list items */	float: left;	display: block;	width: 190px;	height: 40px;	margin: 0;	padding: 0px; position: relative; border-bottom: 1px solid #181818; }
#prihlaseni li a					{	display: block;	font-size: 12px;	color: #b7b7b7;	margin: 0; background: url(img/li.jpg) no-repeat 0px 16px; text-decoration: none;  padding: 12px 0 0px 25px; position: absolute; top: 0px; left: 20px;}
#prihlaseni li a:hover		{ font-size: 12px; text-decoration: none; color: #ffffff; text-decoration: none; }


/*---- tabulka kontakty -----*/
#tab_zpusob_dopravy					   { width: 100%;  margin: 0px 0 0px 0; line-height: 18px; font-size: 12px; }
#tab_zpusob_dopravy .radek	   { height: 40px; border-bottom: 1px solid #181818; }
#tab_zpusob_dopravy .checkbox  { width: 30px; }
#tab_zpusob_dopravy .cena  { width: 80px; text-align: center; }
#tab_zpusob_dopravy .popis_dopravy  { width: 440px; margin: 0px 20px 0px 0; }

/*---- odkazy dole napravo -----*/
#odkazy							  { font-size: 12px; padding: 0; margin: 0px 0 10px 0; }

#odkazy ul 						{ list-style: none; width: 160px;   }
#odkazy li 						{ /* all list items */	float: left;	display: block;	width: 160px; height: 20px; margin: 0;	padding: 0px;  position: relative;}
#odkazy li a					{ height: 20px;	display: block;	font-size: 12px;	color: #ffffff;		margin: 0;	text-decoration: none;	background: url(img/li.jpg) left center no-repeat; line-height: 18px; padding: 3px 3px 3px 15px; position: absolute; top: 0px; left: 15px;}
#odkazy li a:hover		{ font-size: 12px; text-decoration: underline; color: #ffffff; }

/*---- externi odkazy -----*/
a.odkaz					{ height: 20px;	display: block;	font-size: 12px;	color: #ffffff;	font-weight: bold;	margin: 0;	text-decoration: none; line-height: 18px; padding: 3px 3px 3px 15px; }
a:hover.odkaz		{ font-size: 12px; text-decoration: underline; color: #ffffff; font-weight: bold; }




/* ----------- photo ----------------------------*/
div.photo 				{  float: left; width: 150px;	 padding: 0;margin: 10px 10px 0 0; }
div.photo_in			{  }
div.photo strong  { text-align: center;  display: block; font-weight: normal; }


/*---------- SUBPAGE -------------*/
div.subpage			{ float: left; background: #75E1ED; width: 314px; margin: 10px 20px 5px 0; padding: 0px; border: 1px dashed #52D7E6;}
div.subpage_in	{ margin: 5px 0 5px 5px; padding: 4px; }
div.ikona       { float: left; width: 150px; margin: 0 10px 10px 0;}
div.subpage_in a	  { font-size: 14px; padding: 0px 0 5px 0; margin: 0 0 10px 0; color: white; font-weight: bold;}
div.subpage_in .popis	  { font-size: 12px;  margin: 10px 0 5px 0; color: #5F5F5F; }


/*---------- SUBPAGE AKTEGORIE-------------*/

div.subpagekat			{ float: left; width: 190px; height: 130px;margin: 10px 5px 5px 5px; padding: 0px; background: #181818; border: 1px solid #2D2D2D; }
div.subpagekat_in	  { margin: 0px; padding: 10px 5px 5px 5px; text-align: center;  }
div.subpagekat_in a	img { margin: 0px 0 0px 0px; padding: 0px; text-align: center; border: none; background: url(img/produkt.jpg) left top no-repeat; }
div.subpagekat_in .nadpis	  { height: 40px; margin: 0px; padding: 0px; text-align: center;}
div.subpagekat_in .obrazek	  { width: 100%; height: 55px; margin: 0 0 5px 0;}
div.subpagekat_in a	  { font-size: 12px; padding: 0 0 5px 0; margin: 0px; color: #ffffff; font-weight: bold; text-decoration: none; border: none;}
div.subpagekat_in a:hover   { color: #00caf5; text-decoration: none; border: none;}
div.subpagekat_in .popis  { font-size: 12px;  margin: 10px 0 15px 0; color: #ffffff; }



/************ gallery ********/
.gallery    {float: right; width: 250px; margin: 23px 0px 0px 0px; min-height: 200px; _height: 200px; padding: 5px; background: #2D2D2D; border: 1px solid #3F3F3F; }
.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 0px;  text-align: center;  }
.gallery .male_nahledy img.small { margin: 10px 0px 0 5px; padding: 0 5px;}

.gallery2_male_nahledy  { float: left; margin: 0 0 15px 0; }
.gallery2_male_nahledy .obrazek  { width: 190px; text-align: center;}
.gallery2_male_nahledy .obrazek a { border: none; }
.gallery2_male_nahledy .obrazek a img { margin: 10px 0px 0 15px; padding: 5px; border: 1px solid #505453; background: #181818;}


/*------------ FILES ------------*/
div.files   {float: left; width: 150px; padding: 5px; margin: 30px 0 0 15px; display: block;}
div.files span { border-bottom: 1px dashed #BBBBBB; width: 140px; padding: 10px 5px; font-size: 11px; display: block;}
div.files span a { color: #9C0000; text-decoration: none; width: 140px;}
div.files span a:hover { color: #9C0000; text-decoration: underline;}
div.files span img  { border: none;}

table.files_t						{ width: 600px; border-collapse: collapse; margin: 10px 0 20px 0px; }
table.files_t th				{ background: #303030; 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 #303030; font-size: 11px; color: #e6e6e6;}
table.files_t td a				{ font-size: 11px; color: #ffffff; text-decoration: underline;}
table.files_t td a:hover	{ font-size: 11px; color: #ffffff; text-decoration: none;}
table.files_t td a img 	{ border: none; }

.filestodownload  { width: 250px; float: right; background:  url(img/allsoubory.png) left top no-repeat; min-height: 150px; _height: 150px; margin: 15px 0 0 15px; padding: 68px 0 0 0;}
.files2						{ width: 180px; background:  url(img/souborkestazeni.png) left top no-repeat; height: 35px; margin: 10px 0 0 23px;}
.files2_nazvy	  	{ padding: 6px 0 0 30px;  }

/*------------- novinka --------------------*/
.novinka          { float: left; width: 590px;  margin: 5px 0px 0px 5px;	padding: 0px; background: #f9f9f9; border: solid 1px #EBF0F6; position: relative; }
.novinka_in       { padding: 10px 10px 25px 10px;}
.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: 10px; line-height: 12px; position: absolute; left: 7px; top: 13px; text-align: center}
.nadpis_novinka   { font-size: 13px; font-weight: bold; margin: 0; padding: 0; }
.nadpis_novinka a { font-size: 13px; font-weight: bold; margin: 0; padding: 0; color: #D80219; }
.nadpis_novinka a:hover  { text-decoration: none; font-weight: bold; }
.novinka p        { padding: 5px 0 0 0; margin: 0; color: #666666;}
.vice             { position: absolute; bottom: 8px; right: 10px; }
.vice a           { float: right; font-size: 12px; margin: 0; padding: 0; color: #D80219; }
.vice a:hover     { font-size: 12px; margin: 0; padding: 0;  }



/*---------- SUBPAGE -------------*/
div.sort_subpage			{ float: left; width: 270px; height: 190px; background: url(img/pozadi-produktu-konec.jpg) right top no-repeat; margin: 0px 0px 0px 0; padding: 0 0 30px 0px; position: relative; }
div.sort_subpage_in	{ margin: 0px 0 0px 0px; padding: 20px 0 0 0px; text-align: center; position: relative;}

div.sort_subpage_in a	 { font-size: 15px; padding: 0px 0 7px 0; margin: 0 0 5px 0; color: #006AB3; font-weight: bold; text-decoration: none; height: 40px;}

div.sort_subpage_in .popis_knihy  { width: 190px; float: right; margin: 10px 0 0 0; }

div.sort_subpage_in .titul  { width: 130px; float: right; padding: 0 10px 0 0px; margin: 0; color: #cb0202; text-align: left; }
div.sort_subpage_in .titul a h3  { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: underline; margin: 0px; padding: 0px; }
div.sort_subpage_in .titul a:hover h3 { text-decoration: none; }

div.sort_subpage_in .titul a  { font-size: 12px; color: #ffffff; text-decoration: underline; margin: 0px; padding: 0px; }
div.sort_subpage_in .titul a:hover { text-decoration: none; }

div.sort_subpage_in .autor  { width: 150px; float: right; padding: 0 10px 0 0px; margin: 8px 0 0 0; font-size: 12px; color: #444444; font-weight: bold; text-align: left; }
div.sort_subpage_in .autor h3 { font-size: 12px; font-weight: bold; color: #444444; text-decoration: none; margin: 0px;}

div.sort_subpage_in .autor a { font-size: 12px; color: #444444; text-decoration: underline;}
div.sort_subpage_in .autor a:hover { text-decoration: none; }

div.sort_subpage_in .cenasdph     { width: 130px; float: right; padding: 0 10px 0 0px; margin: 18px 0 0px 0; font-size: 12px; color: #00caf5; text-align: left; font-weight: normal; }
div.sort_subpage_in .cenabezdph   { width: 150px; float: right; padding: 0 10px 0 0px; margin: 18px 0 5px 0; font-size: 12px; color: #cd0808; text-align: left; }


div.sort_subpage .obrazek	  { width: 100px; margin: 0px; padding: 0px; position: absolute; left: 10px; top: 28px; }
div.sort_subpage .obrazek	a img  { border: none; }
div.sort_subpage_in .popis	  { font-size: 12px;  margin: 10px 0 5px 0;  color: red; font-weight: bold;}

/*---------- SUBPAGE2 -------------*/
div.sort_subpage2			{ float: left; width: 270px; height: 190px; background: url(img/pozadi-produktu-stred.jpg) right top no-repeat; margin: 0 5px 0 25px; padding: 0 15px 30px 0px; position: relative; }
div.sort_subpage2_in	{ margin: 0px 0 0px 0px; padding: 20px 0 0 0px;  text-align: center; position: relative;}

div.sort_subpage2_in a	 { font-size: 15px; padding: 0px 0 7px 0; margin: 0 0 5px 0; color: #006AB3; font-weight: bold; text-decoration: none; height: 40px;}

div.sort_subpage2_in .popis_knihy  { width: 200px; float: right; margin: 10px 0 0 0; }

div.sort_subpage2_in .titul  { width: 130px; float: right; padding: 0 10px 0 0px; margin: 0; color: #cb0202; text-align: left; }
div.sort_subpage2_in .titul a h3  { font-size: 12px; color: #ffffff; font-weight: bold; text-decoration: underline; margin: 0px; padding: 0px; }
div.sort_subpage2_in .titul a:hover h3 { text-decoration: none; }

div.sort_subpage2_in .titul a  { font-size: 12px; color: #ffffff; text-decoration: underline; margin: 0px; padding: 0px; }
div.sort_subpage2_in .titul a:hover { text-decoration: none; }

div.sort_subpage2_in .autor  { width: 150px; float: right; padding: 0 10px 0 0px; margin: 8px 0 0 0; font-size: 12px; color: #444444; font-weight: bold; text-align: left; }
div.sort_subpage2_in .autor h3 { font-size: 12px; font-weight: bold; color: #444444; text-decoration: none; margin: 0px;}

div.sort_subpage2_in .autor a { font-size: 12px; color: #444444; text-decoration: underline;}
div.sort_subpage2_in .autor a:hover { text-decoration: none; }

div.sort_subpage2_in .cenasdph     { width: 130px; float: right; padding: 0 10px 0 0px; margin: 18px 0 0px 0; font-size: 12px; color: #00caf5; text-align: left; font-weight: normal;}
div.sort_subpage2_in .cenabezdph   { width: 150px; float: right; padding: 0 10px 0 0px; margin: 18px 0 5px 0; font-size: 12px; color: #cd0808; text-align: left; }


div.sort_subpage2 .obrazek	  { width: 100px; margin: 0px; padding: 0px; position: absolute; left: 10px; top: 28px; }
div.sort_subpage2 .obrazek	a img  { border: none; }
div.sort_subpage2_in .popis	  { font-size: 12px;  margin: 10px 0 5px 0;  color: red; font-weight: bold;}

/*---------- vypis novinek -------------*/
div.vypis_novinek	{ float: left; width: 135px; border: 1px solid #2F2C2C; margin: 0px 10px 15px 5px; padding: 0px;  }
div.vypis_novinek_in	{ margin: 0px; padding: 5px 5px 10px 5px;  text-align: center; }
div.vypis_novinek_in a	 { font-size: 15px; padding: 0px 0 7px 0; margin: 0 0 5px 0; color: #006AB3; font-weight: bold; text-decoration: none; height: 40px;}

div.vypis_novinek_in .bunka_nad_obr	  { width: 100%; min-height: 40px; _height: 40px; margin: 0 0 5px 0px; padding: 0px; }

div.vypis_novinek_in .nazev  { width 100%; min-height: 30px; _height: 30px; padding: 0px; margin: 10px 0 0px 0; text-align: center; }
div.vypis_novinek_in .nazev a  { font-size: 12px; color: #ffffff;  text-align: center; font-weight: bold; text-decoration: underline; margin: 0px; padding: 0px; }
div.vypis_novinek_in .nazev a:hover { text-decoration: none; }

div.vypis_novinek_in .autor  { width 100%; padding: 0px; margin: 0; text-align: center; }
div.vypis_novinek_in .autor h3  { font-size: 12px; color: #444444; font-weight: bold; text-decoration: none; margin: 0px; padding: 0px; }

div.vypis_novinek_in .nahled	  { width: 100%; text-align: center; margin: 5px auto 15px auto; padding: 0px; }
div.vypis_novinek_in .nahled a img	{ border: 0; margin: 0px; padding: 0px; }

div.vypis_novinek_in .bezna_cena     { width: 100%; padding: 0px; margin: 0px 0 5px 0; font-size: 11px; color: #444444; text-align: center; }
div.vypis_novinek_in .vase_cena   { width: 100%; padding: 0px; margin: 10px 0 10px 0; font-size: 11px; color: #00caf5; text-align: center; font-weight: bold; }


/************* NEJPRODAVANEJSI ****************/

div.sort_nejprodej			{ float: left; width: 205px; height: 120px;  margin: 5px 0 3px 0; padding: 0; position: relative; }
div.sort_nejprodej_in	  { margin: 0; padding: 0px;  text-align: left; position: relative;}
div.sort_nejprodej_in a	 { font-size: 15px; padding: 0px 0 7px 0; margin: 0 0 5px 0; color: #ffffff; font-weight: bold; text-decoration: none; }

div.sort_nejprodej_in .popis_knihy  { width: 120px; position: absolute; right: 0px; top: 10px; }

div.sort_nejprodej_in .titul  { width: 110px; float: right; padding: 0 0px 0 0px; margin: 0; color: #00caf5; text-align: left; }
div.sort_nejprodej_in .titul a  { font-size: 11px; color: #00caf5; text-decoration: underline; margin: 0px; padding: 0px; }
div.sort_nejprodej_in .titul a:hover { text-decoration: none; }

div.sort_nejprodej_in .autor  { width: 110px; float: right; padding: 0 0px 0 0px; margin: 8px 0 0 0; font-size: 11px; color: #444444; font-weight: bold; text-align: left; }
div.sort_nejprodej_in .autor a  { font-size: 12px; color: #444444; text-decoration: underline;}
div.sort_nejprodej_in .autor a:hover { text-decoration: none; }

div.sort_nejprodej_in .cenasdph     { width: 110px; float: right; padding: 0 0px 0 0px; margin: 0px 0 0px 0; font-size: 11px; color: #ffffff; text-align: left; font-weight: normal; }
div.sort_nejprodej_in .cenasdph .cenavelka  { font-size: 13px; font-weight: bold; }
div.sort_nejprodej_in .cenabezdph   { width: 110px; float: right; padding: 0 0px 0 0px; margin: 10px 0 5px 0; font-size: 11px; color: #BFBFBF; text-align: left; }

div.sort_nejprodej_in a img	{ border: 0; float: left; margin: 10px 0 0 10px; padding: 0px; width: 70px; }
div.sort_nejprodej_in img	{ border: 0; float: left; margin: 0px; padding: 0px; }
div.sort_nejprodej_in .popis	  { font-size: 12px;  margin: 10px 0 5px 0;  color: red; font-weight: bold; }


/*---------- pridani polozky do kose -------------*/

.pridat_polozku { float: right; width: 188px; margin: 20px 0px 0 0; font-weight: normal; color: #e6e6e6; }
.pridat_polozku form { position: relative; padding: 3px 0 0 0 ;}
.zeleny_kosik { position: absolute; right: 0px; top: 2px; width: 22px; height: 22px; background: url(img/kosik-zeleny.jpg) right 2px no-repeat;  }

.ks                 { position: absolute; left: 48px; top: 0px; margin: 0; padding: 0px; height: 25px; width: 35px; background: url(img/pole-pocet-kusu.jpg) left top no-repeat; border: 0; }
.koupit             { position: absolute; right: 15px; top: 0px; margin: 0px; width: 71px; height: 24px; margin: 0px; background: url(img/koupit.jpg) right top no-repeat; border: 0; }

#pridat_polozku_detail { float: right; width: 260px; margin: 5px 0px 30px 10px; font-weight: normal; color: #ffffff; position: relative; }
.pridat_polozku_detail form { position: relative;}
.zeleny_kosik_detail { position: absolute; right: 0px; top: 2px; width: 22px; height: 22px; background: url(img/kosik-zeleny.jpg) right 2px no-repeat;  }

.ks_detail                 { position: absolute; left: 105px; top: 0px; text-align: center; margin: 0; padding: 0px; height: 25px; width: 47px; background: url(img/pole-pocet-kusu.jpg) left top no-repeat; border: 0; }
.koupit_detail             { position: absolute; right: 5px; top: 0px; margin: 0px; width: 71px; height: 24px; background: url(img/pridat.jpg) right top no-repeat; border: 0; }
img.koupitknihu           { position: absolute; right: 25px; top: 0px; margin: 0px; width: 71px; height: 24px;  border: 0; }  
.znacka_kusy             { position: absolute; right: 85px; top: 3px; margin: 0px; border: 0; }
.pridat_do_kosiku             { position: absolute; left: 0px; top: 3px; margin: 0px; width: 115px; }

.sortiment_right_ceny { float: right; height: 50px; padding: 0 0 10px 0; padding: 0; width: 290px; }
.sortiment_cena    {  float: right; font-size: 18px; color: white; font-weight: bold; margin: 5px 5px 10px 0; padding: 0; width: 250px; text-align: right;}
.sortiment_cena_bez_dph {  float: right; font-size: 14px; color: #E6E6E6; font-weight: normal; margin: 0 5px 0 0; padding: 0;width: 250px; text-align: right;}
.sortiment_ikony   { float: left; height: 30px; width: 300px; margin: 20px 0 0 0;}
.sortiment_ikona   { float: left; height: 30px; width: 43px; margin: 0 5px 0 0;}
.sortiment_ikona a img  { border: none;}
.sortiment_anotace { float: right; color: #545454; font-size: 12px; line-height: 18px; width: 290px;  padding: 0; margin: 0px 5px 0 0; }
.sortiment_anotace h3 { font-size: 13px; color: #ffffff;	font-weight: bold; padding: 0; margin: 8px 0 5px 4px; }
.sortiment_anotace_in { padding: 0; margin: 0;}
.sortiment_anotace_in table { border: 0; width: 100%; margin: 0 0 20px 0;}
.sortiment_anotace_in table tr {background: none; }
.sortiment_anotace_in table th { border: 0; color: #ffffff; width: 90px; font-weight: normal; font-size: 11px; text-align: right; padding: 0px 10px 0px 0px; margin: 0; background: #545454; }
.sortiment_anotace_in table td { border: 0; color: #ffffff; font-weight: normal; font-size: 11px; background: #2D2D2D;  padding: 2px 0px 2px 10px; }
.popis_produktu { color: #676767;	padding: 0px; margin: 5px 0 20px 0;	font-size: 12px; float: left;	text-align: justify; line-height: 18px; width: 600px; }

.anotace_detail { color: #E6E6E6;	padding: 0px; margin: 10px 5px 20px 0;	font-size: 12px;	text-align: justify; line-height: 18px; }

.obrazek_velky  {  margin: 10px 20px 20px 20px; padding: 0px; width: 250px; min-height: 200px; _height: 200px; float: left; } 

#nejprodavanejsi {  margin: 10px 0 10px 0; font-weight: bold; color: #006ab3; } 
.nejprod_nazev   { width: 140px; margin: 0; font-weight: bold; color: #006ab3; font-size: 22px; text-align: center; } 
.nejprod_obr     { text-align: center; margin: 0px; padding: 0px; }
.nejprod_cena     { margin: 0px 0 5px 0; font-weight: bold; color: #ff0000; font-size: 20px; text-align: center; }


/*---------- PACING -------------*/
.list_db        {	position: relative; text-align: center;  padding: 0px 0 0px 0; margin: 10px 0 10px 0; height: 40px;}
.list_db a     {	background: #9F0001; border: 1px solid #AF2023; padding: 3px 8px 3px 8px; margin: 3px; 	text-decoration: none; color: #ffffff;}
.list_db span     {	background: #9F0001; border: 1px solid #AF2023; padding: 3px 8px 3px 8px; margin: 3px;}

.prodejni_doba { margin: 10px 0 0 45px; width: 120px; color: white; font-size: 15px;}

.formular_text  { margin: 10px 0 0 22px; width: 145px; color: white; }

div.zpatky    { width: 150px; text-align: right; float: right; margin: 5px 0 0px 10px; padding: 0; height: 15px;}
div.zpatky a  { color: #ffffff; text-decoration: underline; }
div.zpatky a:hover  { color: #ffffff; text-decoration: none; }


/*---------- vysledky vyhledavani -------------*/
.results           { margin-top: 40px; }
.results h3 	     { padding: 0; margin: 0 0 8px 0; font-size: 14px;}
.results h3 span 	 { color: #A4A4A4; font-weight: normal;}
.results h4 	     { padding: 5px 0 5px 15px; margin: 0 0 0 10px; font-size: 13px; background: url(img/pozadi_odrazka_hledani.gif) no-repeat 0 50%;		}
.results h4 a	     { color: #333333; }
.results h4 a.pod  { color: red; font-size: 13px; }


/****************** ESHOP ********************/
.vlozit_do_kosiku   { background: url(_eshop/img/vlozit_do_kosiku.jpg) left top no-repeat; width: 120px; height: 60px; border: 0;}

table.nakupni_kosik  { width: 100%;}
table.nakupni_kosik th { background: #545454; font-size: 11px; font-weight: bold; color: white; text-align: center; }
table.nakupni_kosik td { border-bottom: 1px solid #545454; font-size: 11px; font-weight: normal; text-align: center; color: #e6e6e6; vertical-align: middle;}
table.nakupni_kosik td.produkt { border-bottom: 1px solid #545454; vertical-align: middle; width: 200px;  text-align: left; }
table.nakupni_kosik td.produkt a { font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: underline; }
table.nakupni_kosik td.produkt a:hover { text-decoration: none; }
table.nakupni_kosik td input.am {  height: 20px; width: 30px; font-size: 10px; font-weight: normal; text-align: center; vertical-align: middle; }
table.nakupni_kosik td input.prepocitat {  background: none; border: 0; cursor: pointer; cursor: hand;  color: #cd0808; font-size: 11px;}


table.nakupni_kosik td input { vertical-align: middle;}
table.nakupni_kosik td img { vertical-align: middle; border: 0;}
table.nakupni_kosik td.cena_celkem { height: 25px; background: #181818; color: #ffffff; vertical-align: middle; }

#zadna_polozka_kosik { width: 100%; margin: 20px 0 0 0; background: #F2F2F2; color: red; padding: 5px 0 5px 5px; vertical-align: middle; }

div.pokracovat  { float: right; padding: 10px 10px 10px 10px; background: url(img/li-seznam.jpg) right 12px no-repeat; width: 150px; text-align: center; margin: 25px 20px 0 0; }
div.pokracovat a  { font-size: 12px; color: #ffffff; text-decoration: none;}
div.pokracovat a:hover  { text-decoration: underline;}

div.zpet  { float: left; padding: 10px 10px 10px 20px; background: url(img/li-zpet.jpg) left 10px no-repeat; width: 130px; text-align: left; margin: 25px 20px 0 20px; }
div.zpet a  { font-size: 12px; color: #ffffff; text-decoration: none; }
div.zpet a:hover  { text-decoration: underline;}


h3.vice_informaci {cursor: pointer; cursor: hand; text-decoration: underline;}
.skryvany {display: none; padding: 0 15px 0 0;}

/* ---------------REGISTRACE -----------*/
div.reg_form							            { color: #cfcfcf; margin: 0 0 15px 0;}
div.reg_form fieldset				          { border: 1px solid #2D2D2D; padding: 10px; margin-bottom: 10px; color: white;}
div.reg_form fieldset legend		      { background: #15ADD2; padding: 5px 10px; font-weight: bold; margin-bottom: 7px;  }
div.reg_form fieldset table		        { border-collapse: collapse; width: 100%;   }
div.reg_form fieldset em			        { color: #15ADD2; }
div.reg_form fieldset table td	      { vertical-align: top; text-align: left; padding: 3px 0; color: #676767; font-size: 11px; }
div.reg_form fieldset table td.first	{ width: 145px;  }
div.reg_form fieldset input            { background: #181818; border: 1px solid #2F2C2C; color: #676767;}
div.reg_form fieldset textarea        { background: #181818; border: 1px solid #2F2C2C; color: #676767; width: 378px;}
div.reg_form fieldset select 		      { font-size: 11px;  }
div.reg_form fieldset input.import    { background: #2F2C2C; border: 1px solid #3F3F3F; color: #cfcfcf;}
div.reg_form fieldset input.import2   { background: #2F2C2C; border: 1px solid #3F3F3F;}
div.reg_form fieldset input.import3    { background: #2F2C2C; border: 1px solid #3F3F3F; margin:  0 0 2px 0;  color: #cfcfcf;}
div.reg_form fieldset input.import4   { background: #2F2C2C; border: 1px solid #2F2C2C; width: 40px; color: #cfcfcf; }
div.reg_form fieldset input 		           { width: 145px; }
div.reg_form fieldset input.bank2	         { width: 88px;  }
div.reg_form fieldset input.prihlasitse    { background: #ABC387; width: 150px; height: 30px; border: 1px solid #cccccc;padding: 0; margin: 0;}
div.reg_form fieldset input.infouziv       { background: #ABC387; width: 150px; height: 30px; border:1px solid #cccccc; padding: 0; margin: 0;}
div.reg_form .red						          { color: #15ADD2; }
div.reg_form fieldset input.width_auto		 { width: auto !important;   }
div.reg_form  p.alert		              { color: #ffffff; }
div.reg_form span.green		            { color: green; }		


form input.pokracovat  { border: none; float: right; padding: 6px 14px 10px 10px; background: url(img/li-seznam.jpg) right 12px no-repeat; text-align: center; margin: 5px 20px 0 0; font-size: 14px; color: #ffffff; text-decoration: none; cursor: pointer; cursor: hand;}



table.pokladna_users { width: 100%; color: #ffffff; }
table.pokladna_users th.td_50 { width: 50%; }
table.pokladna_users th { background: #545454; color: white; vertical-align: top; }
table.pokladna_users td { background: #2D2D2D; padding: 15px; vertical-align: top; color: #ffffff; font-size: 12px;}

/*----------kontaktni formular ------------*/
.form_r fieldset						{ width: 230px; color: #ffffff; font-size: 12px;  padding: 10px 10px 10px 0; margin-bottom: 5px; border: 0; }
h2.napiste_nam						{ color: #ff3399; font-size: 13px;	font-weight: bold; margin: 10px 0 0px 0; }
h2.nadpis_objednavka			{ color: #ff3399; font-size: 18px;	font-weight: normal; margin: 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: #e6a649; margin: 0px; }
.form_r img			{ border: 0px; float: left; padding: 5px 5px 5px 0px;  }
input.zprava      { float: right; width: 71px; height: 24px; margin: 0px; background: url(img/odeslat.jpg) left center no-repeat; border: 0;}
.uspesne_odeslani						{ color: #ffffff; font-size: 12px; background: #4FA310; padding: 3px 10px 3px 10px; margin: 5px 0 0px 0; border: 0; }
.spatne_udaje						{ color: #ffffff; font-size: 12px; background: red; padding: 3px 10px 3px 10px; margin: 5px 0 0px 0; border: 0; }
.spatny_kod						{ color: #ffffff; font-size: 12px; background: red; padding: 3px 10px 3px 10px; margin: 5px 0 0px 0; border: 0; }

/*----------kontaktni formular ------------*/
#form_zap_heslo						{ width: 380px; color: #424242; font-size: 12px;  padding: 10px 10px 10px 0; margin-bottom: 5px; border: 0; }
#form_zap_heslo	form.zapomen		{ width: 360px; position: relative; }
#form_zap_heslo	input.sub					{ float: right; width: 71px; height: 24px; margin: 0px; background: url(img/odeslat.jpg) left center no-repeat; border: 0; position: absolute; right: 15px; top: 0px;}

/*----------formular poznamek v objednavce ------------*/
#form_checkbox_id						{ width: 100%; font-size: 12px; }
#form_checkbox_id	textarea				{ width: 563px; }


#idecko {visibility: hidden; width: 0; height: 0;}
#skladem {  height: 10px; margin: 0 5px 0 0; padding: 0; float: left;}

form.passw        { width: 310px;}
form.passw label  { width: 250px; }
form.passw input  { width: 150px; float: right;}


.hlaskaok { width: 400px; border: 1px solid gray; padding: 5px; color: white; background: #08af00; margin: 15px 0;}
.hlaskabad { width: 400px; border: 1px solid gray; padding: 5px; color: white; background: red; margin: 15px 0;}


.druhy    {width: 221px; height: 45px; margin: 18px 0 10px 12px; padding: 8px 0 0 8px; background: url(img/00.jpg) 25px 1px no-repeat; text-align: center;}