/* chistota-iskar.eu - main css */

/***************************************************************** MAIN
***********************************************************************/
* { padding: 0px; margin: 0px; }

.body {
	margin: 0px; padding: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; }
	
.img { border: 0px; }

a { 
	text-decoration: none;
	color: #8FA948; }
	
a:hover { 
	text-decoration: underline; }
	
#mainbox {
	width: 1000px; height:  0px;
	margin: 0px; padding: 0px; }
	

/**************************************************************** HEADER
***********************************************************************/
#head {
	background: url(images/header.jpg) repeat-x; 
	width: 1000px; height: 161px;
	border-right: 1px #7c9144 solid; }
	
/************************************************************ NAVIGATION
***********************************************************************/
#nav {
	width: 680px; height: 30px; 
	float: left;
	margin-top: 44px;
	padding-top: 3px; }

ul#nav {
    display: block;
    padding: 0px;
	float: left;
    list-style: none; }
                  
#nav li {
    float: left;
    display: block;
    margin-left: 5px;
    font-size: 11px;
    font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
 }

#nav li a, #nav li a:active, #nav li a:visited {
	margin: 0; padding: 2px;
    display: block;
	font-weight: bolder;
    float:left;
	color: #303e09;
    text-decoration: none;
	border-top: 2px transparent solid;
	border-left: 2px transparent solid;
	border-right: 2px transparent solid;}
                  
#nav li a:hover {
	height: 22px;
	color: #fff;
	background: #90AA49;
	border-top: 2px #728F23 solid;
	border-left: 2px #728F23 solid;
	border-right: 2px #728F23 solid; }
	
.sep {
	background: url(images/sep.jpg) no-repeat;
	width: 1px; height: 26px; 
	margin-top: -3px; }

/*************************************************************** LEFT BOX
************************************************************************/
.lbox {
	width: 208px; height: auto;
	margin: 15px;
	float: left; }

#lnav ul {
	list-style: none;
	margin: 0;
	padding: 0; }

#lnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 208px; height: auto;
	margin: 0px;
	list-style: none;
	border-bottom: 2px #90AA49 solid; }
	
 
#lnav li a, #lnav li a:link, #lnav li a:visited {
	height: 22px;
	display: block;
	background: url(images/leftNavBg.jpg) repeat-x;
 	color: #222;
	padding-top: 5px; padding-left: 20px; }
	
#lnav li a:hover {
	height: 22px;
	color: #90A84A;
	font-weight: bold;
	background:  url(images/lnav_hover.jpg) 0 0px;
	padding-top: 5px; padding-left: 10px;
	text-decoration: none; }
		
#lnav a:hover {
	height: 22px;
	color: #90A84A;
	font-weight: bold;
	background:  url(images/lnav_hover.jpg) 0 0px;
	padding-top: 5px; padding-left: 10px;
	text-decoration: none; }

/*********************************** SUB ULs 
*******************************************/
/* CATEGORY */	
#cat li a, #cat li a:link, #cat li a:visited {
	height: 22px;
	background: url(images/subnav.jpg);
	padding-top: 5px;
	text-decoration: none; }
	
#cat li a:hover {
	background: url(images/lnav_hover.jpg); }
	
/* SUB ITEIMS */	
#sub {
	border: 3px #000 solid;
	margin-right: 3px; 
	border: none; }
	
#sub li a, #sub li a:link, #sub li a:visited {
	height: 22px;
	background: url(images/subit.jpg);
	padding-top: 5px; padding-left: 32px;
	text-decoration: none; }
	
#sub li a:hover {
	background: url(images/lnav_hover.jpg); }


.limg {
	margin-top: 10px; }
	

/************************************************************* RIGHT BOX
************************************************************************/
#rightBox {
	width: 760px; height: auto; 
	float: left;
	margin-top: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222; }
	
.newbox {
	margin-bottom: 15px; }
	
.t {
	font-size: 24px; 
	color: #90A84A; }
	
/************************************************************* INDEX PAGE
************************************************************************/
#indexBOX {
	width: 700px; height: auto; 
	float: left;
	margin-top: 20px; margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222; }
	
.rightIndexBox {
	float: right;
	margin-left: 27px; margin-top: 25px;
	width: 240px; height: auto !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222; }
	
.greenb {
	background: url(images/gbox_bg.jpg) top repeat-x #A5BA6D;
	border: 3px #9FBF47 solid;
	padding: 5px;
	float: left;
	color: #fff;
	margin-left: 0px; margin-bottom: 5px;
	width: 228px; height: auto !important; }
	
.orangeb {
	background: url(images/obox_bg.jpg) top repeat-x #F69C5D;
	border: 3px #DF7E37 solid;
	padding: 5px;
	float: left;
	color: #fff;
	margin-left: 0px; margin-bottom: 5px;
	width: 228px; height: auto !important; }
	
.b1 {
	background: #eee;
	border: 2px #ddd solid;
	padding: 5px;
	float: left;
	color: #222;
	margin-left: 0px; margin-bottom: 5px;
	width: 230px; height: auto !important; }
	
.b1img {
	border: 3px #ddd solid;
	float: left;
	color: #222;
	margin-left: 0px; margin-bottom: 5px;
	width: 240px; height: auto !important; }

	
/***************************************************************** FOOTER
************************************************************************/
#footer {
	background: url(images/footer.jpg) repeat-x;
	width: 990px; height: 18px;
	padding-top: 5px; padding-left: 10px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff; }