/*
	michnzee.net | Michnzee Portal 2010
	created: 6/2009 | V1.4
	last modifed: 16.9.2010

	..::lukas@michnzee.net::..
	http://www.michnzee.net
*/


/* ########################## */
/* zakladni nastaveni stranky */

* {
	padding: 0px;
	margin: 0px;
}

body {
	background: #1F1D2A url('../images/bg.jpg') repeat-x;
}

/* ######################### */
/* pozicovani layoutu a boxu */

#main_box {
	width: 1000px;
	margin: 0 auto;
}

#in_box {
	position: relative;
}

#header {
	position: relative;
	background: black url('../images/header_box.jpg') repeat-x;
	width: 1000px;
	height: 217px;
}

/* ############################## */
/* nastaveni pruhlednosti obrazku */

#header_title h1 {
	position: absolute;
	margin-top: 40px;
	margin-left: 265px;
	width: 308px;
	height: 54px;
	font-size: 2em;
	overflow: hidden;
}

#header_title h1 a {
  	text-decoration: none;
}

#header_title h1 a span.ir {
  	width: 308px;
  	height: 54px;
  	background: url(../images/header_title.jpg) 0 0 no-repeat;
}

#header_title_small h2 {
	position: absolute;
	margin-top: 100px;
	margin-left: 265px;
	width: 308px;
	height: 17px;
	font-size: 1em;
	overflow: hidden;
}

#header_title_small h2 a {
  	text-decoration: none;
}

#header_title_small h2 a span.ir {
  	width: 308px;
  	height: 17px;
  	background: url(../images/header_title_small.jpg) 0 0 no-repeat;
}

.ir {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	display: block;
}

/* $$$$$ definice menicka $$$$$$ */

.nocss1 {
  display: none;
}
.nocss2 {
  display: none;
}
.ir {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
}

ul#navi {
  position: absolute;
  top: 133px; left: 265px;
  width: 700px;
  height: 57px;
  font-weight: bold;
  font-size: 1.25em;
  list-style-type: none;
  overflow: hidden;
}

ul#navi	li {
  position: relative;
  float: left;
  height: 58px;
}

ul#navi	li a {
  position: relative;
  display: block;
  text-align: center;
  text-decoration: none;
  height: 58px;
  padding-top: 10px;
}

      /* nastaveni odkazu v menicku */

ul#navi	li#li1 a:hover, ul#navi	li#li1 a.act,
ul#navi	li#li2 a:hover, ul#navi	li#li2 a.act,
ul#navi	li#li3 a:hover, ul#navi	li#li3 a.act,
ul#navi	li#li4 a:hover, ul#navi	li#li4 a.act,
ul#navi	li#li5 a:hover, ul#navi	li#li5 a.act {
  background: Black;
}

ul#navi	li#li1 a:hover span.ir, ul#navi	li#li1 a.act span.ir,
ul#navi	li#li2 a:hover span.ir, ul#navi	li#li2 a.act span.ir,
ul#navi	li#li3 a:hover span.ir, ul#navi	li#li3 a.act span.ir,
ul#navi	li#li4 a:hover span.ir, ul#navi	li#li4 a.act span.ir,
ul#navi	li#li5 a:hover span.ir, ul#navi	li#li5 a.act span.ir {
  background-position: 0px -58px;
}

ul#navi	li#li1, ul#navi	li#li1 a span.ir {
  width: 116px; height: 58px;
}
ul#navi	li#li2, ul#navi	li#li2 a span.ir {
  width: 114px; height: 58px;
}
ul#navi	li#li3, ul#navi	li#li3 a span.ir {
  width: 127px; height: 58px;
}
ul#navi	li#li4, ul#navi	li#li4 a span.ir {
  width: 154px; height: 58px;
}
ul#navi	li#li5, ul#navi	li#li5 a span.ir {
  width: 142px; height: 58px;
}

ul#navi	li#li1 a span.ir {
  background: url("../images/li1.png") 0 0 no-repeat;
}
ul#navi	li#li2 a span.ir {
  background: url("../images/li2.png") 0 0 no-repeat;
}
ul#navi	li#li3 a span.ir {
  background: url("../images/li3.png") 0 0 no-repeat;
}
ul#navi	li#li4 a span.ir {
  background: url("../images/li4.png") 0 0 no-repeat;
}
ul#navi	li#li5 a span.ir {
  background: url("../images/li5.png") 0 0 no-repeat;
}


/* $$$$$$$$$$$ END $$$$$$$$$$$ */

#main_layout {
	width: 1000px;
	margin: 0 auto;
}

#left_panel {
	margin-top: 20px;
	float: left;
	margin-left: 60px;
	width: 200px;
}

#left_conboxA {
	margin: 0 auto;
	width: 173px;
}

#left_conboxB {
	margin: 0 auto;
	width: 173px;
}

#left_conboxC {
	margin: 0 auto;
	width: 173px;
}

#left_conboxD {
	margin: 0 auto;
	width: 173px;
}

#left_topboxA {
	width: 173px;
	height: 40px;
	background: url('../images/blue_box.png') no-repeat;
	font-family: "trebuchet ms", helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: white;
}

#left_topboxB {
	width: 173px;
	height: 40px;
	background: url('../images/blue_box.png') no-repeat;
	font-family: "trebuchet ms", helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: white;
}

#left_topboxC {
	width: 173px;
	height: 40px;
	background: url('../images/blue_box.png') no-repeat;
	font-family: "trebuchet ms", helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: white;
}

#left_topboxD {
	width: 173px;
	height: 40px;
	background: url('../images/blue_box.png') no-repeat;
	font-family: "trebuchet ms", helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: white;
}

#left_topboxA h3, #left_topboxB h3, #left_topboxC h3, #left_topboxD h3{
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
}

#left_container_1A {
	width: 173px;
	height: 8px;
	background: url('../images/left_box_top.png') no-repeat;
}

#left_container_1B {
	width: 173px;
	height: 8px;
	background: url('../images/left_box_top.png') no-repeat;
}

#left_container_1C {
	width: 173px;
	height: 8px;
	background: url('../images/left_box_top.png') no-repeat;
}

#left_container_1D {
	width: 173px;
	height: 8px;
	background: url('../images/left_box_top.png') no-repeat;
}

#left_container_2A {
	width: 168px;
	background: url('../images/left_box_midlle.png') repeat-y;
	font-family: "trebuchet ms", helvetica, sans-serif;
	color: white;
	font-size: 11px;
	margin-left: 1px;
}

#left_container_2A_boxed {
	width: 150px;
	padding: 10px;
	text-align: justify; 
}

#left_container_2B, #left_container_2C, #left_container_2D {
	width: 168px;
	background: url('../images/left_box_midlle.png') repeat-y;
	font-family: "trebuchet ms", helvetica, sans-serif;
	color: white;
	font-size: 11px;
	margin-left: 1px;
}

.left_con_text {
	text-align: center;
}

.left_con_image {
	text-align: center;
}

#left_container_2B a, #left_container_2C a {
	color: Silver;
	text-decoration: none;
}

#left_container_2B a:hover, #left_container_2C a:hover {
  color: White;
  text-decoration: underline;
}

#left_container_2B h4, #left_container_2C h4  {
	text-align: center;
	font-family: "trebuchet ms", helvetica, sans-serif;
	color: white;
	font-size: 13px;
	padding: 5px;
}

#left_container_2B ul li, #left_container_2C ul li {
	margin-left: 25px;
	font-size: 11px;
	color: White;
	font-family: "trebuchet ms", helvetica, sans-serif;
}

#left_container_3A {
	margin: 0 auto;
	width: 173px;
	height: 30px;
	background: url('../images/left_box_down.png') no-repeat;
}

#left_container_3B {
	margin: 0 auto;
	width: 173px;
	height: 30px;
	background: url('../images/left_box_down.png') no-repeat;
}

#left_container_3C {
	margin: 0 auto;
	width: 173px;
	height: 30px;
	background: url('../images/left_box_down.png') no-repeat;
}

#left_container_3D {
	margin: 0 auto;
	width: 173px;
	height: 30px;
	background: url('../images/left_box_down.png') no-repeat;
}

#right_panel {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	float: left;
	width: 652px;
}

#right_conbox {
	margin: 0 auto;
	width: 652px;
}

#right_container_1 {
	width: 652px;
	height: 12px;
	background: url('../images/main_box_top.png') no-repeat;
}

#right_container_2 {
	width: 652px;
	background: url('../images/main_box_midlle.png') repeat-y;
	font-family: "trebuchet ms", helvetica, sans-serif;
	font-size: 11px;
}

#right_container_2_text {
	width: 600px;
	margin: 0 auto;
	font-size: 13px;
}

#right_container_2_text p {
	padding-bottom: 10px;
}

.right_con_text {
	text-align: justify;
	color: black;
}

.nadpis {
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 5px;
}

.thumbnail {
	padding: 5px 5px 5px 15px;
	background-color: #F2F2F2;
	border: 1px solid #A9A9A9;
	margin-right: 3px;
	margin-bottom: 3px;
}

.center {
	text-align: center;
	margin: 0 auto;
}

#right_container_2 img {
	margin-right: 10px;
}

.right {
	margin-left: 10px;
}
.left {
	margin-right: 10px;
}

#right_container_2 table {
	margin-top: 5px;
	margin-bottom: 10px;
}

#right_container_2 h3 {
	font-size: 20px;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 20px;
	color: Blue;
	text-align: center;
	font-family: "trebuchet ms", helvetica, sans-serif;
}

#right_container_2 h4 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 20px;
	color: Black;
	text-align: left;
	font-family: "trebuchet ms", helvetica, sans-serif;
}

#right_container_2 ul {
	padding-left: 30px;
	padding-bottom: 10px;
}

#right_container_2 a {
	color: #0000CD;
	text-decoration: none;
}

#right_container_2 a:hover {
  color: Blue;
  text-decoration: underline;
}

#right_container_3 {
	width: 652px;
	height: 12px;
	background: url('../images/main_box_down.png') no-repeat;
}

/* obrazky galerie */

#button-rodina {
	display: block;
	width: 150px;
	height: 150px;
	background: url("../images/g-rodina.png") no-repeat 0 0;
}

#button-rodina:hover {
	background: url("../images/g-rodina-hover.png") no-repeat 0 0;
}

#button-rodina span {
	display: none;
}

#button-dovolena {
	display: block;
	width: 150px;
	height: 150px;
	background: url("../images/g-dovolena.png") no-repeat 0 0;
}

#button-dovolena:hover {
	background: url("../images/g-dovolena-hover.png") no-repeat 0 0;
}

#button-dovolena span {
	display: none;
}

#button-priroda {
	display: block;
	width: 150px;
	height: 150px;
	background: url("../images/g-priroda.png") no-repeat 0 0;
}

#button-priroda:hover {
	background: url("../images/g-priroda-hover.png") no-repeat 0 0;
}

#button-priroda span {
	display: none;
}

#button-galaxie {
	display: block;
	width: 150px;
	height: 150px;
	background: url("../images/g-galaxie.png") no-repeat 0 0;
}

#button-galaxie:hover {
	background: url("../images/g-galaxie-hover.png") no-repeat 0 0;
}

#button-galaxie span {
	display: none;
}

#button-skola {
	display: block;
	width: 150px;
	height: 150px;
	background: url("../images/g-skola.png") no-repeat 0 0;
}

#button-skola:hover {
	background: url("../images/g-skola-hover.png") no-repeat 0 0;
}

#button-skola span {
	display: none;
}

#button-party {
	display: block;
	width: 150px;
	height: 150px;
	background: url("../images/g-party.png") no-repeat 0 0;
}

#button-party:hover {
	background: url("../images/g-party-hover.png") no-repeat 0 0;
}

#button-party span {
	display: none;
}

#button-technika {
	display: block;
	width: 150px;
	height: 150px;
	background: url("../images/g-technika.png") no-repeat 0 0;
}

#button-technika:hover {
	background: url("../images/g-technika-hover.png") no-repeat 0 0;
}

#button-technika span {
	display: none;
}

#button-vyber {
	display: block;
	width: 150px;
	height: 150px;
	background: url("../images/g-vyber.png") no-repeat 0 0;
}

#button-vyber:hover {
	background: url("../images/g-vyber-hover.png") no-repeat 0 0;
}

#button-vyber span {
	display: none;
}

#button-ostatni {
	display: block;
	width: 150px;
	height: 150px;
	background: url("../images/g-ostatni.png") no-repeat 0 0;
}

#button-ostatni:hover {
	background: url("../images/g-ostatni-hover.png") no-repeat 0 0;
}

#button-ostatni span {
	display: none;
}

/* footer */


#footer {
	clear: both;
	margin: 0 auto;
	width: 100%;
	height: 120px;
	background: #1F1D2A url('../images/bg2.jpg') repeat-x;
}

#footer_line {
	position: relative;
	top: -1px;
	width: 1000px;
	height: 100px;
	margin: 0 auto;
	background: black url('../images/footer_line.jpg') repeat-x;
}

#footer_box {
	position: relative;
	top: 20px;
	left: 265px;
	width: 652px;
	height: 58px;
	background: url('../images/footer_box.png') no-repeat;
	font-family: "trebuchet ms", helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	padding-top: 10px;
	color: White;
}

#footer_box a {
  color: Silver;
  text-decoration: none;
}

#footer_box a:hover {
  color: Blue;
  text-decoration: underline;
}

pre, code {
	display: block;
	padding: 0.5em 1em;
	border: 1px solid #bebab0;
	background-color: #faf8f0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Tahoma, sans-serif;
	font-size: 12px;
	white-space: pre;
	overflow: auto;
	cursor: help;
}

acronym {
	color: #0077B9;
	cursor: help;
}

#progress {
	width: 220px;
	height: 19px;
	border: 1px dotted silver;
	margin: 0px auto;
	background: url('../images/progressbar.gif');
}

a.floatbox {
	position: fixed;
	text-decoration: none;
	top: 240px; 
	right: 0;
	font-size: 14px;
	letter-spacing: -1px;
	font-family: "Trebuchet MS";
	color: #fff;
	padding: 10px 10px 10px 40px;
	font-weight: 700;
	background: #333333 url(../images/plus.png) 15% 55% no-repeat;
	border: 1px solid #444444;
	display: block;
}

a.floatbox:hover {
	position: fixed;
	text-decoration: none;
	top: 240px; 
	right: 0;
	font-size: 14px;
	letter-spacing: -1px;
	font-family: "Trebuchet MS";
	color: #fff;
	padding: 10px 15px 10px 40px;
	font-weight: 700;
	background: #222222 url(../images/plus.png) 15% 55% no-repeat;
	border: 1px solid #444444;
	display: block;
}

a.active.floatbox {
	background: #222222 url(../images/minus.png) 15% 55% no-repeat;
}