@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; height:100%;  font-family: Helvetica, sans-serif; font-size: 100%; text-align: center; background:#e4e4e4;  background-image: url(../images/background.jpg); background-repeat:repeat-x; }
html {	overflow-y: scroll;  }


#layout { margin: 0px auto; padding:0px; width: 1130px; min-height:700px; background-image:url(../images/bacgroundmaincotnetn.jpg); background-repeat:no-repeat; color:#000; font-family: Arial, Helvetica, sans-serif; font-size:1em; border:none;}

#head { width:1100px; margin:0 auto; padding:0; height:120px; border: none;}
#headheader { height:88px; margin:0 0 5px 0; padding:0; background-image:url(../images/head_header.jpg); background-repeat:no-repeat;}
#headcontent { height: 18px; margin:0; padding:3px 5px 0 5px; color:#FFF; font-size: 0.7em; text-align: left;}
#headlinks { height: 23px; margin: 0 0 3px 0; padding:0; text-align:right;}
#headlinkstable { height:19px; margin:0; padding:0;}
#headlinkstable_vector { height:19px; margin:0; padding:0; text-transform:uppercase; text-align:center; font-size:12px;}
#headlinkstable_vector .off{width:90px; display:inline-block; background:#757575; padding:3px 0px 4px 0px; margin:1px 0px 0px 1px; text-align:center;}
#headlinkstable_vector .on{width:90px; display:inline-block; background-color:#434343; color:#FFF; padding:3px 0px 4px 0px; margin-left:4px; text-align:center;}
#headlinkstable_vector a{  text-decoration:none; color:#fff;}
#headlinkstable_vector a:hover{  background-color:#434343; text-decoration:none; color:#fff;}


/* LEFT FRAME */
#leftframe { margin:0px; padding:0px; width:175px; background:#ececec; text-align:left; vertical-align:top; border:none;}
#prijava, #search, #konvertor, #asearch, #katalog { margin-top:3px; width:175px; background:#d1d1d1; }

#prijava { padding:23px 0px 0px 0px; background-repeat:no-repeat; }
.leftframeforms { margin:0px 11px; padding:0; background:none; border:none;}
.inputfields { height:15px; border:1px solid #a1a1a1; padding: 2px 0px 0px 2px; margin:0px; font-family:Verdana; color:#999; font-size:9px; }
.selectfield { height:19px; border:1px solid #a1a1a1; padding:0; margin:0px 0px 0px 3px; font-family:Verdana; color:#999; font-size:9px; width:53px; }
.submit { text-align:right; padding:4px 0px; }

#search {padding:23px 0px 10px 0px; background-repeat:no-repeat;}
#asearch {padding:0px; height:28; }
#konvertor {padding:23px 0px 0px 0px; background-repeat:no-repeat;}


/* MAIN CONTENT */
#maincontent { width:895px; margin:0; padding:15px 15px; font-family: Arial, Helvetica, sans-serif; font-size:0.8em; text-align:justify; vertical-align:top; background:#FFF; border:none;}

SPAN.dad {font-variant: small-caps; font-size:11px; color:#e66f00;}
//*[title] {font-variant: small-caps; font-size:11px; color:#e66f00;}

/* FOOTER */
#foot { width:1130px; height:45px; margin: 0 auto; padding:0; bottom:0; border:none;}

#maincontent p {margin: 0 0 15px 0;}
#maincontent h1 { font-size: 18px; text-align: center; font-weight: normal; }
#maincontent h2 { font-size: 12px; margin:0px 0 5px 0; letter-spacing: 1px; word-spacing: 1px; }

.error_message {
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	color:#900;
	letter-spacing: 3px;
	text-align: left;
}

#linkovi { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-decoration: none; color: #000000; margin: 0 auto; text-align:center; }
#subcategory_links { width:800px; border:none; font-family: Tahoma; font-size: 12px; font-weight: normal; text-decoration: none; text-transform:uppercase; color: #8d8d8d; text-align:center; margin-bottom:15px; }
#subcategory_links a:link { color: #9c9d9d; text-transform:uppercase; font-family: Tahoma; font-size: 11px; }
#subcategory_links a:hover { }
#subcategory_links a:visited {color: #9c9d9d; text-decoration:none; font-size:11px;}

#maincontent .datacell_b { border-bottom: 1px solid #cfcfcf; background-color: #FFFFFF;}
#maincontent .datacell_a { border-bottom: 1px solid #cfcfcf; background-color:#EEEEEE;}
#sizestable { color: #000; font-size:11px; font-family: Arial, Helvetica, sans-serif;  width:100%; background-color: #eeeeee; }
#sizestable table { border-collapse:collapse; padding:0; margin:0; border-right: 1px solid #cfcfcf;}
#sizestable th { vertical-align:middle; text-align: center; color: #6b6b6b; border-bottom: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; font-style:normal; }
#sizestable #td_a { background-color: #eeeeee; text-align: right; width:30%; border-bottom: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-collapse:collapse; padding-right: 4px;}
#sizestable #td_b { background-color: #FFFFFF; text-align: right; width:30%; border-bottom: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-collapse:collapse; padding-right: 4px;}

#clienttable { color: #000; font-size:11px; font-family: Arial, Helvetica, sans-serif;  width:660px; background-color: #eeeeee; }
#clienttable table { border-collapse:collapse; padding:0; margin:0; border-right: 1px solid #cfcfcf;}
#clienttable th { vertical-align:middle; text-align: center; color: #6b6b6b; border-bottom: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; font-style:normal; }
#clienttable #cltd_a { background-color: #eeeeee; text-align: right; border-bottom: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding-right: 4px;}
#clienttable #cltd_b { background-color: #FFFFFF; text-align: right; border-bottom: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; padding-right: 4px;}

#formklijent {background-color: #eeeeee; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0; padding:0; border-bottom: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;}
#formklijent td {margin:0; padding:0;}
#submitklijent {width:100px;}


#napredna{ margin: 0px; padding: 0px; }
#napredna .label{ font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #ec7c00; margin:0 0 0 0; padding:4px 0 3px 0;}
#napredna .labelcheck{ font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #000000; padding: 0 0 4px 0; margin: 0; }
#napredna .value{ font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #999999; width: 140px; padding: 0; margin: 0; }
#napredna .valuecheck{ font-family: Verdana, Geneva, sans-serif; font-size: 8px; color: #999999; width: 15px; padding: 0; margin: 0; }

.datum1 {font-size:10px; margin: 17px 15px 0 0px; text-align:left; font-family:Arial, Helvetica, sans-serif; letter-spacing: 0px; color:#333; }
.datum2 {font-size:11px; margin: 0px 0 -5px 0px; text-align:center; font-family:Verdana; font-weight:normal; letter-spacing: 0px; color:#333; line-height: 12px; }
.datum3 {font-size:11px; margin: 10px 0 10px 0px; text-align:center; font-family:Verdana; font-weight:normal; letter-spacing: 0px; color:#333; line-height: 12px;}
.kurs {font-size:12px; text-align:center; font-family:Verdana; font-weight:bold; letter-spacing: 0px; color:#333; line-height:5px; margin: 15px 0 0 0;}


#password-clear { display: none; }
#user-clear { display: none; }


#linkovi a { text-decoration:underline; color: #484848;}
#linkovi a:hover { text-decoration:none; color: #000000; }

a:link {color: #e66f00; text-decoration:none; font-size:12px;}     /* unvisited link */
a:visited {color: #e69f00; text-decoration:none; font-size:12px;}  /* visited link */
a:hover {color: #e66f00; text-decoration:underline; font-size:12px;}   /* mouse over link */
a:active {color: #CCCCCC; font-size:12px;}   /* selected link */

a img {	border: none; }
/*img { margin: 0; padding: 0; }*/

#article { vertical-align: top; width: 200px; color:#6b6b6b; padding: 0; display:inline-block; margin: 0 3px 15px 3px; text-align:left;}
<!--[if gt IE 5.5] -->
#article { display:inline;}

#articlesdata { vertical-align: bottom; color:#6b6b6b; padding: 0; background:#fff; position:static; display:block; margin: 0 0 0 0;}

/* Shadow for thumbnail images */
.img-shadow {
  width:200px;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 5px !important;
  margin: 5px 0 0 5px;
}
.img-shadow img {
  width:200px;
  height:150px;
  display: block;
  position: relative;
  background-color: #eee;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
}

/* liste za nabrajanje */
ul {margin:0 0 30px 0; list-style-type:none; }
li {margin:0 0 5px 0;}

/* <dl><dt><dd> for FORM za azuriranje sajta*/
dl {margin:0px; padding:0px;}
dt, dd {margin: 2px 0; padding:0px 0px 0px 0px;}
dt {float:left; width:125px; font-size:12px; height:25px;}
dd {float:right; width:510px; height:25px;}
.inputtext{ font-size:11px;margin:0 0 0 5px; padding:1px 0 1px 2px;border-color:#999999;width:400px; position:absolute;}
.shorttext{font-size:11px;margin:0 0 0 5px; padding:1px 0 1px 2px;border-color:#999999;width:120px; position:absolute;}
.selecttext{font-size:11px;margin:0 0 0 5px; padding:1px 0 1px 1px;border-color:#999999;width:180px; background:#FFC2A6; font-weight:bold; font-family:Tahoma; position:absolute;}
.submitbutton{font-size:10px;padding:0 2px 2px 2px; margin:0; height:17px; width: 80px; border:1px solid #B7B7B7;color:#484848;  vertical-align: bottom;}

/* tooltip css */
.tooltip-content {
	z-index:100;
	display: none;        /* required */
	position: absolute;   /* required */
	padding: 5px;
	border: 1px solid #e66f00;
	background-color:#eeeeee;
	width:220px;
	text-align:left;
	filter:alpha(opacity=100);   /* Internet Explorer       */
    -moz-opacity:1.0;           /* Mozilla 1.6 and below   */
   	opacity: 1.0;               /* newer Mozilla and CSS-3 */
}

.tooltip-target { color:#e66f00; }