/* CSS Document */
body {
	text-align:center;
	background:#fff url('img/poz.jpg') repeat-x;
 	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.71em;
	color: gray;
	line-height:1.2;
	margin:0;
	padding:0;
	}

/* text
-------------------------------------------------- */
h1, h2, h3 { text-align:left;}
h1 {font-size:140%;	color:#ED136A; margin:15px 0px 5px 0px;}
h2 {color:gray; 	font-size:130%;}
h3 { color:black;	font-size:120%;}
h4 { font-size:100%; }


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


/* LISTS
-------------------------------------------------- */
dl, dt, dd { margin:0; text-align:left;}
dl {margin-left:5px;}
dt {}
dd {}
ul, ul li { text-align:left;	}


/* 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 {	border: 1px solid gray;	padding: 5px 10px;	font-weight: bold;	text-align: left;	vertical-align: top;
	background-color:#C9E9F4;	color: black;}
td {	border: 1px solid gray;	padding: 5px 10px;	vertical-align: top;	background-color: white;}


/* FORMS
-------------------------------------------------- */
fieldset {	clear: both;	}
legend {}
input, textarea, select {	font-size: 1em;}


/* 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 {	color:#ED136A;}
a:visited {	}
a:hover { color: #D24400;}
a:hover { color: #C93D03;}

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


/* Bloky
-------------------------------------------------- */

#obal
  {
  width:940px;
  height:500px;
  text-align:center;
  margin:auto;
  }
  
#top
  {
  position:relative;
  width:940px;
  height:270px;
  margin:auto;
  background:url('img/top1.gif') no-repeat left top;
  }
  
#top-en
  {
  position:relative;
  width:940px;
  height:270px;
  margin:auto;
  background:url('img/top-english.gif') no-repeat left top;
  }  
  
#top-sk
  {
  position:relative;
  width:940px;
  height:270px;
  margin:auto;
  background:url('img/top-sk.gif') no-repeat left top;
  }  
  

#top-text{
	color:#DDDDDD;
	font-family:serif;
	font-size:19pt;
	font-weight:bold;
	left:249px;
	position:absolute;
	top:7px;
	}
  
#maj
  {
  width:100%;
  height:500px;
  margin-top:-6px;
  background: url('img/linka-hor.gif') repeat-x left top;
  } 
  
#leva
  {
  float:left;
  width:240px;
  height:500px;
  background:url('img/linka-ver.gif') repeat-y right top;
  } 
  
#produkty
  {
  position:relative;
  float:right;
  width:700px;
  height:800px;
  margin-top:6px;
  padding-left:-100px;
  background:url('img/slovnik-poz.jpg') repeat-y left top;
  }  
  
.pod #produkty {background:none;}  
  
#produkty #slovnik
  {
  padding-top:0px;
  width:192px;
  height:500px;
  float:left;
  }
  
#produkty #slovnik h2
	{
	
	}
  
#produkty #navigace, #produkty .nav
  {
  position:absolute;
  text-align:left;
  left:192px;
  background:url('img/navigace.gif') repeat-x left top;
  height:48px;
  width:700px;
  margin-top:-6px;
  padding:0px 0px 0px 0px;
  }  
  
.pod #produkty #navigace {left:0px}
  
#produkty .otazky{top:355px;}  
#produkty .nav{width:280px;}
#produkty .kontaktni { left:472px; background:url('img/nav.gif') repeat-x left top;}
#produkty .popis { left:472px; top:355px; background:url('img/nav.gif') repeat-x left top;}


  
#produkty #navigace h1, #produkty .nav h1
  {
  margin:0px 0px 0px 0px;
  padding:14px 0px 0px 30px;
  color:white;
  text-align:left;
  background:url('img/sipka-navigace.gif') no-repeat 15px 19px;
  }
  
#produkty .kontaktni h1 { background:none; color:gray;}
#produkty .popis h1 { background:none; color:gray;}
  
#produkty .text
  {
  color:gray;
  margin:60px 0px 0px 222px;
  text-align:left;
  }
  
  
.pod #produkty .text {margin:60px 0px 0px 15px;}
  
#produkty .desc
	{
	position:absolute;
	left:192px;
	top:38px;
	width:280px;
	height:311px;
	background:url('img/linka-ver.gif') repeat-y right top;
	}
	
#produkty .desc p	{padding:15px 46px;	}	
#produkty .otazky-desc{top:394px;}
#produkty .otazky-desc div {padding:0 15px;}
#produkty .kontaktni-desc{ left:472px; background:none;}
#produkty .popis-desc{top:394px; left:472px; background:none;}
#produkty .popis-desc div {padding:0 0 0 0px;}
#produkty .popis-desc div a { text-align:left;}
  
/* Menu-top
-------------------------------------------------- */
#menu-top
	{
	position:absolute;
	top:185px;
	left:458px;
	} 
	
#menu-top ul { margin:0; padding:0; }
	
#menu-top ul li
	{
	list-style:none;
	position:relative;
	float:left;
	}
	
#menu-top ul li a
	{
	color:#606163;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	} 
	
#menu-top ul li a:hover {text-decoration:underline;}
  
  
/* Menu
-------------------------------------------------- */

#menu
  {
  position:relative;
  text-align:left;
  margin:-10px 0px 0px 0px;
  padding:0;
  padding:10px 0px 0px 0px;
  color:#666666;
  float:right; 
  }  
  
#menu ul
  {
  margin:0;
  padding:0;
  }
  
#menu a
  {
  color:#666666;
  text-decoration:none;
  }
  
#menu li
  {
  position:relative;
  margin:0;
  padding:0;
  padding:10px 0px 5px 0px;
  background: url('img/linka-hor.gif') repeat-x left top;
  height:80px;
  float:right;
  clear:right;
  display:block;
  width:1200px;
  margin-left:-1000px;
  }
  
#menu li a
  {
  display:block;
  padding:0px 3px 0px 20px;
  float:right;
  width:220px;
  background: url('img/sipka-menu.gif') no-repeat left 3px;
  }
  
#menu li a span
  {
  font-size:130%;
  font-weight:bold;
  
  }
  
#menu li a p
  {
  margin:5px 0;
  line-height:1.2;
  text-align:left;
  }
  
/* Texty
-------------------------------------------------- */
#produkty #slovnik
  {
  color:white;
  text-align:left;
  }   
  
#produkty #slovnik h2
  {
  margin:0px 0px 0px 0px;
  text-align:left;
  color:gray;
  padding:10px 0px 10px 30px;  
  background:white url('img/linka-ver.gif') repeat-y right top;
  }
  
#produkty #slovnik h3 {
	padding: 0px 20px;
}
  
#produkty #slovnik h3 a,#produkty #slovnik h3
  {
  /*padding:0px 20px;*/
  margin:0;
  color:white;
  text-align:left;
  text-decoration:none;
  }

#produkty #slovnik p
  {
  margin:0;
  padding:0px 20px;
  text-align:left;
  }
  
  
.kontaktni-desc td {border:none;}
.desc li {margin:8px 10px 8px 0px; font-size:110%;}

#logo {position:absolute; display:block; width:200px; height:100px; top:60px; left:30px; z-index:255;}
#zena {position:absolute; top:40px; left:240px;}

.clear {clear:both;}

.poptavka {
	/*width:100%;*/
}

.poptavka .col1, .poptavka .col2 {
	/*width: 50%;*/
}

.poptavka tr, .poptavka td {
	border: none;
	padding: 1px 10px;
}

.poptavka textarea {
	width: 100%;
	font-size: 1.3em;
}

.poptavka .errors {
	color:red;
}

.poptavka .required {
	color: red;
	padding-right: 3px;
}

#lang{position:absolute;top:18px;right:0px;}

.aktualita a {
	color: gray;
	text-decoration: none;
}