/*************************************************************/
/*   Design:   Multiflex-3 Update-7 / Layout-5               */
/*   File:     Text formats                                  */
/*-----------------------------------------------------------*/
/*   Author:   Wolfgang                                      */
/*   Date:     January 15, 2007                              */
/*   Homepage: wwww.1-2-3-4.info                             */
/*-----------------------------------------------------------*/
/*   License:  Fully open source without restrictions.       */
/*             Please keep footer credits with a link to     */
/*             Wolfgang (www.1-2-3-4.info). Thank you!       */
/*************************************************************/

/******************/
/*  MAIN SECTION  */
/******************/


*{color:#666666;}

/* MAIN NAVIGATION */
.nav3-grid {width:199px; border-bottom:solid 1px rgb(200,200,200);}
.nav3-grid dt a, .nav3-grid dt a:visited {
	display:block;
	min-height:2em /*Non-IE6*/;
	height:auto !important;
	height:2.0em /*IE6*/;
	line-height:2em;
	padding:0px 10px 0px 20px;
	border-top: solid 1px rgb(200,200,200);
	text-decoration:none;
	color:rgb(70,122,167);
	font-weight:normal;
	font-size:120%;
}
.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:rgb(70,122,167); font-size:120%;}
.nav3-grid dt a:hover, .nav3-grid dd a:hover {background-color:rgb(225,225,225); color:rgb(42,90,138); text-decoration:none;}

.nav3-bullet {width:170px; margin:10px 0 0 20px;}
.nav3-bullet dt a, .nav3-bullet dt a:visited {line-height:2.0em; padding:0 0 0 10px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-bullet dd a, .nav3-bullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(../img/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-bullet dt a:hover {background:url(../img/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}
.nav3-bullet dd a:hover {background:url(../img/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}

.nav3-nobullet {width:170px; margin:10px 0 0 20px;}
.nav3-nobullet dt a, .nav3-nobullet dt a:visited {line-height:2.0em; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}
.nav3-nobullet dd a, .nav3-nobullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}
.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover {text-decoration:underline; color:rgb(42,90,138);}

.main-navigation .loginform {width:160px; margin:-10px 20px 0 20px;}
.main-navigation .loginform p {clear:both; margin:0; padding:0;}
.main-navigation .loginform fieldset {width:160px; border:none;}
.main-navigation .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-navigation .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-navigation .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.main-navigation .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-navigation .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.main-navigation .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-navigation .searchform {width:160px; margin:0 20px 0 20px;}
.main-navigation .searchform fieldset {border:none;}
.main-navigation .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%;}
.main-navigation .searchform input.button {float:left; width:3.0em; margin-top: 0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.main-navigation .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-navigation h1.first {
	clear:both;
	margin:0px;
	padding:4px 20px 3px 20px;
	background-color:rgb(190,190,190);
	font-family:verdana, arial, sans-serif;
	color:rgb(255,255,255);
	font-weight:lighter;
	font-size:150%;
}
.main-navigation h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); font-family:verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:verdana,arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}

.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

/* MAIN CONTENT */
.main-content h1.pagetitle {
	margin:0 0 0.4em 0;
	padding:0 0 2px 0;
	border-bottom:solid 7px rgb(225,225,225);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:575a5d;
	font-weight:normal;
	font-size:220%;
}

h1.pagetitle2 {
border-bottom:4px solid #E1E1E1;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:220%;
font-weight:normal;
margin:0 0 0.6em;
padding:0 0 2px;
clear:both;
width:640px;
}

.main-content h1.block {
	clear:both;
	margin:1.0em 0 0em 0;
	padding:2px 0 2px 2px;
	background:rgb(190,190,190);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:rgb(255,255,255);
	font-weight:normal;
	font-size:220%;
}
.main-content h1.block#oglas2 {
	margin:-7px -7px 3px;
}

.main-content h1 {clear:both; margin:1.0em 0 0.5em 2em; font-family:verdana,arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:250%;}
.main-content h1.trgovec{margin: 0;font-size:200%}
.main-content h1.title b{float:left;}
.main-content h1.title nobr{float:right;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:verdana,arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.main-content h3 {
	clear:both;
	margin:-1.0em 0 0.5em 0;
	font-family:verdana,arial,sans-serif;
	color:rgb(125,125,125);
	font-weight:normal;
	font-size:130%;
	padding-left:10px;
	margin-top: 5px;
}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:verdana,arial,sans-serif; font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:verdana,arial,sans-serif;font-size:140%;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content p {
	margin:0 0 0.5em 0;
	line-height:1.5em;
	font-size:120%;	
}
.main-content p#oglas {
	font-size:100%;
	
}
.main-content p#oglas label {
	float:left;
	margin:0 0 -3pt 10px;
	padding:2px;
	width:85px;
}


.main-content p#regija {
	width:500px;
	float: left;
	
}
.main-content p#checkbox {
	margin:0 0 0 0;
}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.main-content table.none {clear:none; width:98%;background-color:white; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:white;}
.main-content table.none.trgovec{margin:0 0 0 20px;padding:5px 0 5px 20px;background-color:grey;width:90%; border-top: thin solid #8A8A8A ; border-bottom: thin  solid #8A8A8A; }

.main-content table.znamke{margin-left:auto; margin-right:auto;background-color:transparent; border:none;padding:0;margin:0;}
.main-content table.znamke td {background-color:transparent; border:0px none #FFFFFF; text-transform:uppercase; }
.main-content table.znamke td:hover {background-color:white;}
.main-content table {clear:both; width:400px; margin:0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main-content table th.top { padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:right; color:rgb(255,255,255); }
.main-content table th.top#left{text-align:left;}
.main-content table th.top2 { padding:0 7px 0 7px; empty-cells:show; background-color:#F0F0F0; text-align:left; color:rgb(80,80,80);  }
.main-content table th {height:2.0em;  border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:normal; font-size:110%;}
.main-content table td {height:2.0em; vertical-align: top;  border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
.main-content table td.trgovci {padding:5px;background-color:rgb(225,225,225); }
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}
.main-content table th.top2 fieldset {border:1px solid #DCDCDC;margin:0 0 0px;padding:0 !important;}
.main-content table th.top2 fieldset#oglas_dodatna_oprema  h3{border:1px solid #DCDCDC;margin:0 0 10px -20px; font-size:95%; background:#D9D9D9;padding:0 !important;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {
list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;}



.contactform {
	width:420px;
	margin:2.0em 0 0 0;
	padding:10px 10px 0 10px;
	border:solid 1px rgb(200,200,200);
	background-color:rgb(240,240,240);
}
.contactform form{
	display: inline-table;
	
}

.contactform#reg {
	margin:0 0 0 0;
	
}

.contactform#error {
	width:420px;
	margin:	auto;
	border:FF3867;
	text-align: center;
	padding: 10px;
	margin-bottom: 15px;
	background:white;
	background-color:white;
	
}

.contactform#info {
	background-color:white;
	width:420px;
	margin:	auto;
	text-align: center;
	padding: 10px;
	margin-bottom: 15px;
	color: green;
}
.contactform img{
	vertical-align: middle;
}




.contactform#vasoglas_fieldset {
	width:620px;
	
}
.contactform#vasoglas{
	width:620px;
	
}
.contactform#slike_edit{
	width:620px;
	margin-left:auto;
	margin-right:auto;
	
}


.contactform fieldset {display:block;padding:0 0 0 0 !important /*Non-IE6*/; padding:0 0 0 0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset#OnCenter{
	width:320px;
	margin-left:160px;
	
 }

.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {
	float:left;
	width:135px;
	margin:0 0 -3pt 10px;
	padding:2px;
	font-size:110%;
	
}
.contactform label.banner {
	width:50%;
	padding:2px;
	float: none;
	text-align: center;
	
}


.contactform label.left#long {
	width:140px;
}
.contactform label.left#Red {
	color:#FF0000;

}

.contactform#container-left{width:150px; float:left}
.contactform#container-right{width:150px; float:right}
.contactform label.leftLong {float:left; width:350px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.
.contactform label.rightRED {float:right; width:100px; margin:0 0 0 10px; padding:2px; color:#FF0000; font-size:110%;}


.contactform select.combo {
	width:250px;
	padding:2px;
	border:solid 1px rgb(200,200,200); 
	
}
.contactform select.combo#firma {
	margin-top:6px;

}

.contactform select.small {
	width:113px;
	text-align:center;
}
.contactform select.small2 {
	width:120px;
}

.contactform input.field2 {
	width:250px;
	padding:2px;
	border:solid 1px rgb(200,200,200);
	font-family:verdana,arial,sans-serif;
	font-size:110%;
}
.contactform input.field {
	width:120px;
	padding:2px;
	border:solid 1px rgb(200,200,200);
	font-family:verdana,arial,sans-serif;
	font-size:110%;
	float: inherit;
}
.contactform input.field3 {
	width:90px;
	padding:2px;
	border:solid 1px rgb(200,200,200);
	font-family:verdana,arial,sans-serif;
	font-size:110%;
	float:right;
}
.contactform input.field#radio {
	width:20px;
	margin-left:100px;
	
}
.contactform input.field#checkbox {
	width:15px;
	margin-left:30px;
	
}
.contactform textarea {
	width:550px;
	padding:2px;
	border:solid 1px rgb(200,200,200);
	font-family:verdana,arial,sans-serif;
	font-size:110%;
	margin-left: 30px;
	margin-bottom: 20px;
}
.contactform textarea#reg{
		width:auto;

}

button {margin-bottom:15px;float:center; width:8.0em; margin-left:5px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:121%;}
button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
input submit {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
input submit:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
input.button {float:right; width:8.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:90%;}
input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
input.vasoglas {margin-bottom:15px;float:center; width:14.0em;margin-left:15px ; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:121%;}
input.vasoglas:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
input.vasoglas#green{color:black;background:rgb(50,255,102); }
input.vasoglas:hover#green{background:rgb(20,225,72);}
input.vasoglas#red{color:black;background:rgb(255,102,51);}
input.vasoglas:hover#red{background:rgb(225,72,20);}
input.vasoglas#yellow{color:black;background:rgb(255,255,0);}
input.vasoglas:hover#yellow{background:rgb(225,225,0);}

/* MAIN SUBCONTENT */
.main-subcontent h1 {
	clear:both;
	margin:0 0 10px 0;
	padding:4px 10px 3px 10px;
	background-color:rgb(190,190,190);
	font-family:verdana, arial, sans-serif;
	color:rgb(255,255,255);
	font-weight:lighter;
	font-size:140%;
	background-color:#999999;
}
.main-subcontent h1#mojastran{
	margin:0 0 0 0;
}
.main-subcontent h1.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(160,214,81); font-family:verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.blue {
	clear:both;
	margin:0 0 5px 0;
	padding:4px 10px 3px 10px;
	background-color:rgb(137,170,214);
	font-family:verdana, arial, sans-serif;
	color:rgb(255,255,255);
	font-weight:normal;
	font-size:140%;
}
.main-subcontent h1.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(232,177,13); font-family:verdana,arial,sans-serif;color:rgb(255,255,255); font-weight:bold; font-size:140%;}
 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}

.xmain-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 34px /*IE6*/;}
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}
.main-subcontent ol li.red {list-style-position:outside; color:red; margin:0 0 0.4em 0; font-size:110%;}

.main-subcontent .loginform {width:160px; margin:0 10px 0 10px;}
.main-subcontent .loginform p {clear:both; margin:0; padding:0;}
.main-subcontent .loginform fieldset {width:160px; border:none;}
.main-subcontent .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-subcontent .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-subcontent .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.main-subcontent .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-subcontent .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.main-subcontent .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-subcontent .searchform {width:160px; margin:0 10px 0 10px;}
.main-subcontent .searchform fieldset {border:none;}
.main-subcontent .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:120%;}
.main-subcontent .searchform input.button {float:left; width:3.0em; margin-top: 0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:120%;}
.main-subcontent .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/********************/
/*  COMMON CLASSES  */
/********************/
.main img {
	float:left;
	margin:3px 10px 7px 0;
	padding:1px;
	border:1px none rgb(150,150,150);
}
.main img#toolbar{
	margin:3px 17px 7px 0;
	padding-left:4px;
	float: right;
}
.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:1px solid rgb(150,150,150);}
.main img.right {float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}
.main img.right#oglasslika {position:relative;  max-width:360px; float:right; margin:0  0 7px 10px ; padding:1px; border:1px solid rgb(150,150,150);}
.main img.right#oglasicon {position:relative;  max-width:100px; float:right; margin:0  0 7px 26px ; padding:1px; border:1px solid rgb(150,150,150);}

.main a {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a:hover {
	color:#0099FF;
}
.main a:visited {color:rgb(42,90,138);}

/* .main a img {border:solid 1px rgb(150,150,150);} */
#detaljno {padding-top: 20px;}
/* .main a:hover img {border:solid 1px rgb(220,220,220);}*/