/* ELIPSA IT for CLIENT
   CSS Document by dotTOM */

/* 1. RESET
   ------------------------------------ */
   html,body,div,span,
   applet,object,iframe,
   h1,h2,h3,h4,h5,h6,p,blockquote,pre,
   a,abbr,acronym,address,big,cite,code,
   del,dfn,em,font,img,ins,kbd,q,s,samp,
   small,strike,strong,sub,sup,tt,var,
   dd,dl,dt,li,ol,ul,
   fieldset,form,label,legend,
   table,caption,tbody,tfoot,thead,tr,th,td {
      margin:0; padding:0;
      font-weight:normal;  font-style:normal; font-size:100%; font-family:inherit; line-height:1; text-align:left;
      border:0; }
   table { border-collapse:collapse; border-spacing:0; }
   ol,ul { list-style:none; }
   q:before,q:after,blockquote:before,blockquote:after   { content: ""; }
   a img,h1 img,h2 img,h3 img,h4 img,h5 img,h6 img    { border:0; margin:0; }



/* 2. GLOBAL
   ------------------------------------ */
body {
   font-family:"Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;   font-size:12px; color:#333333;
   background-color:#F9F7EA; }

   /* headings ------- */
h1 { margin-bottom:10px; color:#111111; font-size:22px; font-weight:bold; }
   h1.logo     { position:absolute; top:0; left:0; width:200px; background:url(../scr_images/logo.png) 0 30px no-repeat; text-indent:-9000em; }
   h1.logo a   { display:block; height:96px; }
h2 { margin-bottom:10px; color:#333; font-size:16px; font-weight:bold; }
   .leftBox h2 { border-bottom:1px solid #ccc; padding-bottom:8px; }
   .intro h2 { color:#FFFFFF; font-size:22px; }
   .wide h2 { font-size:20px; color:#CC0000; }
   .wide h2 span { display:block; font-size:11px; color:#999999; margin-bottom:3px; }
   .wide h2.ord { font-size:20px; color:#333; font-weight:normal; margin-bottom:20px; }
h3 { margin-bottom:10px; color:#111111; font-size:16px; font-weight:bold; }
   h3.kontakt { text-indent:-9000em; background:url(../scr_images/h_kontakt.jpg) top left no-repeat; }
   h3.kontakt a { display:block; height:50px; outline:none; }
h4 { margin-bottom:5px; color:#111111; font-size:14px; font-weight:bold; }
   .ulazBox h4 { color:#ddd; font-size:12px; border-bottom:3px solid #333; padding-bottom:5px; }
h5 { margin-bottom:10px; color:#111111; font-size:12px; font-weight:bold; }
h6 { margin-bottom:10px; color:#111111; font-size:11px; font-weight:bold; }

   /* text elements ------- */
p           { margin:0 0 1.5em; line-height:1.5; }
p img.left     { float:left; margin:0 1.5em 1.5em 0; padding:0; }
p img.right    { float:right; margin:0 0 1.5em 1.5em; }

a           { color:#000; text-decoration:none; }
a:hover        { color:#222; text-decoration:none; }

p a            { color:#006699; border-bottom:1px dotted #006699; }
p a:hover      { color:#0099CC; border-bottom:1px solid #0099CC; }

p a[href^="http:"]{ padding-right:8px; background:url(../scr_images/icon_linkExternal.gif) no-repeat right top; }
   p a[href^="file:///"] { padding-right:0; background-image:none; }
p a[href$=".pdf"] { padding-right:10px; background:url(../scr_images/icon_linkPdf.gif) no-repeat right top; }
p a[href$=".doc"] { padding-right:10px; background:url(../scr_images/icon_linkDoc.gif) no-repeat right top; }
p a[href$=".xls"] { padding-right:10px; background:url(../scr_images/icon_linkXls.gif) no-repeat right top; }
p a[href$=".ppt"] { padding-right:10px; background:url(../scr_images/icon_linkPpt.gif) no-repeat right top; }

blockquote     { margin:1.5em; color:#666; font-style:italic; }
strong,dfn     { font-weight:bold; }
em,dfn,i,cite  { font-style:italic; }
sup,sub        { font-size:0.9em; line-height:0; }
u           { text-decoration:underline; }
small       { font-size: .8em; }
big            { font-size:1.4em; }

abbr,
acronym        { border-bottom:1px dotted #666; }
address        { margin:0 0 1.5em; font-style:italic; }
del            { color:#666; }

pre            { margin:1.5em 0; white-space:pre; }
pre,code,tt    { font-family:'andale mono', 'lucida console', monospace; color:#000000; }
code        { display:block; padding:0px 10px; background:url(../scr_images/back_code.gif); line-height:17px; font-size:11px; }

hr          { background:#ddd; color:#ddd; margin:0; height:1px; float:none; width:100%; border: none; }
   .contactBox hr { background-color:#910000; margin:13px 0; }
   .cB2 hr { background-color:#ccc; }

   /* misc classes ------- */
.quiet      { color:#666; }
.loud    { color:#000; }

.highlight  { background:#ff0; }
.hidden     { display:none; }
.clear      { clear:both; }

.feat p, .feat2 p, .feat3 p {
   color:#C5AD89; }
.feat3 p {
   margin-right:150px; }



/* 3. FORMS
   ------------------------------------ */
label    { display:block; padding-bottom:3px; font-size:11px; color:#666666; }
fieldset { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc; }
legend      { font-weight:bold; font-size:1.2em; }

input, textarea, select {
   margin:0;
   font-size:11px; font-family:Tahoma, "Trebuchet MS", Arial, Verdana, sans-serif;
   background-color:#F5F5F5; border:2px solid #ccc; }
label[title="Required"] + input, label[title="Required"] + textarea, label[title="Required"] + select {
   background-color:#eee; border:2px solid #ddd; }

input:focus, textarea:focus, select:focus {
   border:2px solid #CC0000; }

input    { padding:4px; width:180px; }
textarea { padding:4px; width:350px; height:150px; }

   /* notifications ------- */
.error, .notice, .success {
   padding: .8em;
   margin-bottom:1em; }

.error      { padding:5px 5px 5px 20px; color:#8a1f11; background:#FBE3E4 url(../scr_images/icon_exclamation.gif) no-repeat 7px 4px; border:2px solid #FBC2C4; }
.notice     { padding:5px; color:#514721; background:#FFF6BF; border:2px solid #FFD324; }
.success { padding:5px; color:#264409; background:#E6EFC2; border:2px solid #C6D880; }
.error a { color:#8a1f11; }
.notice a   { color:#514721; }
.success a  { color:#264409; }

   /* other ------- */
form p         { margin-bottom:8px; }
p.diff label   { line-height:1; }
p.diff input   { width:auto; border:0; }
span.feedback  { position:absolute; top:0; left:550px; width:100px; }
em.required    { font-size:0.9em; color:#666666; }

input.btn {
   width:122px; height:28px;
   text-align:center; color:#eee; font-weight:bold; padding-bottom:5px;
   background:url(../scr_images/btn_send.jpg) top left no-repeat; border:0;
   cursor:pointer; }
input.btn:hover {
   background-position:right; color:#fff; }

form.obrazacStan fieldset.left {
   float:left; width:215px; padding:0; margin:0; border:0; }
form.obrazacStan textarea {
   width:290px; height:110px; }
form.obrazacStan input.btn {
   margin:3px 0 0 215px; }



/* 4. TABLES
   ------------------------------------ */
table    { width:100%; }
thead th { background:#c3d9ff; }
th       { font-weight:bold; }
th,td    { padding:4px 10px 4px 5px; }
td       { line-height:130%; vertical-align:top; text-align:left; }
tfoot    { font-style:italic; }
caption     { padding:5px; background:#eee; text-align:center; }

tr.odd      { background-color:#eeeeee; }



/* 5. LISTS
   ------------------------------------ */
ul       { list-style-type:disc; }
ol       { list-style-type:decimal; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
li ul,li ol { margin:0 1.5em; }
li       { margin:0.5em 0; }

dl       { margin:0 0 1.5em 0; }
dl dt    { font-weight:bold; }
dd       { margin-left:1.5em;}

   /* other ------- */
ul.menu {
   margin:0 0 0 300px; width:520px; height:40px;
   list-style:none; }
ul.menu li {
   margin:0; padding:0; }
ul.menu li a {
   display:block; float:left; margin:0 0 0 10px; height:40px;
   text-transform:uppercase; color:#ccc; font-size:11px; }
ul.menu li a span {
   display:block; padding:16px 15px 15px 15px; margin:0; font-weight:bold; }
ul.menu li a:hover {
   color:#FFFFFF; }
ul.menu li a.active {
   color:#fff;
   background:url(../scr_images/back_menu_left.png) top left no-repeat; }
ul.menu li a.active span {
   background:url(../scr_images/back_menu_rightcorner.jpg) top right no-repeat; }

ul.menu2 {
   margin:0; list-style:none;
   float:left; width:160px; padding:0px 15px 0 0;
   /* border-right:1px dotted #666; */ }
ul.menu2 li {
   border-bottom:1px solid #ccc; }
ul.menu2 li.seprt {
   margin:30px 0 0 0; }
ul.menu2 li a { display:block; padding:3px 0; }
ul.menu2 li a:hover {
   padding-left:5px; color:#fff;
   background-color:#CC0000;  }
ul.menu2 li a.active {
   font-weight:bold; }

ul.contactBox {
   list-style:none;
   color:#fff; }
ul.contactBox li {
   position:relative; padding:0 0 0 30px; }
ul.contactBox li span {
   position:absolute; top:0; left:0;
   font-size:10px; color:#EEB3B3; line-height:12px;  }
ul.contactBox li.tel {
   font-size:17px; font-weight:bold; padding:0 0 0 30px; line-height:20px;
   background:url(../scr_images/icon_contactPhone.jpg) top left no-repeat; }
ul.contactBox li.email {
   font-size:17px; font-weight:bold; padding:0 0 0 30px; line-height:20px;
   background:url(../scr_images/icon_contactMail.jpg) -3px 0 no-repeat; }
ul.contactBox li a { color:#FFFFFF; }
ul.contactBox li a:hover { text-decoration:underline; }

ul.cB2 {
   margin-left:500px; padding:25px 0 20px 35px;
   color:#333;
   border-left:1px dotted #999; }
ul.cB2 li span {
   color:#999; }
ul.cB2 li.tel {
   background:url(../scr_images/icon_contactPhone2.jpg) 0 -1px no-repeat; }
ul.cB2 li.email {
   background:url(../scr_images/icon_contactMail2.jpg) 0 2px no-repeat; }
ul.cB2 li a { color:#333; }
ul.cB2 li a:hover { color:#000000; }

ul.brojkeStan {
   margin:0; list-style:none; padding-top:10px;
   width:230px; padding-right:12px; border-right:1px dotted #666; }
ul.brojkeStan li {
   position:relative;
   font-size:11px; line-height:14px;
   border-bottom:1px solid #ccc; }
ul.brojkeStan li span { position:absolute; top:0; right:0; line-height:14px; }
ul.brojkeStan li.ukupno1 {
   padding-left:10px;
   font-size:14px; line-height:18px; font-weight:bold; color:#555;
   border:none; }
ul.brojkeStan li.ukupno1 span { line-height:20px; }
ul.brojkeStan li.ukupno2 {
   padding-left:10px;
   font-size:14px; line-height:18px; font-weight:bold; color:#555;
   border:none; }
ul.brojkeStan li.ukupno2 span { line-height:20px; }
ul.brojkeStan li.ukupno1 span, ul.brojkeStan li.ukupno1 sup, ul.brojkeStan li.ukupno2 span, ul.brojkeStan li.ukupno2 sup {
   font-weight:bold; }
ul.brojkeStan li.misc {
   padding-left:10px; }



/* 6. LAYOUT
   ------------------------------------ */
#top {
   background:url(../scr_images/back_header.jpg) repeat; }
#main {
   background:url(../scr_images/back_content.jpg) top repeat-x;
   height:200px; }

.header {
   position:relative; margin:0 auto; width:850px; }
.feat {
   background-color:#000000; padding:20px 0 10px 10px; }
.feat2 {
   background-color:#000000; padding:20px 0 0 10px; }
   .prodStanovi, .slobStanovi {
      float:right; margin:10px 30px 0 0;
      text-transform:uppercase; color:#fff; font-size:10px; line-height:16px; }
   .prodStanovi span, .slobStanovi span {
      display:block; height:16px; width:16px; margin-right:7px; float:left; }
   .prodStanovi span {  background-color:#990000; }
   .slobStanovi span {  background-color:#CCCCCC; }
.feat3 {
   background-color:#000000; padding:30px 20px 1px 20px; }
   .intro {
      float:left; width:280px; margin:20px 0 0 35px; }
   .video {
      width:423px; height:230px; margin:0 0 0 365px; padding:10px; background-color:#302F0C; }

.ulazBox {
   float:left; width:180px; margin-left:20px; }

.content {
   margin:0 auto; width:850px; }
.blackbottom {
   height:15px; margin-bottom:15px;
   background-color:#000000; border-bottom:1px solid #fff; }
.wide {
   position:relative; background-color:#FFFFFF; margin-bottom:5px; padding:15px; }
   .tlocrt {
      float:right; width:530px; }
   img.procelje {
      margin-top:30px; padding-top:20px; border-top:1px dotted #999; }
   .cnt2 {
      margin-left:210px; width:610px; }
   .cnt2 img.galThumb {
      float:left; width:133px; padding:5px; margin:0 5px 10px 0;
      background-color:#eee; }
   .cnt2 img.galThumb:hover {
      background-color:#bbb; }
   .cnt3 {
      float:left; width:450px; }

.leftBox {
   float:left; width:520px; padding:15px; margin-bottom:40px;
   background:#FFFFFF; }
.contact {
   width:293px; margin:0 0 40px 555px;
   background:#CC0000 url(../scr_images/back_contact.jpg) top left repeat-x; border:1px solid #990000; }

.footer {
   position:relative;
   margin:0 auto; margin-bottom:40px; width:850px; height:80px;
   background-color:#EAE8D3; }
   .footerLinks {
      padding:15px 0 0 0;
      text-align:center; color:#999; font-size:11px; }
   .footerLinks a {
      color:#555; padding:0 3px; font-weight:bold; }
   .footerLinks a:hover {
      color:#990000; text-decoration:underline; }
   .copy {
      position:absolute; top:0; left:0;
      padding:50px 0 0 260px; height:30px;
      font-size:10px; font-weight:bold; color:#999999;
      background:url(../scr_images/logo_footer.gif) 15px 15px no-repeat; }



/* 7. OTHER
   ------------------------------------ */
.fL   { float:left; }
.fR   { float:right; }

a.keybutton {
   display:block; width:180px; height:35px; margin-top:30px;
   text-indent:-9000em;
   background:url(../scr_images/keybutton.jpg) top left no-repeat; }
a.keybutton:hover {
   background-position:right; }

a.dnlBtn {
   position:absolute; top:30px; right:30px;
   line-height:20px; color:#EEB3B3;
   background:url(../scr_images/btn_dnl.jpg) top left no-repeat; }
a.dnlBtn span {
   display:block; padding:6px 8px 6px 35px; font-weight:bold;
   background:url(../scr_images/btn_dnl_span.jpg) top right no-repeat; }
a.dnlBtn:hover {
   color:#FFFFFF; }

a.linkStan {
   display:block; padding:3px 0; line-height:120%;
   color:#ddd; font-size:11px;
   border-bottom:1px solid #999; }
a.linkStan span.katStan {
   float:right; display:block; padding:2px 0 3px 0; width:20px;
   text-align:center;
   background-color:#333333; }
a.linkStan span.kvadratStan {
   float:right; display:block; padding:2px 0 2px 0; width:60px; line-height:120%;
   text-align:center; color:#333333;
   background-color:#999999; }
a.linkStan:hover { border-color:#FFFFFF; color:#fff; }
a.linkStan:hover span.katStan { background-color:#555; }
a.linkStan:hover span.kvadratStan { background-color:#fff; color:#000; }

a.more {
   display:block;
   margin-top:30px;
   font-size:10px;   font-weight:bold;
   border:0; }
a.more:hover {
   border:0; }

.mrgB3px {
   margin-bottom:4px; }


#naplatnaTooltip{
background-image: url(http://www.arapovac.hr/scr_images/back_contact.jpg);
background-repeat-x: repeat;
background-repeat-y: no-repeat;
background-attachment: initial;
background-position-x: 0%;
background-position-y: 0%;
background-origin: initial;
background-clip: initial;
background-color: #C00;
}