@import url("top_nav.css");

* {margin: 0; padding: 0; border: none;}

html, body {
	padding: 0 0 15px; color: black; 
	background: #014601 url(background.gif) repeat-x top center;
	font: 12px/1.4em Verdana, Arial, Helvetica, sans-serif;
	text-align: center; min-width: 780px;
}

#page {background: url(page_back.gif) no-repeat top center;}

#zelena {
	position: relative; width: 770px;
	margin: 0 auto; text-align: left;
	background: url(main_back.gif) repeat-y;
}

#top {
	width: 770px; height: 96px; 
	background: url(top_back.jpg) no-repeat;
}

#top h1 {
	position: absolute; left: 45px; top: 37px; z-index: 100;
	width: 85px; height: 73px; 
	background: url(zelena_logo_scr.gif) no-repeat;
}

#top h1 a {display: block; width: 84px; height: 70px; }

#top h1 img, #top h1 span {display: none;}

#top h2 {display: none;}

#main {padding: 0 10px; height: 320px; min-height: 320px;}
html>body #main {height: auto;}

/* _____ Content _____ */

#content {
	padding: 0.5em 2em 0; margin: 20px 0 30px 140px;
	background: white; 
	border: 1px solid #97C450; border-width: 0 0 0 1px;
	
}

#content h3, #content h4 {font-weight: normal; padding: 0.25em 0.25em 0 0;}

#content h3 {
	font-size: 1.6em; letter-spacing: 1px; color: #067E06; 
	position: relative; z-index: 10;
	padding-bottom: 0.5em; margin-bottom: 0.5em; 
	background: url(h3_back.gif) no-repeat 100% 100%;
}

#content h4, #content h5, #content h6 {
	margin: 1em 0 0;
}

#content h4 {font-size: 1.4em; color: #014601; margin-bottom: 5px;}

#content h5 {font-size: 1.2em; font-weight: normal;}

#content h6 {font-size: 1em;}

#content p {padding: 0.25em 0 1em; text-align: justify;}

#content ul, #content ol {
	color: #045704;
	padding: 0.25em 1em 1em 2em; 
}

#content ul {
	list-style: url(bullet.gif); 
	margin: 1em 0 1.5em;
	background: url(ul_back.gif) no-repeat 100% 100%;
}

#content li {padding-bottom: 0.5em;}

#content a {color: #014601; text-decoration: underline;}
#content a:visited {color: #5AA85A;}
#content a:hover {text-decoration: none;}

#content a.arrow {color: #067E06; text-decoration: none; padding-left: 14px; background: url(arrows.gif) no-repeat 0 2px;}
#content a.arrow:hover {background-position: 0 -23px; color: #014601;}

acronym {font-style: normal; border-bottom: 1px dotted #686868; cursor: help;}

hr {
	height: 1px; margin: 12px 0;
	border: 1px dashed #ccc; border-width: 1px 0 0;
}

#content .orderNow {
	text-decoration: none; color: #030 !important;
	padding: 0.3em 0.5em;
	background: #68c468 url(submit.gif) repeat-x 0 0;
	border: 1px solid #58a658;
}

html > body #content .orderNow:hover {background: #d7f4d7;}

/* _____ About _____ */

.teamTop {float: right; margin: 0 0 20px 20px;}
.teamTop a {display: block; width: 168px; height: 126px; background: url(../about/team.jpg) no-repeat 0 0;}
.teamTop a:hover {background-position: 0 -150px;}
.teamTop a span {display: none;}

.team {float: left; margin: 0 20px 20px 0; padding-bottom: 5px; 
border-bottom: 1px dashed #004600; width: 118px;}
.team img {border: 1px solid #7EB343;}
.team h5, .team em {font-size: 11px; color: #004600;}

.inst a {
	width: 60px; height: 74px; 
	display: block; float: left; margin-right: 12px;
	background: transparent url(../about/in_back.gif) no-repeat 0 0; 
}

.inst a:hover {background-position: 0 -100px;}

.inst img {padding: 5px;}

ul.inst {
	padding: 0 !important; margin: 0;
	list-style: none !important; list-style-image: none !important;
	background: none !important;
}

.inst li {
	float: left; width: 30%;
	margin: 0 12px 10px 0; padding: 0;
}

ul.inst a {margin: 0;}

ul.inst label {clear: left; display: block;}

/* _____ News _____ */

#content .news {margin-top: 20px; border-bottom: 1px dashed #97C450; position: relative;}
#content .news .date {color: #97C450; font-size: 10px; text-align: right;}
.news img {border: 1px solid #7EB343; float: left; margin: 0 10px 5px 0;}


/* _____ Contact _____ */

.contact {margin-top: 10px; clear: both; padding: 10px; position: relative;
border: 1px dashed green; border-width: 1px 0 0;}

textarea {font-family: Verdana, Arial, Helvetica, sans-serif;}

input#btn, .btn {
	position: relative; left: 280px; 
	background: #60CC60 url(submit.gif) repeat-x top left; 
	border: 1px solid; border-color: #D3FED3 #014601 #014601 #D3FED3;
}

.btn {left: 0;}

html>body input#btn, html>body .btn {padding: 2px 3px;}

form.contact p {clear: left; padding-top: 5px;}

form.contact p label {float: left; width: 210px;}

form.contact em, #mails p {color: #936800; font-size: 11px;}


.txtOff, .txtOn {
	color: black;
	background: #EEFADC;
	border: 1px solid #014601;
	width: 200px; padding: 2px;
}

.txtOn {background: white; border: 1px solid #0E960E;}

select {color: black; background: #EEFADC; border: 1px solid #014601; padding: 2px;}


span.error {color: red; font-weight: bold; display: block; margin-bottom: 30px;}

/* _____ Footer _____ */

#footer {
	background: url(footer_back.gif) no-repeat 100% 100%;
	position: relative; height: 85px; clear: both;
}

#footer li a {font-size: 11px; color: #003200; text-decoration: none; padding-bottom: 2px;
border: 1px solid white;}
#footer li a:hover  {color: #067E06; border-bottom: 1px dotted #067E06;}
#footer li a:active {color: #067E06;}

#footer ul {text-transform: lowercase; margin-left: 150px; margin-top: 5px;}
#footer li {display: inline; list-style: none; padding: 0 5px 5px; 
background: url(footer_bullet.gif) no-repeat 0 20%;}
html>body #footer li {margin-right: -4px; padding-left: 4px;}

span.copy {font-size: 11px; color:#7EB343; position: relative; top: 15px; left: 152px !important; left: 148px}


.spot {position: absolute; top: 80px; right: 59px; display: none;}
.spot a {display: block; width: 150px; height: 24px; background: url(spot_logo_bg.gif) no-repeat 0 0;}
.spot a:hover {background-position: 0 -100px;}
.spot a span {display: none;}

/* _____ Left Navigation _____ */

#leftNav {position: relative; z-index: 100; left: -20px; float: left; margin-top: 15px; width: 200px;
background: white url(nav_back.gif) repeat-y;}

#leftNav ul {list-style: none; background: url(nav_top_back.gif) no-repeat;
padding: 20px 20px 15px 25px;}

#leftNav li {position: relative; padding: 4px 0; border-bottom: 1px dotted #97C450;}
#leftNav a {color: #003200; text-decoration: none; padding: 5px 5px 5px 20px;
background: url(leaf.gif) no-repeat 0% 4px;}

#leftNav a:hover {background-position: 0 -46px;}


#leftNavBottom {background: url(nav_bottom_back.gif) no-repeat; height: 14px;}

#content .goodies {
	margin: 1.5em 0; padding: 1em;
	background: #f0f0f0;
	border: 1px solid #ccc;
}


.goodies .addToFav {cursor: pointer; cursor: hand;}

.goodies .addToFav:hover {text-decoration: none;}

.goodies hr {
	border: 1px solid #ccc; border-width: 1px 0 0;
	height: 1px; margin: 0.5em 0 1em;
}

.goodies label {display: block;}

.goodies input {width: 95%; padding: 0.2em 0.2em;}

/* :: Tables :: */


table.cat th, table.cat td {
	text-align: left; padding: 0.3em 0.5em; 
	border-bottom: 1px solid #68CE3E;
}

table.cat thead th {
	vertical-align: bottom; 
	background: #AEE75C;
	border: 1px solid gray; border-width: 0 1px 1px 0;
}

table.cat th {border-right: 1px solid gray;}
table.cat td {font-size: 0.9em;}
table.cat .alternate {background: #EFF8E2;}


table.formdata {border: 1px solid #5F6F7E; border-collapse: collapse;}

table.formdata th {
border: 1px solid #5F6F7E; background-color: #E2E2E2;
color: #000000; text-align: left; font-weight: normal;
padding: 2px 4px 2px 4px; margin: 0;}

table.formdata td {margin: 0; padding: 0; border: 1px solid #E2E2E2;}

table.formdata input {width: 50px; padding: 2px 4px 2px 4px; margin: 0; border: none;}
table.formdata input.big {width: 290px;}

table.cat input {border: 1px solid #006600; padding: 2px; font-size: 10px; width: 25px;}

.button {background: #60CC60 url(../_shared/submit.gif) repeat-x top left; 
border: 1px solid; border-color: #D3FED3 #014601 #014601 #D3FED3;}
html>body .button {padding: 2px 3px;}




/* :: Left Box :: 

.boxLeft h4 {
	position: relative; color: #014601;
	font: normal 1.4em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1em; padding: 0.1em 0.3em 0.2em 0.5em; 
	border-top: 1px solid #067E06;
	border-bottom: 1px solid #067E06; 
	background: url(in_h5_back.gif) repeat-y;
}


.boxLeft {
	float: left; clear: left; font-size: 0.9em;
	position: relative; left: 8px;
	width: 165px;
	padding-top: 1.5em;
}

.boxLeft p {margin: 0 0.8em;}

.boxLeft dl {
	text-align: center;
	margin: 1em 0; padding-left: 1em;
	border-bottom: 1px dashed #ccc;
}

.boxLeft dt {fon-size: 1.2em; font-weight: bold; color: #333;}

.boxLeft dd {margin: 0.3em 0;}

.boxLeft dd a {margin-right: 8px;}

.boxLeft dd img {}

*/