@charset "utf-8"; /* CSS Document *//* gold: #f3bd70 bordo: #4a0023; body:#f1eae0 livs:#e0caa5 #dcad9b #eab5a7 */ /* @font-face kit by Fonts2u (http://www.fonts2u.com) */ /* @font-face { font-family:'Miroslav'; src: url('MIROSLN.eot?') format('eot'), url('MIROSLN.woff') format('woff'), url('MIROSLN.ttf') format('truetype'), url('mirosln.ttf') format('truetype'), url('miroslc.ttf') format('truetype'), url('MIROSLN.svg#MiroslavNormal') format('svg'); font-weight:bold; font-style:normal; } */ /*@font-face { font-family: SKnjiga; src: url('../fonts/sknjiga3.otf'); } */ * {box-sizing:border-box;border:0;margin:0;outline:0;padding:0;} html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%;} body {font-family: 'Philosopher', sans-serif;line-height:1.4; background:#f1eae0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, div {display:block;} audio, canvas, video {display:inline;max-width:100%;vertical-align:baseline;} audio:not([controls]) {display:none;height:0;} /* TABLES */ table {border-collapse:collapse;border-spacing:0;width:100%;display:table;} table, th, td {border:none;} table tr {border-bottom:1px solid #f3bd70;} table tbody tr:nth-child(odd) {background-color:#e0caa5;} table tbody tr {transition:background-color .25s ease;} table tbody tr:hover {background-color:#e0caa5;} table tr th, table tr td {text-align:center;} thead {border-bottom:2px solid #f3bd70;} table td, table th {padding:6px 8px;display:table-cell;text-align:left;vertical-align:top;} table th:first-child, table td:first-child {padding-left:16px;} /* BLOCKQUOTE */ blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;} blockquote, q {margin:0 2rem;padding-left:16px;border-left:5px solid #ddc17d;font-style:italic;} /* LISTS */ ul, ol {list-style-type:circle;padding:0;margin:1rem 2rem;list-style-position:inside;display:block;} ul li, ol li {padding:6px 16px;/*border-bottom:1px solid #e0e0e0;*/} ul li:last-child, ol li:last-child {border-bottom:none;} /* HEADINGS LINKS PARAGRAPHS HR TEXT STYLE #####################*/ /*h1,h2,h3,h4,h5,h6 {font-family:"Times New Roman", Times, serif;font-weight:400;margin:20px 0; }*/ /* font-weight:400;line-height:1.4; */ /* h1,h2,h3,h4,h5,h6 {font-family: 'Philosopher', sans-serif;font-weight:400;margin:20px 10px; } */ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight:inherit} h1 {font-size:36px;color:#0D5B75;} h2 {font-size:30px;color:#666;/*#0061a5; height:36px;padding-bottom:10px; overflow:hidden;*/} h3 {font-size:24px;color:#333;} h4 {font-size:20px;color:#cf2329;} /*#33b8ff #511a15*/ h5 {font-size:18px;} h6 {font-size:16px;} h4, h5, h6 {color:#cf2329;} h1, h2, h3, h4, h5, h6 { /*font-family: 'SKnjiga', cursive; font-weight: normal;*/ font-family:"Times New Roman", Times, serif;font-weight:400; } hr {height:0;border:0;border-top:1px solid #e0caa5;margin:16px 0} hr {-moz-box-sizing:content-box;box-sizing:content-box;} a, a:active, a:hover {text-decoration:none;} b, strong {font-weight:bold} sub, sup {font-size:1.2rem;line-height:0;position:relative;vertical-align:baseline;} sup {top:-0.8rem} sub {bottom:-0.4rem} img {border:0;max-width:100%;height:auto;} figure {margin:1rem 40px;} /* FORMS AND BUTTONS ############*/ button, input, optgroup, select, textarea {color:inherit;font:inherit;margin:0;} button {overflow:visible;} button, select {text-transform:none;} button, html input[type=button], input[type=reset], input[type=submit] {-webkit-appearance:button;cursor:pointer;} button[disabled], html input[disabled] {cursor:default;} button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;} input {line-height:normal;} input[type=checkbox], input[type=radio] {box-sizing:border-box;padding:0;} input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {height:auto;} input[type=search] {box-sizing:content-box;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;} input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {-webkit-appearance:none;} fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:0.5rem 1rem 1.2rem;} legend {border:0;padding:0;} textarea {overflow:auto;} optgroup {font-weight:bold;} /* Forms style */ .txt-input {color:#000;font-size:16px;} .txt-input, .txt-textarea, .txt-file, .txt-select , .txt-select2, input, textarea, select {border:4px solid #ccc;margin:5px;} .txt-input, .txt-textarea, .txt-file {padding:14px;} .txt-select, select {width:200px;height:34px;background:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;cursor:pointer;} .txt-select2 {width:120px; width:200px;height:34px;float:left;background:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;cursor:pointer;} .txt-input, input {width:320px;} .txt-textarea, textarea {min-width:320px; width:40%;height:150px;} .txt-select option, option {padding:14px;border-bottom:1px solid #e1e1e1;} .txt-select2 option {padding:7px;border-bottom:1px solid #e1e1e1;} .txt-file {width:320px;} .txt-input:focus, .txt-textarea:focus, .txt-file:focus, .checkrow:hover, .txt-select:focus, input:focus, textarea:focus, select:focus {border:1px solid #ddc17d;outline:double 1px #ddc17d;-moz-box-shadow:0px 0px 4px #ccc;-webkit-box-shadow:0px 0px 4px #ccc;box-shadow:0px 0px 4px #ccc;} .checkrow {border:1px solid #ccc;margin:1px 5px;height:50px;width:200px;background:#fff;display:inline-block;} .checkrow:after {clear:both;} a.boxpred {display:block;width:150px;float:left;text-align:center;height:48px;padding:4px 0 0 0;text-decoration:none;} a.boxodstar {display:block;width:48px;float:left;text-align:right;height:48px;padding:0;text-decoration:none;border-left:1px solid #ccc;} img.boxicon {margin:8px 0 0 8px;padding:0;width:32px;height:32px;} a.boxpred:hover, a.boxodstar:hover {background:#eee;} input[type=checkbox], input[type=radio] {/*display:block;width:25%;height:48px;cursor:pointer;float:left;*/display:block;width:16px;height:16px;cursor:pointer;margin:18px 14px 10px 18px;} input.bulkcheck {display:block;width:16px;height:16px;cursor:pointer;margin:18px 14px 10px 18px;}/*float:none;*/ input.bulkcheck2 {display:block;width:16px;height:16px;cursor:pointer;margin:2px 14px 10px 18px;}/*float:none;*/ input.bulkcheck2-marks {display:block;width:16px;height:16px;cursor:pointer;margin:5px 14px 10px 22px;} input.bulkcheck2-1 {display:block;width:16px;height:16px;cursor:pointer;margin:5px 0 0 5px;} label {display:block;width:75%;height:48px;padding:14px 0 0 0;cursor:pointer;float:left; overflow:hidden;} label.iconboy { background:url(../grafika/icon-boy32.png) right no-repeat;} label.icongirl { background:url(../grafika/icon-girl32.png) right no-repeat;} label.bulklabel {width:225px;height:48px;padding:16px 0 0 0;cursor:pointer;overflow:hidden;} label.bulklabel-marks {width:60px;height:60px;margin:2px 5px;padding:16px 0 0 0;cursor:pointer;border:1px solid #005A8C;float:right;border-radius:7px;overflow:hidden;} label.bulklabel:hover, label.bulklabel-marks:hover {background:#f1f1f1;} label.bulklabel2 {width:96px;height:64px;margin:10px 10px 0 0;padding:0;cursor:pointer;overflow:hidden;border:1px solid #06F;display:inline-block;background:#06F;color:#fff;} label.bulklabel2-m {width:64px;height:64px;margin:10px 10px 0 0;padding:0;cursor:pointer;overflow:hidden;border:1px solid #06F;display:inline-block;background:#06F;color:#fff;} label.bulklabel2-1 {width:96px;height:64px;margin:10px 10px 0 0;padding:0;cursor:pointer;overflow:hidden;border:1px solid #06F;display:inline-block;background:#0C0;color:#fff;} label.bulklabel2-2 {width:96px;height:64px;margin:10px 10px 0 0;padding:0;cursor:pointer;overflow:hidden;border:1px solid #06F;display:inline-block;background:#f00;color:#fff;} .labeltext {display:block;padding-top:24px;text-align:center;} /*width:46px;display:inline-block;padding-top:26px;*/ label.bulklabel2:hover, label.bulklabel2-m:hover, label.bulklabel2-2:hover {background:#c00;} label.bulklabel2-1:hover {background:#090;} button, html input[type=button], input[type=reset], input[type=submit] {cursor:pointer;display:inline-block;width:auto;margin:5px 2px 5px 0;padding:10px 15px;text-align:center;background:#4a0023;color:#e0caa5;border:1px solid #4a0023;border-radius:5px;} button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {background:#e0caa5;color:#4a0023;} /* ### paginacija ##############*/ /* gold: #f3bd70 bordo: #4a0023; body:#f1eae0 livs:#e0caa5 #dcad9b #eab5a7 */ .paginate {font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:10px; margin:5px; text-align:center;} .paginate a {padding:8px 14px; margin:4px; border:1px solid #4a0023; text-decoration:none; color: #000;display:inline-block;} .paginate a:hover, .paginate a:active {border: 1px solid #4a0023; background:#e0caa5; color: #4a0023;} .paginate span.current {margin:4px; padding:8px 14px; border:1px solid #4a0023;; font-weight:bold; background:#e0caa5; color:#4a0023;} .paginate span.disabled {padding:4px 7px; margin:4px; border:1px solid #e0caa5; color:#e0caa5;} .paging-iskljucen { list-style-type:none; display:block; border:1px solid #e1e1e1; margin:1px 0 0 10px; padding:2px; text-indent:10px; /*width:630px;*/ } /* ### paginacija sidebar ##############*/ .paginate2 {font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:10px; margin:5px -20px;; text-align:center; background:#4a0023;} .paginate2 a {padding:8px 14px; margin:4px; border:1px solid #e0caa5; text-decoration:none; color: #e0caa5;display:inline-block;} .paginate2 a:hover, .paginate2 a:active {border: 1px solid #4a0023; background:#e0caa5; color: #4a0023;} .paginate2 span.current {margin:4px; padding:8px 14px; border:1px solid #4a0023;; font-weight:bold; background:#e0caa5; color:#4a0023;} .paginate2 span.disabled {padding:4px 7px; margin:4px; border:1px solid #e0caa5; color:#e0caa5;} .paging-iskljucen { list-style-type:none; display:block; border:1px solid #e1e1e1; margin:1px 0 0 10px; padding:2px; text-indent:10px; /*width:630px;*/ } /*#######################################*/ /*UNISLIDER style*/ .bannholder { background:#4a0023; } .banner { position: relative; width: 100%; margin:0 auto; padding:0; overflow: auto; font-size: 18px; line-height: 24px; text-align:center; color: rgba(255,255,255,.1); text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3); z-index:10; background:transparent; /*height:460px;*/ padding-top:0; margin-top:0; } .banner ul { list-style: none; width: 300%; margin:0;} .banner ul li { display: block; float: left; width: 33%; padding:0; height:500px;} .banner h1, .banner h2 { font-size: 4rem; line-height: 1.5; color: #f1eae0; border:0; text-align:center; margin-top:0; font-weight:bold;} .banner p { font-size:14px; color: #fff; overflow:hidden; border-radius:0; margin:40px 0 0 0; padding:5px; display:block; text-align:center;font-weight:normal; width:35%;margin-left:60%;text-align:center;height:280px; } .banner p strong { margin-top:8px; display:block; color:#00447c; font-size:16px; } .banner p u {color:#02a0e2; text-decoration:none; font-size:16px; font-weight:bold; display:block; margin:6px 6px 4px;} .banner .btn-holder {width:40%;margin:0 0 0 55%;} .banner .btn { display: inline-block; margin: 25px 0 0 60px; padding: 9px 5px 7px 5px; clear: both; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: none; border: 2px solid rgba(255,255,255,.4); border-radius: 5px; background-color: #FAA732; background-image: linear-gradient(to bottom, #FBB450, #F89406); background-repeat: repeat-x; } .banner .btn:hover { background: rgba(255,255,255,.05); } .banner .btn:active { -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); } .banner .btn, .banner .dot { -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); } .banner .dots { position: absolute; left: 0; bottom:10px; width:200px; text-align:center; } .banner .dots li { display: inline-block;width: 10px;height: 10px;margin: 0 4px;text-indent: -999em;border: 2px solid #f3bd70;border-radius:10px;padding:8px;cursor: pointer;opacity: .8; background: #f3bd70; -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; } .banner .dots li.active { background: #4a0023; opacity: 1; } /*#### PHONEBOOK TPL style#####*/ /* gold: #f3bd70 bordo: #4a0023; body:#f1eae0 livs:#e0caa5 #dcad9b #eab5a7*/ #phonebox { margin:1em 0; padding:0 1em;} .phone1, .phone2, .phone3 { width:38px; height:30px; float:left; margin:0.5em 0; } .phone1 {background:url(../homeslice/iconsprite.png) 0 -110px no-repeat; } .phone2 {background:url(../homeslice/iconsprite.png) -40px -110px no-repeat;} .phone3 {background:url(../homeslice/iconsprite.png) -80px -110px no-repeat;} .phonenumber { float:left; padding-left:1em; margin:0.5em 0; } .phone4 { clear:both; margin:0.5em 0;} /* Basic stucture =====================*/ #accordion{margin:100px auto;width:400px;} #accordion ul{list-style:none;margin:0;padding:0;} .accordion{display:none;} .accordion:target{display:block;} #accordion ul li a{text-decoration:none;display:block;padding:10px;} .accordion{padding:4px;} /* Colors ====================*/ #accordion ul{ /*box-shadow*/ -webkit-box-shadow:0 4px 10px #BDBDBD; -moz-box-shadow:0 4px 10px #BDBDBD; box-shadow:0 4px 10px #BDBDBD; /*border-radius*/ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #accordion ul li a{ background:#fff; border-bottom:1px solid #E0E0E0; color:#999; } .accordion{ background:#fdfdfd; color:#999; } .accordion:target{ border-top:3px solid #FFCDCD; } /* Color Theme */ .gry{background:#424242; color:#fff;} .orange {background:#ff670f; color:#fff;} .blue {background:#4A89DC; color:#fff;} .green{background:#74a52e; color:#fff;} .red{background:#DA4B38; color:#fff;} .yellow{background:#F6BB42; color:#fff;} .purple{background:#967ADC; color:#fff;} .pink{background:#ee1289; color:#fff;} .chocolate {background:#934915; color:#fff;} /* ########################################*/ /* BACKLINK STYLE */ .backlink {margin: 0 10px 0 0; text-align:right; height:1em;} .backlink a { background:#0c4076; color:#fff; font-size:16px; padding:7px; margin:0 5px 0 0; border-radius:7px 7px 0 0/7px 7px 0 0; text-decoration:none;} .backlink a:hover { background:#69f; } .backlink2 { width:140px;/* add the width here */ position:static; visibility:hidden; text-decoration:none; } .backlink2.scrolling { visibility:visible; position:fixed; right:0; bottom:20px; z-index:150; } .backlink2 a.gotoback { background:url(../homeslice/backicon.png) no-repeat #f3bd70; margin-right:60px; /*color:#fff; font-size:20px; padding:10px; border-radius:15px 15px 0 0/15px 15px 0 0; */ width:60px; height:60px; border-radius:30px 0 0 30px/30px 0 0 30px ; display:block; text-decoration:none;} .backlink2 a.gototop { background:url(../homeslice/topicon.png) no-repeat #f3bd70; margin-left:60px; /*color:#fff; font-size:20px; padding:10px; border-radius:15px 15px 0 0/15px 15px 0 0; */ width:60px; height:60px; border-radius:30px 30px 0 0/30px 30px 0 0; display:block; text-decoration:none;} .backlink2 a.gotoback:hover, .backlink2 a.gototop:hover { background-color:#4a0023; } .clearfloat { clear:both; height:1px; display:block;}