/* CSS Document */

* { 
	margin: 0px; 
	padding: 0px; 
	}

body { 
	background:url(../images/bg.gif) repeat-y left top white;
	font-family: Arial,Helvetica,sans-serif; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 62.5%; 
	line-height: 1.5; 
	font-size-adjust: none; 
	font-stretch: normal; 
	/*color: rgb(79, 79, 79);*/ 
	}
#content{
	margin:0px auto;
	padding:0px 0px 0px 10px;
	float:left;
	width:740px;
	}
#header{
	margin:0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:730px;
	background:url(../images/headerbg.gif) repeat-x left top white;
	}
#header #logo{
	margin:0px;
	padding:4px 0px 0px 0px;
	float:left;
	width:200px;
	}
#logo h2{
	margin:0px;
	padding:0px 0px 10px 0px;
	color:black;
	text-align:center;
	font-weight:bold;
	font-size:2.0em;
	text-transform:uppercase;
	}
#header #head{
	margin:0px;
	padding:0px;
	float:left;
	width:530px;
	/*background:url(../images/headbanner.gif) no-repeat center top;*/
	}
#header #head #download h1{
	margin:0px;
	padding:40px 0px 30px 0px;
	font-size:2.2em;
	color:black;
	}
#header #head #download{
	margin:0px;
	padding:0px 0px 0px 55px;
	float:left;
	width:475px;
	}

/**************content****************/

#main{
	margin:0px;
	padding:0px;
	float:left;
	width:740px;
	/*background:white;*/
	}
#sidebar{
	margin:0px;
	padding:0px;
	float:left;
	width:200px;
	display:block;
	}
#page{
	margin:0px;
	padding:0px 0px 0px 0px;
	float:left;
	width:540px;
	}
.parts{
	margin:0px;
	padding:0px 10px 0px 30px;
	float:right;
	width:500px;
	}
	
#page ul{
	margin:0px;
	padding:5px 20px 5px 40px;
	font-size:1.2em;
	color:black;
	list-style-type:none;
	}
#page ul li{
	margin:0px;
	padding:2px;	
	color:black;
	border-bottom:1px dotted rgb(211, 222, 233);
	font-weight:bold;
	list-style-type:none;
	}
#page ol{
	margin:0px;
	padding:5px 10px 5px 40px;
	font-size:1.2em;
	color:black;
	list-style-type:none;
	}
#page ol li{
	margin:0px;
	padding:2px;	
	color:black;
	border-bottom:1px dotted rgb(253, 231, 237);
	font-weight:bold;
	list-style-type:none;
	}
.img{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	}
#page img{
	margin:20px 0px 20px 0px;
	padding:4px;
	border:1px solid rgb(237, 22, 81);
	}
/************** end main **********/


/**************fonts *************/

h1,h2,h3,h4{
	margin:0px;
	padding:0px;
	font-size:1.0em;	
	}
	
#page h2{
	margin:20px 0px 20px 0px;
	padding:30px 0px 0px 30px;
	display:block;
	/*background:url(../images/h2top.gif) no-repeat left top;*/
	font-size:2.0em;
	color:rgb(237, 22, 81);
	border-top:1px dotted rgb(237, 22, 81);
	text-decoration:none;
	}
#page h3{
	margin:20px 0px 20px 0px;
	padding:10px 0px 0px 30px;
	display:block;
	/*background:url(../images/h2top.gif) no-repeat left top;*/
	font-size:1.8em;
	color:black;
	/*border-top:1px dotted rgb(237, 22, 81);*/
	}
/******************temp****************/

#page h2 a{
	color:rgb(237, 22, 81);
	text-decoration:none;
	}
#page span{
	display:block;
	text-align:right;
	}
#page span a{
	margin:10px 0px 10px 0px ;
	padding:20px;
	font-size:1.2em;
	font-weight:bold;
	color:rgb(237, 22, 81);
	text-decoration:none;
	width:200px;
	text-align:right;
	}
#page span a:hover{
	text-decoration:underline;
	}


/************************************/
#page p{
	margin:10px 0px 10px 0px;
	padding:0px 10px 0px 30px;
	font-size:1.3em;
	color:black;
	}
/************* fonts end***********/

/***************** sidebar ***********/

#floatiranje{
	/*visibility:hide;
	position: absolute;
	padding:0px;
	top:0px;*/
	width:190px;
	text-align:right;
	/*float:right;*/
	margin:0px;
	padding:10px 0px 10px 10px;
	}
#sidebar ul{
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	}
#sidebar ul li {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	text-align:right;
	}
/*html>body #sidebar ul li { }*/

li.eyecatch{
	font-size:1.4em;
	color:black;
	font-weight:bold;
	border-bottom:1px dotted rgb(211, 222, 233);
	}
#sidebar ul li a{
	margin:0px;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	font-size:1.3em;
	color:rgb(237, 22, 81);
	display:block;
	width:180px;
	}
#sidebar #floatiranje ul li a:visited{
	text-decoration:underline;
	}
#sidebar #floatiranje ul li a:active{
	background:rgb(237, 22, 81);
	color:white;
	}
#sidebar #floatiranje ul li a:hover{
	background:rgb(237, 22, 81);
	color:white;
	}
/*cijenik*/

.cijene{
	margin:0px;
	padding:10px 0px 10px 30px;
	/*float:left;
	width:480px;*/
	}

table, td { 
	border: 1px solid rgb(236, 245, 255); 
	border-collapse: collapse; 
	/*font-family: "Tahoma","Bitstream Vera Sans",Verdana,Helvetica,sans-serif;*/ 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: small; 
	line-height: 1.4; 
	font-size-adjust: none; 
	font-stretch: normal; 
	
	}
table { 
	border: 1px solid rgb(236, 245, 255); 
	width:94%;
	}
thead th, tbody th { 
	border-left: 1px solid rgb(236, 245, 255); 
	padding: 5px; 
	background: rgb(255, 255, 255) url('th_bck.gif') repeat-x; 
	color:rgb(102, 102, 102)
	; 
	}
tbody th { 
	border-top: 1px solid rgb(236, 245, 255); 
	background:rgb(236, 245, 255) none repeat; 
	text-align:center; 
	font-weight:bold; 
	color:rgb(38, 106, 173); 
	}
tbody tr td { 
	padding:5px; 
	color: rgb(38, 106, 173); 
	text-align:center; 
	font-weight:bold;
	}
tbody tr:hover { 
	background: rgb(255, 255, 255) url('tr_bck.gif') repeat; 
	color:black;
	}
tbody tr:hover td { 
	color:/* rgb(69, 69, 69)*/black;
	background:rgb(236, 245, 255); 
	font-weight:bold;
	}
tfoot td, tfoot th { 
	border-top: 1px solid rgb(236, 245, 255); 
	border-left: medium none; 
	padding:3px; 
	background: rgb(255, 255, 255) url('foot_bck.gif') repeat; 
	color: rgb(102, 102, 102); 
	}
caption { 
	padding:5px; 
	text-align: left; 
	font-size: 1.2em; 
	color: rgb(102, 102, 102); 
	}
table a:link { color: rgb(102, 102, 102); }
table a:visited { color: rgb(102, 102, 102); }
table a:hover { 
	color: rgb(0, 51, 102); 
	text-decoration: none; 
	}
table a:active { color: rgb(0, 51, 102); }



/************* kontakti**************/
#page #kontakti{
	margin:0px;
	padding:0px 0px 0px 30px;
	font-size:1.2em;
	}
#page #kontakti label { 
	display:block; 
	}
/*input.text,textarea { 
	width:300px;
	color:#333;
	padding:5px;
	margin:1px 0;
	border:1px solid #ccc; 
	}*/
#page #kontakti input.submit { 
	padding:2px 5px;
	}
#page #kontakti fieldset {
	padding:0px;
	border:none;
	}
#page #kontakti legend {
	/*font-size:2em;*/
	padding:10px;
	font-weight:bold;
	}

#page #kontakti label {
	font-size:1.1em;
	}
#page #kontakti input, textarea {
	margin-top:5px;
	}
#page #kontakti .text {
	width:90%;
	border:1px solid #E5E5E5;
	padding:10px;
	margin:7px 0px 7px 0px;
	display:block;
	color:black;
	}
input.text:hover{
	border:1px solid black;
	background:rgb(236, 245, 255);
	}
.button{
	margin:0px;
	padding:3px;
	background:rgb(237, 22, 81);
	color:white;
	}

/************* end kontakti****************/



/*********** slide **************/


#slide{
	margin:0px;
	padding:0px;
	width:740px;
	display:block;
	}
#content #header #head h2 a{
	margin:0px;
	padding:5px 0px 5px 5px;
	display:block;
	width:195px;
	text-align:center;
	color:white;
	font-size:1.4em;
	background: url(../images/ikonica.gif) no-repeat left top;
	float:right;
	}
#content #slide #login{
	margin:10px 0px 10px 0px;
	padding:20px;
	border:5px solid rgb(236, 245, 255);
	display:block;
	width:680px;
	background: rgb(250, 250, 251) none repeat; 
	color:black;
	text-align:center;
	}
#login input{
	margin:0px 0px 0px 20px;
	padding:5px;
	border:1px solid #E5E5E5;
	}
#login input.botun{
	margin:0px;
	padding:3px;
	background:rgb(237, 22, 81);
	color:white;
	margin-left:10px;
	border:none;
	}
	
	
/******** footer ***********/
#footer{
	margin:0px;
	padding:10px;
	float:left;
	width:710px;
	border-top:1px dotted rgb(237, 22, 81);
	}

#footer p{
	margin:0px;
	padding:10px 0px 10px 0px;
	font-size:1.3em;
	text-align:center;
	}
#footer a{
	color:rgb(237, 22, 81);
	}
#footer a:hover{
	text-decoration:none;
	}
#footer img{
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	}

/******** footer ***********/