﻿html,body{margin:0;padding:0}
body{font: 76% "Trebuchet MS", arial,sans-serif;text-align:center; background-image:url('assets3/body_bg.jpg'); background-repeat:repeat-x; background-position:left top; background-color:#C4E9FF; background-attachment:fixed;}

a { color:#0099FF; }
a:hover { text-decoration:none; }

div#container{text-align:left}
div#extra{ background-color:#C4E9FF; }
div#navigation{ margin-bottom:5px;}
div#footer{ background-image:url('assets3/footer_bg.jpg'); background-repeat:repeat-x; background-position:left top; color: #FFF; position:relative;}
div#footer p{ margin:19px 10px 15px 20px;}
div#footer span{position:absolute; top:19px; right:20px;}
div#footer a { color:#FFFFFF; }


div#container{width:980px;margin:0 auto; background-color:#FFFFFF; padding:0px 5px; background-image:url('assets3/wrapper_bg.gif'); background-position:left top; background-repeat:repeat-y;}
div#wrapper{float:left;width:100%; background-color:#C4E9FF; background-image:url('assets3/wrapper_bg.gif'); background-position:left bottom; background-repeat:repeat-y; }
div#header { margin-bottom:0px; }
div#content{margin: 0 350px 0 185px}
div#extra{float:left;width:345px;margin-left:-345px; margin-top:5px;}
div#navigation{float:left;width:180px;margin-left:-980px; padding-top:5px; background-color:#FFFFFF;}
div#footer{clear:left;width:100%}

div#headerWrapper { background-color:#FFFFFF; }

div#ostalo div#content { margin: 0 195px 0 185px }
div#ostalo div#extra { float:left;width:190px;margin-left:-190px; margin-top:5px; }

div#fullpage div#content { margin: 0 5px 0 185px }

/* prijava */
#prijava { background-color:#007AF3; background-image:url('assets3/prijava_bg.jpg'); background-repeat:repeat-x; background-position:left bottom; color:#FFFFFF; margin-bottom:5px; padding:5px; }
#prijava a { color:#FFFFFF; }

/* uvodi */
.uvodWrapper { background-color:#80CFFF; padding:2px; margin:5px 0px; }

.uvodWrapperInner { background-color:#FFFFFF; padding:8px; background-image:url('assets3/uvod_bg.jpg'); background-position:left bottom; background-repeat:repeat-x; }
.uvodWrapperInner h2 { margin:5px 0px; font-size:20px; }
.aktualno .uvodWrapperInner h2 { margin:5px 0px; font-size:16px; }
.uvodWrapperInner h4 { margin:0px 0px 5px 0px; color:#666666; font-style:italic; }
.uvodWrapperInner a { color:#0099FF; }
.uvodWrapper img { border:3px solid #EFEFEF; margin:3px 5px 0px 0px; }
.uvodWrapper p { font-size:1.1em; }

.glavnaPrica { border-bottom:1px dotted #CCCCCC; margin-top:10px; }

/* materijal */
#materijalWrapper { background-color:#80CFFF; padding:2px; margin:5px 0px; }
#materijalWrapperInner { background-color:#FFFFFF; padding:10px; }
#materijalWrapperInner h1 { margin:0px; color:#003366; font-size:16px; }
#materijalWrapperInner #materijal { margin:0px 20px; font-size:1.1em; line-height:150%; }
#materijalWrapperInner #materijalPodaci { border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; padding:8px 0px; margin:10px 0px; color:#666666; }
#materijalWrapperInner .datumObjave { background-image:url('assets3/ikone/datum_objave.gif'); background-repeat:no-repeat; background-position:left center; padding-left:21px; margin-right:25px; }
#materijalWrapperInner .rubrikaObjave { background-image:url('assets3/ikone/rubrika_objave.gif'); background-repeat:no-repeat; background-position:left center; padding-left:21px; }

/* arhiva */
#arhivaWrapper { background-color:#FFFFFF; padding:2px; margin:0px 5px 0px 0px; }
#arhivaWrapperInner { background-color:#3CB1FF; color:#9ED8FF; font-style:italic; line-height:140%; }
#arhivaWrapperInner a { color:#FFFFFF; font-style:normal; }
#arhivaWrapperInner h3 { margin:5px; }
#arhivaWrapperInner .nazivRubrike { color:#FFFFFF; font-style:normal; text-transform:uppercase; display:block; border-top:1px solid #9ED8FF; border-bottom:1px solid #9ED8FF; padding:5px; margin:2px 0px; font-size:1.2em; }

/*** ----- OPĆENITO --------------------------------------------------------------------------------- ***/

#Korisnici_Tijelo { }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; }
fieldset { border:1px solid #2752A2;} 
legend { color:#2752A2; font-size:1.2em; font-weight:bold;}

/* klase */

.TextBox { width: 250px; padding: 2px; margin: 2px auto 2px 25px; border: 1px dotted #999999; background-color: #E1F2FC; font-size: 10pt; }
.TextBox_Focus { width: 250px; padding: 2px; margin: 2px auto 2px 25px; background-color: #FFF; border: 1px solid #999999; font-size: 11pt; }
.Button { border: 1px solid #999; background-color: #2752A2; color: #FFF9E9; padding: 2px 8px; }
.Button:hover { background-color: #CCC; color: #2752A2; text-decoration: none; border: 1px dotted #2752A2; }
.Row { width: 96%; margin: 6px 10px; text-align: left; vertical-align: middle; font-weight: bold; }
.CommandRow { padding: 8px 0px; clear: both; text-align:center; vertical-align: middle;}
.CommandRow1 { width:300px; margin:0px; padding: 8px 0px; clear: both; text-align:center; vertical-align: middle;}
.ValidationSummaryRow { clear: both; text-align: center; vertical-align: middle; }
.Label { display: block; margin: 0px; padding: 4px; color: #2752A2; font-size:1.0em; }
.Border { width: 98%; height: 0px; margin: 2px auto; border-top: 1px solid #CCC; border-bottom: 1px solid #999; }


/*** ----- KRAJ OPĆENITO ---------------------------------------------------------------------------- ***/

/*** ----- PRIJAVA.ASPX I REGISTRACIJA.ASPX --------------------------------------------------------- ***/

/* prijava */
.panelPrijava { width:90%; margin:5px auto;}
.loginPrijava { padding:0px; height:100px;}
.CustomRow01 { font-size:1.0em; font-weight:bold; color:#2752A2; text-align:center;}
#Prijava_Login { }
#Prijava_Upute { font-size:1.2em; line-height:190%; }
.panelPovratZaporke { width:300px; }

/* registracija */
.panelRegistracija { position:relative; margin:5px; }
.panelRegistracija h4 { color: #2752A2; font-size: 12pt; font-weight: bold; }
.Registracija_Upute { padding: 0px 10px; margin: 0px; font-style: italic; }
.panelNoviKorisnikKreiran { }

/*** ----- KRAJ PRIJAVA.ASPX I REGISTRACIJA.ASPX ---------------------------------------------------- ***/

/* PITANJA I ODGOVORI 
#pitanja-odgovori #lijevi-stupac, #pitanja-odgovori #desni-stupac { }
#pitanja-odgovori #lijevi-stupac { width:440px; }
#pitanja-odgovori #desni-stupac { width:200px; }*/

.pitanja-page h3 { color:#FFFFFF; text-transform:uppercase; font-size:1.4em; padding:5px; margin:2px 0px; background-color:#128CDD; }
.pitanja-page .text-box { padding:4px; width:90%; border:1px solid #CCCCCC; border-bottom:3px solid #0099FF; font:inherit; }
.pitanja-page br { display:none; }
.pitanja-page label { display:block; margin:8px 0px 2px 0px; }
.pitanja-page .button { margin:5px 0px; font-weight:bold; padding:3px; }

#pitanja-odgovori .odgovor fieldset { background-color:#FFFFB7; border:2px solid #FF9900; padding:5px; margin:10px 0px 10px 0px; width:344px; }
#pitanja-odgovori .odgovor legend { border:2px solid #000000; background-color:#FFFF00; color:#000000;  }
#pitanja-odgovori .ocjena { margin:5px 0px; background-color:#FFFF00; padding:5px; }
#pitanja-odgovori .pozitivna-ocjena { width:16px; height:16px; margin:2px; display:block; float:left; background-image:url('assets/ocjene/pozitivno.gif'); background-position:center center; background-repeat:no-repeat; }
#pitanja-odgovori .negativna-ocjena { width:16px; height:16px; margin:2px; display:block; float:left; background-image:url('assets/ocjene/negativno.gif'); background-position:center center; background-repeat:no-repeat; }

#popis-pitanja label { display:inline; }

/* servisi */
.servis { margin:10px; }
.servisWrapper .komande { background-image:url('assets3/servis_komande_bg.jpg'); background-repeat:repeat-x; background-position:top left; padding:8px 5px; }
.servisWrapper .komande a { font-weight:bold; padding-left:15px; margin-right:10px; background-image:url('assets3/servis_komanda.gif'); background-repeat:no-repeat; background-position:left center; }
.servis .kutija_stavka { border-bottom:1px dotted #EFEFEF; padding-bottom:5px; margin-top:5px; }

/* oglasi */
.novi_tekst { font-size:1.1em; font-family:Verdana, Arial, Sans-Serif; font-weight:bold; padding:3px; width:350px; border:1px solid #0099FF; }
.novi_label { text-align:right; margin-right:10px; background-color:#ECF8FF; padding:3px; width:200px; }

/*** ----- FIELDSET ----- ***/
fieldset { background-color:#F1F9FE; padding:10px; margin:10px; border:2px solid #9FB8CA; }
fieldset legend { background-color:#9FB8CA; color:#FFFFFF; border:2px solid #000; padding:3px; }
fieldset .block { border-bottom:1px solid #9FB8CA; background-color:#FFFFFF; padding:10px; margin:5px 0px; }

.forma_blok { padding:25px 20px 20px 20px; background-color:#F1F9FE; position:relative; margin:20px 0px; border:1px solid #9FB8CA; width:535px; }
.forma_blok h2 { position:absolute; top:-10px; left:20px; margin:0px; background-color:#9FB8CA; border:2px solid #000000; padding:5px; color:#FFFFFF; font-size:1.3em; }
.forma_tekst { font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif; font-size:1.2em; padding:3px; width:300px; border:1px solid #999999; margin:4px 0px 7px 0px; }
.forma_label { font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif; font-size:1.0em; font-weight:bold; width:190px; text-align:right; vertical-align:top; }
.forma_obavijest { text-align:left; background-color:#FFFF99; border:1px solid #FF6600; padding:5px; font-weight:bold; }
.forma_dugme { margin:3px 0px; padding:3px; font:inherit; font-weight:bold; }

/* moji servisi */
.mojiServisi { background-image:url('assets3/moji_servisi_bg.jpg'); background-repeat:repeat-x; background-position:left center; color:#FFFFFF; position:relative; }
.mojiServisi h3 { padding:13px; }
.mojiServisi .usnimiRaspored { position:absolute; top:7px; right:50px; padding:3px 10px; border:2px solid #FFFFFF; background-color:#0067AB; color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:15px;  }
.mojiServisi .usnimiRaspored:hover { background-color:#FF3300; }
.mojiServisi .dodajServise { position:absolute; top:7px; right:7px; padding:3px 10px; border:2px solid #FFFFFF; background-color:#99CC00; color:#FFFFFF; font-size:15px; text-decoration:none; font-weight:bold; }
.mojiServisi .dodajServise:hover { background-color:#FF3300; }

.nijePrijavljen { padding:10px; background-color:#FFFFFF; border:1px solid #CCCCCC; margin-right:5px; margin-bottom:5px; }

#trazilicaWrapper { background-image:url('assets3/search_bg.jpg'); background-repeat:repeat-x; background-position:left top; background-color:#CCEDFF; margin-right:5px; padding:5px 0px; }
#trazilica { margin:10px; }
#trazilica .textbox { padding:4px; font-size:15px; width:230px; font-weight:bold; }

.gridRezultati { font-size:1.1em; }
.gridRezultati b { background-color:#FFFF66; }
.gridRezultati h4 { margin:0px 0px 5px 0px; }
.rezultatiRow { border-bottom:1px dotted #CCCCCC; padding-bottom:5px; }
.rezultatiAltRow { border-bottom:1px dotted #CCCCCC; padding-bottom:5px; }
.rezultatiDatum { color:#666666; font-style:italic; font-size:0.9em; }

.pakrackiNaslovnica .pakrackiNaslovnicaZaglavlje { border-bottom:1px dotted #CCCCCC; padding-bottom:5px; margin-bottom:5px; }
.pakrackiNaslovnica .pakrackiNaslovnicaZaglavlje a { font-weight:bold; background-image:url('assets3/bijela_strelica.gif'); background-repeat:no-repeat; background-position:left center; padding-left:15px; padding-right:25px; }

/* prognoza */

#prognoza { padding:5px; }
#prognoza td.danas { background-color:#E6F4FF; text-align:center; }
#prognoza td.sutra { background-color:#D7EDFF; text-align:center; }
#prognoza td.jutro { border-bottom:1px solid #FFFFFF; }
#prognoza td.vecer { border-top:1px solid #FFFFFF; }
#prognoza td.noc { border-top:1px solid #FFFFFF; }

#prognozaFull { padding:5px; }
#prognozaFull ul { list-style-type:none; }
#prognozaFull h3 { background-color:#EFEFEF; padding:10px; border:1px solid #CCCCCC; }
#prognozaFull table { border-collapse:collapse; border-color:#CCCCCC; margin:2px 0px; }
#prognozaFull table img { float:left; }
#prognozaFull table ul { margin-left:25px; }
#prognozaFull table th { text-align:center; text-transform:uppercase; font-size:1.3em; }

/* fotogalerije */
.pnlGalerije { margin:10px 0px;}
.pnlGalerije h3 { font-size:1.2em; line-height:130%; }
.galerijaItem { padding:10px; }
.pnlFotografija { width:200px; height:161px; background-repeat:no-repeat; background-position:center center; margin-bottom:10px; }
.pnlMaska { width:209px; height:170px; background-image:url('assets3/galerija_maska.gif'); background-repeat:no-repeat; background-position:center center; }

/* anketa */
.anketaPitanje strong { display:block; line-height:150%; }
.anketaDugmad a { margin-right:10px; font-weight:bold; }

/* pakracki novo */
ul.pakracki-list-arhiva {}
ul.pakracki-list-arhiva li { list-style-type:none; border-bottom:1px dotted #999999; }
ul.pakracki-list-arhiva li h3 { font-size:22px; margin:0 0 7px 0; }
ul.pakracki-list-arhiva li .coverImage { border:1px solid #77ADFF; background-color:#D2E4FF; padding:5px; }
ul.pakracki-list-arhiva li .datum { color:#666666; font-style:italic; }
ul.pakracki-list-arhiva li .coverPageLink { display:block; margin:7px 0; background-image:url(assets3/imagePreview.gif); background-position:left center; background-repeat:no-repeat; padding-left:25px; }
ul.pakracki-list-arhiva li .pdfLink { display:block; margin:7px 0; background-image:url(assets3/pdfDownload.gif); background-position:left center; background-repeat:no-repeat; padding-left:25px; }
