@import "../includes/poll/poll.css";


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

body {background: #fff;
color: #000;
margin: 0;
padding: 0;
border: 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif; /* Base font family for most elements */
font-size: 0.8em; /* Base size for all elements; other size definitions relates to this */
padding-bottom: 10px;}


#wrapper {
width: 750px;
text-align: left;
margin: 10px auto;
padding: 0;
}

/* HEADER */

#header {width: 750px;
background: #fff;
color: #000;
border: 0;
margin: 0;
padding: 0;
text-align: left;}

#header img {margin: 0;
padding: 0;
border: 0;}

#header-design {margin: 0;
float: left;
text-align: center;
background-color: White;}

#topmenu {
margin: 0;
padding-left: 5px;
font: bold 10px/20px sans-serif;
color:#fff;
background-color: #1668b1;
}


#header-rek {position: absolute;
top: 20px;
margin: 0;
margin-left: 260px;
height: 60px;
width: 480px;
text-align: center;
background: White;
color: Black;}

#off-rek {position: absolute;
top: 25px;
margin: 0;
margin-left: 760px;
height: 60px;
width: 120px;
text-align: center;
background: White;
color: Black;}

#maincontent {
	padding: 10px 5px 10px 5px;
}
td.side
{
	background-color: #FF3D3D;
	width: 160px;
}



#leftbar-ban1 
{
	width: 120px;
	height: 76px;
	border: thin;
	border-color: Black;
	padding-left: 20px;
}

#leftbar-ban2
{
	height: 150px;
	width: 120px;
	border: thin;
	border-color: Black;
	padding-top: 10px;
	padding-left: 20px;
}

#leftbar-ban3 
{
	width: 120px;
	height: 50px;
	border: thin;
	border-color: Black;
	padding-top: 10px;
	padding-left: 20px;
}


div#leftbar-menu {width: 160px;
margin-bottom: 0px;
margin-left: 0px;
margin-top:	0px;
padding-top: 0px;}

ul#menulist {
border-top: 1px solid #000;
list-style-type: none;
margin: 0;
padding: 0;
font-size: 12px;
font-weight: bold;
font-family:  Arial, Helvetica, Verdana, Geneva, sans-serif;
}

ul#menulist li {
padding: 0;
margin: 0;

background-image:  url(slike/li_bg.gif);
background-repeat: repeat-y;
}
ul#menulist a, 
ul#menulist a:visited { 
	border-bottom: 1px solid #000000; 
	border-left: 1px solid #323C55; 
	border-right: 1px solid #000000; 
	color: #fff; 
	display: block; 
	padding: 4px 0px 4px 4px; 
	text-decoration: none; 
	background-color: #b30000;
	width: 156px; 
	cursor: pointer;
}


ul#menulist a:hover, 
ul#menulist a:focus 
{
	background-color: transparent;
	border-bottom: 1px solid #fff;
	color: #000;
}



#rightbar-ban1 {
width: 130px;
height: 175px;
border: thin;
border-color: Black;
padding-top: 10px;
padding-left: 18px;
}

#rightbar-ban2 {
width: 130px;
height: 175px;
border: thin;
border-color: Black;
padding-top: 10px;
padding-left: 18px;
}


#footer {border: 0;
color: #fff;
background:url(slike/podnozje.jpg) no-repeat;
text-align: left;
font-size: 11px;
padding: 0;
height: 34px;
width: 750px;}

#footer p
{
	margin: 0;
	text-align: center;
	line-height:18px;
}
/*  Typography */


/* General linkology */

a:link {font-weight : bold;
text-decoration : none;
color: #ffcc00;
background: transparent;}

a:visited {font-weight : bold;
text-decoration : none;
color: #c30;
background: transparent;}

a:hover {font-weight : bold;
text-decoration : underline;
color: #ccc;
background: transparent;}

a:active {font-weight : bold;
text-decoration : none;
color: #000066;
background: transparent;}



/*  General rules */

.leftimage {float: left;
margin-right: 10px;
border: 1px solid #000000;}

.rightimage {float: right;
margin-left: 10px;
margin-right: 15px;
border: 1px solid #000000;}

.attribute-short{
	margin-left: 10px;
	margin-right: 10px;
}

/* ****************************** */


.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
background: #ccd;
border: 1px solid red;
}


/*  moji stilovi (c) Kre�o Kunjas */
.body
{
	padding: 5px;
}
.head
{
	padding:10px;
	font-weight: bold;
}
dt
{
  float:left;
	font-weight:bold;
}
dd
{
  clear:left;
	margin-left: .5em;
}
table#lista
{
	border-collapse: collapse;
}
table#lista th
{
	border:1px solid Silver;
	background-color: #1668B1;
	color: White;
	padding: 5px;
}
table#lista td
{
	border: 1px solid Silver;
	text-align:center;
	padding: 2px;
}
h1 
{
  font-family: Trebuchet MS, serif;
  font-size: 2em;
  
  color: #1668B1;
  margin: .5em;
  padding: .2em;
  border: 1px solid black;
  background-color: #CCCCCC;
}
form
{
	margin: .1em;
	padding: .2em;
	border:1px solid black;
	background: Silver;
	color: #1668B1;
}
h2
{
	margin: 1em 2em 0 2em;
	border-top: 1px dotted black;
	padding-left: .5em;
}
form p#help
{
  border:1px solid red;
  padding: .5em;
}
form p#kreten
{
  border:1px solid blue;
  padding: 1em;
 }