@charset "utf-8";

/* SCNET Master CSS file
*	Design by: Vladan Zlatic
*	HTML/CSS by: Aleksandar Cocek
*	Note: Use with YUI
*/
html {
	background: url(images/html-bg.jpg) top left repeat-x;
}

body {
	background: url(images/background.jpg) top center no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #1c1c1c;
}

button,input[type=submit] {
	padding: 2px;
}

.text-align-right {
	text-align: right;
}

/* Overall styles */
a {
	outline: none;
	color: #dd0069;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* Header */
#hd {

}

#hd h1 {
	position: absolute;
	top: -999999px;
	left: -999999px;
}

.navigation {
	background: url(images/nav-bar.png) top center no-repeat;
	width: 960px;
	height: 43px;
	position: relative;
	top: 20px;
}

.navigation ul {
	position: relative;
	float: left;
	left: 50px;
}

.navigation ul li {
	float: left;
	display: inline;
	/*	padding: 12px 20px 0 20px;*/
}

.navigation ul li a {
	color: #FFF;
	font-weight: bold;
	font-size: 15px;
	text-shadow: #c20053 1px 1px 1px;
	text-decoration: none;
	display: block;
	padding: 11px 20px 0 20px;
	height: 43px;
}

.navigation ul li a:hover {
	background: url(images/nav-hover.jpg) left top repeat-x;
	/*height: 40px;*/ /*padding: 11px 30px 0 30px;*/
}

.banner {
	clear: both;
	position: relative;
	top: 20px;
}

.scnet-banner,.banner-message {
	float: left;
}

.banner-message {
	background: url(images/posao-banner-blank.jpg) left center no-repeat;
	width: 719px;
	height: 239px;
}

.banner-message h2 {
	text-align: right;
	color: #8b2e5a;
	font-size: 35px;
	text-shadow: 1px 1px 2px #ffffff;
	position: relative;
	top: 20px;
	left: 380px;
	width: 320px;
}

.banner-message h3 {
	color: #fe0079;
	font-size: 22px;
	text-align: right;
	position: relative;
	left: 380px;
	top: 45px;
	width: 320px;
}

.banner-message p {
	position: relative;
	top: 65px;
	left: 600px;
	font-size: 16px;
	color: #000000;
}

/* Content */
#bd {
	position: relative;
	top: 20px;
}

#content {
	width: 680px;
	position: relative;
	float: left;
	padding: 20px;
}

#content h2 {
	color: #d20055;
	font-style: italic;
	font-size: 25px;
}

.post {

}

.post p {
	font-size: 14px;
	line-height: 16px;
	margin: 0.7em 0;
}

.post ul,.post ol {
	margin: 0.5em;
}

.post ul li {
	list-style-type: disc;
	/*list-style-position: inside;*/
	padding: 0.3em;
}

.post ol li {
	list-style-type: decimal;
	/*list-style-position: inside;*/
	padding: 0.3em;
}

.post h3 {
	font-size: 16px;
	color: #DD0069;
	margin: 0.3em 0;
}

.post h1 {
	font-size: 18px;
	color: #DD0069;
	margin: 0.3em 0;
}

/* Sidebar */
#sidebar {
	width: 240px;
	position: relative;
	float: left;
	background: url(images/sidebar-bg.jpg) top center no-repeat;
	min-height: 150px;
}

.login {
	margin-top: 20px;
}

.login ul {
	margin: 1em 0 1em 0.6em;
}

.login ul li {
	padding: 0.3rm 0;
}

.login ul li label {
	display: block;
}

.login-input {
	border: 1px solid #da0068;
	width: 190px;
	height: 25px;
}

.login-submit-left {
	background: url(images/prijavi-se-blank-left.jpg) left center no-repeat;
}

.login-submit {
	margin: 0.5em 0;
	background: url(images/prijavi-se-blank-right.jpg) right center
		no-repeat;
	min-width: 145px;
	height: 28px;
	border: none;
	font: bold 12px Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	color: #d3d3d3;
	padding: 0 0 0 10px;
}

.register {
	background: url(images/registrujte-se-blank.jpg) top center no-repeat;
	width: 213px;
	height: 55px;
}

.register a {
	padding: 0 0 0 50px;
	color: #FFFFFF;
	text-decoration: none;
	font: bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 55px;
}

.partner {
	background: url(images/partneri-blank.jpg) top center no-repeat;
	width: 213px;
	height: 55px;
}

.partner a {
	padding: 0 0 0 53px;
	color: #2e2e2e;
	text-decoration: none;
	text-transform: uppercase;
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position: relative;
	top: 9px;
	min-width: 173px;
}

.partner a span {
	padding: 0 0 0 53px;
	color: #696969e;
	text-decoration: none;
	font: italic 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: none;
	position: relative;
	/*top: -7px;*/
	display:block
}

.plan {
	background: url(images/plan-rada-blank.jpg) top center no-repeat;
	width: 213px;
	height: 55px;
	margin-bottom: 10px;
}

.plan a {
	padding: 0 0 0 53px;
	color: #2e2e2e;
	text-decoration: none;
	text-transform: uppercase;
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position: relative;
	top: 14px;
}

.plan a span {
	padding: 0 0 0 53px;
	color: #696969e;
	text-decoration: none;
	font: italic 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*display: block;*/
	text-transform: none;
	position: relative;
	top: -7px;
}

.docs {
	background: url(images/button-dokumenti.jpg) top center no-repeat;
	width: 211px;
	height: 48px;
	margin-bottom: 10px;
}

.docs a {
	padding: 0 0 0 53px;
	color: #2e2e2e;
	text-decoration: none;
	text-transform: uppercase;
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position: relative;
	top: 12px;
}

.docs a span {
	padding: 0 0 0 53px;
	color: #696969e;
	text-decoration: none;
	font: italic 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*display: block;*/
	text-transform: none;
	position: relative;
	top: -7px;
}

/* Buttons */
.btn {
	background: url("templates/rt_rokwebify/images/btn_left.png") no-repeat
		scroll 0 0 transparent;
	clear: both;
	float: left;
	margin: 5px 0;
	padding: 0 0 0 10px;
}

.btn a {
	background: url("templates/rt_rokwebify/images/btn_stretch.png")
		repeat-x scroll left top transparent;
	color: #FFFFFF;
	float: left;
	font-size: 1em;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
}

.btn span {
	background: url("templates/rt_rokwebify/images/btn_right.png") no-repeat
		scroll 0 0 transparent;
	float: left;
	height: 30px;
	width: 10px;
}

.btn_upiti,.btn_addtocart {
	background-color: #D20055;
}

/* Tables */
.dr {
	background-color: #EEF6FF;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	padding: 7px 0;
	text-align: right;
}

.sr {
	background-color: #FFFBF0;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	padding: 7px 0;
}

/*
table.contentpaneopen, table.contentpane {
	border-collapse:collapse;
	margin:0;
	padding:0;
	width:100%
}
*/
table.content-default-table {
	margin-top: 1em;
	border-collapse: collapse;
	font-family: "Trebuchet MS", arial, sans-serif;
	background-color: #fcf3f6;
}

table.content-default-table tr th {
	background: #DF0075;
	font-weight: bold;
	font-size: 100%;
	color: #fff;
	padding: 0.4em 0.6em;
	border-right: 1px solid #cc0066;
}

table.content-default-table tr th a:link {
	color: #fff;
	text-decoration: underline;
}

table.content-default-table tr td.last_row {
	background: #DF0075;
}

table.content-default-table tr th a:visited {
	color: #fff;
	text-decoration: underline;
}

table.content-default-table tr th a:hover {
	color: #fff;
	text-decoration: none;
}

table.content-default-table tr th:first-child {
	border-left: 1px solid #cc0066;
}

table.content-default-table tr th:last-child {
	border-right: 1px solid #cc0066;
}

table.content-default-table tr th.side-heading {
	border-bottom: 1px solid #cc0066;
}

table.content-default-table tr td {
	border: 1px solid #cc0066;
	padding: 0.4em 0.6em;
}

table.content-default-table tr td.special { /*	text-align:center; */
	font-weight: bold;
}

table.content-default-table tr td span {
	color: #ad2c26;
	font-weight: bold;
}

table.content-default-table tr td.no-border {
	border: none;
}

table.content-default-table tr td strong {
	font-weight: bold;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */
.sorting_asc {
	background: url('images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('images/sort_desc_disabled.png') no-repeat center right;
}

/******************************************************************************/
a.mainlevel:link,a.mainlevel:visited {
	text-decoration: none;
}

a.mainlevel {
	background: url("images/check-mark.jpg") no-repeat scroll 0 0
		transparent;
	display: block;
	margin-bottom: 3px;
	padding: 4px 0 2px 28px;
}

.contentheading {
	color: #DD0069;
	line-height: 100%;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px 0;
	font-size: 200%;
}

a.checkmark {
	background: url(images/check-mark.jpg) left top no-repeat;
	padding: 0 0 0 25px;
	margin-left: 20px;
	color: #343434;
	text-decoration: none;
}

div.login-key { /*color:#D20055;*/
	width: 240px;
	background: url(images/login.jpg) top left no-repeat;
	height: 43px;
	margin: 20px 0 0 0;
}

div.login-key-inner { /*color:#D20055;*/
	float: left;
}

h3.login-key {
	/*background:url(images/kako-zaraditi.jpg) top center no-repeat;*/
	/*color:#D20055;*/
	font-size: 20px;
	height: 43px;
	margin: 10px 0 0px 55px;
}

div.kakozaraditi {
	color: #D20055;
	width: 240px;
	background: url(images/kako-zaraditi.jpg) top left no-repeat;
	height: 43px;
	margin: 50px 0 0 0;
}

div.kakozaraditi-inner {
	color: #D20055;
	float: left;
}

h3.kakozaraditi {
	/*background:url(images/kako-zaraditi.jpg) top center no-repeat;*/
	color: #D20055;
	font-size: 20px;
	height: 43px;
	margin: 10px 0 5px 55px;
}

div.skola-biz {
	color: #D20055;
	width: 240px;
	background: url(images/ntc-skola-biznisa.jpg) top left no-repeat;
	height: 43px;
	margin: 50px 0 0 0;
}

div.skola-biz-inner {
	color: #D20055;
	float: left;
}

h3.skola-biz {
	color: #D20055;
	font-size: 20px;
	height: 43px;
	margin: 10px 0 5px 55px;
}

div.inspiracija {
	color: #D20055;
	width: 240px;
	background: url(images/inspiracija.jpg) top left no-repeat;
	height: 43px;
	margin: 10px 0 0 0;
}

div.inspiracija-inner {
	color: #D20055;
	float: left;
}

h3.inspiracija {
	color: #D20055;
	font-size: 20px;
	height: 43px;
	margin: 10px 0 5px 55px;
}

/* Footer */
#ft {
	position: relative;
	top: 40px;
	background: url(images/footer-bg.jpg) left top repeat-x;
	height: 89px;
}

#ft p {
	text-align: center;
	margin: 0 auto;
	padding-top: 30px;
}

h4.pitanja {
	color: #DD0069;
	font-size: 16px;
	margin: 0.3em 0;
}

.td_partneri {
	padding-left: 10px;
}

.hr {
	background-color: #CEC6B5;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 5px;
}

caption,th {
	text-align: center;
}

.hr a {
	color: black;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.filter_box { /*-moz-border-radius:5px 5px 5px 5px;
background:none repeat scroll 0 0 ;
border:1px solid #000000;*/
	background: url("images/partner_backgr1.png") no-repeat scroll center
		top transparent;
	margin: 10px 0;
	padding: 5px 15px 5px 15px;
}

.clearfloat {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
}

.member-number {
	margin-top: 30px;
	text-align: center;
}

#spisak-partnera {
	display: block;
	float: left;
	padding: 10px;
	width: 100%;
}

.spisak-partnera-pagination {
	float: left;
	margin: 10px 0;
	text-align: center;
	width: 100%;
}

#spisak-partnera-filter {
	border: 1px solid #DD0069;
	/* background:url("images/partner_backgr1.png") no-repeat scroll center top transparent;*/
	padding: 10px;
	float: left;
	background-color: #F7ECF0;
}

#spisak-partnera-filter input,#spisak-partnera-filter select {
	border: 1px solid #DD0069;
	margin: 5px 10px;
	/*float: left;*/
}

#spisak-partnera-filter input {
	padding: 5px 0;
	width: 185px;
}

#spisak-partnera-filter select {
	width: 187px;
}

#spisak-partnera-filter #clear-filter,#spisak-partnera-filter #submit-filter
	{
	float: right;
	width: 100px;
	/* padding: 4px 0;*/
}

.spisak-partnera-logo {
	text-align: center;
}

.spisak-partnera-partner {
	width: 40%;
	float: left;
	height: 240px;
	padding: 0 30px;
}

.spisak-partnera-naziv-partnera {
	color: #DD0069;
	display: block;
	font-size: 14px;
	padding: 4px;
	text-align: center;
}

.spisak-partnera-mesto-partnera {
	font-weight: bold;
	text-align: right;
	display: block;
}

.spisak-partnera-pagination-current,.spisak-partnera-pagination-total {
	font-weight: bold;
	padding: 0 5px;
}

.spisak-partnera-pagination-prev,.spisak-partnera-pagination-next {
	font-size: 16px;
	padding-right: 5px;
	text-decoration: none;
}

.table-show {
	background: url("images/tabelarni_pegled.png") no-repeat scroll center
		top transparent;
	height: 55px;
	width: 213px;
	float: right;
}

.table-show a {
	float: left;
	margin: 0px 11px 0 60px;
	color: #FFFFFF;
	font: bold 17px/ 55px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#spisak-partnera-filter #pretraga-butoon,#spisak-partnera-filter #clear-filter
	{
	background: url("images/partner_dugme_crno.png") no-repeat scroll center
		top transparent;
	/*padding:0px;*/
	float: right;
	margin: 0px 10px 5px 50px;
	color: #FFFFFF;
	font: bold 16px/ 25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	width: 140px;
	border: none;
	/*padding:0px;*/
}

form.jezik {
	display: inline;
	padding: 4px;
	float: right;
}

.jezik label {
	color: #555555;
	font-size: 13px;
}

.jezik select {
	color: #DD0069;
	font-size: 13px;
}

.baner {
	background: url(images/baner.gif) top center no-repeat;
	width: 460px;
	height: 35px;
}

.baner a {
	padding: 0 10 0 10px;
	margin: 0px 10px 5px 120px;
	color: #fff;
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-decoration: underline;
}