/**** STIL U IZRADI ****/



/*** ----- OPĆE POSTAVKE ------------------------------------------------------------------------------ ***/

/* osnovne postavke */
body { margin: 0px; font: 8pt/1.0em Verdana, Arial, sans-serif; }
a { text-decoration: none; border-bottom: 1px solid #0000FF; padding: 2px; color: #0000FF; }
a:hover { background-color: #0000FF; color: #FFFFFF; }
hr { height: 1px; color: #DDDDDD; }
.link_tamna_podloga { color: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
.link_tamna_podloga:hover { color: #003366; background-color: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
th { padding: 10px; /*background-color:#1649A2;*/ color: #FFFFFF; }

/* header */
#header { background-color: #003366; position: relative; height: 50px; margin: 0px; }
#header ul { position: absolute; bottom: -2px; left: 10px; margin: 0px; padding: 0px; }
#header li { display: inline; text-decoration: none; }
.menu_link { color: #FFFFFF; float: left; font-weight: bold; text-decoration: none; display: block; border: none; padding: 8px; margin-right: 10px; border-top: 2px solid #003366; }
.menu_link:hover { background-color: Transparent; border-top: 2px solid #D9E8F9; }
.menu_link img { border: none; }
.menu_link_active, .menu_link_active:hover { color: #003366; float: left; font-weight: bold; background-color: #D9E8F9; display: block; border: none; padding: 8px; margin-right: 10px; border-top: 2px solid #D9E8F9; }
.menu_link_active img { border: none; }
.menuKorisnik_link { font-size: 7pt; font-weight: bold; text-decoration: none; color: #6D9CEB; }
.menuKorisnik_link:hover { font-size: 7pt; font-weight: bold; text-decoration: none; color: #FFFFFF; background-color: #1649A2; }
#action_bar { background-color: #D9E8F9; padding: 15px 10px; margin: 0px; }
#action_bar a { font-weight: bold; }

/* tablice */
.td_naslov { font-weight: bold; font-size: 10pt; height: 34px; padding-left: 10px; background-color: #666; color: #FFF; }
.td_naslov1 { font-weight: bold; font-size: 9pt; height: 30px; text-align: center; background-color: #CCC; color: #000; }
.td_naslov2 { font-weight: bold; font-size: 10pt; height: 34px; padding-left: 10px; background-color: #666; color: #FFF; background-color: #1649A2; }
.td_naslov3 { font-weight: bold; font-size: 9pt; height: 30px; text-align: center; background-color: #6D9CEB; color: #000; }
.td_labele { width: 125px; text-align: right; vertical-align: middle; font-weight: bold; }
.td_labele1 { width: 125px; text-align: right; vertical-align: top; font-weight: bold; }
.td_unos { width: 188px; height: 20px; text-align: center; vertical-align: middle; }
.td_unos1 { width: 120px; text-align: center; vertical-align: middle; }
.td_validation_summary { line-height: 130%; text-align: center; }
.td_status { text-align: center; color: Green; font-weight: bold; }
.td_button { text-align: center; background-color: #f2f2f2; height: 26px; vertical-align: middle; }
.td_button1 { text-align: center; background-color: #D5E2F9; height: 26px; vertical-align: middle; }
.td_button2 { height: 34px; text-align: center; vertical-align: middle; }
.td_button2:hover { background-color: #E9F0FC; }

/* klase */

.TextBox { font-size: 8pt; font-family: Verdana, Arial, Sans-Serif; width: 170px; font-weight:normal; }
.Button { font-size: 8pt; font-weight: bold; padding: 1px; font-family: Verdana, Arial, Sans-Serif; }
.Label { font-weight: bold; vertical-align: top; text-align: right; }
.CheckBox { padding:0px 15px;}
.Row {float:left; width:94%; overflow:hidden; margin:6px 2.6%; clear: both; text-align:right; vertical-align:middle; display:inline; font-weight:bold;}
.Label { float:left; margin:0 auto; padding:4px; text-align:right;width:50%; }
.Input { float:left; margin:0 auto; padding:1px;text-align:left; }
.NaslovRow { height: 30px; background-color: #666; font-size: 1.2em; color: #FFF; font-weight: bold; }
.Naslov { display: block; margin: auto; text-align: center; padding: 8px; }
.CommandRow, .CommandRow1 { width:100%; margin:0 auto; text-align: center; padding:5px 0px; clear: both; }
.CommandRow1 { background-color: #CCC; }
.ValidationSummaryRow {width: 94%; margin:0 auto;  text-align: center; padding: 5px; clear: both; }
.gridview_komande { background-color: #CCC; font-size: 7pt; font-weight: bold; width: 42px; }
.gridview_komande:hover { border: 0; color: #FFF; background-color: #1649A2; }

/*** ----- KRAJ OPĆE POSTAVKE ------------------------------------------------------------------------ ***/


/*** ----- FOTOGRAFIJE ????????????????????*/
#nova_fotografija { background-color: #DDDDDD; border-top: 1px solid #666666; border-bottom: 1px solid #666666; padding: 5px; line-height: 150%; }
#nova_fotografija h3 { padding: 7px; font-weight: normal; font-family: Tahoma, Arial, Sans-Serif; border-bottom: 2px solid #000000; margin: 0px 0px 10px 0px; }


/*** ----- INDEX.ASPX(RUBRIKE) ----------------------------------------------------------------------- ***/

/* raspored  */
.rubrika_link { line-height: 120%; display: block; padding: 10px; margin-bottom: 1px; background-color: #6399DC; width: 200px; padding: 5px; }
.rubrika_link a { font-weight: bold; color: #FFFFFF; line-height: 180%; background-color: #6399DC; border-bottom: 1px solid #FFFFFF; }
.rubrika_link a:hover { background-color: #FFFFFF; color: #6399DC; border-bottom: 1px solid #6399DC; }
#ul_rubrike { list-style-type: none; margin: 0px; padding: 0px; }
#ul_rubrike li { display: block; padding: 5px; margin-bottom: 1px; background-color: #E0EBF8; width: 200px; }
#ul_rubrike a { font-weight: bold; color: #0000FF; line-height: 150%; background-color: #E0EBF8; padding: 1px; }
#ul_rubrike a:hover { background-color: #0000FF; color: #FFFFFF; }
#ul_rubrike input { height: 20px; width: 20px; font-weight: bold; margin-right: 3px; }
.ul_materijali { background-color: #EAEAEA; margin: 0px; padding: 0px; }
.ul_materijali li { list-style-type: none; padding: 5px; margin-left: 0px; border: 1px solid #CCE6FF; background-color: #CCE6FF; margin-bottom: 2px; }
.ul_materijali a { color: #000000; line-height: 150%; padding: 1px; }
.ul_materijali a:hover { text-decoration: underline; color: #FFFFFF; }
.topic_drag { cursor: n-resize; }
.page_drag { cursor: n-resize; }

/* materijal */
#materijal { margin: 10px 0px; position: relative; }
.link_button { border: 1px solid #B4D2F3; color: #666666; font-weight: bold; width: 100px; padding: 5px 0px; display: block; text-align: center; background-image: url(  'assets/link_button_bg.jpg' ); background-repeat: repeat-x; }
.link_button:hover { background-color: #FFFFFF; background-image: none; color: #666666; }
.form_label_rubrike { margin: 10px 0px 5px 0px; }
.TextBox_rubrike { width: 220px; padding: 2px; font-size: 1.1em; font-family: Trebuchet MS, Verdana, Arial, Sans-Serif; margin: 0px; }
.edit_panel_rubrike { background-color: #F5F9FC; border: 1px solid #E0EBF8; width: 400px; top: 115px; left: 230px; padding: 5px; }
.edit_panel_title_rubrika { font-family: Tahoma, Arial, Sans-Serif; }

/*** ----- KRAJ INDEX.ASPX(RUBRIKE) ------------------------------------------------------------------ ***/


/*** ----- KATALOG.ASPX ------------------------------------------------------------------------------ ***/

.data_grid_header { background-color: #666666; color: #FFFFFF; font-weight: bold; }
.data_grid_header a { color: #FFFFFF; border-bottom: 1px solid #FFFFFF; }
.unos_fotografija { margin: 10px 0px; }
.katalog_label { font-family: "Trebuchet MS" , Arial, Sans-Serif; background-color: #E6F2FF; text-align: right; font-size: 1.1em; font-weight: bold; }
.katalog_polje { background-color: #F4F4F4; }
.katalog_dugmad { border-top: 2px solid #CCCCCC; }

/*** ----- KRAJ KATALOG.ASPX ------------------------------------------------------------------------- ***/


/*** ----- STATISTIKA.ASPX --------------------------------------------------------------------------- ***/

#statistika_web_site_div a { color: #0000FF; }
#statistika_web_site_div a:hover { text-decoration: underline; }

/*** ----- KRAJ STATISTIKA.ASPX ----------------------------------------------------------------------- ***/


/*** ----- POSAO.ASPX --------------------------------------------------------------------------------- ***/

/* klijenti */

/* narudzbe */
.panelNarudzbe { margin: 15px 20px; }
.panelNarudzbePopis { width: 80%; }
.panelPrikazNarudzbe { width: 80%; }
#PrikazNarudzbe_tijelo { position: relative; width: 100%; margin: 15px auto; }
#PrikazNarudzbe_tijelo h4 { margin: 3px; }
#PrikazNarudzbe_left { width: 36%; float: left; margin: 10px 0px 10px 15px; }
#PrikazNarudzbe_right { width: 60%; float: left; margin: 10px 0px 10px 15px; }
.PrikazNarudzbe_header { height: 30px; background-color: #CCC; text-align: center; font-size: 1.3em; }
.PrikazNarudzbe_row { padding: 5px; margin: 5px 10px; }
.PrikazNarudzbe_biljeska { border: 1px solid Gray; background-color: #CCC; }
.panelKlijentPodaciPopup { border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 200px; opacity: .9; filter: alpha(opacity=90); background-color: #F5F7F8; }
.panelKlijentPodaciPopup_row { padding: 5px; }
.popupHover { background-image: url(images/header-opened.png); background-repeat: repeat-x; background-position: left top; background-color: #F5F7F8; }
.gridviewArtikliNarudzbe { width: 100%; }
#PrikazNarudzbeKomande { position: relative; width: 400px; height: 30px; margin: 20px auto; clear: both; }
.PrikazNarudzbeLink { }

/* katalog narudzbe */
.slikaItemStyle { width: 120px; }

/*** ----- KRAJ POSAO.ASPX ---------------------------------------------------------------------------- ***/


/*** ----- GALERIJAFOTOGRAFIJA.ASPX ------------------------------------------------------------------- ***/

#action_bar_galerije { background-color: #D9E8F9; padding: 8px 10px; margin: 0px; }
#tijelo { position: relative; margin: 0px; }
#galerijaFotografija_tijelo { position: relative; width: 96%; margin: 10px auto; }
.panelGalerije { position: relative; border: 1px solid #666; width: 340px; margin: 0px 0px 5px 0px; }
#dodatni_border { border: 1px solid #9BBBF0; height: 23px; }
.panelDodajNovuGaleriju { float: right; text-align: right; vertical-align: middle; height: 26px; width: 176px; margin: 0px; display: block; }
#dodatni_border { border: 1px solid #E0E0E0; height: 23px; }
.lnkDodajNovuGaleriju { color: #454545; border: 2px solid #CCC; background-color: #FFF; width: auto; overflow: visible; font-size: 1.0em; font-weight: bold; padding: 4px 7px; margin: 0px 0px 4px 0px; float: right; background-image: url(assets/galerije_btnDodajNovuGaleriju_strelica.jpg); background-position: left; background-repeat: no-repeat; }
.lnkDodajNovuGaleriju:hover { color: #FFF; background-color: #CCC; border: 0; border: 2px solid #EEE; background-image: url(assets/galerije_btnDodajNovuGaleriju_strelica_hover.jpg); background-position: left; background-repeat: no-repeat; }
.gridviewGalerijeFotografija { width: 100%; border-color: #666; }
.gridviewGalerijeFotografija a { border: 0; color: #1649A2; }
.gridviewGalerijeFotografija a:hover { border: 0; color: #FFF; background-color: #1649A2; }
.panelNovaGalerija { width: 328px; margin: 5px 3px 3px 3px; }
.panelNovaFotografija { width: 578px; position: relative; border: 1px solid #1649A2; margin: 0px 0px 5px 0px; }
.panelFotografije { float: left; width: 578px; border: 1px solid #1649A2; }
.panelDodajNovuFotografiju { float: right; text-align: right; vertical-align: middle; height: 26px; width: 197px; margin: 0px; display: block; }
#dodatni_border1 { border: 1px solid #9BBBF0; height: 23px; }
.btnDodajNovuFotografiju { color: #10387A; border: 2px solid #6D9CEB; background-color: #FFF; width: auto; overflow: visible; font-size: 1.0em; font-weight: bold; padding: 4px 7px; margin: 0px 0px 4px 0px; float: right; background-image: url(assets/galerije_btnDodajNovuFotografiju_strelica.jpg); background-position: left; background-repeat: no-repeat; }
.btnDodajNovuFotografiju:hover { color: #FFF; background-color: #6D9CEB; border: 0; border: 2px solid #DAE6FA; background-image: url(assets/galerije_btnDodajNovuFotografiju_strelica_hover.jpg); background-position: left; background-repeat: no-repeat; }
#ZatvoriFotogaleriju { position: relative; text-align: right; vertical-align: middle; height: 23px; width: 146px; margin: 0px 0px 0px 0px; padding: 0px; }
.btnZatvoriFotogaleriju { color: #10387A; border: 2px solid #6D9CEB; background-color: #FFF; width: 146px; overflow: visible; font-size: 1.15em; font-weight: bold; padding: 3px 7px; margin: 0px; float: right; background-image: url(assets/galerije_btnZatvoriFotogaleriju_strelica.jpg); background-position: left; background-repeat: no-repeat; font-weight: bold; }
.btnZatvoriFotogaleriju:hover { color: #FFF; background-color: #6D9CEB; border: 0; border: 2px solid #9EBDF1; background-image: url(assets/galerije_btnDodajNovuFotografiju_strelica_hover.jpg); background-position: left; background-repeat: no-repeat; }
.OtvoriFotogaleriju { width: 128px; margin: 8px auto 5px auto; font-weight: bold; }
#Fotografija_tablica { border: 1px dotted #6D9CEB; }
.datalistFotografije_link { padding: 2px 4px; font-weight: bold; color: #1649A2; border-bottom: 1px solid #1649A2; }
.datalistFotografije_link:hover { background-color: #1649A2; color: #FFF; }
.lblNemaFotografije_stil { font-size: 10pt; font-weight: bold; padding: 10px 10px 10px 140px; margin: 10px; display: block; }

/*** ----- KRAJ GALERIJAFOTOGRAFIJA.ASPX -------------------------------------------------------------- ***/


/*** ----- POSTAVKE.ASPX I KORISNIK_PROFIL(UREDI).ASPX ------------------------------------------------ ***/

.panelKorisnici { width: 770px; }
.panelDodajNovogKorisnika_stil { width: 200px; margin: 15px 10px; font-weight: bold; }
.lblAdminGreska_stil { color: Red; font-weight: bold; font-size: 10pt; }
.gridviewKorisnici_column_stil { text-decoration: none; background-color: #CCC; font-weight: bold; }
.gridviewKorisnici_column_stil:hover { padding: 6px; background-color: Blue; font-weight: bold; }
.lblOgranicenje_stil { margin: 10px 0px; padding-left: 20px; color: Red; font-weight: bold; }
.panelUnosNovogKorisnika { border: 1px solid #666; width: 340px; margin: 25px auto;}
.panelGridviewKorisnici { width: 752px; margin: 20px 10px; }
.panelPodaciOTvrtci { width: 365px; }
.panelPodaciOWebSiteu {width: 420px; }
.panelKorisnikProfil_stil { width: 700px; margin: 20px auto; }
.panelKorisnikUredi_stil { width: 710px; margin: 25px auto; }
.panelPodaci_stil, .panelProfil_stil, .panelPromjenaZaporke_stil, .panelPromjenaTajnogPitanjaiOdgovora_stil { border: 1px solid #666; margin: 15px 0px; }

/*** ----- KRAJ POSTAVKE.ASPX I KORISNIK_PROFIL(UREDI).ASPX ------------------------------------------- ***/


/*** ----- POMOC.ASPX --------------------------------------------------------------------------------- ***/

.pomoc_tijelo { position: relative; width: 98%; top: 15px; margin: auto; font: 9pt/1.0em "Trebuchet MS" , Verdana, Arial, sans-serif; line-height: 165%; letter-spacing: 0.05em; }
.pomoc_tijelo ol { font-weight: bold; font-size: 1.2em; line-height: 260%; }
.pomoc_tijelo ul { font-size: 1.2em; line-height: 200%; }
.uvod { font-size: 1.3em; padding: 10px; }
.uvod1 { background-color: #E0E0E0; font-size: 1.2em; color: #000000; padding: 3px; }
.pitanje { color: #FFFFFF; font-size: 1.2em; padding: 3px; background-color: #003366; }
.odgovor { padding: 10px 10px 15px 10px; border: 1px solid orange; font-size: 1.2em; }
.pomoc_slike { position: relative; width: 100%; margin: auto; text-align: center; padding-bottom: 15px; }

/*** ----- KRAJ POMOC.ASPX ---------------------------------------------------------------------------- ***/


/*** ----- SUPERADMINISTRACIJA.ASPX ------------------------------------------------------------------- ***/

.panelDefinicijeModula {width: 200px; height:278px; margin:15px 10px; border:1px solid #666; }

/*** ----- KRAJ SUPERADMINISTRACIJA.ASPX -------------------------------------------------------------- ***/