* {zoom:1;}

body {behavior: url(../javascripts/csshover2.htc);}

html, body {padding: 0; margin: 0;}

body {
	background: #fff;/*bcdbe4*//*#bdf; sv. modrá jako v contentu */
	text-align: center; 
	color: /*#4c4c4c; */#009; 
	font-family: arial, Tahoma, 'Lucida Grande CE', lucida, sans-serif;
}

/*div#wrapper {background: #fff url(http://www.latkovky.info/content/images/design/2008/body.png) top repeat-x;}*/

h1, h2, h3, h4, h5, h6 {
	color:#0d3d67; 
	margin:0.5em 0 0.3em 0;
}

h1 {
	font-size: 180%;
}

h2 {
	font-size: 180%;
	color: 000;
	padding: 8px 0 0 0;
	font-weight: normal;
	border-bottom: 1px solid #b6daf1;
}

h3 {
	font-size: 150%;
	/*color: #1e82e6;*/
	color: #031097;
	border-bottom: 1px solid #b6daf1;
}

h4 {
	font-size: 130%;
}

h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

p {
	line-height: 130%; 
	margin: 0.5em 0; 
	text-align: justify;
}

a {color: #0d3d67;/*#2d7b91;*/}

a:visited {color: #08546B;}

a:hover {
	color: 3;
	text-decoration: none;
}

sub, sup {
	vertical-align: baseline; 
	position: relative;
}

sub {top: 0.4em;}

sup {bottom: 0.4em;}

abbr, acronym {cursor: help;}

address {font-style: normal;}

table {border: 0;}

table th {
	padding: 5px 9px; 
	background: #222;
}

table td {
	padding: 5px 9px; 
	background: #111;
}

li {
	margin: 0.4em 0; 
	line-height: 130%;
	list-style-type: none;
}

form {margin: 0;}

a img {border: 0;}

dt {margin: 15px 0 0 0;}

dd {margin-top: -10px;}

.invisible {display: none;}

.cleaner {clear: both;  font-size:1px;  height:1px;}

hr.cleaner {display: none;}

div#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 960px;
	position: relative;
	/*background: url(http://www.latkovky.info/content/images/design/2008/wraper-2.png) center 150px; */
}

/* header */

div#header {height: 197px; background: url(http://www.latkovky.info/content/images/design/2008/header-bg.jpg) top left no-repeat;}

div#header h1 {
	margin: 0;
	width:180px;
	height: 170px;
	position: absolute;
	top: 16px;
	left: 20px;
	overflow: hidden;
	color: #b3d4eb;
}

div#header h1 a {text-decoration: none;}

div#header h1 span {
	display: block;
	width: 180px;
	height: 170px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	background: url(http://www.latkovky.info/content/images/design/2008/latkovky-logo-info.png) top left;
}


div#header h2 {
       	position: absolute;
	margin: 0;
        padding: 0;
	width: 196px;
	height: 56px;
	top: 60px;
	right: 55px;
	overflow: hidden;
	color: #214992;
        border: none;       
}

div#header h2 span {
	display: block;
	width: 196px;
	height: 56px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	background: url(http://www.latkovky.info/content/images/design/2008/head-h2.png) top left;
}


 #header #navigation{
	   display: block;
	   position: absolute;
	   top: 162px;
	   right: 0px;
	   width: 730px;
	   height: 35px;
	   padding: 0 0 0 8px;
	   list-style-type: none;
	   background: #d27200 url(http://www.latkovky.info/content/images/design/2008/navigation-bg.png) top left no-repeat;
           margin: 0;
	}

 #header #navigation *{ margin: 0; padding: 0; }
	
    #header #navigation li{
	   padding: 0 2px 0 0;
	   font-weight: normal;
	   text-decoration: none;
	   float: left;
	   background: transparent url(http://www.latkovky.info/content/images/design/2008/navigation-separator.png) top right no-repeat;
	}
	
	#header #navigation li.noseparetor{
          background: none;
          padding: 0;
	}
	
	
	#header #navigation li#link1{ width: 135px;}
	#header #navigation li#link2{ width: 165px; }
	#header #navigation li#link3{ width: 170px; }
	#header #navigation li#link4{ width: 130px; }
	#header #navigation li#link5{ width: 130px; }
	#header #navigation li#link6{ width: 130px; }
	
	
	#header #navigation li a:hover,
	#header #navigation li a:focus,
	#header #navigation li a:active
	{
	   background: url(http://www.latkovky.info/content/images/design/2008/t-menuhoover.png) repeat-x;
	   font-weight: bold;
	}
	
	
    #header #navigation li a{
	    display: block;
	    height: 35px;
	    line-height: 35px;
	    color: #ffffff;
	    font-size: .8em;
	    text-decoration: none;
	    text-align: center;
	}
	
	#header #navigation li.menuactive a{
		background-color: #de9d55;
	}


div#content-wrapper {
	background: /*#b6daf1*/ url(http://www.latkovky.info/content/images/design/2008/content-wrapper-3.png) center top repeat-y;
	position: relative;
	padding: 0 0 65px 0;
}

/* left-col */

div#nav {
	width: 180px;
	float: left;
	padding: 10px;
	font-family: arial;
   /*	background: url(http://www.latkovky.info/content/images/design/2008/wrapper-2.png) left top no-repeat;  */
}


div#nav ul {
	margin: 15px 0 0 0; 
	padding: 0; 
}

div#nav ul li {
	margin: 0 0 0 10px;
	line-height: 150%;
/*	background: url(http://www.latkovky.info/content/images/design/2008/dot.png') left 11px no-repeat;*/
}

div#nav a:hover {background: url(http://www.latkovky.info/content/images/design/2008/dot-hover.png) left 11px no-repeat;}

div#nav ul li a {
	width: 100%; 
	display: block; 
	padding: 0 0 0 10px; 
	font-weight: bold;
	background: url(http://www.latkovky.info/content/images/design/2008/dot.png) left 11px no-repeat;
}

div#nav ul li ul {margin: 0 0 0 20px;}
div#nav ul li ul li {background: none;list-style-type: none;line-height: 105%; text-transform: lowercase;}
div#nav ul li ul li a {color: #145096; text-decoration: none;background: url(http://www.latkovky.info/content/images/design/2008/dot.png) left 7px no-repeat;font-size: 90%;font-weight:normal;}/*#3a9b91*/
div#nav ul li ul li a:hover {background: url(http://www.latkovky.info/content/images/design/2008/dot-hover.png) left 7px no-repeat;}

.active {font-weight: bold;}

/* content */

div#content {
	float: left;
	padding: 20px 30px;
	/*color: #0082bc;*/color: #009;
	font-size: 90%;
	/* background: url(http://www.latkovky.info/content/images/design/2008/wrapper-2.png) left top no-repeat; */   /*wrapper-2.png, 2008content-2.png*/
	color: #001;
	width: 700px;
	_width: 690px;
}

div#content .modra {color: #000097;}
div#content .oranzova {color: #f60;}
div#content .zelena {color: #3a8000;}

/* breadcrumbs */

p#breadcrumbs{ margin: 0 0 1em; }

p#breadcrumbs, p#breadcrumbs a {
	font-size: 82%;
	color: #D27200; /*#ecf8ff;*/
        font-weight: bold;
}

p#breadcrumbs a {font-size: 92%;}


/* footer */
div#footer {
	float: left;
	width: 100%;
	font-size: 70%;
	height: 87px;
	/*background: url(http://www.latkovky.info/content/images/design/2008/images/dite.png') left bottom no-repeat;*/
	background: #0072bc url(http://www.latkovky.info/content/images/design/2008/footer-dite2.png) 50px center no-repeat;
	color: #c2e6fd;
}

div#footer p {
	text-align: right;
	float: right;
	width: 500px;
	margin: 10px 15px 0 0;
}

div#footer p a {color: #c2e6fd;}

span#deti {
	 /*v navigaci 
	position: absolute; left: 10px; bottom: 0;
	background: url(http://www.latkovky.info/content/images/design/2008/
	nav-deti.png) no-repeat; */
	
	/* v contentu */
	position: absolute; right: 20px; bottom: 0;
	background: url(http://www.latkovky.info/content/images/design/2008/content-deti.png) no-repeat;
	width: 140px;
	height: 97px;
}