@charset "utf-8";
/* CSS Document */

body, html {
	background-color:#ececec;
	background-image:url(../images/bg.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	color: #303030;
	padding:0px;
	margin:0px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

p {font-size:12px; color:#303030;}
#main{text-align:justify;}
a {text-decoration:underline;}
a:hover {text-decoration:underline;}
h1 {font-size:18px; font-weight:bold; text-align:left;}
h2 {font-size:16px; font-weight:bold; text-align:left;}
h3 {font-size:14px; font-weight:bold; text-align:left;}
h4 {font-size:14px; font-weight:normal; text-align:left;}
h5 {font-size:12px; font-weight:bold; text-align:left;}
h6 {font-size:12px; font-weight:normal; text-align:left;}
td p{padding:0; margin:0;}

#odkazy a {display:block; margin:5px; text-align:center;}


#head {
	width:998px;
	height:300px;
	padding:0;
	margin:0 auto 0 auto;
	position:relative;
	}
	
#stin{
	background-image:url(../images/bg-stin.jpg);
	position:absolute;
	width:14px;
	height:143px;
	left:-14px;
	}

#haed-flash {
	width:998px;
	height:117px;
	position:absolute;
	bottom:0;
	}

#mid {
	width:998px;
	background-image:url(../images/mid-bg.jpg);
	background-repeat:repeat-y;
	margin:-15px auto 0 auto;
	}


	#left {
		float:left;
		width:330px;
		padding:210px 0px 0 10px;
		position:relative;
		/*border:1px #000099 solid;*/
		}
		
	#center {
		float:left;
		width:610px;
		padding:0 25px 15px 15px;
		padding-top: 15px;	
		/*border:1px #000099 solid;	*/
		}
		
	#right {
		float:left;
		width:205px;
		padding:3px 20px 0 10px;

		}
		
	#nadpis_l {
	height:44px;
	width:165px;
	margin-left:10px;
	background-repeat:no-repeat;
	}
	
	#nadpis_r {
	height:44px;
	width:165px;
	margin-left:10px;
	background-repeat:no-repeat;
	}

	
	#search{padding:0 10px 10px 10px; border-bottom:#ffffff 1px solid;}
	#search p{color:#474746; text-align:center; padding:0; margin:0;}
	#formular {width:180px; border-bottom:#dadada 1px solid; padding:0 10px 10px 10px; }
	#formular-input {border:#ffffff 1px solid; background-color:#fcbd32; color:#ffffff; font-size:11px; padding:2px 5px 2px 5px;}
	#formular-but{margin:-5px 0 0 5px;}

	
	#novinky { }
	#novinky p{text-align:justify; font-size:11px;}
	#novinky h3{
		font-weight:bold; color:#000000; 
		padding:0 0 0 12px; 
		background-repeat:no-repeat; 
		font-size:12px;
		}
		
	#novinky a{}
	#novinky a:hover{}
	#novinky img{text-align:center;}	
	
#btm {
	height:78px;
	width:728px;
	margin:0 auto 0 auto;
	padding:25px 20px 20px 250px;
	font-size:12px;
	background-repeat:no-repeat;
	}
	
	
	#btm p{	
		font-size:14px;
		line-height:20px; 
		text-align:center;
		color:#ffffff;
		padding:13px 0 0 0;
		margin:0;
		width:774px;
		}
		
		
#clearer{ height:1px; clear:both; }
.clearer { height:1px; border:none;}


/*left-menu*/
#menu2 ul {
	list-style-type: none;
	padding:0;
	margin:0;
}

#menu2 ul li {	display:block; background-color:#f5f5f5;}
#menu2 ul li a,#menu2 ul li span {
	color:#303030;
	text-decoration: none;
	display:block;
	/*height:20px;*/
	padding:6px 10px 6px 10px;
	background: url(../images/menu-left-rollout.jpg) repeat-x bottom;
	border-bottom:#ffffff solid 1px;
	background-color:#f5f5f5;
}


#menu2 ul li a:hover {
	background: url(../images/menu-left-rollover-orange.jpg) repeat-x bottom ;
	background-color:#fab639;
	color:#ffffff;
	display:block;

}
#menu2 ul li a#active {
	height:18px;
	padding-top:3px;
	background: url(../images/menu-left-rollin.jpg) repeat-y bottom ;
}
#menu2 ul li a#active:hover {
	background: url(../images/menu-left-rollin.jpg) repeat-y bottom ;
}
#menu2 ul li ul li a,#menu2 ul li ul li span {
	padding:3px 10px 6px 14px; background: url(../images/menu-left-rollout2.jpg) repeat-x bottom ;
}
#menu2 ul li ul li ul li a,#menu2 ul li ul li ul li span {
	padding:3px 10px 6px 18px;
}
#menu2 ul li ul li ul li ul li a,#menu2 ul li ul li ul li ul li span {
	padding:3px 10px 6px 50px;
}
/**************************************************************************/

	#prispevek_form_hlavicka #reagovat {
		margin-top:10px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-weight:bold; 
		color:#DB0000; 
		font-size:13px;
	}
	
	#prispevek_form_hlavicka #reagovat .odkaz {
		font-size:11px; 
		color:#DB0000; 
		font-weight:normal;
	}
	
	#guestbook_formular #jmeno {
		width:428px; 
		border:1px solid #C3C4C6; 
		font-size:11px; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		padding:2px;
	}
	
	#guestbook_formular #zprava {
		width:428px; 
		height:100px; 
		border: 1px solid #C3C4C6; 
		padding:2px; 
		font-size:11px; 
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	#guestbook_formular #tlacitko {
		width:100px; 
		border:1px solid #C3C4C6; 
		font-size:12px; 
		background-color:#6ebade; 
		color:#FFFFFF; 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		padding:2px;
	}
	
	.zapisnik td {
		border:1px solid #C3C4C6;
	}

	.zapisnik {
		border-collapse:collapse;
		width:290px;
	}


/* ********************************** */
/* FOTOGALERIE                        */
/* ********************************** */
/* seznam kategorii a alb */
#galerie-alba {
	
}
#galerie-alba table {
	border-collapse:collapse;
	text-align:center;
	width:100%;
}
#galerie-alba td {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:25%;
}
#galerie-alba td:hover {
  
}
#galerie-alba .bez-hoveru, #galerie-alba .bez-hoveru:hover {
  
}
#galerie-alba a {
	padding-bottom:5px;
	text-decoration:none;
}
#galerie-alba a:hover {
	text-decoration:none;
}
#galerie-alba td.nahled {
	vertical-align: middle;
	padding-top:5px;
}
#galerie-alba .nahled a {
	text-align:center;
	padding-top:10px;
}
#galerie-alba img {
  text-align:center;
	border: 1px solid black;
}
/* vypis obrazku v galerii */
#galerie-obrazky {
	text-align: center;
}
#galerie-obrazky table {
	border-collapse:collapse;
	width:100%;
}
#galerie-obrazky td {
	text-align:center;
	vertical-align:middle;
	padding:10px;
	width:33%;
}
#galerie-obrazky img {
	border: 1px solid black;
}


.submenu ul {
	list-style-type: none;
	margin:0;
	padding:0;
	background: blue;
}
.submenu ul li {
	background: blue;
}
.submenu ul li a,.submenu ul li span {
	display:block;
	width:170px;
	color:white;
	text-decoration:none;
	padding: 6px 30px 8px 28px;
}
.submenu ul li a:hover,.submenu ul li span:hover {
	color:white;
	background: red;
}
.submenu ul li ul li a,.submenu ul li ul li span {
  padding-left: 40px;
}

/********************/
/*      BARVY       */
/********************/

.orange #formular-input  {background-color:#fcbd32;}
.orange #head {background-image:url(../images/head-orange.jpg);}
.orange .novinkynaemail{background-image:url(../images/nadpis-novinkynaemail-orange.jpg);}
.orange .vyhledavani{background-image:url(../images/nadpis-vyhledavani-orange.jpg);}
.orange .anketa{background-image:url(../images/nadpis-anketa-orange.jpg);}
.orange .odkazy{background-image:url(../images/nadpis-odkazy-orange.jpg);}
.orange .novinky{background-image:url(../images/nadpis-novinky-orange.jpg); background-position:left;}
.orange a {color:#f39f03;}
.orange a:hover {color:#72b1eb;}
.orange h1 {color:#e99811;}
.orange h2 {color:#72b1eb;}
.orange h3 {color:#e99811;}
.orange h4 {color:#72b1eb;}
.orange h5 {color:#e99811;}
.orange h6 {color:#72b1eb;}
.orange #novinky h3{background-image:url(../images/sipka-orange.gif);}
.orange .clearer {color:#e99811; background-color:#e99811;}
.orange #btm {background-image:url(../images/btm-orange.jpg);}
.orange #menu2 ul li a:hover {background: url(../images/menu-left-rollover-orange.jpg) repeat-x bottom; background-color:#fab639;}
.orange #menu2 ul li ul li a:hover {background: url(../images/menu-left-rollover-orange2.jpg) repeat-x bottom; background-color:#fab639;}

.blue #formular-input {background-color:#5d9fe8;}
.blue #head {background-image:url(../images/head-blue.jpg);}
.blue .novinkynaemail{background-image:url(../images/nadpis-novinkynaemail-blue.jpg);}
.blue .vyhledavani{background-image:url(../images/nadpis-vyhledavani-blue.jpg);}
.blue .anketa{background-image:url(../images/nadpis-anketa-blue.jpg);}
.blue .odkazy{background-image:url(../images/nadpis-odkazy-blue.jpg);}
.blue .novinky{background-image:url(../images/nadpis-novinky-blue.jpg); background-position:right;}
.blue a {color:#5d9fe8;}
.blue a:hover {color:#3f79b9;}
.blue h1 {color:#5d9fe8;}
.blue h2 {color:#fab115;}
.blue h3 {color:#5d9fe8;}
.blue h4 {color:#fab115;}
.blue h5 {color:#5d9fe8;}
.blue h6 {color:#fab115;}
.blue #novinky h3{background-image:url(../images/sipka-blue.gif);}
.blue .clearer {color:#5d9fe8; background-color:#5d9fe8;}
.blue #btm {background-image:url(../images/btm-blue.jpg);}
.blue #menu2 ul li a:hover {background: url(../images/menu-left-rollover-blue.jpg) repeat-x bottom ;background-color:#6dbafe;}
.blue #menu2 ul li ul li a:hover {background: url(../images/menu-left-rollover-blue2.jpg) repeat-x bottom ;background-color:#6dbafe;}

.red #formular-input  {background-color:#f43e2e;}
.red #head {background-image:url(../images/head-red.jpg);}
.red .novinkynaemail{background-image:url(../images/nadpis-novinkynaemail-red.jpg);}
.red .vyhledavani{background-image:url(../images/nadpis-vyhledavani-red.jpg);}
.red .anketa{background-image:url(../images/nadpis-anketa-red.jpg);}
.red .odkazy{background-image:url(../images/nadpis-odkazy-red.jpg);}
.red .novinky{background-image:url(../images/nadpis-novinky-red.jpg); background-position:right;}
.red a {color:#e23326;}
.red a:hover {color:#ff0000;}
.red h1 {color:#e23326;}
.red h2 {color:#e99811;}
.red h3 {color:#e23326;}
.red h4 {color:#e99811;}
.red h5 {color:#e23326;}
.red h6 {color:#e99811;}
.red #novinky h3{background-image:url(../images/sipka-red.gif);}
.red .clearer {color:#e23326; background-color:#e23326;}
.red #btm {background-image:url(../images/btm-red.jpg);}
.red #menu2 ul li a:hover {background: url(../images/menu-left-rollover-red.jpg) repeat-x bottom ;background-color:#f64533;}
.red #menu2 ul li ul li a:hover {background: url(../images/menu-left-rollover-red2.jpg) repeat-x bottom ;background-color:#f64533;}


/* ODKAZY */

.odkazy-box {
  margin-left:14px;
}
.odkazy-box a {
  display:block;
  margin-bottom:4px;
}
.odkazy-box a img{
  border:none;
}
.odkazy-box .vice {
  margin-top:12px;
}
/*******************************/


@media print {
	#menu {
		display:none;
	}
	#top_back {
		display:none;
	}
	#down {
		display:none;
	}
	.pata {
		display:none;
	}
	#main {
		position:absolute;
		left:0px;
		top:0px;
		padding:0px;
		margin:0px;
		border:0px;
		width:650px;
	}
	#main_back {
		border:0px;
	}
	#top_back {
		border:0px;
	}
}

/*_______________fotky-rotace___________________*/
#foto {
  position: absolute;
  top:   -60px;
  left:   10px;
  height:280px;
  width: 340px;
  /*background-color:#339999;*/
  z-index:5;
}

#foto #image_rotate {
  list-style: none;
  padding:0;
  margin:0;
}
#mask {
  position: absolute;
  top:    -110px;
  left:   10px;
  height:310px;
  width: 340px;
	background-image:url(../images/mask-bg.png);
	background-repeat: no-repeat;
  /*background-color:#339999;*/
  z-index:10;
}