/* 
project:  small corporation
author:   luka cvrk (www.solucija.com) 
*/

*{ margin: 0; padding: 0; }* 
body { 
font: .75em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; 
line-height: 1.6em;
background: #fff url(img/bg.png);
color: #444; 
}
ul{list-style:none;}
a {text-transform:lowercase;color: #E60000;	background: inherit; text-decoration: none; }
a:hover { color: #AA0001; background: inherit; text-decoration: none; }
p { margin: 0 0 15px 0; text-align:justify;}
h1 {  margin: 20px 0 0; }
h1 a { background: inherit; }
img { border: 0; }

h1 { font: normal 1.6em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px; text-transform:lowercase;}

h4{text-transform:lowercase;}
h3 a { font-size: 1em; }
#main h3 a { font-size: .84em; color: #808080; font-weight: normal; text-transform: uppercase; }

#content { width: 940px; margin: 0 auto; padding: 20px 0 0 0; border-top: 5px solid #eee; }

#top{ float: right; text-align: right;  }
#top a { color: #808080; margin: 0 0 0 13px; background: #fff url(img/toparrow.png) no-repeat center left; padding: 0 0 0 12px; }
#top a:hover { color: #AA0001;}
input.searchfield { width: 175px; padding: 6px; border: 2px solid #ccc; font-size: .9em; }
input.searchbutton { background: #E60000; border: 1 black solid; padding: 6px; color: #fff; font-weight: bold; font-size: .9em; }

#logo { float: left; color: #808080; line-height: 25px;background:transparent url(img/logo-piccolo2.png) no-repeat}
#menu { height: 35px; padding: 7px 0 0 0; clear: both;  margin: 0 0 18px; background: #fff url(img/menubg.gif) repeat-x; }
#menu li { font-size: 1.1em; display: inline; text-transform: uppercase; }
#menu li a { margin: 0 20px 0 10px; color: #808080;text-transform:uppercase;  }
#menu li a:hover { color: #AA0001; }

#left { background: #eee;  clear: left; float: left; width: 260px; padding: 10px 15px; margin: 0 0 20px; }
#left img { margin: 0 0 8px; }
#left li { list-style: none; }
#left li a {  color: #787A8F; font-weight: bold; background: url(img/arrow.gif) no-repeat center left; padding: 0 0 0 12px; }

#main { float: left; width: 755px; margin: 0 0 20px; }
#main img { float: left; border: 3px solid #eee; padding: 1px; margin: 0 15px 5px 0; }
#line { clear: both; padding: 3px; margin: 0 0 15px; background: #fff url(img/smalldot.gif) repeat-x; }
#ad { float: right; text-align: center; padding: 10px 0 0; width: 150px; border: 3px solid #eee; color: #6F6F6F; margin: 0 0 15px; }
#ad p {text-align:center;}
#shortnews { float: right; width: 150px; }
.news { border-bottom: 1px solid #eee; padding: 0 0 2px; margin: 0 0 10px;}

#right { margin: 0 15px 20px 0; padding: 0 0 0 15px; float: right; width: 620px; text-align: justify; }
.border { clear: both; border-left: 4px solid #ccc; padding: 0 0 0 15px; }

#rl { float: left; width: 290px; margin: 0 20px 30px 0; }
#rr { float: right; width: 290px; }
#rl li, #rr li { list-style: none; border-bottom: 1px solid #eee; padding: 4px; margin: 0; }
#rl li a, #rr li a { background: #fff url(img/arrow.gif) no-repeat center left; padding: 0 0 0 12px; color: #808080;  }

#footer { clear: both; padding: 10px; margin: 0 0 15px; font-size: .9em; color: #808080; background: #eee; }
.links a { font-weight: bold; color: #787A8F; background: #fff; margin: 0 10px 0 0; background: url(img/dot.png) no-repeat center left; padding: 0 0 0 10px; }
.sponsor { color: red; background: #eee; }
#footer li { list-style: none; }
#fl { width: 600px; }
#fr { float: right; }
fieldset{padding:10px;border:gray 1px dashed;}
input, textarea{border: gray 1px ridge; background-color:#FFFBCC;}
.error{font-weight:bold;color:red;}
.current{font-weight:bold;color:red;}