/* CSS Document */

body {
	text-align:center;
	background: #c68300 url('img/pozadi.jpg') repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000;
	margin:0;
	padding:0;
}

/* text
-------------------------------------------------- */

h1, h2, h3, h4 {color:#75750d; margin:0;}

h1 {font-size:120%; /*margin:30px 700px 5px 10px; */background: transparent url('./img/h1.jpg') no-repeat 6px; padding: 0 0 0 26px;}
h2 {font-size:110%;}
h3 {font-size:110%; margin: 20px 0 6px 24px;}
h4 {font-size:100%; }


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


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


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


/* FORMS
-------------------------------------------------- */
fieldset {	clear: both; border:none;	}
legend {}
input, textarea, select {	font-size: 1em;  border: 1px solid #000; background: #eae8e8;}
.odeslat {
	background: #bab3b3;
}

/* 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: underline;
	color: #031c8b;}
a:visited {	}
a:hover {text-decoration: none; }
/* Img
-------------------------------------------------- */
img	{ border:none;	}


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

#obalka {
	width: 856px;
	margin: 0 auto;
}

#motiv {
	width: 856px;
	height: 125px;
	background: url('./img/motiv.jpg') no-repeat top left;
	position: relative;
}

#motiv ul, ul li {
	margin: 0;
	padding: 0;
}

#motiv ul {
	list-style-type: none;
	padding: 104px 0 0 135px;
}

#motiv ul li {
	display: block;
	float: left;
	padding: 0 0 0 30px;
}

#motiv ul li a {
	font-size: 10pt;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#motiv ul li a:hover {
	text-decoration: underline;
}

#motiv .aktivni {
   background:  url('./img/aktivni.jpg') no-repeat bottom left;
	padding: 0 0 5px 0px;
	position: relative;
	float: left;
}

#motiv ul li a:hover {
	color: #827a7a;
}

/* obsah 
----------------------------------------------------------------*/
#maj {
	width: 856px;
	float: left;
	background: url('./img/poz-main.jpg') repeat-y top left;
}

.obsah {
	float: left;
	padding: 30px 120px 0 40px;
	text-align: left;
}

.obsah p {
	text-indent: 1em;
	padding: 0 0 0 25px;
	line-height: 17px;
}

.obsah ul {
	padding: 10px 0 10px 60px;
}

.obsah ul li {
	margin: 3px 0 0 0;
}

.obsah .www  {
	margin: 3px 0 0 0;
	background: url('./img/sipka.jpg') no-repeat 6px;
	padding: 0 0 0 24px;
}

.obsah .graficke-navrhy {
	padding: 0 0 0 40px;
}

.obsah .grafika {
	width: 176px;
	height: 163px;
	background: url('./img/grafika.jpg') no-repeat top left;
	padding: 2px 0 0 10px;
	float: left;
}

/* pata 
----------------------------------------------------------------*/
#pata {
	width: 856px;
	height: 65px;
	background: url('./img/pata.jpg') no-repeat top left;
	clear: both;
}

#pata p {
	float: left;
	padding: 29px 0 0 30px;
}

#pata #seo {
	float: right;
	padding: 30px 30px 0 0;
}

#pata a {
	text-decoration: underline;
	color: #031c8b;
}

#pata a:hover {
	text-decoration: none;
	color: #031c8b;
}