/************************************
    *                                   *
    *           zstulipan.sk            *
    *    CSS by: fatchilli.com, mB      *
    *                                   *
    *         All web content           *
    *                                   *
    *  Last update: 12.06.2007, 19:48   *
    *                                   *
    ************************************/ 

	* {margin:0;} 
	
	/* ---| html |--- */
	body, html {height: 100%;}
	/*body {font: normal 1.0em "Trebuchet MS", "Geneva CE", lucida, sans-serif; }*/
	body {font-wight: normal; font-family:"Trebuchet MS", "Geneva CE", lucida, sans-serif; }
	a img {border: none;}
	a {color: #b73939;}
	a:hover {color: #000;}
	.p p { margin-bottom: 8px;}
	small {font-size: 0.69em;}
	h1, h2 {font: normal 1.5em "Trebuchet MS", "Geneva CE", lucida, sans-serif; margin-bottom: 8px;}
	h2 {font-size: 1.2em;}
	
	/* ---| general classes |--- */
	.hidden {display: none;}
	.h2 {margin-bottom: 0px;}
	.p { font-size: 0.75em;}
	.left {float: left;}
	.right {float: right;}
	
	/* ---| layout |--- */
	#pack {position: relative; min-height: 110%; _height: 100%; padding-left: 37px;}
	#page {width: 56.25em; padding-top: 53px;}
	#head {margin-bottom: 15px;}
	#col-1 {float: right; min-height: 300px; width: 13.56em;}
	#col-1b {float: right;  width: 13.69em; margin-right:11px;}
	#col-2 {float: left; min-height: 300px; width: 42.00em;}
	#col-3 {float: left; min-height: 300px; width: 27.75em;}
	#sub-col-1 {width: 27.75em; height: 18em; float: left; position: relative;}
	#sub-col-2 {width: 13.69em; height: 18em; background: #57585d url(../images/board.jpg) no-repeat; float: right;}
	
	/* ---| navigation |--- */
	#navigation {position: relative; font-family: sans-serif; padding: 8px 0 0 0; height: 3em; margin-left: 193px;}
	#navigation li {display: inline; list-style: none;}
	#navigation a {color: #711919; text-decoration: none; font-size: 0.81em; padding: 4px 12px 4px 12px; background-color: #e6e6e6; display: block; float: left; margin-right: 5px;}
	#navigation li ul {position: absolute; left: 0; bottom: 0; padding: 4px 15px; background-color: #b73939; width: 95.6%;}
	#navigation li ul.empty {background-color: #e6e6e6;}
	#navigation ul li {background-color: transparent; color: #FFF;  font-size: 0.85em;}
	#navigation ul li a {padding: 0; background-color: transparent; color: #FFF; float: none; display: inline; margin: 0 4px; text-decoration: underline;}
	#navigation ul li a:hover {text-decoration: none;}
	#navigation a.active {background-color: #b73939; color: #FFF; padding: 9px 7px 4px 12px; position: relative; top: -5px;}
	#navigation a.active span {background: url(../images/arrow.png) no-repeat right 5px; padding-right: 15px;} 
	
	/* ----| board |--- */
	#sub-col-2 .p {color: #FFF; padding: 14px 16px;}
	
	/* ----| board2 |--- */
	#subcol-tabula {background: #57585d url(../images/board.jpg) no-repeat;}
	#col-1b .p {color: #FFF; padding: 14px 16px; height:21.80em;}
	#col-1b .box {margin:0.5em  0 0 0.05em;}
	
	/* ---| motto  |--- */	
	#sub-col-1 div {position: absolute; top: 0; left: 0; width: 27.75em; height: 18em; border: 1px solid #FFF;}
	#sub-col-1 div span {background-color: #8e8d8d; position: absolute; right: 0px; top: 220px; padding: 13px 10px 13px 65px; color: #FFF; font: normal 1.13em/80% "Times New Roman", Times, serif;}
	#sub-col-1 div span {-moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; /*filter: alpha(opacity=0.75)*/}
	#sub-col-1 div span strong {position: absolute; top: 12px; left: 15px; font-size: 0.67em; font-weight: normal;}
	
	/* ---| box |--- */
	.box {width: 13.56em; height: 10.88em; float: left; margin: 10px 10px 0 0; background: url(../images/box_background.jpg) no-repeat; overflow: hidden;}
	.box h3,.boxb h3 {color: #515056; font: bold 1em  Verdana, "Geneva CE", lucida, sans-serif; margin: 12px 0 8px 20px;}
	.box .p,.boxb .p {padding: 0 15px; line-height: 130%;}
	.box ul,.boxb ul {margin-left: 6px;}
	.box ul li,.boxb ul li {list-style: none; padding-left: 17px; background: url(../images/arrow2.png) left 3px no-repeat;}
	#box-3 {margin-right: 0;}
	#box-3 .p {color:#000; margin-left:0.5em;}
	#box-1 h3 {color: #b73939;}
	
	.boxb {width: 13.56em; height: 10.88em; float: left; margin: 220px 10px 0 0; background: url(../images/box_background.jpg) no-repeat; overflow: hidden;}
	
	/* ---| gallery_item |--- */
	.gallery_item {display:block; border:1px solid #E6E6E6; margin:4px 4px; float:left; }
	.gallery_item img {margin:0px; padding:0px; display:block;}
	
	/* ---| download |--- */
	
	/* ---| foot |--- */
	#foot {clear: both; color: #525357; position: relative; top: 10px; =top: -5px;}
	#foot ul {width: 100%; padding: 8px 0; background: url(../images/foot_background.png);}
	#foot li {display: inline; margin-left: 15px;}
	#foot ul a {background-repeat: no-repeat; color: #000; font-size: 0.75em; padding: 2px 0 7px 25px;}
	#foot ul a:hover {color: #b73939;}
	#dokumenty {background-image: url(../images/dokumenty.png);}
	#organy {background-image: url(../images/bulb.png); margin-left: 20px;}
	#kontakt {background-image: url(../images/kontakt.png); margin-left: 35px;}
	#mapa {background-image: url(../images/site_map.png); margin-left: 45px;}
	#otazka {background-image: url(../images/otaznik.png); margin-left: 30px;}
	
	/* ---| logos  |--- */	
	#logo {float: left;}

	/* fatchilli.com */	
	#fatchilli {text-decoration: none; position: absolute; width: 155px; height: 20px; padding-top: 115px; padding-left: 12px; background: url(/images/fat_logo.png) no-repeat; bottom: 0px; right: 0px; font-size: 11px; color: #FFF; cursor: pointer; }
	#fatchilli:hover {background-position: left -135px; color: #FFF;}
	#fatchilli span {color: #000; font-size: 11px;}
	#fatchilli span span {color: red; font-size: 11px;}