/* CSS Document */

body {
	text-align:center;
	background:#000000 url('img/body_poz.gif') repeat-x top left;
 	font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif;
	color: white;
	margin:0;
	padding:0;
	font-size: 0.70em;
	}

/* BLOCKS
-------------------------------------------------- */
address {	margin: .66em 0;}
blockquote {margin: .66em 20px;}
hr { clear:both;}
p, .editor { text-align: justify; margin:0;}

/* TABLES
-------------------------------------------------- */
table {	border-collapse: collapse;margin-top: 10px;margin-bottom: 10px;font-size:100%;}
caption {margin: 0 0 .66em 0;text-align: center;color: #D01310;}
th {padding: 5px 10px;font-weight: bold;text-align: left;vertical-align: top;}
td {padding: 5px 10px;vertical-align: top;background-color: white;}

/* INLINES
-------------------------------------------------- */
abbr, acronym {	border-bottom: 1px dotted;	font-variant: small-caps;	cursor: help;}
dfn {position: relative; font-style:normal; cursor: help; top: 2px;}
cite, em, q, var {font-style: italic;}
code, kbd, samp, pre {font-family: "Lucida Consode", "Andale Mono", monospace;}
sub {font-size: smaller;text-decoration: none !important;vertical-align: sub;}
sup {font-size: smaller;text-decoration: none !important;vertical-align: super;}
del {text-decoration: line-through;}
ins {text-decoration: underline;}
strong {font-weight: bold;}

/* ANCHORS
-------------------------------------------------- */
a {text-decoration: none;}
a:visited{}
a:hover {text-decoration: underline; }

/* Img
-------------------------------------------------- */
img	{border:none;}

/* Bloky
-------------------------------------------------- */
#obal{position:relative;width:940px;margin:0 auto;}

/* top
-------------------------------------------------- */	
#top{position:relative;height:224px; background:transparent url('img/top_spider.jpg') no-repeat left 36px;}

#link{position: absolute; left: 0px; top: 12px;}
#link a{color: white; text-decoration: none;}

#lang{position: absolute; right: 0px; top:12px;}
#lang ul{padding: 0; margin: 0;}
#lang ul li{display: inline; padding-left: 15px;}
#lang ul li a{padding-left: 9px; color: white; text-decoration: none; background:transparent url('img/sipky_white.gif') no-repeat left 5px;}
#lang .aktiv{background:transparent url('img/sipky_gray.gif') no-repeat left 5px !important; color: #999999;}

#hlavicka_poz{width: 600px; height: 98px; position: absolute; top: 85px; left: 340px;}

/* maj
-------------------------------------------------- */	
#maj{float:left;position:relative;text-align:left;width:100%;}

/* leva
-------------------------------------------------- */	
#leva{float:left;width:340px;position:relative;}	

#leva ul{padding: 0;  margin: 0; width: 340px; border-top: 1px solid #333333;}

#leva ul li{
  _height:1px;
  width: 340px;
  list-style: none;
  border-bottom: 1px solid #333333;}

#leva ul li a{
  display:block;
  margin: 0;
  padding: 10px 0 10px 90px;
  color: white;
  font-size: 8pt;
  _height:1px;
  text-decoration: none;
  position:relative;
  background: transparent url('img/sipky_gray.gif') no-repeat 50px center;}
  
#leva ul li a:hover{text-decoration: none; background: #1a1a1a url('img/sipky_gray.gif') no-repeat 50px center;}

#leva .aktiv{background: #1a1a1a url('img/sipky_gray.gif') no-repeat 50px center;}

/* prava
-------------------------------------------------- */	
#prava{width:510px;	_width:600px; float:right; position:relative; background: #1a1a1a; padding: 30px 45px 40px 45px; color: #999999;}

#prava h1{text-transform: uppercase; color: white; font-size: 10pt; margin: 0 0 27px 0;}
#prava h2{color: white; font-size: 8pt; margin: 0 0 20px 0;}

#prava p{margin-bottom: 27px;}

.galerie{position: relative; float: left;}
.ramecek{position: relative; float: left; height: 121px; width: 156px; background: transparent url('img/foto_ramecek.jpg') no-repeat left top; padding: 7px 0 0 7px; margin: 3px; _margin: 5px;}

/* pata
-------------------------------------------------- */	
#pata{clear:both; height: 65px; position:relative; }
#pata_text{position: absolute; bottom: 20px; right: 0px; color: #5c5c5c;}
#pata_text a{text-decoration: underline; color: #7a7a7a;}
/*ostatni ----------------------------------------------------------------*/

.clear {clear:both;}