/* Author: Goran Mitic, goran.mitic@gmail.com */

* {margin:0;padding:0}
body {
  padding: 0 0 0 1px;
  background: url("images/body-bgrnd.gif") repeat-y top center;
  color:#fff;
  font:83%/1.5 Arial, sans-serif;
  text-align:center;
}

/* LINKS */
a, a:link, a:link, a:link, a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link, a:visited {color:#6db43f}
a:hover,a:active {color:#C3C130} 

/* FORMS */
form {margin: 0 0 1.5em}
input {margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#C3A430;color:#fff;font-weight:bold;font-size:96%}

	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {padding: .5em 0;margin:0 15px 1em;}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155%;color:#fff}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
		
		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 24px}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}

form.f-mail-home {text-align:right;}
    form.f-mail-home input {width:150px;}
    form.f-mail-home .f-submit {padding: 2px 5px;background:#6B2122;color:#fff;font-weight:bold;font-size:90%;border:none;width:auto}
    
    .home-login {width:360px;margin:0px;background: url(images/home-login-bgrnd.jpg) no-repeat 0 0;}
        .f-home-login fieldset {padding:0 30px}
        .f-home-login label {display:block;padding: 0}
        .f-home-login b {display:block;color:#900;font-weight:normal;font-size:70%;line-height:1.1em;text-transform:uppercase}
        .f-home-login input {width:120px;font-size:10px;}
        .f-home-login .f-submit {padding: 2px 0px 2px 35px;background:transparent;color:#900;font-weight:bold;font-size:90%;text-transform:uppercase;border:none;}
        

/* TYPOGRAPHY */
p, ul, ol, address {margin: 0 0 1em; padding:0 25px}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: Arial, sans-serif;margin: 1.2em 0 .3em;color:#fff;padding-bottom: .1em;text-align: right}
h1 {font-size: 266%;line-height:1em;margin:0;color:#6db43f; padding:0 25px;border:none;text-align: right;font-weight:bold;;letter-spacing:0.01em}
h2 {font-size: 136%;line-height:1.2em;color:#fff;margin:0 25px 0.8em 25px;padding: 0.5em 0 1.8em 0;text-transform:uppercase;border-bottom:2px solid #6db43f;font-weight:normal;letter-spacing:0.01em}
h3 {font-size: 126%;line-height:1.2em;#fff;text-align:left;margin: 0 25px 1em; padding:0.1em 8px;background-color:#6DB43F;}
h4 {font-size: 116%;line-height:1.2em;#fff;text-align:left;margin: 0 0 0.1em; padding:0 25px}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 



/* LAYOUT - Header */
#header a:link, #header a:visited {color:#fff;font-size:0.8em;font-weight:bold;text-decoration: none;text-transform:uppercase}
#header a:hover, #header a:active {color:#6db43f;}
#header ul {float:left;width:650px;margin:0.5em 0 0.5em 10px;padding:0;text-decoration:none;color:#fff}
   #header li {margin:0;display:inline;padding:0 6px 0 8px;border-left:1px solid #fff}
   #header .first {padding:0 8px 0 0;border-left:none;}
#header .switch {float:right;width:50px;margin:0.5em 10px 0.5em 0;padding:0;line-height:1.4em;text-align:right;text-decoration:none;color:#fff}

#header-home a:link, #header-home a:visited {color:#fff;font-size:0.8em;font-weight:bold;text-decoration: none;text-transform:uppercase}
#header-home a:hover, #header-home a:active {color:#6db43f;}
#header-home ul {float:right;width:780px;padding:0.5em 0 0.5em 10px;margin:0;text-decoration:none;color:#fff;text-align:right}
   #header-home li {margin:0;display:inline;padding:0 8px 0 8px;border-left:1px solid #fff}
   #header-home .first {padding:0 8px 0 0;border-left:none;}
#header-home .lang {float:left;width:780px;padding:0.5em 0 0.5em 20px;margin:45px 0 0 0;line-height:1.4em;text-align:left;text-decoration:none;color:#fff}
#header-home h1 {float:left;width:780px;padding:0.5em 0 0.5em 20px;margin:135px 0 0 0;font-size:1.8em;line-height:1.1em;text-align:left;text-decoration:none;}

/* LAYOUT - Sidebar */
#sidebar a:link, #sidebar a:visited {color:#fff;font-size:11px;font-weight:bold;text-decoration: none;}
#sidebar a:hover, #sidebar a:active {color:#6db43f;}
#sidebar ul {margin:0.5em 20px;padding:0;text-decoration:none;color:#fff}
#sidebar li {margin:0;padding:0;}
#sidebar li a {background: url(images/arrow-sidebar-menu.gif) no-repeat center left; display:block; padding:0 0 0 15px;}
   
#sidebar p {text-align:center;}

/* LAYOUT - Content */
#content p {text-align:justify;}

.thumb {margin: 0 25px 0.5em 25px;width:530px}
.thumbnail {margin: 0 10px 0 0;float:left;width:320px;padding:5px;background:#fff;display:block;border: 1px solid #eee;}
.thumbnail img {border: none;}
* html .thumb .thumbtext { /* IE 3px jog hack*/
height: 1%;
}
.thumbtext {margin:0 0 0 340px;text-align:justify; font-size:90%;}
.thumbtext ol li {margin: 0;padding: 0;background: none; list-style-type: decimal}

.gallery {margin: 0 25px 0.5em 25px;width:530px;}
.g-thumb {margin: 0;float:left;width:80px;height:80px;padding:3px;background:#6DB43F;display:block;border: 1px solid #00713D;}
.g-thumb img {border: none;width:80px;height:80px;}

/* LAYOUT - ID's */

#sec {background: transparent url("images/sec-bgrnd.gif") no-repeat top center;}
#wrap {float:inherit;width:780px;margin: 0 auto;text-align:left;}

#header {float:left;width:780px;margin:0;}
#header-home {float:left;width:780px;height:325px;margin:0;background: url(images/home-3.jpg) repeat-y 0 0;}
#main {float:left;width:780px;margin: 0;padding:1em 0;background: url(images/main-bgrnd.gif) repeat-y 0 0;text-align:left;}
#main-home {float:left;width:780px;margin: 0;padding:1em 0;background-color: #00703c;text-align:left;}

#sidebar {float:left;width:200px;margin:0;}
#content {float:left;width:580px;margin:0;}


/* LAYOUT - FOOTER */
#footer {clear:both;float:left;width:780px;padding: 0;font-size:80%;font-weight:bold;text-align:right;color:#fff;background: #6db43f url(images/demilec-logo2.gif) no-repeat 25px 0.5em;}
	#footer a:link, #footer a:visited {color:#fff;text-decoration: none}
	#footer a:hover, #footer a:active {color:#00713D}
	#footer ul {float:right;width:600px;margin:1em 0 8em 0;padding-right:25px;text-decoration:none;color:#fff;}
	   #footer li {margin:0;display:inline;padding:0 3px 0 5px;border-left:1px solid #fff}
	   #footer .first {padding:0 5px 0 0;border-left:none;}

p.thanx-text
{
	text-align:center;
	margin: 50px 0;
	color:	#FF0000;
}