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

body{
	font-size:12px; 
	font-family:arial, sans-serif;
	background: #90bade;
}

a {text-decoration:none}

#imghed
{
  float:right;
  margin:35px;
}	

#naslov{
    color: #4682B4;
	text-align:center;
	font-size:30px;
	font-style:italic;
}
/* za  bojenje oznacenog teksta */
span.highlight {
background-color:#C6E2FF;
}

/*menu*/
.button {
    width:198px;
    min-height:894px;
    padding: 0 0 1em 0;
    font-size:14px; 
    font-family:Arial, sans-serif;
    background-color: #90bade;
    color: #333;
    /*outline:1px dashed red;*/
}
 
.button ul {
    /* Removes bullet points */
    list-style:none;
    margin:0;
    padding:0;
    border: none;
}
.button ul li {
    /* Any child positioned absolutely will be positioned relative to this */
    position:relative;
}

.button li {

	border-bottom: 1px solid #90bade;

	margin:0px;

	list-style: none;

	list-style-image: none;

}

.button li a {

	display: block;

	padding: 5px 5px 5px 0.5em;

	border-left: 10px solid #1958b7;

	border-right: 10px solid #508fc4;

	background-color: #2175bc;

	color: #fff;

	text-decoration: none;

	font-weight:bold;

	width: 100%;

}
.button a {
    color:#e8e8e8;
    padding:12px 0px;
    /* Fill all available horizontal space */
    display:block;
    /* Remove underline */
    text-decoration:none;
    /*
    New CSS3 animations:
    apply transition to background property, taking 1s to change it
    */
    transition:background 1s;
    -moz-transition:background 1s;
    -webkit-transition:background 1s;
    -o-transition:background 1s;
    font-family:tahoma;
    font-size:14px;
    padding-left:20px;
}
.button a:hover {
    /*
    RGBA background for transparancy:
    last number(0.05) is the transparency
    */
    background: RGBA(255,255,255,0.05);
    color:#fff;
}



html>body .button li a {

	width: auto;
}
/* Podmeni */

.button ul li:hover ul {
    /* When list item is hovered, display UL nested within. */
    display:block;
}
.button ul ul {
    /* Remove element from document flow */
    position:absolute;
    /* Position relative to its parent <li> */
    left:200px;
    top:0;
    border-top:1px solid #e9e9e9;
    display:none;
}
.button ul ul li {
    width:200px;
    background:#f1f1f1;
    border:1px solid #e9e9e9;
    border-top:0;
}
.button ul ul li a {
    color:#fff;
    font-size:14px;
    text-transform:none;
}
.button ul ul li a:hover {
    color:#929292;
}


#podnaslov {
text-align:center;
margin-top:10px;
margin-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
color:#000080;
font-weight:700;
padding-top:9px;
padding-bottom:10px;
text-decoration:none;
}

#podnaslov a {
background:#fff;
color:#000080;
text-decoration:none;
}

#podnaslov a:active {
background:#fff;
color:#000080;
}

#podnaslov a:hover {
background:#fff;
color:#000;
font-size:12pt;
padding-bottom:2px;
border-bottom:solid #90bade;
}

/*obojen plavi border*/
.one {
background: #C6E2FF;
margin:auto;
margin-top:20px;
margin-bottom:20px;
width:780px;
text-align: center;
font-family:Arial, sans-serif;
font-size:16px;
font-style:italic;
font-weight:bold;
clear:both;
}

/*obojen sivi border*/
.two {
background: #DEDEDE;
margin:auto;
margin-top:20px;
margin-bottom:20px;
padding-left:10px;
width:760px;
text-align: left;
font-family:Arial, sans-serif;
font-size:16px;
font-weight:bold;
clear:both;
}

/*obojen sivi border u kontaktu*/
.tree {
background: #DEDEDE;
margin:auto;
//margin-top:20px;
//margin-bottom:20px;
//padding-left:10px;
width:700px;
text-align: left;
font-family:Arial, sans-serif;
font-size:16px;
font-weight:bold;
clear:both;
}

#container{
margin:auto;
width: 1000px;
min-height:1048px;
outline:1px solid black;
}
#wrap{
margin:auto;
min-width: 1000px;
background: white;
min-height: 967px;
//outline:1px solid red;
}

#header {
height: 80px;
margin:0px;
background: url(../img/header_sr_novo.jpg) no-repeat;
}

#leftBar {
float:left;
width: 200px;
margin-top:20px;
margin-bottom:-20px;
background-color: #90bade;
min-height:948px;
//outline:1px dashed red;
}

#contentnaslovna {
float:left;
width:550px;
background-color: white;
line-height:1.4;
min-height: 948px;
height: 1351px;
}

#sadrzaj {
	background: white;
	min-height: 928px;
    min-width: 800px;
}

#content {
float:left;
width:800px;
margin-top:9px;
background-color: white;
line-height:1.4;
min-height: 948px;
//outline:1px dashed grey;
}

#content p {
line-height:1.4
}

#rightBar {
float:right;
width:250px;
font-family:Arial, sans-serif;
text-align:left;
/*outline:1px dashed red;*/
}

#footer {
clear:both;
text-align:center;
padding:5px 10px;
#outline:1px dashed red;
}
/*slike u naslovnoj stranici*/
.img
{
  float:left;
  text-align: center;
  margin:80px 35px 35px 160px;
}	

.desc
{
  text-align: center;
  font-weight:bold;
  width: auto;
  margin: auto;
}

.naslvesti{
padding: 0;
margin-top: 60px;
margin-right: 0;
margin-bottom: 50px;
margin-left: 0;
color:#4682B4;
text-align: center;
font-size:16px;
font-weight:bold;
}

#slika {
  width:230px;
  border: none;
  margin-top:0px;
  margin-bottom:20px;
}


/*predstavljanje u naslovnoj*/
.textbox {
background: #C6E2FF;
margin:0px 5px 10px 90px;
padding:10px;
width:360px;
text-align: justify;
font-size:14px;
font-family:Arial, sans-serif;
#outline:1px dashed red;
}


/*obavestenje  za nove proizvode u naslovnoj crveni tekst*/
.noviproiz {
border: none;
margin: 100px 10px 0 0;
text-align: center;
font-weight:bold;
font-size:16px;
color:#FF0000;
}



/*box za kontakt*/
.box2 {
width:700px;
height:500px;
margin: 40px auto;
//outline:1px dashed red;
}
.box2 p {
text-align: left;
//margin-left:10px;
font-size:14px;
font-family:Arial, sans-serif;
//outline:1px dashed red;
padding:15px;
word-spacing:4px;
}


.box2 img {
float: right;
padding:15px;
margin-top:16px;
margin-right:180px;
//outline:1px dashed red;
}

/*ukrasne ivice za  kontakt box*/
.rounded {
position:relative;
border:1px solid #90bade;
//background:white;
background:#F5F5F5;
width:600px;
height:600px;
margin:40px auto;
//outline:1px dashed black;
}

b.c{
position:absolute;
height:20px;
width:20px;
background:#C9C9C9;
}

b.tl {top:0px; left:0px; margin:-2px 0 0 -2px; background-position:top left;}
b.tr {top:0px; right:0px; margin:-2px -2px 0 0; background-position:top right;}
b.bl {bottom:0px; left:0px; margin:0 0 -2px -2px; background-position:bottom left;}
b.br {bottom:0px; right:0px; margin: 0 -2px -2px 0; background-position:bottom right;}



/*box samo za tekst*/
.box1 {
background:#FFFFFF;
margin:20px 0px 0px 0px;
padding:5px;
width:790px;
text-align: justify;
font-size:14px;
font-family:Arial, sans-serif;
#outline:1px dashed red;
}
.box1 p {
text-align: justify;
margin-left:10px;
font-size:14px;
font-family:Arial, sans-serif;
#outline:1px dashed red;
padding:15px;
}
.box1 ul {
text-align: justify;
font-size:14px;
font-family:Arial, sans-serif;
#outline:1px dashed red;
}
.box1 ol {
text-align: justify;
font-size:14px;
font-family:Arial, sans-serif;
margin-right:30px;
#outline:1px dashed red;
}

/*box za tekst i sliku*/
.box {
width:800px;
height:300px;
margin: 20px 0px 40px 0px;
#outline:1px dashed red;
}
.box p {
text-align: justify;
margin-left:10px;
font-size:14px;
font-family:Arial, sans-serif;
#outline:1px dashed red;
padding:15px;
width:420px;
}
.box ul {
text-align: justify;
font-size:14px;
font-family:Arial, sans-serif;
margin-left:30px;
#outline:1px dashed red;
}
.box img {
float: right;
padding:15px;
}

.box h6{
width:110px;
height:auto;
margin-top:0px ;
margin-left:70px;
font-size:14px;
font-family:Arial, sans-serif;
text-align: center;
font-weight:normal;
padding:0px;
//outline:1px dashed red;
}

.box img.floatLeft { 
    float: left; 
    margin:0 0 0 50px; 
}

table,th,td
{
width:750px;
border:1px solid black;
margin-bottom:20px;
}

th
{
background-color:#4682B4;
color:white;
text-align: center;
}
td
{
text-align: center;
}

/*vesti*/

div.Vest {
width: 200px;
margin: 0px;
//outline: 1px solid #6495ED;
padding:0 0 20px 0;
}

div.Vest div.Datum{
float: left;
width: 200px;
color: #999;
font-size: 12px;
}
div.Vest div.Naslov{
padding: 3px;
font-size: 12px;
font-weight: normal;
color:#00688B;
text-align:left;
}
div.Vest div.Sadrzaj{
}

div.Vest1 {
width: 600px;
margin: 10px 0 30px 85px;
//border: 1px solid #6495ED;
}

div.Vest1 div.Datum1{
float: left;
width: 600px;
color: #999;
}
div.Vest1 div.Naslov1{
padding: 3px;
//background-color: #F0F8FF;
font-size: 16px;
font-weight: normal;
color:#00688B;
text-align:left;
}
div.Vest1 div.Sadrzaj1{
}