/* 
	Author: Martin Louzecky, www.louzecky.cz
	Version: 1.0.0
*/

html, body {
	font-family: "Arial CE",Arial,Verdana,sans-serif;
	margin:0; 
	padding:0; 
	height:100%;
	font-size: 0.9em;	
	background: #FDF1D8 url(textura.gif) repeat-x; 
}
h1, h2, h3, h4, ul, li, form {	
	margin:0; 
	padding:0;
} 
img {
	border:0; 
}
.clear {
	clear: both;
}
del, .hidden, .none, .box h2 span {
	display:none;
}


/* zakldani styly ------------------------------------------------------------------- */


#main {
	width: 931px; 
	margin:0 auto; 
	padding:0;
	z-index: 0;
	background: url(textura-telo.gif) repeat-y; 
}
#head {
	width: 931px; 	
	height:149px;
	padding:0; 
	margin:0 auto; 

}
#top{
	width: 931px; 
	height:12px;
	margin:0; 
	padding:0;
	background: url(top.gif) no-repeat; 
}
#zapati-hp {
	clear:both;
	width: 931px; 
	height:70px;
	text-align: center;
	color: #F5BC46;
	font-size:90%;
	padding:6px 0 9px 0;
	=padding:15px 0 0 0;
	background: url(bottom.gif) no-repeat bottom center; 
}
#zapati {
	clear:both;
	width: 791px; 
	height:70px;
	text-align: center;
	color: #F5BC46;
	font-size:90%;
	padding:6px 0 9px 140px;
	=padding:15px 0 0 140px;	
	background: url(bottom.gif) no-repeat bottom left; 
}
#zapati p a, #zapati p a:visited {
	color: #F5BC46;
	text-decoration:underline
}
#zapati p a:hover {
	color:#A0340E !important;
	text-decoration:underline;
}
h1#logo {
	position: absolute;
	margin: 14px 0 0 12px;
	z-index:5;
	width: 247px;
	height: 86px;
	background: url(logo.gif) no-repeat bottom center; 
}
h1#logo span, h2#podtitul span {
	display:none;
}
.logo   { 
	position: relative; 
	top: 0; 
	left: 0;	 
	width: 247px; 
	height:86px; 
	display:block; 
}
h2#podtitul {
	position: absolute;
	margin: 0 0 0 259px;
	z-index:5;
	width: 203px;
	height: 149px;
	background: url(ohen.jpg) no-repeat bottom center; 
}
#vypln {
	position: absolute;
	margin: 100px 0 0 125px;
	z-index:5;
	width: 134px;
	height: 49px;
	background: url(vypln.gif) no-repeat bottom center; 
}
#levy {
	float:left;
	width: 191px;
	padding:5px 0 0 15px;
}
#stredni {
	float:left;
	width: 710px;
	padding:5px 0 0 0;
}
#hlavni {
	float:left;
	width: 509px;
	margin:0 14px 0 0;
	line-height:1.4em;
}
#stranka {
	margin:0 14px 3px 0;
	line-height:1.4em;
}
#pravy {
	float:left;
	width: 187px;
}

.navigace {
	padding: 15px 0 0 0;
	color: #E6B130;
	font-size:100%;
}
.navigace b {
	color: #A0340E;
}
.navigace a, .navigace a:visited {
	color:#E6B130;
	font-weight:bold;
	text-decoration:underline
}
.navigace a:hover {
	color:#A0340E;
	font-weight:bold;
	text-decoration:underline;
}



/* menu -------------------------------------------------------------------  */


#levy ul.menu1, #levy ul.menu2, #levy ul.menu4  {
	margin: 0 0 12px 0;
	padding:0;
	width: 178px;
	list-style: none;
}
#levy ul.menu3 {
	margin: 0;
	padding:0;
	width: 178px;
	list-style: none;
}
#levy ul {
	margin: 0 0 10px 0;
	padding:0;
	width: 178px;
	list-style: none;
}
#levy ul li {
	margin:0;
	padding:0;
	list-style: none;
}
#levy ul li a {
	display:block;
	text-decoration:none;
	padding:0 0 0 17px; 
	text-align:left;
	line-height: 35px;
	text-transform:uppercase;
	margin:0;
	font-size: 0.9em;
	font-weig ht:bold;
}
#levy span {
	position:relative;
	left:-5000px;
	
}
a.m1, a.m1:visited {
	background: #F0B12F url(m1.gif) top left no-repeat; 
	height: 46px;	
}
a.m1:hover {
	background: #F0B12F url(m1.gif) bottom left no-repeat; 
	height: 46px;
}
a.m2, a.m2:visited {
	background: #F0B12F url(m2.gif) top left no-repeat; 
	height: 47px;
}
a.m2:hover {
	background: #F0B12F url(m2.gif) bottom left no-repeat; 
	height: 47px;
}
a.m3, a.m3:visited {
	background: #F0B12F url(m3.gif) top left no-repeat; 
	height: 46px;
}
a.m3:hover {
	background: #F0B12F url(m3.gif) bottom left no-repeat; 
	height: 46px;
}
a.m4, a.m4:visited {
	background: #F0B12F url(m4.gif) top left no-repeat; 
	height: 47px;
}
a.m4:hover {
	background: #F0B12F url(m4.gif) bottom left no-repeat; 
	height: 47px;

}


ul.menu2 a.top, ul.menu2  a.top:visited {
	background: #A0340E url(ma-t.gif) top left no-repeat; 
	height: 35px;
	color: #FFFFFF;
}
ul.menu2 a.top:hover {
	background: #A0340E url(ma-t.gif) top left no-repeat; 
	height: 35px;
	color: #F4B73A;
}
ul.menu2 a.middle, ul.menu2  a.middle:visited {
	background: #A0340E url(ma-stred.gif) top left no-repeat; 
	height: 34px;
	color: #FFFFFF;
}
ul.menu2 a.middle:hover {
	background: #A0340E url(ma-stred.gif) top left no-repeat; 
	height: 34px;
	color: #F4B73A;
}
ul.menu2 a.bottom, ul.menu2  a.bottom:visited {
	background: #A0340E url(ma-b.gif) top left no-repeat; 
	height: 34px;
	line-height: 34px !important;
	color: #FFFFFF;
}
ul.menu2 a.bottom:hover {
	background: #A0340E url(ma-b.gif) top left no-repeat; 
	height: 34px;
	line-height: 34px !important;
	color: #F4B73A;
}


ul.menu3 a.top, ul.menu3  a.top:visited {
	background: #F4B73A url(mb-t.gif) top left no-repeat; 
	height: 34px;
	color: #FFFFFF;
}
ul.menu3 a.top:hover {
	background: #F4B73A url(mb-t.gif) top left no-repeat; 
	height: 34px;
	color: #A0340E;
}
ul.menu3 a.middle, ul.menu3  a.middle:visited {
	background: #F4B73A url(mb-stred.gif) top left no-repeat; 
	height: 35px;
	color: #FFFFFF;
}
ul.menu3 a.middle:hover {
	background: #F4B73A url(mb-stred.gif) top left no-repeat; 
	height: 35px;
	color: #A0340E;
}
ul.menu3 a.bottom, ul.menu3  a.bottom:visited {
	background: #F4B73A url(mb-b.gif) top left no-repeat; 
	height: 35px;
	color: #FFFFFF;
}
ul.menu3 a.bottom:hover {
	background: #F4B73A url(mb-b.gif) top left no-repeat; 
	height: 35px;
	color: #A0340E;
}


ul.menu4 a, ul.menu4 a:visited {
	background: #FDF1D8 url(registrace.gif) top left no-repeat; 
	height: 33px;
	line-height: 30px !important;
}
ul.menu4 a:hover {
	background: #FDF1D8 url(registrace.gif) bottom left no-repeat; 
	height: 33px;
	line-height: 30px !important;
}


/* definice boxu -------------------------------------------------------------------  */

.box {
	width: 509px; 
	margin:0 0 11px 0;
	padding:0 0 10px 0;
	=margin:0 0 18px 0;
	background: #FDF1D8 url(ram-bottom.gif) bottom center no-repeat; 
}
.box h2 {
	width: 509px; 
	height: 11px;	
	margin:0;
	padding:0;
	background: url(ram-top.gif) top left no-repeat; 
}
.box div {	 
	margin:0;
	padding:0 13px 0 13px;
	line-height:normal;
}
.box1 div p, .box2 div p {	 
	margin-top:0;
	padding-top:0;
}



.box1 {
	width: 187px; 
	margin:0 0 11px 0;
	padding:0 0 15px 0;
	background: #FBE5B6 url(r1-b.gif) bottom center no-repeat; 
}
.box1 h2 {
	width: 172px; 
	height: 30px;	
	background: url(r1-t.gif) top left no-repeat; 
	padding:7px 0 0 15px; 
	text-align:left;
	text-transform:uppercase;
	margin:0 0 0 0px;
	font-size: 1em;
	color:  #FFFFFF;
	font-weight:bold;
}
.box1 div {	 
	margin:0;
	padding:0 11px 0 15px;
}
.box1 div p, .box2 div p {	 
	margin-top:0;
	padding-top:0;
}
.box1 div a, .box1 div a:visited {
	color: #A0340E;
	font-weight:bold;
	font-size:90%;
	text-decoration:underline
}
.box1 div a:hover {
	color: #F4B73A;
	font-weight:bold;
	font-size:90%;
	text-decoration:underline
}
.box1 div a img, .box1 div a:visited img {
	border:1px solid #A0340E;
	text-decoration:none !important;
	margin:0 0 5px 0;
	display:block;
}
.box1 div a:hover img {
	border:1px solid #F4B73A;
	text-decoration:none !important;
	margin:0 0 5px 0;
	display:block;
}



.box2 {
	width: 187px; 
	margin:0 0 11px 0;
	padding:0 0 20px 0;
	background: #A0340E url(r2-b.gif) bottom center no-repeat; 
}
.box2 h2 {
	width: 172px; 
	height: 30px;	
	background: url(r2-t.gif) top left no-repeat; 
	padding:16px 0 0 15px; 
	text-align:left;
	text-transform:uppercase;
	margin:0 0 0 0px;
	font-size: 1em;
	color: #F4B73A;
	font-weight:bold;
}
.box2 div, .box3 div {	 
	margin:0;
	padding:0 11px 0 15px;
	color: #FFFFFF;
}
.box2 div a, .box2 div a:visited {
	color: #F4B73A;
	font-weight:bold;
	font-size:90%;
	text-decoration:underline
}
.box2 div a:hover {
	color: #FFFFFF;
	font-weight:bold;
	font-size:90%;
	text-decoration:underline
}



.box3 {
	width: 187px; 
	margin:0 0 11px 0;
	padding:0 0 20px 0;
	background: #F5BC46 url(r3-b.gif) bottom center no-repeat; 
}
.box3 h2 {
	width: 172px; 
	height: 30px;	
	background: url(r3-t.gif) top left no-repeat; 
	padding:16px 0 0 15px; 
	text-align:left;
	text-transform:uppercase;
	margin:0 0 0 0px;
	font-size: 1em;
	color: #A0340E;
	font-weight:bold;
}
.box3 div a, .box3 div a:visited {
	color: #A0340E;
	font-weight:bold;
	font-size:90%;
	text-decoration:underline
}
.box3 div a:hover {
	color: #FFFFFF;
	font-weight:bold;
	font-size:90%;
	text-decoration:underline
}



.box-clanek {
	width: 710px; 
	margin:0 0 11px 0;
	padding:0 0 10px 0;
	=margin:0 0 18px 0;
	background: #FBE5B6 url(clanek-bottom.gif) bottom left no-repeat; 
}
.box-clanek h1 {
	width: 710px;
	_width: 697px;
	padding:15px 13px 0 12px;
	_padding:15px 0px 0 12px;
	margin:0;
	color:#A0340E;
	font-size: 1.4em;
	background: url(clanek-top.gif) top left no-repeat; 
}
.box-clanek p {	 
	display: block;
	margin:0;
	padding:5px 13px 5px 12px;
	color: #A0340E;
	font-weight:normal;
	font-size:90%;
}
.box-clanek p span {	 
	color: white;
}
.box-clanek div p {	 
	margin-top:0;
	padding-top:0;
}
.box-clanek p a, .box-clanek p  a:visited {
	color: #A0340E;
	text-decoration:underline
}
.box-clanek p  a:hover {
	color: #E6B130;
	text-decoration:underline
}



.box-clanek-zapati {
	width: 710px; 
	margin:10px 0 16px 0;
	padding:0 0 10px 0;
	=margin:10px 0 18px 0;
	background: #FBE5B6 url(clanek-bottom.gif) bottom left no-repeat; 
}
.box-clanek-zapati div {
	width: 710px;
	height:9px;
	padding:0;
	margin:0;
	background: url(clanek-top.gif) top left no-repeat; 
}
.box-clanek-zapati p img {
	float:left; 
	margin: 7px 15px 0 0;
}
.box-clanek-zapati p {	 
	display: block;
	margin:0;
	padding:0 13px 5px 13px;
	color: #A0340E;
	line-height:1.9em;
	font-weight:normal;
	font-size:90%;
}
.box-clanek-zapati p span {	 
	color: white;
}
.box-clanek-zapati p a, .box-clanek-zapati p  a:visited {
	color: #A0340E;
	text-decoration:underline
}
.box-clanek-zapati p  a:hover {
	color: #E6B130;
	text-decoration:underline
}



.box-odkazy {
	width: 329px; 
	height:144px;
	overflow:hidden;	
	padding:0;
	margin:0 15px 15px 0;
	float:left;
	background: #FDF1D8 url(odkazy.gif) top left no-repeat; 
}
.box-odkazy h3 {
	margin:9px 0 7px 13px;
	padding:0;
	color:#A0340E;

}
.box-odkazy ul {
	line-height:1.4em;
	margin:9px 10px 7px 13px;	
	padding:0;
	list-style:none;
}
.box-odkazy ul a, .box-odkazy ul a:visited {
	color: black;
	text-decoration:underline
}
.box-odkazy ul a:hover {
	color: #E6B130;
	text-decoration:underline
}



/* reklama -------------------------------------------------------------------  */

.reklama-nahore img {
	border: 1px solid #F5B93F;
}
.reklama-vlevo img, .reklama-dole img {
	border: 1px solid #FDF1D8;
}

.reklama-vlevo {
	padding:5px 0 0 0;
	margin: 0 0 0 16px;
}
.reklama-dole {
	padding:10px 0 0 0;
	margin: 0 0 0 4px;
}

.reklama-nahore {
	position:absolute;
	top:20px;
	z-index:50;
	margin: 0 0 0 444px;
}



/* formatovani ------------------------------------------------------------------- */

a, a:visited {
	color:#E6B130;
	text-decoration:underline;
}
a:hover {
	color: #A0340E;
	text-decoration:underline;
}
h1 {
	padding:0; 
	margin:0 0 0.7em 0;
	font-size: 1.3em;	
	font-weight:bold;

}
h2 {
	padding:0; 
	margin:1.2em 0 0.7em 0;
	font-size: 1.1em;
	color:  #F4B73A;
	font-weight:bold;
}
h3 {
	padding:0; 
	margin:1.7em 0 0.7em 0;
	font-size: 1em;
	font-weight:bold;
}



/* definice clanku ------------------------------------------------------------------ */


.clanek {
	margin:10px 3px 0 3px;
	padding:5px 0 0 0;
	=padding:0;
	clear:left;	
}
.clanek h1 {
	color: #E6B130;
	font-size: 1.4em;
}

.clanek img {
  float:left;
  border: 1px solid #A0340E;
  margin: 3px 10px 0 0;
  padding:0;
}

.clanek-telo img {
  /* border: 1px solid #A0340E; */
}
p.podnadpis {
	display: block;
	margin:0;
	padding:0;
	line-height:0.5em;
	color: #A0340E;
	font-weight:bold;
	font-size:90%;
}
p.podnadpis span {
	color: #E6B130;
	padding:0 3px 0 3px;
}
p.podnadpis a, p.podnadpis a:visited {
	color: #A0340E;
	text-decoration:underline
}
p.podnadpis a:hover {
	color: #E6B130;
	text-decoration:underline
}

.clanek-telo {
	margin:2px 3px 0 11px;
	padding:0 0 10px 0;
	=padding:0 0 3px 0;
  
}


/* formulare v zahlavi ------------------------------------------------------------------- */

#select  {
	position:absolute;
	top:120px;
	=top:118px;
	margin: 0 0 0 27px;
	z-index: 100;
}
#select label {
	display:none
}
#select p {
	display:inline;
	font-size:90%;
	color: #A0340E;
}
#select select {
	=position:relative;
	=top:2px;
	=left:7px;
	width: 125px;
	border-right: #A0340E 1px solid;
	border-top: #A0340E 1px solid;
	border-left: #A0340E 1px solid;
	border-bottom: #A0340E 1px solid;
	color: black;
	font-weight:normal;
	margin:0 0 0 5px;
	width:190px;
	padding:1px;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana, sans-serif; 
}
.search {
	position:absolute;
	top:123px;
	margin: 0 0 0 600px;
	z-index: 100;
	font-size:90%;
	color: #A0340E;
}
#search {
	position:absolute;
	top:120px;
	margin: 0 0 0 675px;
	z-index: 100;
}
#searchlabel {
	display:none;
}
#search .form-top {
	=position:relative;
	=top:-1px;
	=left:2px;
	border-right: #A0340E 1px solid  !important;
	border-top: #A0340E 1px solid  !important;
	border-left: #A0340E 1px solid  !important;
	border-bottom: #A0340E 1px solid  !important;
	color: black  !important;
	font-weight:normal  !important;
	margin:0 0 0 5px  !important;
	width:200px  !important;
	padding:2px  !important;
	font-size: 12px  !important;
	font-family: Arial, Tahoma, Verdana, sans-serif  !important; 
}
#search .button-top {
	margin:0 !important;
	padding:0 !important;
	position:absolute !important;
	top:-7px !important;
	left:201px;
}

/* **** PARTNER LIST **** */
div.partner {
  float: left;
}

div.partner img {
  float: left;
  margin: 5px;
}

div.partner span.partner_name {
  font-weight: bold;
}

/* **** OPINIONS LIST **** */
table.opinions {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  border: solid 1px silver;
}

table.opinions th {
  font-weight: bold;
  text-align: left;
}

table.opinions tr th.date {
  width: 80px;
}

table.opinions tr th.article {
  text-align: right;
  width: 200px;
}

table.opinions th a {
  font-weight: normal;
}

ul.opinions li { 
  list-style-type: disc; 
}

/* ***  AUTHOR DETAIL CARD *** */
table.author_card
{
  /*border: 1px solid #FF9933;*/
  background-color: #FFFFFF;
  width: 100%;
  font-size: 90%;
}

table.author_card table {
  border: 0;
}

table.author_card td {
  /*border: 1px solid #FF9933;*/
  padding-left: 4px;
}

table.author_card td.name {
  font-size: 120%;
}

table.author_card td.type
{
  background-color: #FF6600;
  text-align: center;
  width: 140px;
  color: White;
  font-weight: bold;
  font-size: 90%;
}

table.author_card td.head
{
  background-color: #FBE5B6;
  font-weight: bold;
}

table.author_card td.photo {
  text-align: center;
  width: 120px;
}

table.author_list,
table.boiler_list {
  width: 100%;
}

table.author_list td,
table.boiler_list td {
  padding: 4px;
}

table.author_list th,
table.boiler_list th {
  background-color: #FBE5B6;
}

div.alphabet {
  width: 100%;
  text-align: center;
  font-size: 120%;
  line-height: 150%;
  margin-bottom: 20px;
}

div.alphabet div {
  
}

/* ****** PAGING ***** */
div.pager {
  width: 100%;
  text-align: center;
}



/* **** VALIDATIONS **** */

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
    padding-bottom: 20px;
}


/* nove pridane styly - 20.4.2009 -------------------------------------------------------------------------- */


.ram {
   background-color:#FDF1D8;
   padding:15px;
   margin-bottom:15px;
}
.poradna p, .fotoreportaze p {
   padding-top:0;
   margin-top:0;
   padding-bottom:0;
   margin-bottom:0;
}

.poradna { clear: both; }

.poradce {
	width:200px;
	float:left; 
}
.odpoved {
	width:450px;
	margin-left:215px;  
	min-height:55px;
	_height:55px;
}

.fotoreportaze {
   width:209px;
   float:left;
   margin-right:15px;
}
.fotoreportaze p {
   line-height:1.2em;
}
.fotoreportaze p span {
   width:60px;
   float:left;
   display:inline;
   text-align: right;
   margin-right:5px;
   color:#B37E0F;
}
.hneda  {
color:#B37E0F;
}
.katalog p  {
   padding-top:0;
   margin-top:0;
   padding-bottom:0;
   margin-bottom:0;
   width:410px;
   margin-left:70px;
}
.katalog img {
   float:left;
   position:absolute;
}

.partneri {
  min-height:60px;
  _height:60px;
}
.partneri p  {
   padding-top:0;
   margin-top:0;
   padding-bottom:0;
   margin-bottom:0;
   width:480px;
   margin-left:185px;
}
.partneri img {
   float:left;
   position:absolute;
}
.fotoreportaz-foto {
   text-align:center;
}
.fotoreportaz-foto p {
   padding-top:0;
   margin:0 auto;
   padding-bottom:0;
   width:600px;
}
.fotoreportaz-foto p b {
   font-size:110%;
}
.fotoreportaz-foto img {
   border:5px solid white;
   margin: 10px 0 15px 0;
}
.pas-fotek {
   margin:0;
   padding: 0 0 15px 47px;
}
.pas-fotek a {
   margin:0;
   padding-right: 20px;
}


.box-clanek div.prazdny {
	height:10px;
	margin:0;
	background: url(clanek-top.gif) top left no-repeat; 
}

.ram ul {
   list-style-type:square;
   padding-left:15px;
}
.ram a, .ram a:visited  {
   color:black;
   text-decoration:underline
}
.ram a:hover  {
   color:#F4B73A;
   text-decoration:underline;
}

.goback {
   float:right;
   =padding-top:15px;
}

*|*:-moz-any-link:focus {
  outline: none;
} 


/* posledni upravy - 21.4.2009 -------------------------------------------------------------------------- */

.foto-vyrobce {
   width:187px;
   float:left;
   margin-right:15px;
   text-align:center;
}
.foto-vyrobce p {
   padding:0;
   margin:0;   
}
.foto-typ {
  height: 75px; 
}
.foto-typ p {
   padding:0;
   margin:0;  
}
.foto-typ img {
   float:left;
   margin-right:15px;
}
.foto-typ p span {
   width:90px;
   float:left;
   display:inline;
   text-align: right;
   margin-right:5px;
   color:#B37E0F;
}

table.form td
{
  padding: 2px; vertical-align: top; line-height: 200%;
}

table.form th {text-align: left; vertical-align: top;}
