@charset "utf-8";
*{
	border: 0;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body{
	background: #585858 url(../slike/bg.jpg) repeat-x;
}
a, a:visited, a:active{
	color: #27537A;
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
	color:#FF0000;
}
table{
	font-size: 70%;
}
.velika_slova{
	font-size: 180%;
}
.crveno{
	color:#FF0000;
}
.domene a, .domene a:visited, .domene a:active{
	text-decoration: none;
	color: #fff;
}
.domene a:hover{
	text-decoration: underline;
	color: #fff;
}
.vazno{
	background-color:#cad7e3;
	border-bottom: 2px solid #617a94;
	border-top: 2px solid #617a94;
	padding: 4px 60px;
	font-size: 12px;
}
.container {
	margin: 0 auto;
	width: 780px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
.header{
	height: 170px;
	background: transparent url(../slike/header.jpg) no-repeat;
}
.panel{
	width: 780px;
	height: 181px;
	background: transparent url(../slike/panel.jpg) no-repeat;
}
.panel img{
	border: 4px solid transparent;
}
.pan1{
	float: left;
	color:#434343;
	padding: 35px 20px 10px 30px;
	font-size: 84%;
	width: 207px;
}
pan1 p{


}
.pan1 a, .pan1 a:visited, .pan1 a:active{
	text-decoration: none;
	color: #fff;
	padding-left: 35px;
}
.pan1 a:hover{
	text-decoration: underline;
	color: #000;
	padding-left: 35px;
}
.pan2{
	float: left;
	color:#d5d7da;
	padding: 35px 20px 10px 40px;
	font-size: 84%;
	width: 197px;
}
.domene{
	height: 19px;
	background-color: #404040;
	color: #fff;
	font-size: 80%;
	padding: 4px 20px;
}
.sredina{
	float: left;
	background: #fff url(../slike/body_bg.jpg) repeat-y;
}
.desno{
	position: relative;
	background-color: #ADBDCD;
	width: 260px;
	margin-left: 520px;
	padding-bottom: 40px;
}
.hjedan{
	width: 518px;
	float: left;
	text-align: center;
	font-size: 65%;
	padding: 20px 0;
}
.sredina_tablica{
	width: 518px;
	float: left;
}
.desno p{
	margin: 0 10px 0 10px;
	font-size: 80%;
	color: #434343;
}
.p1{
	color: #4d7a11;
}
.desno img{
	padding: 5px 0;
}
.desno H2 {
	background: blue url(../slike/plave-crte.jpg) repeat-x;
	height: 24px;
	color: #fff;
	font-size: 90%;
	padding: 10px 0 0 10px;
	width: 96%;
}
H2 {
	background: green url(../slike/zelene-crte.jpg) repeat-x;
	height: 19px;
	color: #fff;
	font-size: 80%;
	padding: 2px 0 0 10px;
	width: 97%;
	margin: 0 auto;
}
#domainInput{
	background-color: #666666;
	color: #e8e8ff;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-bottom: solid 1px #939393;
	border-right: solid 1px #939393;
	padding-left: 3px;	
}
.domainInp{
	background-color: #666666;
	color: #e8e8ff;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-bottom: solid 1px #939393;
	border-right: solid 1px #939393;
	padding-left: 3px;	
	padding: 4px;
}
.padajuci{
	background-color: #666666;
	color: #e8e8ff;
	border-top: solid 1px #000;
	border-left: solid 1px #000;
	border-bottom: solid 1px #939393;
	border-right: solid 1px #939393;
	padding-left: 3px;	
}
.domainoption1{
}
.button{
	background-color: #666666;
	color: #e8e8ff;
	border-top: solid 1px #939393;
	border-left: solid 1px #939393;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	padding-left: 3px;	
}
.plavo1{
	height: 25px;
	background-color: #ADBDCD;
	padding-right: 10px;
}
.plavo3{
	height: 45px;
	background-color: #ADBDCD;
	padding-right: 10px;
}
.plavo2{
	height: 25px;
	background-color: #D9E2EB;
	padding-right: 10px;
}
.plava-pozadina7{
	background-color: #000000;
	height: 500px;
	border: 1px solid red;
}
.footer{
	background: #585858 url(../slike/footer.jpg) no-repeat;
	width: 762px;
	height: 105px;
	margin: 0 auto;
	padding: 20px 10px;
	font-size: 70%;
	text-align: center;
	clear:both;
}
.prekrizeno{
	text-decoration: line-through;
}
table a, table a:active, table a:visited{
	color: red;
	text-decoration: none;
	font-weight: bold;
}
table a:hover{
	color: red;
	text-decoration: underline;
	font-weight: bold;	
}

/*   korak 1 , korak 2 ...  stepsboxactive */

.stepsboxactive {
	background: #BB0000;
	border-top: 1px dashed Black;
	border-bottom: 1px dashed Black;
	margin-right: 2px;
	width: 95px;
	height: 50px;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	margin-bottom: 5px;
	float: left;
	display: block;
}

.stepsboxinactive {
	background: #efefef;
	border: 1px dashed Black;
	margin-right: 2px;
	width: 95px;
	height: 50px;
	font-size: 12px;
	text-align: center;
	margin-bottom: 5px;
	float: left;
	display: block;
}

.tooltip,.tooltip *{display:block} /*added by javascript*/

.tooltip{ width: 200px; color:#000;
    font:lighter 11px/1.3 Arial,sans-serif;
    text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(bt.gif) no-repeat bottom}