/* CSS Document by AG Dizajn - www.agdizajn.com */

body{
	background-image: url(slike/bg.jpg);
	background-attachment: fixed;
	font: 12px Verdana;
	text-align: left;
}
body a, body a:link, body a:active, body a:visited{
	color: #fff;
	text-decoration: underline;
}
body a:hover{
	color: #fff;
	text-decoration: none;
}
#container{
	width: 1029px;
	margin: auto;
}
#logo{
	width: 376px;
	height: 114px;
	float: left;
}
#top{
	width: 909px;
	height: 105px;
	background-image: url(slike/top1.png);
	font-size: 15px;
	color: #fff;
	padding: 150px 0 0 120px;
}
.clear{
	clear: both;
	line-height: 0;
	font: 0;
}
.red{
	color:#ff0000 !important;
}
#footer{
	width: 1010px;
	border-top: 1px #fff solid;
	padding: 10px 0 0 0;
	margin: 10px 0 10px 0;
	color: #fff;
}
#footleft{
	width: 505px;
	float: left;
}
#footright{
	width: 505px;
	float: right;
	text-align: right;
}
#levo{
	width: 332px;
	float: left;
}
#desno{
	width: 677px;
	float: left;
	margin: 5px 0 0 5px;
}
#prvibox{
	width: 292px;
	background-image: url(slike/bela.png);
	padding: 20px;
	-moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px;
}
.belibox{
	width: 292px;
	background-image: url(slike/bela.png);
	padding: 20px;
	-moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px;
}
.tamnibox{
	width: 292px;
	background-image: url(slike/crna.png);
	color: #fff;
	padding: 20px;
	-moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px;
}
.box{
	width: 637px;
	background-color: #fff;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 0px #ffffff solid;
	padding: 20px;
	margin: 7px 0 0 0;
}
.box a, .box a:link, .box a:active, .box a:visited{
	color: #000;
	text-decoration: underline;
}
.box a:hover{
	color: #000;
	text-decoration: none;
}
.notifikacija{
	border: 2px #5e0000 solid !important;
	background: #dfcccc url(slike/notif.png) 3% 50% no-repeat !important;
	width: 577px !important;
	padding-left: 80px !important;
	font-weight: bold !important;
}

.paket{
	width: 130px;
	float: left;
	margin: 10px 3px 0 0;
	border: 1px #333 solid;
}
.paketnaslov{
	width: 130px;
	height: 26px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	padding-top: 7px;
	background: #eeeeee; /* old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* ie */
}
.paketcena{
	width: 130px;
	height: 33px;
	text-align: center;
	border-top: 1px #333 solid;
	border-bottom: 1px #333 solid;
	color: #fff;
	padding-top: 7px;
	font-size: 20px;
	background: #8fc400; /* old browsers */
	background: -moz-linear-gradient(top, #8fc400 0%, #8fc400 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(100%,#8fc400)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#8fc400',GradientType=0 ); /* ie */
}
.paketosobine{
	width: 120px;
	padding: 5px;
	background: #CCCCCC; /* old browsers */
	background: -moz-linear-gradient(top, #CCCCCC 0%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCCCCC), color-stop(100%,#FFFFFF)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#FFFFFF',GradientType=0 ); /* ie */
}
.form{
	width: 200px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	outline: none;
	color: #666;
	padding: 0 0 0 10px;
	border: 1px #666 solid;
    background-color: #ccc;
}
.form:hover, .form:focus{
	background-color: #fff;
}
.button{
    border: 1px #666 solid;
    background-color: #ccc;
    color: #666;
    margin-top: 10px;
    font-size: 11px;
	padding: 5px;
	border-radius: 15px;
	-moz-border-radius: 15px;
}
.button:hover, .button:focus{
	background-color: #0066ff;
	cursor: pointer;
	color: #fff;
}
.agdizajn{
	float: right;
	text-indent: -8000%;
	outline: none;
	width: 161px;
	height: 41px;
	background: url(slike/agdizajn.png) no-repeat;
}
.turshija{
	float: right;
	text-indent: -8000%;
	outline: none;
	width: 177px;
	height: 41px;
	background: url(slike/turshija.png) no-repeat;
	margin: 0 10px 0 0;
}
.gdizajn a:hover, .tursh a:hover{
  	background-position: left bottom;
}

/* meni */

#nav{
	list-style: none;
	margin: 0;
	padding: 0;
	margin: 
}

#nav a{
	float: right;
	display: inline;
	text-indent: -5000%;
	outline: none;
}
#nav a:hover{
	background-position: left bottom;
}

#home{
	width: 90px;
	height: 50px;
	background-image: url(slike/home.png);
	float: right;
	margin: 55px 0 0 0;
}
#hosting{
	width: 112px;
	height: 46px;
	background-image: url(slike/hosting.png);
	float: right;
	margin: 57px 0 0 0;
}
#sta{
	width: 155px;
	height: 54px;
	background-image: url(slike/sta.png);
	float: right;
	margin: 54px 0 0 0;
}
#kontakt{
	width: 120px;
	height: 54px;
	background-image: url(slike/kontakt.png);
	float: right;
	margin: 54px 0 0 0;
}

/* web ftp */

.table2{
	width: 100%;
	border: 1px #3366cc solid;
}
.naslov1{
	width: 150px;
	background-color: #336699;
	color: #fff;
	font-weight: bold;
}
.naslov2{
	background-color: #3366cc;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.svetla{
	background-color: #eeeeee;
}
.tamna{
	background-color: #d6d6d6;
}

.table2 tr td a {
	text-decoration:none;
	margin-left:10px;
}

.status-suspended td {
	background-color:#c66 !important;
}
