/* BODY */
body {
background-image: url(images/header-bg.jpg);
background-position: top center;
background-repeat: no-repeat;
margin: 0px;
color: #212121;
font-family: Trebuchet MS;
font-size: 12px}

.clear {
clear: both;
width: 0px;
height: 0px;
}

img {
border: none}

form {
margin: 0px}

fieldset {
border: none}

/* staro ime paketa */
span.paket-ime-staro {
margin: 0px;
padding-top: 3px;
padding-left: 16px;
font-size: 10px;
color: #7E7E7E
}

/* HEADER */
#header {
width: 960px;
height: 128px;
margin: 0px auto}

#header #header-logo {
background-image: url(images/header-logo.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
float: left;
width: 324px;
height: 32px;
display: block;
padding-top: 20px;
padding-bottom: 14px;
padding-left: 302px;
font-size: 14px;
line-height: 15px;
color: #666666;
text-decoration: none}

#header #header-icons {
clear: right;
float: left;
width: 334px;
height: 69px}

#header #header-icons a {
background-position: 17px 9px;
background-repeat: no-repeat;
float: right;
display: block;
padding-top: 5px;
padding-left: 34px;
color: #666666;
text-decoration: none}

#header #header-icons a#header-icons-contact {
background-image: url(images/header-contact.gif);
padding-right: 1px}

#header #header-icons a#header-icons-sitemap {
background-image: url(images/header-sitemap.gif)}

#header #header-icons a#header-icons-home {
background-image: url(images/header-home.gif)}

#header #header-icons a#header-icons-contact:hover,#header #header-icons a#header-icons-sitemap:hover,#header #header-icons a#header-icons-home:hover {
color: #FEFFFF}


/* HEADER-NAVI-MAIN */
#header .header-vline {
background-image: url(images/header-vline.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
float: right;
width: 3px;
height: 59px}

#header a.header-button {
background-image: url(images/header-button.jpg);
background-position: 0px 0px;
background-repeat: repeat-x;
float: right;
height: 38px;
display: block;
padding-top: 21px;
padding-right: 19px;
padding-left: 19px;
font-size: 16px;
color: #A9A9A9;
text-decoration: none}

#header a.site-navigation {
float: left;
display: block;
margin-top: 23px;
padding-left: 5px;
font-size: 14px;
color: #00b7fe;
text-decoration: none
}

#header a.site-navigation:hover {
	text-decoration: underline;
}

#header a.header-button:hover {
background-position: 0px -59px;
color: #FEFFFF}


/* ABOUT */
#about {
background-image: url(images/about-bg.gif);
background-position: bottom;
background-repeat: no-repeat;
clear: both;
width: 960px;
height: 254px;
margin: 0px auto;
}

#about h3 {
height: 17px;
margin: 0px;
padding-top: 3px;
padding-bottom: 15px;
padding-left: 16px;
font-size: 18px;
font-weight: normal;
color: #7E7E7E}

#about .about-box {
float: left;
width: 238px;
height: 214px;
padding: 0px;
text-align: left;
color: #565656}

#about .about-vline {
background-image: url(images/about-vline.gif);
background-position: center right;
background-repeat: no-repeat;
float: left;
width: 2px;
height: 214px}

#about a {
	text-decoration: none;
}

#about a:hover {
	text-decoration: underline;
}

#about .about-box h3 {
margin: 15px 0 0 0;
padding: 0px 5px 15px 16px;
font-size: 17px;
font-weight: normal;
color: #971B1E}

#about .about-box h3 a {
color: #971B1E}

#about .about-box a.naslov {
margin: 15px 0 0 0;
display: block;
padding: 0px 5px 0px 16px;
font-size: 17px;
font-weight: normal;
color: #971B1E}

#about .about-box-list {
list-style-type: none;
margin: 0px;
padding: 5px 5px 6px 16px;
line-height: 13px}

#about .about-box-list li {
background-image: url(images/content-about_arrow.gif);
background-position: 0px 4px;
background-repeat: no-repeat;
line-height: 16px;
text-indent: 12px}

#about .about-box a.about-box-price {
float: left;
display: block;
margin-bottom: 16px;
padding-top: 21px;
padding-left: 27px;
text-align: right;
color: #971B1E;
line-height: 13px;
text-decoration: none;
text-align: center}

#about .about-box a.about-box-price strong {
font-size: 18px}

#about .about-box a.about-box-link {
float: right;
display: block;
margin-bottom: 16px;
padding-top: 3px;
padding-right: 50px;
text-align: right;
color: #565656;
line-height: 13px;
text-decoration: none}

#about .about-box a.about-box-shop {
float: right;
clear: right;
display: block;
width: 79px;
margin-bottom: 16px;
padding-top: 0px;
padding-right: 50px;
text-align: right;
color: #971B1E;
line-height: 13px;
text-decoration: none}

#about .about-box a.about-box-link:hover {
	text-decoration: underline;
}

#about .about-box a.about-box-shop:hover {
	text-decoration: underline;
}

/* CONTENT */
#content {
clear: both;
width: 960px;
height: auto;
margin: 0px auto}

#content .content-news {
background-image: url(images/content-news_bg.jpg);
background-position: bottom;
background-repeat: no-repeat;
float: left;
width: 570px;
height: auto;
padding: 15px 67px 18px 6px;
color: #212121;
text-align: left}

#content .content-news h3 {
font-size: 15px;
line-height: 17px;
font-weight: 600;
margin: 0 0 10px 0;
letter-spacing: -1px;
color: #3D3D3D}

#content .content-news .content-news-article {
font-weight: normal;
color: #212121}

#content #content-register {
background-image: url(images/content-register_bg.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
clear: right;
float: right;
width: 280px;
height: 372px;
padding: 10px 10px 0px 26px;
color: #222222;
text-align: left}

#content #content-register h3 {
margin: 0px 0px 10px 0px;
font-size: 18px;
font-weight: bold;
color: #971B1E}

#content #content-register #content-register-price {
background-image: url(images/content-register_price.gif);
background-position: 0px 18px;
background-repeat: no-repeat;
clear: both;
float: right;
width: 41px;
height: 64px;
padding: 36px 40px 0px 15px;
line-height: 16px;
text-align: center;
color: #981B1E}

#content #content-register #content-register-price strong {
font-size: 18px;
font-weight: bold}

#content #content-register .content-register-list {
margin: 0px 0px 15px 0px;
padding: 0px;
list-style-type: none;
line-height: 20px}

#content #content-register p{
background-image: url(images/content-register_domain.gif);
background-position: 145px 1px;
background-repeat: no-repeat;
padding-right: 18px;
line-height: 30px;
color: #222222;
text-align: right}

#content #content-register p a {
color: #222222;
text-decoration: none}

#content #content-banner {
float: left;
width: 619px;
overflow:hidden;
height: auto}


/* AKCIJE */
#content #content-banner .akcija {
	margin-bottom: 10px;
}

#content #content-banner .akcija .akcije-navi {
	background-image: url(img/bg-navi_akcije.gif);
	background-repeat: repeat-x;
	height: 20px;
	width: 619px;
	padding: 5px;
}

#content #content-banner .akcija .akcije-navi a.kvadrati {
	float: left;
	width: 12px;
	height: 17px;
	margin-right: 5px;
	padding: 1px 0 0 6px;
	display: block;
	color: #981b1e;
	border: 1px solid #981b1e;
	background-color: #e0babb;
	font-size: 10px;
	text-decoration: none;
}

#content #content-banner .akcija .akcije-navi a.kvadrati:hover {
	background-color: #981b1e;
	color: #FFF;
}

#content#content-banner .akcija .akcije-navi a.active {
	float: left;
	width: 12px;
	height: 17px;
	margin-right: 5px;
	padding: 1px 0 0 6px;
	display: block;
	border: 1px solid #ff9c00;
	background-color: #fdca7c;
	color: #FFF;
	font-size: 10px;
	text-decoration: none;
}

a.akcije-naslov {
	float: left;
	color: #981b1e;
	font-size: 12px;
	text-decoration: none;
	padding-top: 2px;
	margin-left: 5px;
}

a.akcije-naslov:hover {
	text-decoration: underline;
}


/* FOOT */
#foot {
clear: both;
width: 960px;
height: 117px;
margin: 0px auto}

#foot a {
float: left;
display: block;
line-height: 15px;
color: #222222;
text-decoration: none}

#foot a#foot-equip {
background-image: url(images/foot-equip.gif);
background-position: top left;
width: 225px;
height: 64px;
padding: 25px 12px 28px 69px}

#foot .foot-vline {
float: left;
width: 19px;
height: 117px}

#foot a#foot-contact {
background-image: url(images/foot-contact.gif);
background-position: top left;
width: 184px;
height: 64px;
padding: 25px 22px 28px 100px}

#foot a#foot-reference {
background-image: url(images/foot-reference.gif);
background-position: top left;
float: right;
width: 205px;
height: 64px;
padding: 25px 0px 28px 100px}

#foot a#foot-equip:hover {
background-position: bottom left;}

#foot a#foot-contact:hover {
background-position: bottom left;}

#foot a#foot-reference:hover {
background-position: bottom left;}

#foot a h4 {
margin: 0px;
font-size: 14px;
color: #555555}

#foot a h3 {
margin: 0px 0px 5px 0px;
font-size: 16px;
color: #981B1E}


/* FOOTER */
#footer {
background-image: url(images/footer-bg.jpg);
background-position: 0px 0px;
background-repeat: no-repeat;
clear: both;
width: 814px;
height: 63px;
margin: 0px auto;
padding: 22px 73px 10px 73px;
line-height:28px;
text-align: center}

#footer a {
text-decoration: none;
color: #222222}

#footer a:hover {
text-decoration: underline}


/* SUBFOOTER */
#subfooter {
background-image: url(images/subfooter-vline.jpg);
background-position: 0px 0px;
background-repeat: repeat-x;
width: 100%;
height: 57px;
color: #FFFFFF}

#subfooter #subfooter-center {
width: 960px;
height: 30px;
margin: 0px auto;
padding-top: 27px}

#subfooter #subfooter-center .subfooter-center-copyright {
float: left;
font-weight: lighter}

#subfooter #subfooter-center .subfooter-center-company {
color: #981B1E}

#subfooter #subfooter-center .subfooter-center-phone {
float: right;
font-weight: lighter}

#subfooter #subfooter-center a.subfooter-center-mail {
color: #981B1E;
font-weight: lighter;
text-decoration: underline}

#subfooter #subfooter-center a.subfooter-center-mail:hover {
text-decoration: none}