body
{background-color:#333333;}

#container
{
margin:0 auto;
width:980px;
text-align:left;
font-size:11pt;
font-family:Comic Sans MS;
line-height: 25px;
color:#666666;
background-color:#1e2020;
}




#container a:link
{color:#333333;
text-decoration: none;}
#container a:visited
{color:#993399;
text-decoration: none;}
#container a:hover
{color:#009933;

text-decoration: none;}
#container a:active
{color:#999999;
text-decoration: none;}


.clear-block {
display:inline-block;
}
/*zaglavlje*/
#header
{
height: 120px;
background-image:url('jedinica_slike/zaglavlje.jpg');
background-repeat: no-repeat;
margin-top:30px;
width: 100%;
border: 1px solid #333333;}
#header h1
{color: white;
visibility:hidden;
font-size:30px;
}
#zaglavlje
{width: 980px;}
.gl_nas
{color: white;
visibility: hidden;}
#desni
{float: right;}

/*login*/
#login
{width: 70%;
float: left;
margin-top: 10px;

padding-left: 10px;
font-size:10pt;

}
.Login
{border: 1px solid #99FFCC;}
.SubmitLogin
{background-color:#f308cf;
color: white;}

.RegisterLink
{font-style:italic;
color:#FFFFFF;}

/*košarica*/
#diozakosaru
{
width: 100%;
height:150px;
background-color: #1e2020;
color: white;
border-top: 1px solid #FF3399;



font-size:8pt;
line-height: 20px;}
#slikakosarice
{width:20%; 
float: left;

margin-left:70px;

}
#kosarica
{width: 75%;
float: right;
margin-left: 20px;}

/*tražilica*/

.forma
{
float: left;
margin-top:10px;


}
.trazilica
{background-image:url('jedinica_slike/trazilica.gif');
background-repeat: no-repeat;
border: 0;
width:140px;
height:21px;
}
.trazi
{background-color:#f308cf;
color:white;
border: 1px solid #e308cf;}
.rijeci
{font-size:10pt;
color:green;}
.checkbox
{border-color:#f308cf;}

/*podrucja*/
.podrucja
{width: 100%;
float: left;
background-color:gray;
color:#f308cf;
height: 26px;
margin-top:-20px;
font-size: 12pt;}




.podrucja a
{background-color:#333333;

padding: 3px;
line-height: 25px;
text-decoration: none;
color: white;


}

.podrucja a:link
{background-color:gray;
color: white;
text-decoration: none;
}
.podrucja a:visited
{color:white;
text-decoration: none;

}
.podrucja a:hover
{background-image:url('jedinica_slike/link.gif');
color:#666666;

text-decoration: none;
}
.podrucja a:active
{color: #ffffff;
text-decoration: none;}
.ime_podrucja
{color:#1e2020;
font-size:26px;
font-weight: bold;
padding-top: 20px;
padding-left:20px;}
.opis_podrucja
{
border: 1px dotted #c360db;
margin-top:20px;
padding:10px;
color: #1e2020;}

/*cjeline*/
#meni
{width: 20%;
margin-top: 31px;
padding-top: 20px;
padding-bottom: 30px;
float: left;
padding-left: 20px;
background-color:#1e2020;
color: white;

}


 #meni a:link
{color:white;
text-decoration: none;}
 #meni a:visited
{color:#993399;
text-decoration: none;}
 #meni a:hover
{color:#009933;

text-decoration: none;}
#meni a:active
{color:#999999;
text-decoration: none;}








#meni ul 
{width: 200px;

line-height: 15px;

margin-top: 20px;
color: white;
}

#meni ul li
{
list-style-image:url('jedinica_slike/strelica.gif');
color: white;
line-height: 20px;
text-decoration: none;
}

.cjeline_linkovi
{color: white;}
.CjelinaOdabrana
{color: #FF0099;}
.CjelinaNeodabrana
{color: white;
}



/*ikone*/
#ikone ul
{width: 100%;
float: left;

margin-top: -20px;}
#ikone ul li
{float: left;
margin-left: 10px;}

#tijelo
{width: 100%;
padding-bottom: 30px;
background-color:#1e2020;
margin-top:-30px;
}

#content
{width: 77%;
padding-bottom: 30px;
float: left;
background-color:#1e2020;
margin-top: 30px;}
.wrapper
{width: 100%;
height:305px;
border: 1px solid gray;
}
.wrapperlijevo
{width:25%;
float: left;

}
.wrapperdesno
{width: 70%;
margin-left:5px;
float: left;

}
#diozajedinice
{
float: left;
margin:0 auto;
margin-top: 0px;
background-color:#333333;
color: white;}
#diozajedinice a:link
{color: white;}

#diozajedinice a:visited
{color: #006600;}
#diozajedinice a:hover
{color: #CC0099;}
#diozajedinice a:active
{color: #009900;}
/*prezentacija u home-page*/
#prezentacija
{width:500px;
height: 282px;
border: 1px solid gray;
float: left;
background-image:url('jedinica_slike/slide.gif');
background-repeat: no-repeat;
margin-top:10px;
margin-left:20px;
}

#placanje
{width:120px;
height: 282px;
float: left;
margin-top:10px;
margin-left:20px;
}

#test

{width:450px;
height: 150px;

float: left;
margin-left:60px;
margin-top:10px;
padding:20px;}
#test img
{border: 2px groove white;}
.textslide
{text-align: center;
color: white;}
.butoni
{width: 450px;
float: left;
margin-left:60px;
margin-top:15px;
}
.butoni img
{border: 2px groove white;}

/*jednica*/

.table
{width:100%;

}
.malaslikajedinice
{width:200px;
height:200px;
border: 1px double #C7EFCC;



}

.malaslikajedinice img
{text-align:center;
margin: 10px;

}

.JedinicaOpis
{padding:10px;
width:200px;
color:white;
padding-left: 10px;
font-size: 9pt;



}
a.JedinicaIme
{text-align:left;
font-size: 9pt;
margin-left: 10px;

}

.cijena
{
font-weight:bold;
margin-left: 10px;

}
.dodaj
{text-align: left;}

/*velika slika jedinice*/
.slika
{
width:600px;
height:500px;
float:left;
margin-left:150px;
}
.slika img
{border:1px dotted #CCCCCC;}

#opisvelikeslike{
border-top:1px double #CCCCCC;
border-right: 1px double #c360db;
border-bottom: 1px double #009933;
border-left:1px double #CCCCCC;
float: left;
width: 600px;
text-align: center;
padding-left: 100px;

margin-left: 20px;
padding: 10px;
margin-top: 5px;
}


#donjidiojedinice
{float: left;
margin-left: 20px;
border-right: 1px double #CCCCCC;
border-top: 1px double #CCCCCC;
border-left:1px double #009933;
border-bottom: 1px double #c360db;
padding: 10px;
width: 600px;
}




/*blank*/

#blank img
{
}
#blank  img a:link
{border: 2px;}
#blank  img a:visited
{border: 1px solid black;}
#blank  img a:hover
{border: 1px solid red;}
#blank img a:active
{border: 1px solid green;}

.novo
{border: 1px solid gray;
padding: 10px;
text-align: left;}
.new
{color:#008F3A;
font-weight: bold;
text-align: center;}

			
#footer
{width: 100%;
float: left;
background-color:white;
height: 480px;}
#footer_kontakt
{width: 100%;
float: left;
background-color:#CCCCCC;
height: 350px;
border:1px double #999999;
color:#c360db;
padding:15px;
margin-top:30px;}


#reklame 
{width: 980px;
float: left;
padding:10px;
height:400px;}
.prvareklama
{width: 380px;
float: left;}
.drugareklama
{width: 200px;
margin-left: 15px;
float: left;}
#reklame img 
{float: left;
margin-left:10px;
padding: 15px;
background-color: white;
border: 2px double #CCCCCC;
}

.potpis
{text-align: center;
font-size:9pt;}



.ListDescription
{color:white;
font-size:11pt;
padding:20px;}
.TableHeader
{font-family:Arial, Helvetica, sans-serif;
color:white;
font-size:11pt;}
#TableKosarice
{margin-top:20px;
margin-left:20px;
color:white;
}
#TableKosarice td
{border:1px double #99FFCC;
padding:10px;
line-height:20px;}
#TableKosarice .button
{background-color:#c360db;
color:white;}
#checkout_not_logged
{width:100%;
float:left;
border:1px dotted #c360db;
padding:20px;
line-height:20px;
color:white;}

#listazakontakt ul
{float: left;
background-color:gray;
height: 25px;
width: 100%;
margin-top:-25px;
font-size:12pt;
border-bottom:1px double #c360db;
color: white;}
#listazakontakt ul li
{float: left;
margin-left:20px;
color:white;}
/*kontakt*/
.kontakt
{border-top: 2px groove #00CC66;
padding: 30px;
padding-bottom: 30px;
color:#666666;
line-height:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:20px;}
.kontakt h2
{font-size:14pt;
color:#c360db;}
.koment
{font-size: 10pt;
color:#333333;
border: 1px solid  #993399;
padding: 15px;
}
#signup table {   
 background-color: #F9FBFD;   
 color: #000000;   
 width: 440px;   
 margin-top: 20px;  
 border-collapse: collapse;   
}   
  
#signup td {   
   
 padding-left: 4px;   
}

.submit2 {    
 font-family: Arial, Helvetica, sans-serif; 
 color: #102132;    
 margin-left: 92px;    
 margin-top: 8px;    
 margin-bottom: 2px;    
}
.labelcell {    
 font-family: Arial, Helvetica, sans-serif;   
 color:#666666;   
 background-color: transparent;    
 width: 220px;    
}    
   
.fieldcell {    
 background-color: #F2F7FB;    
 color: #000000;    
 text-align: right;    
 margin-right: 0px;    
 padding-right: 0px; 
    
}    
   
.fieldcell input {    
 width: 200px;    
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;    
 background-color:#E2D7E3;    
 color: #102132;    
 border: 1px solid #284279;    
 margin-right: 0px;    
}    
.tablekontakt
{color: gray;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
.bloglijevo
{width: 70%;
float: left;
margin-right: 15px;
padding: 15px;
border-right: 1px solid #CCCCCC;
}
.blogdesno
{width: 20%;
float: right;
padding: 15px;
font-size: 10pt;
}
.blogdesno a:link
{color: #333333;
text-decoration: none;}
.blogdesno a:visited
{color: #993399;
text-decoration: none;}

.blogdesno a:hover
{color:#999999;
text-decoration: none;}
.blogdesno a:active
{color:#009933;
text-decoration: none;}
.blogdesno ul li
{list-style:circle;}
#kapitano
{width: 100%;
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 25px;
font-size:10pt;
float: left;}
#lijevi_kapitano
{width:50%;
float: left;
height:600px;
}
#lijevi_kapitano #test
{float: left;
width:100%;


}
#desni_kapitano
{float:right;
margin-left:10px;
width: 35%;
height:600px;
}
.butonikapitano
{width: 100%;
float: left;
padding-left:30px;}
#sir
{width: 100%;
margin-top:20px;
float: left;
padding-left:20px;}
#sir img
{float: left;
margin-left: 10px;
}


#kraj
{width:100%;
float: left;}
#krajlijevi
{width: 30%;
float: left;
padding-left:10px;}
#krajdesni
{width: 60%;
float: right;}

.clr
{clear:both;}

.Dia
{color:#CC3399;}
.ske
{color:#009933;}
#prezentacija2
{height:500px;
border:  5px solid white;
width: 100%;
background-color:gray;
padding:30px;}
#prezentacija2 h2
{color: white;
font-size: 18pt;
padding: 10px;}
#prezentacija2 span
{color: red;}
.vel{color: white;
margin-top: 20px;
padding: 10px;

border: 1px solid white;}
.crtica
{color: #f308cf;}