body {
  font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0px; padding:0px; color:black;
  background-image:url(../design/background1.gif); background-repeat:repeat-y; background-position:center;
}

center {position:absolute; left:-10000px;}
img {border:0px; margin:0px; padding:0px;}
div {}

h1, h2, h3, h4, h5, h6 { font-weight:bold; font-style:normal; margin:0.3em 0em; clear:both;}

h6 { font-size:11px}
h5 { font-size:12px;}

a { color:#333333; text-decoration:none;}
a:visited { color:#333;}
a:hover { color:#333;}


#maincontainer {
	position:relative;
	margin:auto;
	width:980px;
	background-color:#fff;
	border-left:2px solid #6c609e;
	border-right: 2px solid #6c609e;
	
	}
	
#header {
	position:relative;
	float:left;
	width:980px;
	background:#fff;
	border-bottom:1px solid #999;
	overflow:hidden;
	}

#mainmanu{
	width:100%; 
	height:18px; 
	background-color:#6c609e; 
	text-align:left; 
	padding-top:3px;
	}
	
#mainmanu a { 
	color:white; 
	font-weight:bold;
	text-decoration:none;
	margin-left:10px;
	padding-right:10px;
	border-right:1px dotted white;
	}

#mainmanu a:hover {color:#f9e85c;}

#topmenu {
	width:100%;
	height:25px;
	background-color:#6c609e;
	}
	
#topmenu a {
	position:relative;
	display:block;
	height:17px;
	float:right;
	margin:0px 15px;
	padding:4px 0px;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	text-align:center;
	background-image:url(../design/menu/casopis-bg.gif);
	background-position:top;	}
	
#topmenu a:hover {  outline:none; color:#fff;background-position:bottom;	}
#topmenu a:focus {}

#content {
	background-image:url(../design/content-bg.gif);
	background-repeat:repeat-y;}


#left {
	position:relative;
	float:left;
	width:160px;
	}
	
#center {
	position:relative;
	float:left;
	background-color:#fff;
	width:450px;
	margin-top:2px;
	}

.box_naslovnica {
	float:right;
	clear:right;
	width:50%}
.box_naslovnica h6 {
	border-left:1.5em solid green;
	padding:0.15em;
	padding-left:1em;
	font-weight:bold;
	font-size:11px
	}

.box {
	width:96%;
	position:relative;
	border:0px solid gray;
	margin:0px auto 0px auto;
	background-color:#fff;
	padding:0px;
	}


.box .naslov {
	width:100%;
	position:relative;
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
	}

.box h5 {
	border-left:1.7em solid red;
	padding:0.3em;
	padding-left:1em;
	padding-right:120px;
	
	}	

.box .lead_img {
	position:relative;
	margin:5px 5px 5px 0px;
	}

.box img { margin:5px;}

.box p {
	margin-top:0.4em;
	font-size:1em;
	}
	
.box .vise {
	clear:both;
	float:right;
	margin-right:1em;
	margin-top:0em;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	}
	
.box a:hover {
	text-decoration:underline;}

.box table td { vertical-align:top;}
.box table td { font-size:11px;}

.proizvodi_djelatnosti {
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:200px;
	background-color:orange;
	display:block;
	}
.proizvodi_djelatnosti li {
	display:block}
.proizvodi {
	position:relative; float:left; border-bottom:1px dotted gray;  width:100%}
	
.proizvodi img { position:relative; float:left; clear:none;}
.proizvodi h6 { border-left:1.5em solid green;
	padding:0.15em;
	padding-left:1em;
	font-weight:bold;
	font-size:11px;
	display:inline;
	float:right;
	width:240px;
	clear:none;
	}
.proizvodi p { clear:none;}
.proizvodi a { display:inline; clear:none; float:right; font-weight:bold; margin-top:-10px;
			font-weight:bold; text-decoration:none; color:#333}

.proizvodi_ikone {
	position:relative;
	display:block;
	float:left;
	margin:5px; 
	background-color:#eee;
	width:203px;
	height:42px;
	
	}
.proizvodi_ikone img {
	position:relative;
	float:left;
	width:30px;
	height:30px;
	margin:0px 8px 3px 0px;
	
	}
	
.proizvodi_ikone a { color:#333; text-decoration:none;vertical-align:middle; font-size:11px}


#right {
	position:relative;
	float:left;
	width:160px;
	}
	
.sidebox {
	position:relative;
	width:140px;
	margin:5px;
	padding:2px 4px;
	border:1px solid #b5afce;
	color:#6e6e6e;}	
.sidebox h6, .sidebox h5 {
	padding:0.3em 0.5em;
	color:#fff;
	}

.sidebox a.slink {margin:0px 0px; padding:5px 3px !important; font-size:11px; padding:1px 0px; border-bottom:1px dotted gray; text-decoration:none; display:block; color:#333; line-height:13px;}
.sidebox a.slink:hover {background:#e2dfec !important;}
.sidebox .slink span { font-weight:bold; font-size:11px;}
.sidebox .navigator {text-align:center}

#slova a {position:relative; float:left; display:inline; padding:0 3px 0 2px;}
#slova a:hover {background:#e2dfec;}


 /*
.sidebox .datum {}
.sidebox  span { font-weight:bold; font-size:11px;}
.sidebox .datum:hover {background-color:rgb(251,239,139);}


.sidebox .linkovi {margin:5px 0px;; font-size:11px; padding:1px 0px; border-bottom:1px dotted gray; text-decoration:none; display:block; color:#333}
.sidebox .linkovi:hover { background-color:rgb(185,220,153);}
.sidebox .tvrtke {margin:5px 0px;; font-size:11px; padding:1px 0px; border-bottom:1px dotted gray; text-decoration:none; display:block; color:#333}
.sidebox .tvrtke:hover { background-color:#ff7fcc;}

.sidebox .sos_teme {margin:5px 0px;; font-size:11px; padding:1px 0px; border-bottom:1px dotted gray; text-decoration:none; display:block; color:#333}
.sidebox .sos_teme:hover { background-color:#ff7fcc;}

.sidebox .naslovnica {margin:5px 0px;; font-size:11px; padding:1px 0px; border-bottom:1px dotted gray; text-decoration:none; display:block; color:#222}
.sidebox .naslovnica_link a {margin:3px 0px;; font-size:11px; padding:1px 0px; text-decoration:none; display:block; color:#555; text-decoration:none; padding-left:20px; font-weight:bold}
.sidebox .naslovnica_link a:hover { background-color:rgb(185,220,153);}

*/

.banner_left {margin:5px 0 0 5px;}
.banner_middle {margin:5px 0 0 5px;}
.banner_right {margin:5px 0 0 5px;}
.banner_side {margin:5px 0 0 5px; position:relative; float:left; display:inline;}

.banner_bottom {position:relative; float:right;	width:360px; margin:5px 5px 0 0; }
.banner_bbottom {position:relative; float:left; width:805px; margin:5px 0px 0 5px; clear:both }

	
.bannerv img {margin:0px;padding:0px}

#kontakt input, #kontakt TEXTAREA {width:264px;}

#tvrtkatmp textarea {width:250px;}
th {text-align:right}
#tvrtkatmp .textfield {width:250px}
#tvrtkatmp select {width:300px}


iframe img { margin:0px;padding:0px;border:0px;}

#footer {height:22px; margin-top:30px; width:100%; text-align:center; background-color:#333; color:white; font-size:9px; }
#footer p  {height:10px;padding-top:5px;}
#footer p a {color:#eee;}


/*	styles for admin	*/
.admin_header {background:#333; color:#fff; padding:0px 15px}
.admin_menu {background:#aaa; color:#ccc; vertical-align:top; width:150px;}
.admin_controls {vertical-align:top; text-align:left; padding:10px; width:auto;}

.error {color:red}



.clearfix:after {
    content: ".";
   	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height:1%;}
.clearfix {display: block;}
/* Basic Colors */
.txt-white {
	color: rgb(255,255,255) !important;
}

.txt-black {
	color: rgb(0,0,0);
}

/* Grey */
.txt-grey01 {
	color: rgb(242,242,242);
}

.txt-grey02 {
	color: rgb(230,230,230);
}

.txt-grey03 {
	color: rgb(217,217,217);
}

.txt-grey04 {
	color: rgb(204,204,204);
}

.txt-grey05 {
	color: rgb(191,191,191);
}

.txt-grey06 {
	color: rgb(178,178,178);
}

.txt-grey07 {
	color: rgb(153,153,153);
}

.txt-grey08 {
	color: rgb(127,127,127);
}

.txt-grey09 {
	color: rgb(89,89,89);
}

.txt-grey10 {
	color: rgb(51,51,51);
}

/* Yellow */
.txt-yellow01 {
	color: rgb(254,252,232);
}

.txt-yellow02 {
	color: rgb(253,249,201);
}

.txt-yellow03 {
	color: rgb(253,246,185);
}

.txt-yellow04 {
	color: rgb(252,243,162);
}

.txt-yellow05 {
	color: rgb(251,239,139);
}

.txt-yellow06 {
	color: rgb(250,236,116);
}

.txt-yellow07 {
	color: rgb(249,233,93);
}

.txt-yellow08 {
	color: rgb(249,230,69);
}

.txt-yellow09 {
	color: rgb(248,227,46);
}

.txt-yellow10 {
	color: rgb(247,224,23);
}

/* Blue */
.txt-blue01 {
	color: rgb(238,237,249);
}

.txt-blue02 {
	color: rgb(222,220,242);
}

.txt-blue03 {
	color: rgb(205,202,236);
}

.txt-blue04 {
	color: rgb(189,185,229);
}

.txt-blue05 {
	color: rgb(172,167,223);
}

.txt-blue06 {
	color: rgb(155,149,217);
}

.txt-blue07 {
	color: rgb(139,132,210);
}

.txt-blue08 {
	color: rgb(122,114,204);
}

.txt-blue09 {
	color: rgb(106,97,197);
}

.txt-blue10 {
	color: rgb(89,79,191);
}

/* Green */
.txt-green01 {
	color: rgb(237,246,229);
}

.txt-green02 {
	color: rgb(220,238,204);
}

.txt-green03 {
	color: rgb(202,229,178);
}

.txt-green04 {
	color: rgb(185,220,153);
}

.txt-green05 {
	color: rgb(167,211,127);
}

.txt-green06 {
	color: rgb(149,203,102);
}

.txt-green07 {
	color: rgb(132,194,76);
}

.txt-green08 {
	color: rgb(114,185,51);
}

.txt-green09 {
	color: rgb(97,177,25);
}

.txt-green10 {
	color: rgb(79,168,0);
}

/* Red */
.txt-red01 {
	color: rgb(252,235,233);
}

.txt-red02 {
	color: rgb(248,216,211);
}

.txt-red03 {
	color: rgb(245,196,188);
}

.txt-red04 {
	color: rgb(242,177,166);
}

.txt-red05 {
	color: rgb(238,157,144);
}

.txt-red06 {
	color: rgb(235,137,122);
}

.txt-red07 {
	color: rgb(232,118,100);
}

.txt-red08 {
	color: rgb(229,98,77);
}

.txt-red09 {
	color: rgb(225,79,55);
}

.txt-red10 {
	color: rgb(222,59,33);
}

/*----------------------------------*/
/* Section 10.5 - Background colors */
/*----------------------------------*/

/* Basic Colors */
.bg-white {
	background-color: rgb(255,255,255);
}

.bg-black {
	background-color: rgb(0,0,0);
}

/* Grey */
.bg-grey01 {
	background-color: rgb(242,242,242);
}

.bg-grey02 {
	background-color: rgb(230,230,230);
}

.bg-grey03 {
	background-color: rgb(217,217,217);
}

.bg-grey04 {
	background-color: rgb(204,204,204);
}

.bg-grey05 {
	background-color: rgb(191,191,191);
}

.bg-grey06 {
	background-color: rgb(178,178,178);
}

.bg-grey07 {
	background-color: rgb(153,153,153);
}

.bg-grey08 {
	background-color: rgb(127,127,127);
}

.bg-grey09 {
	background-color: rgb(89,89,89);
}

.bg-grey10 {
	background-color: rgb(51,51,51);
}

/* Yellow */
.bg-yellow01 {
	background-color: rgb(254,252,232);
}

.bg-yellow02 {
	background-color: rgb(253,249,201);
}

.bg-yellow03 {
	background-color: rgb(253,246,185);
}

.bg-yellow04 {
	background-color: rgb(252,243,162);
}

.bg-yellow05 {
	background-color: rgb(251,239,139);
}

.bg-yellow06 {
	background-color: rgb(250,236,116);
}

.bg-yellow07 {
	background-color: rgb(249,233,93);
}

.bg-yellow08 {
	background-color: rgb(249,230,69);
}

.bg-yellow09 {
	background-color: rgb(248,227,46);
}

.bg-yellow10 {
	background-color: rgb(247,224,23);
}

/* Blue */
.bg-blue01 {
	background-color: rgb(238,237,249);
}

.bg-blue02 {
	background-color: rgb(222,220,242);
}

.bg-blue03 {
	background-color: rgb(205,202,236);
}

.bg-blue04 {
	background-color: rgb(189,185,229);
}

.bg-blue05 {
	background-color: rgb(172,167,223);
}

.bg-blue06 {
	background-color: rgb(155,149,217);
}

.bg-blue07 {
	background-color: rgb(139,132,210);
}

.bg-blue08 {
	background-color: rgb(122,114,204);
}

.bg-blue09 {
	background-color: rgb(106,97,197);
}

.bg-blue10 {
	background-color: rgb(89,79,191);
}

/* Green */
.bg-green01 {
	background-color: rgb(237,246,229);
}

.bg-green02 {
	background-color: rgb(220,238,204);
}

.bg-green03 {
	background-color: rgb(202,229,178);
}

.bg-green04 {
	background-color: rgb(185,220,153);
}

.bg-green05 {
	background-color: rgb(167,211,127);
}

.bg-green06 {
	background-color: rgb(149,203,102);
}

.bg-green07 {
	background-color: rgb(132,194,76);
}

.bg-green08 {
	background-color: rgb(114,185,51);
}

.bg-green09 {
	background-color: rgb(97,177,25);
}

.bg-green10 {
	background-color: rgb(79,168,0);
}

/* Red */
.bg-red01 {
	background-color: rgb(252,235,233);
}

.bg-red02 {
	background-color: rgb(248,216,211);
}

.bg-red03 {
	background-color: rgb(245,196,188);
}

.bg-red04 {
	background-color: rgb(242,177,166);
}

.bg-red05 {
	background-color: rgb(238,157,144);
}

.bg-red06 {
	background-color: rgb(235,137,122);
}

.bg-red07 {
	background-color: rgb(232,118,100);
}

.bg-red08 {
	background-color: rgb(229,98,77);
}

.bg-red09 {
	background-color: rgb(225,79,55);
}

.bg-red10 {
	background-color: rgb(222,59,33);
}
.bg-pink01 {background-color:#ffe5f5;}
.bg-pink02 {background-color:#ffcceb;}
.bg-pink03 {background-color:#ffb2e0;}
.bg-pink04 {background-color:#ff99d6;}
.bg-pink05 {background-color:#ff7fcc;}
.bg-pink06 {background-color:#ff66c2;}
.bg-pink07 {background-color:#ff4cb7;}
.bg-pink08 {background-color:#ff33ad;}
.bg-pink09 {background-color:#ff19a3;}
.bg-pink10 {background-color:#ff0099;}

.bg-purple01 {background-color:#f0eff5;}
.bg-purple02 {background-color:#e2dfec;}
.bg-purple03 {background-color:#d3cfe2;}
.bg-purple04 {background-color:#c4bfd8;}
.bg-purple05 {background-color:#b5afce;}
.bg-purple06 {background-color:#a7a0c5;}
.bg-purple07 {background-color:#988fbb;}
.bg-purple08 {background-color:#8980b1;}
.bg-purple09 {background-color:#7a70a8;}
.bg-purple10 {background-color:#6c609e;}