/*
Theme Name: Proton
Theme URI: http://proton.hr/
Description: Tema izradena iskljucivo za stranice tvrtke Proton d.o.o.
Author: Mario Jankovic, DVA10
*/

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #323232;
	background-color: #E2E2E2;
	background-image: url('images/bg_stripe.png');
	background-repeat: repeat-x;
	margin: 0px;
	font-size: 12px;
}

	/* Site layout */

div#Kutijica {

	width: 920px;

	position: relative;

	margin: 0px auto;



}

div#Dizajn {

	width: 860px;

	margin: 0px auto;

	padding: 0px;	

	background-color: #161616;

	background: url('images/bg_mod.png');

}

div#Modul {

	margin-top: 64px;

	margin-left: 250px;

	margin-right: 32px;

	text-align: justify;

	min-height: 500px;

	position: relative;

}

div#headerSWF {

	position: absolute;

	top: 22px;

	right: 100px; 

	text-align: center;

	color: #999;

	width: 500px;

}

div#MeniGlavni {

	position: absolute;

	top: 210px;

	left: 264px;

	width: 640px;

	padding: 0px;

}

img#MeniGlavni01 {

	position: relative;

	left: 235px;

}

img#MeniGlavniBg {

	position: absolute;

	top: 210px;

	left: 30px;

	width: 235px;

}

img.WrapLjevo {
	float: left;
	margin-right: 5px;
	padding: 4px;
	border: 1px solid #666;
}
img.WrapDesno {
	float: right;
	margin-left: 5px;
	padding: 4px;
	border: 1px solid #666;
}
img.Dno {
	margin: 5px;
	padding: 4px;
	border: 1px solid #666;
}

div#Meni {

	position: absolute;

	top: 259px;

	left: 46px;

}

ul#MeniUL a {

	color: #000;

           text-decoration: none;

}

ul#MeniUL a:hover {

	text-decoration: underline;

}



ul#MeniUL {
	padding: 0px;
	margin: 0px;
	margin-left: 8px;
	list-style-type: none;
}

ul#MeniUL li {
	background: url('images/menu_li.png');
	width: 202px;
	height: 15px;
	padding: 4px;
	list-style-type: none;
	margin: 0px;
}



div.BoxWh {

	padding: 0px 20px 20px 15px;

	background: #FFF url('images/boxWh.png') no-repeat bottom;

}

div.BoxGr {

	padding: 0px 20px 20px 15px;

	color: white;

	background-repeat: no-repeat;

	background-image: url('images/boxGr.png');

	background-color: #3C3C3C;

	background-position: bottom;

}



div#BodyBgL {

	background: url('images/bgL.png');

	position: absolute;

	top: 0px;

	left: 0px;

	width: 30px;

	height: 100%;

}	

div#BodyBgR {

	background: url('images/bgR.png');

	position: absolute;

	top: 0px;

	right: 0px;

	width: 30px;

	height: 100%;

}	

div#BodyBgLO {

	background: url('images/bgLO.png') repeat-x;

	position: absolute;

	top: 0px;

	left: 0px;

	width: 30px;

	height: 100%;

}	

div#BodyBgRO {

	background: url('images/bgRO.png') repeat-x;

	position: absolute;

	top: 0px;

	right: 0px;

	width: 30px;

	height: 100%;

}	





div#FooterLink {

	width: 96px;

	height: 32px;

	position: absolute;

	bottom: 59px;

	left: 410px;



}



/* okrugli rub (gore desno) */

div.roundWh {

	position: relative;

	left: 20px;

  height: 20px;

	background: url('images/roundWh.png') no-repeat 100%;

}

div.roundGr {

	position: relative;

	left: 20px;

  height: 20px;

	background: url('images/roundGr.png') no-repeat 100%;

}





table {

	margin: 0px;

	padding: 0px;

}

th {

	font-size: 110%;

	padding: 4px;

	text-align: center;

}

hr {

	color: #457;

	border: none;

	border-top: 1px solid #457;

	margin: 8px;

}

pre {

	font: 9pt Lucida Console, Fixedsys, Terminal, monospace;

	white-space: pre;

	text-indent: 0pt;

	border: 1px dashed #333;

	margin-left: 32px;

	padding: 8px;

}
h1 {
	font-size: 1.8em;
	font-weight: normal;
	color: #FDC100;
	text-align: left;
	margin-top: 0px;
}
h2   {
	font-weight: bold;
	font-size: 1.5em;
	color: #FDC100;
	text-align: left;
	margin-top: 0px;

}

h3 {
	font-weight: bold;
	font-size: 1.3em;
	color: #FDC100;
	text-align: left;
	margin-top: 0px;

}
h4 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 0px;
	text-align: left;
	color: #FFF;
}

img {

	border: 0px;

	margin: 0px;

	padding: 0px;

}

abbr, acronym {

	border-bottom: 1px dashed #AAC;

	cursor: help;

}

ul.loose {	line-height: 1.7;	}

ul.nop { margin: 8px; margin-left: 0px !important; margin-left: 24px; padding-left: 24px !important; padding: 0px;}

img.member { padding: 4px; }



.layout {

	margin: 0px;

	padding: 0px;

	border: none;

}

.artFL {	/* Article footer, left */

	font-size: 0.9em;

	font-style: italic;

	margin: 0px 16px 0px 16px;

}

.artFR {	/* Article footer, right */

	font-style: italic;

	margin: 0px 16px -16px 16px;

	text-align: right;

	position: relative;

	bottom: 16px;

}

.artFRstd {	/* Article footer, right, standard */

	font-style: italic;

	margin: 16px;

	text-align: right;

}

.authorinfo {

	border-bottom: 1px dashed #7E7F9C;

	padding: 2px;

	font-weight: bold;

	text-align: center;

}
/* links */



a {
	color: #FDC100;
	text-decoration: underline;

}

a:hover {
	text-decoration: underline;
	color: #E7EDE9;

}

a:active {

	text-decoration: underline;

	color: #E7EDE9;

}



.error_user { /* user-triggered error (invalid entry, etc) */

	font-weight: bold;

	font-size: 20pt;

	color: red;

	text-align: center;

	padding: 8pt;

}



#pagefooterL {

	margin: 16px;

	margin-top: 8px;

	float: left;

	color: #DDD;

}

#pagefooterL a {

	color: #DDD;

}

#pagefooterR {

	margin: 16px;

	margin-top: 8px;

	float: right;

	color: #DDD;

}

#columnfooter {

	font-style: italic;

	margin-right: 32px;

	text-align: right;

}

#nomargin {

	margin: 0px;

}



	/* ********** */

	/* SS modules */

	/* ********** */



	/* Novosti */





div.news {

	background: #DDD;

	margin-top: 1.2em;

	position: relative;

	width: 100%;

	padding-bottom: 8px;

}



h2.newstitle {

	font-size: 13pt;

	font-style: italic;

	font-weight: bold;

	color: #555;

	background:	#DDD;

	text-align: left;

	text-indent: 24pt;



}

div.newshr {

	margin: 0px 16px;

	height: 5px;

	background: url('images/hr.png') bottom repeat-x;

	clear: both;

}

div.newsFL {

	font-size: 0.9em;

	font-style: italic;

	text-align:right;

	margin-right: 16px;

	padding-top: 16px;

	color: #DDD;

}

div.newsFR {

	font-size: 0.9em;

	font-style: italic;

	text-align: right;

	margin-right: 16px;

}

div.newsFR a {

	color: #CCC;

}

ul.novUL {

	list-style-image: url('images/NovLel.png');

	padding: 16px 0px;

	margin: 0px;

	padding-left: 24px;

	color: white;

	line-height: 200%;

}

ul.novUL a {

	color: #FFC000;;

}



	/* Comments */



.cmttext {

	font-size: 8pt;

	text-align: left;

}

.cmttitle {

	font-size: 1em;

	font-weight: bold;

	color: #CCF;

	text-align: left;

	margin: 0px;

	padding: 2px 2px 2px 32px;

}



	/* Static */

h1#staticH1 {

	color: #FFC000;

}

	



	/* General */

div.post {

	position: relative;

	font-size: 1em;

	margin-left: 16pt;

	text-align: justify;



}

.sbtxt { /* Text beneath poll & shoutbox */

	font-weight: bold;

	text-align: center;

	padding-top: 16px;

}



table.complex {

	text-align: left;

}

.nomargin {

	margin: 0px;

}

.center {

	text-align: center;

}

.invisible {

	display: none;

}

.hidden {

	visibility: hidden;

}

.pagetable {

	margin: 0px;

	padding: 16px;

	border: none;

}

form#Trazilica {

	position: absolute;

	top: 0px;

	right: 0px;

}

input#TraziPojam {

	position: absolute;

	top: 165px;

	right: 49px;

	border: none;

	height: 20px;

	width: 270px;

	padding-top: 2px;

}

input#TraziTrazi {

	position: absolute;

	top: 199px;

	right: 222px;

	height: 23px;

	width: 99px;

}



div#kontakt {

	width: 250px;

	float: right;

	margin: 0px;

}

div.contactinfo {
	margin: 8px 16px;
	font-weight: bold;
	color: #FFC000;
	padding: 0px;
	font-size: 11px;
}

div.contactinfo span a {

	text-decoration: none;

           color: white;

}



div.contactinfo span.tvrtka {

	font-size: 150%;

	color: #FDC100;

}



div.contactinfo span a:hover {

	text-decoration: underline;

           color: white;

}

div#gdjesenalazimo {

           margin: -8px 8px 8px 32px;

  font-size: 110%;

}

div.contactinfo span {

           color: white;

           text-decoration: none;



}

ul#NovostiUL {

	color: white;

	list-style-image: url('images/ulLI.png');

	margin: 5px 0px 0px 30px;

	padding: 0px;

}

ul#NovostiUL a {
	color: #FFC000;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

ul#NovostiUL a:hover {

	text-decoration: underline;

}

.indent {

	padding-left: 24px;

}

.clear {

  clear: both;

}

.textimg {

  padding: 0px;

}