﻿/*
	project: web application template
	author: luka cvrk (www.solucija.com)
*/

*{ margin: 0; padding: 0; }*
body { margin: 50px 0 0; background: #fff ; font: .74em "Trebuchet MS", Arial, Sans-Serif; color: #444; }
h1 { font-size: 2.8em; font-weight: normal; float: left; position: relative; }
h1 a { text-decoration: none; }
h2 { font-size: 1.5em; color: #FFF2B3; font-weight: normal; margin: -1em 0 .2em; position: relative; }
h3 { font-size: 1.3em; /*border-bottom: 1px solid #eee;*/ margin: 0 0 .5em; }
h4 { font-size: 1.2em; color: #FFFFFF;  }
h5 { font-size: 2em; }
h6 { font-size: 1em; }
p  { margin: 0 0 2em 0; line-height: 1.8em; }

a { color: #9D2900; text-decoration: none; }
a:hover { color: #A0000E; text-decoration: underline; }
img { border: 0; }
.red { color: #9D2900; }
.blue { color: #346F9A; }
	
.tabledata { font-size: 1.1em; font-weight:bold; padding-top: 5px; padding-bottom:5px; }
	
.wrap { width: 900px; margin: 0 auto; position: relative; }
 		
#header { width: 900px; height: 50px; margin: 0 auto; margin-top: -25px; position:relative; z-index: 1000;}

.menu  { float: right; padding: 6px 0 0 0; list-style: none; }
.menu li { display: inline; }
.menu a { display: block; float: left; margin-left: 20px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000; }
.menu a:hover { color: #000; border-bottom: 2px solid #ccc; }
.menu .active a { border-bottom: 2px solid #C70012; color: #9D2900;}
.menu a.highlighted { color: #000; border-bottom: 2px solid #ccc; }
		
.active { border-bottom: 2px solid #C70012; color: #9D2900;}

#chat {position:absolute; top:-22px; right:10px; width:410px; background: #fff url('../images/reponline.gif') no-repeat top left;}
 		
#table_border{border-left-width:1px;border-right-width:1px;border-top-width:1px;border-bottom-width:1px;border-color:#414141;border-style:solid}
#table_left_border{border-left-width:0px;border-right-width:0px;border-top-width:0px;border-bottom-width:1px;border-color:#414141;border-style:solid;background-color:#F3F3F3}
#table_right_border{border-left-width:1px;border-right-width:0px;border-top-width:0px;border-bottom-width:1px;border-color:#414141;border-style:solid}
#table_left_border1{border-left-width:1px;border-right-width:0px;border-top-width:0px;border-bottom-width:1px;border-color:#414141;border-style:solid;background-color:#F3F3F3}

#table_header{border-left-width:0px;border-right-width:1px;border-top-width:0px;border-bottom-width:1px;border-color:#414141;border-style:solid;background-color:#F3F3F3}

#table_header1{border-left-width:0px;border-right-width:0px;border-top-width:0px;border-bottom-width:1px;border-color:#414141;border-style:solid;background-color:#F3F3F3}



#bar { height: 40px; margin: 0 0 10px; padding: 8px 0 0 0; background: url(../images/bar.gif) repeat-x; margin-top: -60px;}
	#bar .wrap { clear: both; }
	.steppie { cursor: pointer; color: #FFFFFF; padding: 4px 0 0 37px; margin: 0 35px 0 80px; font-size: 1.4em; float: left; text-align: center; background: url(../images/chart1.png) no-repeat; height: 30px; }
			.steppie:hover {background: url(../images/chart1_BW.png) no-repeat; color:#C0C0C0;}
	.stepdownload { cursor: pointer; color: #FFFFFF; padding: 4px 0 0 37px; margin: 0 35px 0 75px; font-size: 1.4em; float: left; text-align: center; background: url(../images/download_small.png) no-repeat; height: 30px; }
			.stepdownload:hover {background: url(../images/download_small_BW.png) no-repeat; color:#C0C0C0;}
	.stepkolica { cursor: pointer; color: #FFFFFF; padding: 4px 0 0 37px; margin: 0 35px 0 75px; font-size: 1.4em; float: left; text-align: center; background: url(../images/kolica.png) no-repeat; height: 30px; }
			.stepkolica:hover {background: url(../images/kolica_BW.png) no-repeat; color:#C0C0C0;}
  
.col { float: left; width: 276px; margin: 0 30px 16px 0; }
.last { float: right; margin: 0; }
.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px; }
.infomoj { border: 1px solid #e0e0e0; background: #f4f4f4; }
	
.colcase { float: left; width: 450px; margin: 0 30px 16px 0; }
.lastcase { float: right; width: 400px; margin: 0; }

.orderbullets { float: left; margin: 0 30px 16px 0; }
	
/* this is for subpages */
.fullcol { float: left; width: 840px; margin: 0 30px 16px 40px; }
.doublecolleft { float: left; width: 660px; margin: 0; }
.doublecolright { float: right; width: 180px; margin: 0; }
.partnersleft { float: left; width: 250px; margin: 0  }
.partnersright { float: right; width: 590px; margin: 0  }
.horizontalline {width: 600px; margin: 0 auto; padding: 10px; border-top: 1px solid #e0e0e0; }	

.y			{background-color:#F2F2F2; color:#333333; font-weight:normal;}
.x			{background-color:#F8F8F8; color:#333333; font-weight:normal; }
.z			{background-color:#008040; color:#FFFFFF; font-weight:bold;}

.zz A:link {text-decoration: underline; color:#008040;}
.zz A:visited {text-decoration: underline; color:#008040;}
.zz A:active {text-decoration: underline; color:#008040;}
.zz A:hover {text-decoration: none; color:#008040;}

.firstpage A:link {text-decoration: none; color:#ffffff;}
.firstpage A:visited {text-decoration: none; color:#ffffff;}
.firstpage A:active {text-decoration: none; color:#ffffff;}
.firstpage A:hover {text-decoration: none; color:#ffffff;}

A.orderpagelink:link {color:#008040; text-decoration:none;}
A.orderpagelink:visited {color:#008040; text-decoration:none;}
A.orderpagelink:active {color:#008040; text-decoration:none;}
A.orderpagelink:hover {color:#008040; text-decoration:none;}

A.orderpagelinknothover:link {text-decoration: none; color:#333333;}
A.orderpagelinknothover:visited {text-decoration: none; color:#333333;}
A.orderpagelinknothover:active {text-decoration: none; color:#333333;}
A.orderpagelinknothover:hover {text-decoration: underline; color:#008040;}

A.indexpagelinknothover:link {text-decoration: none; color:#333333;}
A.indexpagelinknothover:visited {text-decoration: none; color:#333333;}
A.indexpagelinknothover:active {text-decoration: none; color:#333333;}
A.indexpagelinknothover:hover {text-decoration: underline; color:#9D2900;}

A.navigationlinkIE:link {text-decoration: none;}
A.navigationlinkIE:visited {text-decoration: none;}
A.navigationlinkIE:active {text-decoration: none;}
A.navigationlinkIE:hover {text-decoration: none;}

table#tablepad td{padding: 1px;}

A.topshortcutsnothover:link {text-decoration: none; color: #909090;}
A.topshortcutsnothover:visited {text-decoration: none; color: #909090;}
A.topshortcutsnothover:active {text-decoration: none; color: #909090;}
A.topshortcutsnothover:hover {text-decoration: underline; color: #9D2900;} 

/* FOOTER */
#footer {clear: both; border-top: 1px solid #e0e0e0;
	width:960px;
	margin:0 auto;
	padding: 0px 0px 0px 46px;
	text-align:left;
	
}
#footer a {  color: #808080; font-weight: bold; }
#footer p {
	font-size:12px;
	line-height:15px;
	margin-bottom:0;
}
#footer .group {
	padding:4px 0;
}
#footer .left { float:left }
#footer .right { float:right }



/* FOOTER NAVIGATION */
#footer #footnav {
	padding: 12px 0px 17px;
}
#footnav li {
	float:left;
	width:145px;
	margin-right:22px;
	font-size:12px;
	line-height:14px;
	color:#3D3D3D;
	font-weight:bold;
	overflow: hidden;
}
#footnav ul { } #footnav ul ul { margin-top:2px }
#footnav li li {
	clear:both;
	font-size:11px;
	font-weight:normal;
	padding:1px 0;
	line-height:normal;
}
#footnav a {
	display:block
}

#foot3 { margin-bottom:30px }
#foot3 a { margin-left:-10px; padding-left:10px }

#foot4 {}

.code
{
	background-color:#F1F2F2;
	font-family:'Courier New', Courier, monospace;
	font-weight: normal;
}

.postmetadata
{
	background:#f6f6f6 none repeat scroll 0%;
	font-size:11px;
	width:95%;
	padding:5px 0px 8px;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	text-align: center;
}

.doublecolleft li {
	/*margin-bottom: 2px;
	list-style-type:disc;*/
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/*	Added 2011-02-02 > Emanuel */
.entry * {
	margin:0;
	padding:0;
	/* font-family:Arial, Helvetica, sans-serif; */
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	color:#333 !important;
	margin:18px 0;
	padding:0 !important;
	display:block;
	clear:both;
	line-height:1.1em;
	font-family:Arial, Helvetica, sans-serif;
}
.entry h1 { font-size:26px; font-weight:bold }
.entry h2 { font-size:20px; font-weight:bold }
.entry h3 { font-size:16px; font-weight:bold }
.entry h4 { font-size:14px; font-weight:normal; color:#555 }
.entry h5 { font-size:12px; font-weight:bold; color:#555 }
.entry h6 { font-size:12px; text-transform:uppercase; font-weight:normal; color:#555 }
/*
.entry p {
	margin:15px 0;
	font-size:14px;
	line-height:1.4em;
}
.entry ul li, .entry ol li {
	list-style-position:outside !important;
	padding-left:0;
	font-size:14px;
}
*/
.entry p {
	margin:15px 0;
}
.entry ul, .entry ol {
	margin:10px 0 10px 25px;
}
.entry ul ul, .entry ol ol { margin:0 0 0 25px }
.entry ul li, .entry ol li {
	list-style-position:outside !important;
	padding-left:0;
}
.entry ol ol { list-style-type:lower-alpha }
.entry ol ol ol { list-style-type:lower-roman }
.entry .postmetadata {
	clear:both;
	margin:20px 0;
}
.wp-caption {
	background:#eee;
	padding:0 10px 0 0 !important;
}
.wp-caption img {
	margin:10px;
	display:block;
}
.wp-caption.alignleft { margin:0 15px 15px 0 } .wp-caption.alignright { margin:0 0 15px 15px } .wp-caption.aligncenter { margin:10px auto }
.wp-caption .wp-caption-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	text-transform:uppercase;
	color:#555;
	margin:10px !important;
	padding:0 !important;
	width:auto !important;
}



/*	Entry ClearFix */
.entry:before, .entry:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.entry:after { clear: both; }
.entry { zoom: 1; }


/*	Changes 2011-10-26	od blagonica za novi footer */


#footer .websiteicon {
	width:10px;
	height:10px;
	display:block;
	float:left;
	margin-right:4px;
	position:relative;
	top:3px;
}
#footer .websiteicon.tsl { background:#9d2900 }
#footer .websiteicon.vdi { background:#FCF465 }
#footer .websiteicon.rdgl { background:#c6de9f }
#footer .websiteicon.spdoc { background:#fcce65}
#footer .websiteicon.acceleratio { background:#2b487f }

#footer .links {
	width:960px;
	padding:70px 0 0;
	text-align:center;
}
#footer .links a {
	padding:2px 10px;
	display:inline-block;
}
#footer .links a img {
	position:relative;
	top:3px; left:-4px;
}

#footer a, #footer a:visited{
	color:#608395; 
	text-decoration:none;
}

/*	Footer changes
	2011-06-24 */
#footnav {
	padding:12px 0 17px;
	float:left;
}
#footnav li {
	font-size:14px;
	float:left;
	width:135px;
	margin-right:20px;
	list-style-type:none;
}
#footnav ul ul {
	border-top:1px solid #eee;
	margin-top:5px;
}
#footnav li li {
    border-bottom: 1px solid #eee;
    font-size: 11px;
    line-height: 12px;
	clear:both;
}
#footnav a, #footnav a:visited {
	display:block;
	padding:4px 0;
	color:#3d3d3d;
}
#footnav a:hover {
	color:#9D2900 !important;
}
#footer .sidebar {
	width:340px;
	float:right;
	margin-bottom:20px;
}
#footer .spacer {
	border-top:1px solid #eee;
	margin-top:10px;
	padding-top:10px;
	clear:both;
}
#footer .logo { margin-top:10px }
#footer .links {
	clear:both;
	background:url('/images/footer-links-spacer.png') no-repeat center top;
	padding:15px 0 30px;
}


