html  {font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif;
      color:black; 
			font-size:78%;
			line-height:125%}

body  {margin:0; text-align:center}

#stranka  {margin:0 auto; 
           text-align:left;
					 width:730px;
					 border:1px solid black;
					 background:#7ad;}
					 
#hlavicka  {width:730px;
           height:90px; 
					 border:0;
					 border-bottom:1px solid black;
					 text-align:center;
					 background:#369 url(grafika/bg-logo-horni.png) no-repeat;
					 position:relative; /* kvuli posouvani obrazku v h1 */}

#hlavicka h1 {margin:0; padding-top:1em; color:white}	 
							 					 
#hlavicka img {width:730px;
               height:90px; 
							 margin:0;
							 border:0;
							 border-bottom:1px solid black; 
					 		 position:absolute;
							 top:0; left:0;}					 
					 
h3  {margin:0; 
     text-align:right; 
		 font-size:small; 
		 color:white}		
		 
#obsah h3 {text-align:left; font-size:1.2em; margin-top:1em}		
			 		
h3.obchpodminky {border-bottom:1px solid white;}
					 
#hori-menu  {width:730px; 
					 border:0;
					 border-bottom:1px solid black;
					 background:#efffff;
					 text-align:right;}
					 
 #hori-menu ul {margin:0;  
                position:relative; 
								left:0.5em;}					 		
					 
 #hori-menu li {list-style:none; 
                display:inline; 
								border:solid black; 
								border-width:1px; 
								background:#036; 
								margin:0 0.2em}							 

 #hori-menu a {color:#eee;  
							 font-weight:bolder;
						   padding:0 1em; 
							 background:#369}	
							 	
 #hori-menu a:visited {color:#ccc;}	
 #hori-menu a:hover {color:#fff; 
                     background:#258}
	
									 										 
 #en a {padding-left:30px; background:#369 url(grafika/english15px.png) 2px 2px no-repeat;}										 
 #en a:hover {background:#258 url(grafika/english15px.png) 2px 2px no-repeat;} 
 #cz a {padding-left:30px; background:#369 url(http://www.myris.cz/grafika/czech15px.png) 2px 2px no-repeat;}										 
 #cz a:hover {background:#258 url(http://www.myris.cz/grafika/czech15px.png) 2px 2px no-repeat;} 


a {color:black; 
   text-decoration:underline}	

h2 {color:#eef; line-height:110%;}		  
								 						 
#vert-menu  {float:left;
					 border:1px solid black;
					 border-left:0;
					 background:#369;
					 width:120px;
					 padding:0 3px 0.5em 0;
					 margin: 10px;
					 margin-left:0}		

#vert-menu div {margin:3px 0; 
                border:1px solid black; 
								background:#7ad url(grafika/modry-verti-menu.png) top right repeat-y; 
								position:relative; 
								right:10px;}		
											 
#vert-menu a {display:block; 
              font-size:90%;
							padding:3px; 
							padding-left:6px;}	
							
#vert-menu a:hover {color:#eee; 
                    background:#147 url(grafika/modry-verti-hover.png) top right repeat-y;} 
										
#vert-menu span, .invisible	{display:none} 			 		 									 

#vert-menu h3 {font-size:100%;}

#vert-menu h3 a, #vert-menu h3 a:hover {font-size:100%; padding:0; color:#fff; background:transparent;}
					 
#obsah  {margin:0; padding:8px; padding-left:140px;}		

/* obrazkova pozadi */
.bg-logo {background:url(grafika/bg-logo-dolni.png) top right no-repeat;}
.bg-casopisy {background:url(grafika/bg-casopisy-dolni.png) top right no-repeat;}
.bg-darky {background:url(grafika/bg-darky-dolni.png) top right no-repeat;}

#indexlist li /* na hlavni strane */ {padding: 0.5em 0;} 

#obsah img {border:1px solid black; margin:0.3em}		
#obsah a img:hover {border: 1px solid white}

#obsah a:hover {background:#acf;}			
		
				 
.aktuality  {float:right;
           position:relative; left:0.5em;
					 border:1px solid black;
					 background:#369;
					 color:white;
					 width:585px;
					 /*_width:553px;*/ 
					 margin-bottom:1em;}	
					 
.aktuality-matrjoska {padding:15px;}

.aktuality img {border:1px solid black; 
								margin:1em; 
								margin-right:0}		
														
.aktuality .dalsicast {padding-top:0.2em;}								
.dalsicast img {float:right}

.aktuality h4 {font-size:small; margin-bottom:0; color:#bdf;}						 
					 
.aktuality a {color:white;}	


div.upoutavka {background:#fff url(grafika/upoutavka-bg.png) top repeat-x; border:1px solid #fff; width:280px; float:right; margin:10px 0 20px 0; color:#666;}	
div.upoutavka div {padding:0 10px 15px 10px;}	
div#upoutavka-knihy {margin-left:5px; height:220px;}	
div#upoutavka-darky {margin-right:5px; height:220px;}	

div#upoutavka-knihy div {background:url(images/upoutavka-knihy.jpg) 160px 63px no-repeat;}	
div#upoutavka-darky div {background:url(images/upoutavka-darky.jpg) 160px 63px no-repeat;}

#obsah div.upoutavka h3 {margin:0; height:35px; position:relative;}	
#obsah div.upoutavka h3 a, div.upoutavka h3 a:hover {text-decoration:none; background:transparent;}
div.upoutavka h3 span {display:block; height:35px; position:absolute; top:0; left:0;}	
div#upoutavka-knihy span {width:195px; background:url(grafika/upoutavka-knihy-nadpis.png) no-repeat;}	
div#upoutavka-darky span {width:195px; background:url(grafika/upoutavka-darky-nadpis.png) no-repeat;}

#obsah div.upoutavka img {border:0; float:right;}
#obsah div.upoutavka a {background:transparent; color:#333;}
#obsah div.upoutavka a:hover {color:#147;}

p.upoutavka-kontakt {line-height:150%; padding-top:10px;}
					 
#paticka  {clear:both;
					 border:0;
					 border-top:1px solid black;
					 background:#369;
					 font-size:90%;
					 text-align:right;
					 color:#eee;}	

#paticka a {color:#eee;}			 
					 
.darky li {padding: 0.2em 0;}/* darkove predmety*/
.galerie  {text-align:center}/* darkove predmety*/
.galerie a:hover  {background:#7ad !important;} /* aby obrazky nebraly svetlejsi pozadi z #obsah a:hover */

/* Kontakt - ZACATEK */
div.left {text-align:left; padding-left:2em;}	
div.right{text-align:right; background:transparent; padding-right:2em; margin-top:-7.8em;}				
div#mapy{text-align:center; margin:1em;}				
#mapy a {margin: 0 1em;}		
#mapy a:hover  {background:#7ad;}	
/* Kontakt - KONEC */
	 				 				 		 	 
#abeced-nav {font-size:110%; text-align:center; border:solid black; border-width:1px 0px; padding: 0.2em}			
#abeced-nav a {font-weight:bold}		

#seznamcasopisu caption {margin-top:1em;}
#seznamcasopisu, #anotace-cena, #data-odeslani, #vypis_cas {border:#036 solid 1px}		
#seznamcasopisu a {display:block; padding:0.15em;}					 
#seznamcasopisu td, #seznamcasopisu th, #anotace-cena td, #anotace-cena th, #data-odeslani td, #data-odeslani th, #vypis_cas td, #vypis_cas th, #kos_cas td, #kos_cas th, #objed_cas td, #objed_cas th {border:#258 solid 1px; font-size:90%; _font-size:69%}
#seznamcasopisu tr:hover, #data-odeslani tr:hover {background:#acf} /* non-IE */
#seznamcasopisu th, #anotace-cena th, #data-odeslani th, #vypis_cas th {background:#147; color:#ccf}
#vypis_cas th {padding: 0.2em}
#vypis_cas img, #vypis_cas img:hover, #vypis_cas a:hover {border:0; background:#7ad;}
/* #data-odeslani */ th#titul {width:13em}
#data-odeslani td {width:2em;}
#data-odeslani .nevychazi, #data-odeslani .vysvetlivka {background:#58b; text-align:center; font-size:120%;}
#data-odeslani .nevychazi:hover, #data-odeslani .vysvetlivka:hover {background:#69c;} /* non-IE */
/* data odeslani */ .znacky li {list-style-type:none}

div.anotace {float:right; padding-left:1em; padding-top:0.3em}
.anotace-clear {clear:left} /* obsah, ktery je az pod obrazkem obalky */

/* SEZONNI-darky-novinky */

.darky-novinky h3 {color:black; margin-bottom:1em;}
li.darky-novinky { list-style:none; border-bottom:1px dashed black; padding-bottom:0.7em; margin-bottom:1.5em; min-height:110px; _height:168px; _overflow:auto; clear:right;}
.darky-novinky img {display:block; float:right; position:relative; bottom:30px;}


/* Oddeleni - darky, knihy - boxiky */
div.box {width:170px; background:#fff url(grafika/upoutavka-bg.png) top repeat-x; border:1px solid #fff; padding:7px 5px; margin:5px; float:left; text-align:center; color:#666;}
#obsah div.box h3 {color:#369; margin-top:0; text-align:center; height:2em;}
#obsah div.box a {background:transparent;}
#obsah div.box a img {border:1px solid #333; display:block; margin:7px auto 3px auto;}

div.cleaner {clear:both; height:1px; width:100%;}

#seznamknih,
#seznamknih td,
#seznamknih tr, #seznamknih th
{border:1px solid black; border-width:0 0 1px 1px}

#seznamknih {border-width:1px 1px 0 0; *font-size:85%;}