@import "fancy.css";

/* =reset.css (by Andy Clarke) */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

.clear { clear: both; font-size: 1px; line-height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac */ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

body { background:url(../img/bg.jpg) left top repeat;  }
p { color:#333; }

#loader { width:98%; margin:0 auto; margin-top:250px; }
#loader img { margin:0 auto; display:block;}
#loader p { text-align:center; color:#FFF; font-size:20px; padding-top:20px; font-weight:bold; }
#sve { display:none; }

div.cell { display:block; float:left; width:1300px; height:700px; }

ul.menu { display:block; list-style:none; float:left; margin:0px; padding:0px; width:466px; position:absolute; }
ul.left li { float:left; margin:2px; }
ul.right li { float:right; margin:2px; }
ul.menu li a { display:block; float:left; padding:3px 5px; text-decoration:none; font-size:20px; background:#FFF; color:#333; }
div.logo a { display:block; float:left; }
div.bg_dva, div.bg_tri, div.bg_cet { width:1300px; height:700px; float:left; }

/* boje menija na over */
#kontakt ul.menu li a.selected { color:#FFF; background:#834a98; }
#guestbook ul.menu li a.selected { color:#FFF; background:#fe6504; }
#galerija ul.menu li a.selected { color:#333; background:#dff85c; }
#usluge ul.menu li a.selected { color:#FFF; background:#e8280d; }
#vr ul.menu li a.selected { color:#FFF; background:#3cbbd5; }
#cenovnik ul.menu li a.selected { color:#FFF; background:#3ea2c6; }
#vauceri ul.menu li a.selected { color:#FFF; background:#ff68bb; }
#saveti ul.menu li a.selected { color:#FFF; background:#6598ee; }

/* pozicije anchor divova */
#anchor_intro { position:absolute; left:0px; top:0px; float:left; }
#anchor_usluge { position:absolute; left:1350px; top:808px; float:left; }
#anchor_cenovnik { position:absolute; left:2900px; top:1539px; float:left; }
#anchor_galerija { position:absolute; left:216px; top:747px; float:left; }
#anchor_guestbook { position:absolute; left:2773px; top:25px; float:left;  }
#anchor_saveti { position:absolute; left:90px; top:1464px; float:left; }
#anchor_vauceri { position:absolute; left:212px; top:2168px; float:left;  }
#anchor_vr { position:absolute; left:2747px; top:743px; float:left; }
#anchor_kontakt { position:absolute; left:1360px; top:25px; float:left;  }
#anchor_mail { position:absolute; left:1629px; top:1429px; float:left;  }
#anchor_mapa { position:absolute; left:2620px; top:2178px; float:left;  }
#anchor_add_guestbook { position:absolute; left:2773px; top:280px; float:left;  }


/* vauceri */
#vaucer_1 { position:absolute; left:479px; top:2207px; float:left; z-index:99; background:url(../img/vaucer_1.jpg) left top no-repeat; width:393px; height:250px; }
#vaucer_2 { position:absolute; left:626px; top:2310px; float:left; z-index:100; background:url(../img/vaucer_2.jpg) left top no-repeat; width:409px; height: 283px; }
#vaucer_3 { position:absolute; left:737px; top:2202px; float:left; z-index:101; background:url(../img/vaucer_3.jpg) left top no-repeat; width:381px; height:225px; } 

div.tooltip { opacity: 0.8; position:absolute; left:479px; top:2207px; float:left; z-index:300; background:#FFF; width:393px; height:250px; display: none; }


#intro { background:url(../img/bg_intro.jpg) right top no-repeat;  }
#intro div.logo { float:left; height:351px; left:41px; position:absolute; top:43px; width:512px; }
#intro div.logo p.title { color:#FFF; font-size:19px; font-weight:bold; }
#intro div.logo p.subtitle { color:#FFF; font-size:19px; font-weight:bold; display:block; float:left; width:100%; margin-top:-50px;}
#intro div.logo p.subtitle span { color:#333; }
#intro a { display:block; border:none; }
#intro ul.menu { top:321px; left:43px; z-index:100; }
#intro div.vr_spray { display:block; position:absolute; top:330px; left:235px; background:url(../img/vr_spray.jpg) left top no-repeat; width:206px; height:114px; z-index:90; }
#intro div.vr_badge { display:block; position:absolute; top:6px; left:560px; background:url(../img/vr_badge.jpg) left top no-repeat; width:173px; height:198px; z-index:90; }



#kontakt { background:url(../img/bg_kontakt_right.jpg) right 57px no-repeat; }
#kontakt div.bg_dva { background:url(../img/bg_kontakt_bottom.jpg) left 572px no-repeat; }
#kontakt div.logo { position:absolute; left:1751px; top:43px; width:510px; }
#kontakt div.logo p.title { color:#FFF; font-size:19px; font-weight:bold; }
#kontakt div.logo p.subtitle { color:#FFF; font-size:19px; font-weight:bold; display:block; float:left; width:100%; margin-top:-50px; }
#kontakt div.logo p.subtitle span { color:#834a98; }
#kontakt a { display:block; border:none; }
#kontakt ul.menu { left:1880px; top:388px; }
#kontakt ul.menu li a:hover { color:#FFF; background:#834a98; }
#kontakt div.papiric { position:absolute; left:1300px; top:0px; width:427px; background:url(../img/bg_kontakt_left.jpg) 0px 0px no-repeat; height:557px; padding-left:100px; }
#kontakt div.papiric h1 { font-size:31px; color:#834a98; display:block; margin:265px 0 10px 0px; font-weight:bold; }
#kontakt div.papiric p { font-size:17px; font-weight:bold; color:#333; line-height:118%; display:block; margin:0 0 40px 0px; }
#kontakt div.papiric p a { text-decoration:none; color:#333; border-bottom:1px dotted #834a98; display:inline; }
#kontakt div.papiric p a:hover { color:#834a98; border:none; }
#kontakt a.arrow_kontakt { margin:0 0 2px 0px; display:inline-block; text-decoration:none; }
#kontakt a.arrow_kontakt span { color:#FFF; font-size:17px; font-weight:bold; padding:4px 8px 4px 8px; background-color:#834a98; float:left; width:auto; display:block; }
#kontakt a.arrow_kontakt span.arrow { background: transparent url(../img/arrow_kontakt.gif) 100% 50% no-repeat; width:16px; height:31px; background-color:#6e9f3c; display:block; padding:0px; float:left; }
#kontakt a.arrow_kontakt:hover span { color:#834a98; background-color:#FFF; text-decoration:none; }
#kontakt a.arrow_kontakt:hover span.arrow { background: transparent url(../img/arrow_over.gif) left top no-repeat;}


#guestbook { background:url(../img/bg_guestbook_left.jpg) left 36px no-repeat;  }
#guestbook div.bg_dva { background:url(../img/bg_guestbook_right.jpg) right -1px no-repeat;  }
#guestbook div.bg_tri { background:url(../img/bg_guestbook_bottom.jpg) 717px 627px no-repeat;}
#guestbook div.logo { position:absolute; left:3259px; top:52px; }
#guestbook ul.menu { top:48px; left:2775px; }
#guestbook ul.menu li a:hover { color:#FFF; background:#fe6504; }
#guestbook-txt { width:640px; position:absolute; left:3017px; top:137px; }
#guestbook-txt div.entry { background:#FFF; padding:10px; float:left; margin:5px 0px; width:638px; }
#guestbook-txt div.left { width:130px; float:left; }
#guestbook-txt p.ime, #guestbook-txt div.txt { font-size:14px; font-weight:bold; }
#guestbook-txt div.txt { width:485px; float:right; text-align:justify;  }
#guestbook-txt p.ime { padding-bottom:5px; }
#guestbook-txt p.date { font-size:12px; }
#guestbook-txt a.arrow_guestbook { margin:5px 0px; display:block; float:left;text-decoration:none;}
#guestbook-txt a.arrow_guestbook span { color:#FFF; font-size:17px; font-weight:bold; padding:4px 8px 4px 8px; background-color:#fe6504; float:left; }
#guestbook-txt a.arrow_guestbook span.arrow { background: transparent url(../img/arrow_guestbook.gif) 100% 50% no-repeat; width:16px; height:31px; display:block; padding:0px; float:left; }
#guestbook-txt a.arrow_guestbook:hover span { color:#fe6504; background-color:#FFF; text-decoration:none; }
#guestbook-txt a.arrow_guestbook:hover span.arrow { background: transparent  url(../img/arrow_over.gif) left top no-repeat; }


#galerija { background:url(../img/bg_galerija_left.jpg) left bottom no-repeat;  }
#galerija div.logo { position:absolute; left:805px; top:800px; }
#galerija ul.menu { top:795px; left:320px; }
#galerija ul.menu li a:hover { color:#333; background:#dff85c; }
#galerija ul.gallery { position:absolute; top:900px; left:450px; width:630px; float:left; list-style:none; }
#galerija ul.gallery li { float:right; margin:5px; }
#galerija ul.gallery a { display:block; border:4px solid #FFF; }
#galerija ul.gallery a:hover { border:4px solid #dff85c; }


#usluge { background:url(../img/bg_usluge_right.jpg) right -1px no-repeat; }
#usluge div.bg_dva { background:url(../img/bg_usluge_top.jpg) left -1px no-repeat; }
#usluge div.bg_tri { background:url(../img/bg_usluge_bottom.jpg) left bottom no-repeat; }
#usluge div.logo { position:absolute; left:1460px; top:840px; width:800px; }
#usluge div.logo a { display:block; float:left; margin-right:65px; }
#usluge ul.menu { top:1200px; left:1869px; z-index:66; }
#usluge ul.menu li a:hover { color:#FFF; background:#e8280d; }
#usluge_cloud { display:block; float:left; position:absolute; left:1466px; top:937px; width:782px; height:434px; z-index:60; }

#vr { background: transparent url(../img/bg_vr_right.jpg) no-repeat scroll 660px -1px; }
#vr div.bg_dva { background:url(../img/bg_vr_left.jpg) left top no-repeat; }
#vr div.bg_tri { background:url(../img/bg_vr_bottom.jpg) 162px bottom no-repeat; }
/* #vr div.bg_cet { background:url(../img/uskoro.jpg) 162px 142px no-repeat; } */
#vr div.logo { position:absolute; left:3274px; top:1188px; }
#vr ul.menu { left:2797px; top:1185px; }
#vr ul.menu li a:hover { color:#FFF; background:#3cbbd5; }


#saveti { background: transparent url(../img/bg_saveti_right.jpg) no-repeat scroll right top; }
#saveti div.bg_dva { background: transparent url(../img/bg_saveti_papir.jpg) no-repeat scroll 68px 469px; }
#saveti div.logo { position:absolute; left:131px; top:1513px; }
#saveti ul.menu { left:436px; top:1513px; }
#saveti ul.menu li a:hover { color:#FFF; background:#6598ee; }
#saveti #saveti_txt { background:#FFFFFF none repeat scroll 0 0; height:349px; left:136px; padding:10px; position:absolute; top:1634px; width:620px; }
#saveti #saveti_txt h1 { font-size:36px; color:#6598ee; display:block; margin:10px 0px; }
#saveti #saveti_txt p { font-size:14px; }

#mail { background: transparent url(../img/bg_mail.jpg) no-repeat scroll left top; }
#mail div.logo { left:2287px; position:absolute; top:1470px; }
#mail ul.menu { left:1809px; top:1466px; }
#mail ul.menu li a:hover { color:#333; background:#fbee1b; }
#mail #mail_txt { position:absolute; left: 2078px; top:1615px; width:393px; }
#mail form input { background:#FFF; padding:5px; color:#838383; font-size:18px; border:4px solid #FFF; width:100%; margin:2px;}
#mail form textarea { background:#FFF; padding:5px; color:#838383; font-size:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:4px solid #FFF; width:100%; margin:2px; height:200px;}
#mail a.arrow_mail { margin:2px; display:block; float:left; text-decoration:none; clear:left;}
#mail a.arrow_mail span { color:#333; font-size:17px; font-weight:bold; padding:4px 8px 4px 8px; background-color:#fbee1b; float:left; }
#mail a.arrow_mail span.arrow { background: transparent url(../img/arrow_mail.gif) 100% 50% no-repeat; width:16px; height:31px; display:block; padding:0px; float:left; }
#mail a.arrow_mail:hover span { color:#333; background-color:#FFF; text-decoration:none; }
#mail a.arrow_mail:hover span.arrow { background: transparent url(../img/arrow_over.gif) 100% 50% no-repeat; }


#cenovnik { background: transparent url(../img/bg_cenovnik_left.jpg) no-repeat scroll left top; }
#cenovnik div.logo { position:absolute; left:3155px; top:1555px; }
#cenovnik ul.menu { left:3382px; top:1550px; }
#cenovnik ul.menu li a:hover { color:#FFF; background:#3ea2c6; }
#cenovnik #cenovnik_txt { background:#FFFFFF none repeat scroll 0 0; height:350px; left:3215px; padding:10px; position:absolute; top:1640px; width:564px; font-size:13px; overflow:auto; font-weight:bold; color:#333333; }
#cenovnik #cenovnik_txt table { width:97%;  }
#cenovnik #cenovnik_txt table tr {  line-height:170%; }
#cenovnik #cenovnik_txt table tbody tr:hover { background:#3EA2C6; color:#FFF; }
#cenovnik #cenovnik_txt table tr.prvo:hover { background:#FFF;  }
#cenovnik #cenovnik_txt table tr.prvo { height:10px; }
#cenovnik #cenovnik_txt table tr td { text-align:center; }
#cenovnik #cenovnik_txt table tr td.levo { text-align:left; padding-left:15px; }
#cenovnik #cenovnik_txt table tr.odd { background:#E8EFEF;  }
#cenovnik #cenovnik_txt table thead tr td { background:#3EA2C6; color:#FFFFFF;  }
#cenovnik #cenovnik_txt table thead tr td.levo { background:#FFFFFF; }
#cenovnik #cenovnik_txt table thead { height:20px; }
#cenovnik #cenovnik_subtext { position:absolute; left:3215px; top:2017px; width:266px; background:#3EA2C6; }
#cenovnik #cenovnik_subtext p { color:#FFFFFF; font-size:14px; font-weight:bold; line-height:200%; padding-left:11px;  }


#vauceri { background: transparent url(../img/bg_vauceri.jpg) no-repeat scroll 180px top; }
#vauceri div.logo { position:absolute; left:872px; top:2609px; }
#vauceri ul.menu { left:379px; top:2604px; }
#vauceri ul.menu li a:hover { color:#FFF; background:#ff68bb; }
#vauceri #cenovnik_txt { background:#FFFFFF none repeat scroll 0 0; height:352px; left:3215px; padding:10px; position:absolute; top:1644px; width:564px; }
#vauceri #vauceri_subtext { position:absolute; left:447px; top:2572px; width:396px; background:#FF68BB; z-index:250; }
#vauceri #vauceri_subtext p { color:#FFFFFF; font-size:14px; font-weight:bold; line-height:200%; padding-left:11px;  }

#blank { background:url(../img/bg_polaroid1.jpg) 69px 84px no-repeat; }
#blank div.bg_dva { background:url(../img/bg_polaroid_right.jpg) right 52px no-repeat; }
#blank div.bg_tri { background:url(../img/bg_polaroid4.jpg) 396px top no-repeat; }
#blank div.bg_cet { background:url(../img/bg_polaroid3.jpg) 809px -77px no-repeat; }
#blank div.logo { position:absolute; left:1722px; top:2395px; float:left; }
#blank div.logo p.title { color:#FFF; font-size:19px; font-weight:bold; display:block; float:left; width:100%; }
#blank div.logo p.subtitle { color:#FFF; font-size:19px; font-weight:bold; width:100%; margin-top:-50px; float:left; }
#blank div.logo p.subtitle span { color:#ffd193; }
#blank #design {background:url(../img/bg_nikola.jpg) left top no-repeat; padding:128px 0 0 100px; position:absolute; left:2244px; top:2555px; height:181px; width:200px; }
#blank h2 { color:#FFF; font-size:18px; width:100%; display:block; text-decoration:none; }
#blank h2 a { color:#FFF; font-size:18px; text-decoration:none; }
#blank h2 a:hover { color:#000; text-decoration:none; }

#mapa { background:url(../img/bg_mapa_right.jpg) right 73px no-repeat; }
#mapa div.bg_dva { background:url(../img/bg_mapa_left.jpg) left top no-repeat; }
#mapa div.logo { position:absolute; left:3214px; top:2234px; }
#mapa ul.menu { left:2707px; top:2231px; }
#mapa ul.menu li a:hover { color:#FFF; background:#b6261a; }
#mapa #mapa_txt { left:2719px; position:absolute; top:2357px; background:none;  }

#cheshalj { position:absolute; background:url(../img/bg_shnala.jpg) left top no-repeat; width:182px; height:175px; left:1776px; top:573px; display:block; float:left; }

#polaroid { position:absolute; background:url(../img/bg_polaroid2.jpg)  left top no-repeat; width:359px; height:359px; left:1359px; top:2580px; display:block; float:left; }

#splash { position:absolute; background:url(../img/bg_cenovnik.jpg) left top no-repeat; width:327px; height:269px; left:3568px; top:1880px; display:block; float:left; z-index:-50; }

#add_guestbook {background:#fe6504 none repeat scroll 0 0; display:none; left:3017px; padding:10px; position:absolute; top:487px; width:614px;}
#add_guestbook form input { background:#FFF; padding:5px; color:#838383; font-size:18px; border:4px solid #FFF; width:183px; margin:2px; float:left; clear:left;}
#add_guestbook form textarea { background:#FFF; padding:5px; color:#838383; font-size:18px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border:4px solid #FFF; width:387px; margin:2px; height:66px;}
#add_guestbook a.arrow_add_guestbook { margin:2px; display:block; float:left; text-decoration:none; clear:left;}
#add_guestbook a.arrow_add_guestbook span { color:#333; font-size:17px; font-weight:bold; padding:4px 8px 4px 8px; background-color:#DAFF7F; float:left; }
#add_guestbook a.arrow_add_guestbook span.arrow { background: transparent url(../img/arrow_add_guestbook.gif) 100% 50% no-repeat; width:16px; height:31px; display:block; padding:0px; float:left; }
#add_guestbook a.arrow_add_guestbook:hover span { color:#333; background-color:#FFF; text-decoration:none; }
#add_guestbook a.arrow_add_guestbook:hover span.arrow { background: transparent url(../img/arrow_over.gif) 100% 50% no-repeat; }

#input_photo { width:300px; position:absolute; top:800px; left:2800px; background:#3cbbd5; padding:30px; }
#input_photo form input { background:#FFF; padding:5px; color:#838383; font-size:18px; border:4px solid #FFF; width:270px; margin:2px; float:left; clear:left;}
#input_photo form { float:left; }
#input_photo form label { font-weight:bold; color:#FFF; padding:0 10px 0 5px; float:left; line-height:35px; }
#input_photo form input.file { background:#FFF; padding:0px; color:#838383; font-size:12px; border:4px solid #FFF; width:100px; margin:6px; float:left; clear:none; }

#input_photo form input.image_upload { display:block; float:left; margin:26px 0 0 164px; text-decoration:none; background:url(../img/arrow_vr.gif) right center no-repeat; border:none; width:auto; color:#FFF; font-weight:bold; padding:5px 55px 5px 26px; }
#input_photo form input.image_upload:hover { background:url(../img/arrow_vr_over.gif) right center no-repeat; color:#666;  }

#vr_subtext { width:350px; position:absolute; top:271px; left:5px; }
#vr_subtext p { font-weight:bold; color:#FFF; font-size:13px; }



/* STRANA vr_frizer */ 
#vr_container { width:800px; height:500px; margin:0px auto; padding-top:60px; }
div.logo_small { width:800px; margin:0px auto; position:relative; }
div.logo_small a.logo_small { position:absolute; top:10px; display:block; width:164px; right:0px; }
div.logo_small a.back { position:absolute; top:16px; display:block; left:0px; font-size:11px; font-weight:bold; color:#FFF; text-decoration:none; background:#6da03b; padding:6px 12px; }
div.logo_small a.back:hover { background:#FFF; color:#666; }

div.done_container { width:800px; height:500px; margin:0px auto; padding-top:60px;}
div.done_container div.done_text { background:#FFF; padding:20px; }
div.done_container div.done_text p { font-weight:bold; font-size:13px; color:#333; line-height:25px; }
div.done_container div.done_text p a { color:#333; text-decoration:none; background:#c7e8f4; padding:3px 6px; }
div.done_container div.done_text p a:hover { color:#FFF; text-decoration:none; background:#3CBBD5; padding:3px 6px; }

div.done_container div.done_text span.bg { background:#f1f6b7; padding:3px 6px; }
div.done_container div.done_text div.done_contact { padding:300px 0 0 0; }
div.done_container div.done_text div.upper { padding:150px 0 0 0; }
div.done_container div.done_text div.done_contact p { line-height:17px; text-align:right; }
div.done_container div.done_text div.done_contact p a { text-decoration:none; color:#333; padding:0px; background:none; }
div.done_container div.done_text div.done_contact p a:hover { background:#f1f6b7; color:#333; }

span.notice { width:800px; margin:0 auto; padding:2px; font-size:11px; font-weight:normal; color:#FFF; display:block; }