/* -- ==================================================================== -- 
                                 Basic styles			
   -- ==================================================================== -- */

html, body {
	padding: 0; 
	margin: 0;
}

body {
	background: #f0f0f0; 
	color: #7a7a7a;  
	font-family: Arial, tahoma, sans-serif; 
	font-size: 80%;
	line-height: 1.5em;
}

h2, h3, h4, h5, h6 {
	color: #919191; 
	margin: 0.3em 0;
}

h1 {
	font-size: 160%;
	margin: 0;
}

h2 {
	font-size: 120%;
	font-weight: bold;
}

h3 {
	font-size: 105%;
	font-weight: bold;
}
	
h4, h5, h6 {font-size: 100%;}

p {
	line-height: 130%;
	margin: 0.5em 0;
	line-height: 1.5em;
}

a {
	color: #38a9e1;
	text-decoration: none;
}

a:hover {text-decoration: underline;}

a span {cursor: pointer;}

address {font-style: normal;}

ul {
	margin: 0;
	padding: 0;
}

li {
	margin: 0; 
	list-style-type: none;
}

form {margin: 0;}

input.text {
	border: 1px solid #b8b8b8;
	width: 100px;
	height: 14px;
	padding: 0 0 0 20px;
}

input.submit {
	border: 0;
	background: transparent;
	cursor: pointer;
}

a img {border:0;}

.cleaner {
	clear: both;  
	visibility: hidden;
	height: 1px;
}

.left {float: left;}
.right {float: right;}




/* -- ==================================================================== -- 
                                 Wrapper styles			
   -- ==================================================================== -- */
   
div#page {
	width: 1009px;
	margin: 0 auto;
	background: #f9f9f9 url('images/wrapper-bg.png') center repeat-y;
}   
   
div#wrapper {
	width: 1001px;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 15px 0;
}
      
   
/* -- ==================================================================== -- 
                                 Header styles			
   -- ==================================================================== -- */

div#header {
	float: left;
	height: 154px;
	width: 1001px;
	background: url('images/header-bg.png') center top no-repeat; /* #ece380 */
	position: relative;
	margin: 0;
}

div#header h1 {
	float: left;
	position: relative; 
	overflow: hidden;
	background-color: #232424;
	text-decoration: none;
	margin: 50px 0 0 49px;
}

div#header h1, div#header h1 span#logo {
	width: 162px;
	height: 43px;
	display: inline;
	cursor: pointer;
}
 
div#header h1 span#logo {
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 1;
	background: url('images/logo.png') no-repeat;
}

div#header h1 span#ro {
	background: #312a1a;
	color: #cbc002;
}

h1 a:hover {text-decoration: none;}

div#breadcrumbs {
	background: url('images/breadcrumbs.gif') bottom no-repeat;
	height: 38px;
	width: 969px;
	float: left;
	margin: 0 9px 10px;
	padding: 0 0 0 15px;
	color: #fff;
	font-family: tahoma;
}

div#breadcrumbs p.left {
	padding: 3px 0 0 0; 
	width: 600px;
	line-height: 16px;
	vertical-align: middle;
	font-size: 0.85em;
}

div#breadcrumbs p.left a {
	padding-left: 2px;
}

div#breadcrumbs a {color: #fff;}
div#breadcrumbs a:hover {text-decoration: underline;}

div#breadcrumbs form {
	line-height: 16px; 
	vertical-align: middle; 
	margin: 0 10px 0 0;
}

div#breadcrumbs input.text {
	background: #fff url('images/breadcrumbs-search.png') left top no-repeat; 
	height: 18px;
	margin-top: 2px;
	float: left;
}

div#breadcrumbs input.submit {color: #fff;}

#search {
	float: right;
	margin-top: 4px;
}

#search * {
	margin: 0;
	padding: 0;
}

#search fieldset {
	border: 0;
}

#search input {
	padding: 2px;
}

#search input#sumbit {
	padding: 0;
}


/* -- ==================================================================== -- 
                                Left-col styles			
   -- ==================================================================== -- */

div#left {
	font-size: 0.9em;
	width: 203px;
	float: left;
	display: inline;
	margin: 0 0 0 10px;
}

div#left dl.menu {
	width: 203px;
	padding: 0 0 5px 0;
	margin: 0;
}

dl#yellow {background: url('images/left-yellow-center.png') repeat-y;}
dl#red {background: url('images/left-red-center.png') repeat-y;}
dl#green {background: url('images/left-green-center.png') repeat-y;}
dl#blue {background: url('images/left-blue-center.png') repeat-y;}

dt {
	margin: 0;
	padding: 11px 0 0 30px;
	font-weight: bold;
	display: block;
	cursor: pointer;
}

dl#yellow dt {background: url('images/dt-yellow-h3.png') left center no-repeat;}
dl#red dt {background: url('images/dt-red-h3.png') left center no-repeat;}
dl#green dt {background: url('images/dt-green-h3.png') left center no-repeat;}
dl#blue dt {background: url('images/dt-blue-h3.png') left center no-repeat;}

dd {
	line-height: 27px;
	margin: 0 15px;
}

dl#yellow dd {background: url('images/left-yellow-li.gif') -15px bottom repeat-x;}
dl#red dd {background: url('images/left-red-li.gif') -15px bottom repeat-x;}
dl#green dd {background: url('images/left-green-li.gif') -15px bottom repeat-x;}
dl#blue dd {background: url('images/left-blue-li.gif') -15px bottom repeat-x;}

dd a {
	height: 27px;
	display: block;
	padding: 0 0 0 15px;
}

/* barvy odkazu v menu */
dl#yellow dd a, dl#yellow dt {color: #99910f;}
dl#red dd a, dl#red dt {color: #f3ac96;}
dl#green dd a, dl#green dt {color: #c7d88d;}
dl#blue dd a, dl#blue dt {color: #90d4e2;}

dl.menu dd.first {margin-top: 10px;}


/* bottom menu */
span.bottom {
	width: 203px;
	height: 9px;
	display: block;
	margin: 0 0 5px 0;
}

span#yellow-bottom {background: url('images/left-yellow-bottom.png') left top no-repeat;}
span#red-bottom {background: url('images/left-red-bottom.png') left top no-repeat;}
span#green-bottom {background: url('images/left-green-bottom.png') left top no-repeat;}
span#blue-bottom {background: url('images/left-blue-bottom.png') left top no-repeat;}

/* barvy odkazu v menu */
dl#yellow dd a {color: #99910f;font-size: 0.95em;}
dl#red dd a {color: #f3ac96;font-size: 0.95em;}
dl#green dd a {color: #c7d88d;font-size: 0.95em;}
dl#blue dd a {color: #90d4e2;font-size: 0.95em;}

/* newsletter */
div#left form {width: 203px;}

div#left input.text {
	background: #fff; 
	width: 100px; 
	height: 18px; 
	padding: 0;
}

div#left input.submit {color: #919191;}

div#left span.shadow {
	width: 203px;
	height: 45px;
	display: block;
	background: url('images/left-shadow.jpg') center top no-repeat;
}

div#left p.background {
	background: transparent url('images/dots.png') bottom repeat-x;
	margin-top: -30px;
	padding: 0 0 10px 0;
	font-size: 0.85em;
}

#newsLetter * {
	margin: 0;
	padding: 0;
}

#newsLetter fieldset {
	border: 0;
}

#newsLetter input {
	padding: 2px;
}

/* -- ==================================================================== -- 
                                 Content styles			
   -- ==================================================================== -- */

div#content {
	float: left;
	width: 527px;
	margin: 0 24px;
}
div#content ul {margin-left: 15px;}
div#content ul li{list-style-type: disc;}
div#content h1 {margin: 15px 0 0 0; font-family: trebuchet ms;}

div#offer {
	background: url('images/content-offer.png') left top no-repeat;
	width: 527px;
	height: 200px;
	margin-top: -20px;
	margin-bottom: 20px;
	float: left;
}

div#offer h2 {
	font-size: 105%;
}

div#offer ul {margin: 85px 0 0 25px;}
div#offer ul li {line-height: 22px;}

span.shadow {
	width: 527px;
	height: 24px;
	background: url('images/content-shadow.png') no-repeat;
	display: block;
}

div#content address#contact {
	margin: 0;
	float: left;
	width: 220px;
	font-size: 0.85em;
}

address#contact span {
	padding: 0 0 0 15px;
	display: block;
}

address#contact span#tel {
	background: url('images/content-tel.png') left 4px no-repeat;
	margin: 15px 0 0;
}

address#contact span#fax {background: url('images/content-fax.png') left 4px no-repeat;}
address#contact span#mob {background: url('images/content-mob.png') 2px 4px no-repeat;}
address#contact span#mob2 {background: url('images/content-mob.png') 2px 4px no-repeat;}
address#contact span#mail {background: url('images/content-mail.png') left 4px no-repeat;}

address#contact strong.margin {
	margin: 0 0 15px 0; 
	display: block;
}

div#content p.intro {
	font-size: 0.87em;
	line-height: 1.7em;
	margin: 40px 0 55px 0;
	float: left;
}

div#images img {
	float: left;
	padding: 2px;
	border: 1px solid #ccc;
	margin: 2px;
}

/* -- ==================================================================== -- 
                                Right-col styles			
   -- ==================================================================== -- */

div#right {
	font-size: 0.85em;
	float: left;
	width: 163px;
	padding: 40px 20px 20px 20px;
	background: url('images/right-bg.png') repeat-y;
	position: relative;
}

span.date {
	color: #b0b0b0;
	font-size: 85%;
}

h3#top {
	position: absolute; top: 0; left: 0;
	width: 203px;
	height: 33px;
	background: url('images/right-nadpis.png') no-repeat;
}

div#right h3 {
	padding: 7px 10px 10px 20px;
	margin: 0;
}

span#right-bottom {
	width: 203px;
	height: 20px;
	background: url('images/right-bottom.png') no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}

a.more {
	color: #99910f;
	font-weight: bold;
	padding: 0 0 20px 0;
	margin: 0 0 10px 0;
	float: left;
	width: 160px;
	background: url('images/dots.png') bottom repeat-x;
}

a.more span, a#archiv span {
	background: url(images/sipka_zluta.gif) no-repeat 0% 50%;
	padding-left: 10px;
}

a#archiv {
	width: 160px;
	color: #99910f;
	font-weight: bold;
	display: block;
}

.news-item {
	border-bottom: 1px dotted #ccc;
}


/* -- ==================================================================== -- 
                                Footer styles			
   -- ==================================================================== -- */

div#footer {
	text-align: left;
	width: 1009px;
	height: 50px;
	margin: 0 auto;
	font-size: 90%;
	padding: 20px 0 0 0;
	background: #f0f0f0 url('images/logo_machin.gif') 15px 10px no-repeat;
	font-size: 0.85em;
}	

div#footer a {
	color: #8d8d8d;
}

div#footer img {margin: 0 0 0 20px;}
div#footer p.copyright {margin: 0 0 0 90px;}

form {float: left;}

a.yellow {color: #99910f;background: url(images/sipka1.gif)no-repeat 0% 50%;display: block;padding-left: 13px;font: 1.05em/1.5em Tahoma, 'Arial';font-weight: bolder; }
a.red {color: #b62d00;background: url(images/sipka2.gif)no-repeat 0% 50%;display: block;padding-left: 13px;font: 1.05em/1.5em Tahoma, 'Arial';font-weight: bolder;}
a.green {color: #658200;background: url(images/sipka3.gif)no-repeat 0% 50%;display: block;padding-left: 13px;font: 1.05em/1.5em Tahoma, 'Arial';font-weight: bolder;}
a.blue {color: #2a889a;background: url(images/sipka4.gif)no-repeat 0% 50%;display: block;padding-left: 13px;font: 1.05em/1.5em Tahoma, 'Arial';font-weight: bolder;}

img.certifikat {
	margin-top: -20px;
	margin-left: 15px;
}

#hledat {
	width: 60px;
	height: 24px;
	background: url(images/bila_sipka.gif) no-repeat 10% 40%; 
	display: block;
	padding-left: 18px;
	color: White;
	float: left;
	margin-left: 5px;
	font-size: 0.87em;
	margin-top: 2px;
}

.odeslat {
	background:url(images/seda_sipka.gif) no-repeat 0% 50%;
	padding-left: 8px;
	margin-left: 5px;
	border: 0;
	color: #919191;
	font-size: 0.85em;
}

#yellow.menu a{color: rgb(161,153,12);}
#red.menu a{color: rgb(243,171,150);}
#green.menu a{color: rgb(198,216,140);}
#blue.menu a{color: rgb(131,204,218);}

#album img {
	float: left;
	padding: 2px;
	margin: 2px;
	border: 1px solid #ccc;
}