body {background: #1A3666 url(img/bg.jpg) top repeat-x; color: Black; font-size: 12px; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;_behavior: url(csshover.htc);}
h1	{font-size: 30px; line-height : 40px; color : #0A1E40; border-bottom: 1px solid #8DA1C2; margin: 5px 5px 0px 10px; padding: 0 0 0 10px;}
h2 {color: #1A3666; border-bottom: 1px solid #2E4A7A; background: url(img/bg-h2.jpg) bottom repeat-x; font-size: 130%; margin: 20px 0 10px 0; padding: 4px 0 0 20px; display: block; line-height: 26px;}
a {color: #2958A3;}
a:hover {color: #8DA1C2;}
a:visited {color: #2958A3;}
p, {font-size: 12px; line-height : 150%; margin: 0 0 0 0; padding: 10px 0 10px 0; vertical-align: top; text align: right;}
table   {font-size: 12px; line-height : 150%; margin: 0 0 0 0; padding: 0;}
td 	{font-size: 12px; line-height : 150%; margin: 0 0 0 0; padding: 5px 0 5px 0; vertical-align: top;}
th 	{font-size: 12px; line-height : 150%; margin: 0 0 0 0; padding: 5px 10px 5px 0; vertical-align: top; text-align: right;}

/* struktura */
#centr {width: 1000px; margin-left: auto; margin-right: auto; text-align: left; background: #E6EFFE url(img/bg-centr.jpg) 0px 220px repeat-x;}
#header{height: 245px; width: 1000px; margin: 0;	padding: 0;	font-size: 9px;	line-height: 10px; text-align: right; }
#left {width: 150px; float: left;}
#menu {margin: 0 5px 0 10px; height: 24px; background: #0A1E40 url(img/bg-menu.jpg) top repeat-x;border-bottom: 1px solid #8DA1C2; }
#menu a{border-left: 1px solid #8DA1C2; border-right: 1px solid #101010; color: #FFFFFF; display: block; float: left; text-decoration: none; margin: 0 0px 0 0; padding: 5px 10px 5px 10px; background: #0A1E40 url(img/bg-menu.jpg) top repeat-x;}
#menu a:hover{color: #FFFFFF; background: #2A4676; text-decoration: underline;}
#content {border-left: 1px solid #8DA1C2; border-right: 1px solid #8DA1C2; margin: 0px 5px 0px 10px; padding: 10px 10px 30px 10px; background: #FFF; min-height: 600px; _height: 600px;}
#main {width : 840px; color : #000000; margin: 0; padding: 0; background-image : url(img/main.jpg);	float : right;}
#main li{line-height : 175%;}
#footer {border-top: 1px solid #8DA1C2; border-bottom: 1px solid #101010; padding: 0 0 0 0; margin : 0 0 0 0; width : 1000px; height : 30px; background: url(img/bg-item.jpg) top repeat-x; clear : both; line-height : 30px; text-align : center; color : White;}

/* navigace*/
div#nav {float: left;}
div#nav ul {margin: 10px 0 20px 10px; padding: 0; width: 150px;}
div#nav li {border-top: 1px solid #8DA1C2; border-bottom: 1px solid #101010; position: relative; list-style: none; font-size : 12px; line-height : 30px; font-weight : bold; margin: 0; padding: 0; height: 30px; background: url(img/bg-item.jpg) top repeat-x;}
div#nav li a {color: #FFFFFF; display: block; text-align: center; margin: 0;padding: 0; text-decoration: none; width: 150px;}
div#nav li:hover a { color: #FFFFFF;} 
div#nav li.subm {_margin: 0 0 -3px 0; background: url(img/bg-item.jpg) top repeat-x;}
div#nav a:hover {color: #FFFFFF; background: #2A4676;}
div#nav li:hover {background: #2A4676;} 

div#nav ul ul {text-align: left; position: absolute; margin: 0; top: 0px; left: 120px; visibility: hidden; }
div#nav li:hover ul {visibility: visible; filter: alpha(opacity=90); -moz-opacity: 0.9;}
div#nav li:hover li {_margin: -1px 0 0 0; height: 24px; line-height: 24px; background: #1A3666;}
div#nav li:hover li a {background: #2958A3; color: #FFF}
div#nav li:hover li:hover a {background: #1A3666; color: #FFF}

/* obsah*/
.card {margin: 10px 0px 0px 0px; padding: 0; text-align: center; background: #0A1E40 url(img/bg-menu.jpg) 0% 100% repeat-x; line-height : 20px; font-size: 10px; color : White;	float : left;}
.menucard {width : 150px; border-top: 1px solid #8DA1C2; border-bottom: 1px solid #101010; margin: 0px 0px 0px 0px; padding: 0; text-align: center; background: #0A1E40 url(img/bg-menu.jpg) 0% 100% repeat-x; line-height : 24px; font-size: 10px; color : White; float: left;}
img.gal{border: 2px solid #0A1E40;}
.just {text-align : justify; text-justify : newspaper;}
.c{float: left; width: 190px; margin-left : 5px; margin-right : 10px; height : 180px; font-size: 10px;}
.c img{float : right; margin : 0 0 0 5px;}
.seznam {font-size: 12px;}

#fotky {margin-left: 10px; text-align:center;}
#fotka {color: #FFFFFF;}
img.fotka {border: 2px solid #FFFFFF;}
img.sip {border: none;}
#right {width : 175px; float : right; padding-left : 20px; border-left : 1px dashed #008BCB; margin-left : 20px; background : url(img/bgright.jpg) no-repeat top;}	
#end {margin: 0 0 0 0; padding: 0 0 0 0; clear : both;}

/********** Geomorfologie ***********
/* navigace*/
div#navi {margin: 15px 0 15px 0; padding: 469px 0 0 0; width: 800px;  background: url('geomorfologie/hory.jpg') 0 0 no-repeat;}
div#navi ul {margin: 0; padding: 0;}
div#navi li {position: relative; line-height: 18px; width: 200px; list-style: none; font-size : 12px; font-weight : bold; margin: 0; padding: 0; height: 18px; float: left;}
div#navi li a {display: block; line-height: 18px;  height: 18px;  margin: 0; padding: 0; text-decoration: none; color: #2958A3;}
div#navi li:hover a {color: Red; text-decoration: underline;}
div#navi li a:active {color: Red;}

		 div#navi a.visuty-ledovec {position: absolute; left: 156px; top: -394px; width: 72px; height: 34px;}
		 div#navi a.ledopad {position: absolute; left: 134px; top: -330px; width: 73px; height: 57px;}
		 div#navi a.prihorni-trhlina {position: absolute; left: 140px; top: -366px; width: 67px; height: 18px;}
		 div#navi a.podelne-trhliny {position: absolute; left: 20px; top: -358px; width: 78px; height: 58px;}
		 div#navi a.krizove-trhliny {position: absolute; left: 80px; top: -320px; width: 65px; height: 48px;}
		 div#navi a.pricne-trhliny {position: absolute; left: 122px; top: -290px; width: 80px; height: 50px;}
		 div#navi a.radialni-trhliny {position: absolute; left: 132px; top: -255px; width: 95px; height: 34px;}
		 div#navi a.radialni-trhliny2 {position: absolute; left: 220px; top: -300px; width: 35px; height: 45px;}
		 div#navi a.ledovcova-brana {position: absolute; left: 227px; top: -268px; width: 29px; height: 29px;}
		 div#navi a.celni-morena {position: absolute; left: 195px; top: -258px; width: 115px; height: 34px;}
		 div#navi a.celni-morena2 {position: absolute; left: 255px; top: -300px; width: 40px; height: 43px;}
		 div#navi a.bocni-morena {position: absolute; left: 90px; top: -335px; width: 42px; height: 62px;}
		 div#navi a.stredova-morena {position: absolute; left: 144px; top: -435px; width: 45px; height: 55px;}
		 div#navi a.okrajova-strz {position: absolute; left: 85px; top: -560px; width: 20px; height: 64px;}
		 div#navi a.hranice-firnu {position: absolute; left: 40px; top: -450px; width: 180px; height:20px;}
		  
		 div#navi a.vrchol {position: absolute; left: 72px; top: -404px; width: 30px; height: 26px;}
		 div#navi a.predvrchol {position: absolute; left: 102px; top: -412px; width: 26px; height: 27px;}
		 div#navi a.zuby {position: absolute; left: 128px; top: -410px; width: 60px; height: 44px;}
		 div#navi a.roh {position: absolute; left: 193px; top: -405px; width: 35px; height: 50px;}
		 div#navi a.vez {position: absolute; left: 290px; top: -425px; width: 30px; height: 52px;}
		 div#navi a.hrot {position: absolute; left: 320px; top: -445px; width: 27px; height: 52px;}
		 div#navi a.jehla {position: absolute; left: 347px; top: -465px; width: 20px; height: 52px;}
		 div#navi a.vysvih {position: absolute; left: 380px; top: -472px; width: 25px; height: 25px;}
		 div#navi a.previsy {position: absolute; left: 410px; top: -500px; width: 80px; height: 24px;}
		 div#navi a.pilir {position: absolute; left: 400px; top: -435px; width: 90px; height: 130px;}
		 div#navi a.zebro {position: absolute; left: 25px; top: -552px; width: 90px; height: 180px;}
		 div#navi a.ostruha {position: absolute; left: 310px; top: -390px; width: 65px; height: 60px;}
		 div#navi a.odstipnuta-vez {position: absolute; left: 415px; top: -440px; width: 55px; height: 105px;}
		 
		 div#navi a.galerie {position: absolute; left: 224px; top: -380px; width: 109px; height: 20px;}
		 div#navi a.lavky {position: absolute; left: 290px; top: -380px; width: 80px; height: 50px;}
		 div#navi a.rampa {position: absolute; left: 300px; top: -334px; width: 75px; height: 47px;}
		 div#navi a.rimsa {position: absolute; left: -70px; top: -377px; width: 46px; height: 27px;}
		 div#navi a.plosina {position: absolute; left: -102px; top: -355px; width: 30px; height: 20px;}
		 div#navi a.plotna {position: absolute; left: -50px; top: -406px; width: 37px; height: 43px;}
		 div#navi a.trhlina {position: absolute; left: 199px; top: -380px; width: 30px; height: 90px;}
		 div#navi a.kout {position: absolute; left: -150px; top: -377px; width: 40px; height: 61px;}
		 div#navi a.komin {position: absolute; left: -60px; top: -387px; width: 28px; height: 70px;}
		 div#navi a.komin-s-balvany {position: absolute; left: 270px; top: -396px; width: 25px; height: 70px;}
		 div#navi a.zarez {position: absolute; left: 77px; top: -480px; width: 25px; height: 110px;}
		 div#navi a.zleb {position: absolute; left: 30px; top: -500px; width: 50px; height: 130px;}
		 div#navi a.rokle {position: absolute; left: 110px; top: -475px; width: 90px; height: 100px;}
		 
		 div#navi a.sedlo {position: absolute; left: 160px; top: -304px; width: 40px; height: 30px;}
		 div#navi a.sedelko {position: absolute; left: -175px; top: -324px; width: 30px; height: 25px;}
		 div#navi a.strbina {position: absolute; left: -130px; top: -343px; width: 26px; height: 25px;}
		 div#navi a.snehova-pole {position: absolute; left: -300px; top: -240px; width: 130px; height: 35px;}
		 div#navi a.sutovisko {position: absolute; left: -300px; top: -240px; width: 442px; height: 95px;}
		 div#navi a.zlomiska {position: absolute; left: -400px; top: -180px; width: 500px; height: 60px;}
		 div#navi a.pleso {position: absolute; left: -270px; top: -220px; width: 200px; height: 60px;}
		 div#navi a.hrana {position: absolute; left: 444px; top: -333px; width: 0px; height: 0px;}
		 div#navi a.hreben {position: absolute; left: 444px; top: -333px; width: 0px; height: 0px;}
		 div#navi a.stit {position: absolute; left: 444px; top: -333px; width: 0px; height: 0px;}
		 div#navi a.pohori {position: absolute; left: 444px; top: -333px; width: 0px; height: 03px;}
		 div#navi a.svist {position: absolute; left: 444px; top: -333px; width: 01px; height: 04px;}
		 div#navi a.klec {position: absolute; left: 444px; top: -333px; width: 0px; height: 0px;}
		 
		 
		 div#navi li:hover a.visuty-ledovec {background: url('geomorfologie/show1.jpg') -156px -75px no-repeat;} 
		 div#navi li:hover a.ledopad {background: url('geomorfologie/show1.jpg') -134px -157px no-repeat;}
		 div#navi li:hover a.prihorni-trhlina {background: url('geomorfologie/show1.jpg') -140px -139px no-repeat;}
		 div#navi li:hover a.podelne-trhliny {background: url('geomorfologie/show1.jpg') -20px -165px no-repeat;} 
		 div#navi li:hover a.krizove-trhliny {background: url('geomorfologie/show1.jpg') -80px -221px no-repeat;}
		 div#navi li:hover a.pricne-trhliny {background: url('geomorfologie/show1.jpg') -122px -269px no-repeat;} 
		 div#navi li:hover a.radialni-trhliny {background: url('geomorfologie/show1.jpg') -132px -322px no-repeat;}
		 div#navi li:hover a.radialni-trhliny2 {background: url('geomorfologie/show1.jpg') -220px -277px no-repeat;}
		 div#navi li:hover a.ledovcova-brana {background: url('geomorfologie/show1.jpg') -227px -327px no-repeat;}  
		 div#navi li:hover a.celni-morena {background: url('geomorfologie/show1.jpg') -195px -355px no-repeat;}    
		 div#navi li:hover a.celni-morena2 {background: url('geomorfologie/show1.jpg') -255px -313px no-repeat;}    
		 div#navi li:hover a.bocni-morena {background: url('geomorfologie/show2.jpg') -90px -296px no-repeat;} 
		 div#navi li:hover a.stredova-morena {background: url('geomorfologie/show1.jpg') -144px -214px no-repeat;}
		 div#navi li:hover a.okrajova-strz {background: url('geomorfologie/show1.jpg') -85px -107px no-repeat;} 
		 div#navi li:hover a.hranice-firnu {background: url('geomorfologie/show2.jpg') -40px -235px no-repeat;} 
		  
		 div#navi li:hover a.vrchol {background: url('geomorfologie/show1.jpg') -272px -65px no-repeat;} 
		 div#navi li:hover a.predvrchol {background: url('geomorfologie/show1.jpg') -302px -75px no-repeat;} 
		 div#navi li:hover a.zuby {background: url('geomorfologie/show1.jpg') -328px -95px no-repeat;}      
		 div#navi li:hover a.roh {background: url('geomorfologie/show1.jpg') -393px -118px no-repeat;}   
		 div#navi li:hover a.vez {background: url('geomorfologie/show1.jpg') -490px -116px no-repeat;} 
		 div#navi li:hover a.hrot {background: url('geomorfologie/show1.jpg') -520px -114px no-repeat;} 
		 div#navi li:hover a.jehla {background: url('geomorfologie/show1.jpg') -547px -112px no-repeat;} 
		 div#navi li:hover a.vysvih {background: url('geomorfologie/show1.jpg') -580px -123px no-repeat;} 
		 div#navi li:hover a.previsy {background: url('geomorfologie/show1.jpg') -610px -113px no-repeat;} 
		 div#navi li:hover a.pilir {background: url('geomorfologie/show2.jpg') -600px -196px no-repeat;}  
		 div#navi li:hover a.zebro {background: url('geomorfologie/show2.jpg') -225px -97px no-repeat;}   
		 div#navi li:hover a.ostruha {background: url('geomorfologie/show1.jpg') -510px -277px no-repeat;}  
		 div#navi li:hover a.odstipnuta-vez {background: url('geomorfologie/show1.jpg') -615px -245px no-repeat;}
		 
		 div#navi li:hover a.galerie {background: url('geomorfologie/show1.jpg') -624px -89px no-repeat;} 
		 div#navi li:hover a.lavky {background: url('geomorfologie/show1.jpg') -690px -107px no-repeat;} 
		 div#navi li:hover a.rampa {background: url('geomorfologie/show1.jpg') -700px -171px no-repeat;} 
		 div#navi li:hover a.rimsa {background: url('geomorfologie/show1.jpg') -330px -146px no-repeat;} 
		 div#navi li:hover a.plosina {background: url('geomorfologie/show1.jpg') -298px -186px no-repeat;} 
		 div#navi li:hover a.plotna {background: url('geomorfologie/show2.jpg') -350px -153px no-repeat;} 
		 div#navi li:hover a.trhlina {background: url('geomorfologie/show1.jpg') -599px -197px no-repeat;}
		 div#navi li:hover a.kout {background: url('geomorfologie/show1.jpg') -250px -218px no-repeat;}   
		 div#navi li:hover a.komin {background: url('geomorfologie/show1.jpg') -340px -226px no-repeat;}  
		 div#navi li:hover a.komin-s-balvany {background: url('geomorfologie/show1.jpg') -670px -235px no-repeat;} 
		 div#navi li:hover a.zarez {background: url('geomorfologie/show1.jpg') -477px -169px no-repeat;}   
		 div#navi li:hover a.zleb {background: url('geomorfologie/show2.jpg') -430px -167px no-repeat;} 
		 div#navi li:hover a.rokle {background: url('geomorfologie/show2.jpg') -510px -210px no-repeat;} 
		 
		 div#navi li:hover a.sedlo {background: url('geomorfologie/show1.jpg') -760px -165px no-repeat;} 
		 div#navi li:hover a.sedelko {background: url('geomorfologie/show1.jpg') -425px -163px no-repeat;} 
		 div#navi li:hover a.strbina {background: url('geomorfologie/show1.jpg') -470px -162px no-repeat;} 
		 div#navi li:hover a.snehova-pole {background: url('geomorfologie/show2.jpg') -300px -283px no-repeat;} 
		 div#navi li:hover a.sutovisko {background: url('geomorfologie/show3.jpg') -13px -32px no-repeat;}  
		 div#navi li:hover a.zlomiska {background: url('geomorfologie/show2.jpg') -200px -379px no-repeat;}  
		 div#navi li:hover a.pleso {background: url('geomorfologie/show1.jpg') -330px -357px no-repeat;}  
		 div#navi li:hover a.hrana {background: url('geomorfologie/show.jpg') 0px 0px no-repeat;} 
		 div#navi li:hover a.hreben {background: url('geomorfologie/show.jpg') 0px 0px no-repeat;} 
		 div#navi li:hover a.stit {background: url('geomorfologie/show.jpg') 0px 0px no-repeat;}  
		 div#navi li:hover a.pohori {background: url('geomorfologie/show.jpg') 0px 0px no-repeat;}
		 div#navi li:hover a.svist {background: url('geomorfologie/show.jpg') 0px 0px no-repeat;} 
		 div#navi li:hover a.klec {background: url('geomorfologie/show.jpg') 0px 0px no-repeat;}