body {margin:0px;  background: url(../images/top-back.gif) repeat-x;  font:13px Arial; color:#484848;}
a {
	color: #ec7c20;
	text-decoration: none;
	}
a:hover {
	color: #5caad4;
	}
#main {width:940px;}
#top-head {height:20px; padding: 9px 5px 0px 0px;}
#search-line div {height: 50px;}
	#vodo-naslov {width:572px; float:left;}
		#vodo-naslov h1 {font:16px Georgia; margin: 15px 0px 0px 5px;}
	#search {height:35px; width:353px; float:left; padding: 5px 0px 0px 15px; background:url(../images/search.gif) no-repeat;}
		#search h2 {font:13px Arial; color:#2a8bb6; font-weight:bold; margin:0px;}
		#forma {margin-top:5px;}
		.tipka { width: 70px; height:22px; margin:0px; background-color:#f19200; border: 1px solid #b1a99c; font:13px Arial; color:#ffffff; font-weight:bold;}
	
#cont {width: 940px; margin-top: 70px; background-color:#FFF;}
	#left {width:304px; float:left;}
		#logo {height:114px; background-image:url(../images/logo.gif)}
		#top-meni {height:31px; background-image:url(../images/meni-top.gif); margin-left:16px;}
		#navigation {margin-left:16px;}
		#navigation_opcina {margin-left:40px;}
			#mbutton1 a {width:288px; height:30px; background:url(../images/mbutton1.gif) no-repeat; display:block;}
			#mbutton1 a:hover {background-position:0 bottom;}
			#mbutton2 a {width:288px; height:30px; background:url(../images/mbutton2.gif) no-repeat; display:block;}
			#mbutton2 a:hover {background-position:0 bottom;}
			#mbutton3 a {width:288px; height:30px; background:url(../images/mbutton3.gif) no-repeat; display:block;}
			#mbutton3 a:hover {background-position:0 bottom;}
			#mbutton4 a {width:288px; height:30px; background:url(../images/mbutton4.gif) no-repeat; display:block;}
			#mbutton4 a:hover {background-position:0 bottom;}
			#mbutton5 a {width:288px; height:30px; background:url(../images/mbutton5.gif) no-repeat; display:block;}
			#mbutton5 a:hover {background-position:0 bottom;}
			#mbutton6 a {width:288px; height:30px; background:url(../images/mbutton6.gif) no-repeat; display:block;}
			#mbutton6 a:hover {background-position:0 bottom;}
			#mbutton7 a {width:288px; height:30px; background:url(../images/mbutton7.gif) no-repeat; display:block;}
			#mbutton7 a:hover {background-position:0 bottom;}
			#mbutton8 a {width:288px; height:30px; background:url(../images/mbutton8.gif) no-repeat; display:block;}
			#mbutton8 a:hover {background-position:0 bottom;}
			#mbutton9 a {width:288px; height:30px; background:url(../images/mbutton9.gif) no-repeat; display:block;}
			#mbutton9 a:hover {background-position:0 bottom;}
			#mbutton10 a {width:288px; height:30px; background:url(../images/mbutton10.gif) no-repeat; display:block;}
			#mbutton10 a:hover {background-position:0 bottom;}
			#mbutton11 a {width:288px; height:30px; background:url(../images/mbutton11.gif) no-repeat; display:block;}
			#mbutton11 a:hover {background-position:0 bottom;}
			#mbutton12 a {width:288px; height:30px; background:url(../images/mbutton12.gif) no-repeat; display:block;}
			#mbutton12 a:hover {background-position:0 bottom;}
			#mbutton13 a {width:288px; height:30px; background:url(../images/mbutton13.gif) no-repeat; display:block;}
			#mbutton13 a:hover {background-position:0 bottom;}
			#mbutton14 a {width:288px; height:30px; background:url(../images/mbutton14.gif) no-repeat; display:block;}
			#mbutton14 a:hover {background-position:0 bottom;}
			#mbutton15 a {width:288px; height:30px; background:url(../images/anke.gif) no-repeat; display:block;}
			#mbutton15 a:hover {background-position:0 bottom;}
			/* #navigation div {height:25px; width:243px; padding:5px 0px 0px 45px; background-image:url(images/meni-back.gif);}
			#navigation div a {font:14px Georgia; color:#2a8bb6; text-decoration:underline; font-weight:bold;}
			#navigation div a:hover {text-decoration:none;} */
		#bot-meni {height:11px; background-image:url(../images/meni-bottom.gif); margin-left:16px;}
	#right {width:608px; float:left; margin-left:23px; background-color:#FFF;}
		#header {height:195px; margin-bottom:15px; 
		/*background-image:url(../images/header.jpg);*/}
		#buttons {height:85px; margin-bottom:15px;}
			#buttons div {float:left;}
			#button1 a {width:146px; height:85px; background:url(../images/button1.gif) no-repeat; display:block; margin-right:8px;}
			#button1 a:hover {background-position:0 bottom;}
			#button2 a {width:146px; height:85px; background:url(../images/button2.gif) no-repeat; display:block; margin-right:8px;}
			#button2 a:hover {background-position:0 bottom;}
			#button3 a {width:146px; height:85px; background:url(../images/button3.gif) no-repeat; display:block; margin-right:8px;}
			#button3 a:hover {background-position:0 bottom;}
			#button4 a {width:146px; height:85px; background:url(../images/button4.gif) no-repeat; display:block;}
			#button4 a:hover {background-position:0 bottom;}
		#cont-top {height:25px; background-image:url(../images/cont-top.gif); font:14px Georgia; font-weight:bold; text-decoration:underline;padding: 5px 0px 0px 10px;}
		#content { background-color:#ededed; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; line-height: 18px; padding:10px; min-height: 415px}
			#content h2 {font:13px Georgia; color:#ec7c20; margin: 8px 0px 8px 0px; font-weight:bold;}
		#cont-bot {height:8px; background-image:url(../images/cont-bottom.gif); margin-bottom:25px;}
		
#footer {width:940px; background-color:#ededed;
} 
	#foot1 {float:left;}
	#foot2 {float:left;}
		#foot2 a {color:#484848; text-decoration:none;}
		#foot2 a:hover {text-decoration:underline;}
	.foot-back {  background-image:url(../images/footer_back.gif); background-repeat:repeat-x; background-color:#ededed; 
	}

.foot-back_tablica { height: 100px; background-color:#ededed;}

/*meni*/
.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;

}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow;
}



.thepet ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.thepet ul li{
border-bottom: 1px solid #388cbd;
border-left: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
background: #EDEDED;
}

.thepet ul li a{
display: block;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.thepet ul li a:hover{
background: #4fa1d0;
color: white;
}

/*kraj menija*/

/*forma*/
.formbutton{cursor:pointer;border:1px solid #ffffff;background:#8f5001;color:#000000;height: 27px;font-weight:bold;padding: 1px 2px;background:url(formbg.jpg) repeat-x left top;}.formbutton2{cursor:pointer;border:1px solid #ffffff;background:#999;height: auto;color:#666;font-weight:bold;padding: 1px 2px;background:url(back_table_anketa.jpg) repeat-x left top;}.formbutton3{cursor:pointer;border:1px solid #ffffff;height: 25px;background:#999;color:#666;font-weight:bold;padding: 1px 2px;background:url(back_table_kontakt.jpg) repeat-x left top;}.donjacrta {border-bottom: 1px solid #c3e1f2;}.popravakmenija {color:#FFFFFF;height:13px;}form{margin:0; padding: 0px 0px 0px 0px;}
/*kraj forme*/
.karta {
	text-align:center;
}

/* tablica - analiza sirove*/
#tablica
{
width:100%;
border-collapse:collapse;
}
#tablica td, #tablica th 
{
border:1px solid #cacaca;
padding:1px;
}
#tablica th 
{
text-align:left;
padding-top:4px;
padding-bottom:3px;
background-color:#A7C942;

}
#tablica tr.alt td 
{
color:#000;
background-color:#EAF2D3;
}

/* tablica analize vodurine*/
#tablica1
{
width:100%;
border-collapse:collapse;
}
#tablica1 td, #tablica1 th 
{
border:1px solid #cacaca;
}
#tablica1 th 
{
text-align:left;
background-color:#A7C942;

}
#tablica1 tr.alt1 td 
{
color:#000;
background-color:#EAF2D3;
}
/*okvir fotke*/
div.thumb {
margin: 3px;
border: 1px solid #D5CAAA;
height: auto;
float: left;
}
.thumb img{
display: inline;
margin: 3px;
border: 1px solid #D5CAAA;
}
/* - može biti i hover .thumb a:hover img {border: 1px solid black;}*/
div.thumb1 {
margin: 3px;
border: 1px solid #D5CAAA;
height: auto;
float: right;
}
.thumb1 img{
display: inline;
margin: 3px;
border: 1px solid #D5CAAA;
}

/*anketa*/

.anketa ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.anketa ul li{
/*border-bottom: 1px solid #388cbd;*/
border-left: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
background: #EDEDED;
}

.anketa ul li a{
display: block;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.anketa ul li a:hover{
background: #4fa1d0;
color: white;
}

/*kraj menija*/
/*forme*/
input[type="text"] {
	width: 120px;
	border: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
}
.duzina_search {
	width: 260px;
}
textarea {
	width: 240px;
	border: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
}

input[type="button"] {
	width: 120px;
	border: 1px solid #cacaca;
	border-left: 1px solid #cacaca; }
.tablica_sredina {
	background-color:#FFF;
}