body {
    background-color: #ededed;
    margin:0;
    padding:0;
  }
#osnova
{
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    height: 92%; /*min-height: 900px;*/
    vertical-align: top;
    padding-bottom: 20;
    top: 0px;
}
#baner
{
    width: 1000px;
    max-width: 1000px;
    min-width: 1000px;
    height: 102px;
    background-image: url('../Podatki/Dizajn/Baner/baner_1000_2024.jpg');
    top: 5px;
    background-color: #252519;
    background-repeat: no-repeat;
}

#menu_x {
width:1000px;
max-width:1000px;
min-width:1000px;
}

#menu_vodoravno {
width:1000px;
max-width:1000px;
min-width:1000px;
height:30px;
z-index:2;
}
#tabla_center {
width:995px;
max-width:995px;
min-width:995px;
height:500px;
background-color:#fff;
/*
border:1px solid #dacf9c;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
*/
}

.sredina {
width:100%;
height:auto;
background-color: #ededed;
}

#footer {
font-family:serif;
font-size:14px;
color:#C60;
height:30px;
}

#baner_slika1 {
position:relative;
width:322px;
top:7px;
left:8px;
height:180px;
}

#baner_natpis1 {
position:relative;
top:154px;
left:13px;
width:386px;
height:97px;
}

a {
color:#844f10;
text-decoration:none;
font-family:serif;
}

a:hover {
color:#06F;
text-decoration:none;
font-family:serif;
}

.tabla_obvestilo {
background:#FFFBEC;
border:1px solid #dacf9c;
width:740px;
-webkit-border-radius:8;
-moz-border-radius:8;
border-radius:8px;
padding:5px;
}

.td_obvestilo_tekst {
text-align:justify;
font-family:serif;
font-size:14px;
color:#09C;
width:520px;
}

.td_obvestilo_ozadje {
border:1px solid #D7AD84;
background-color:#fff7e0;
padding:10px;
}

p:first-letter {
font-size:32px;
font-family:garamond, bodoni, curly, times, serif;
color:orange;
position:relative;
}

.tabla_posamezno_zgoraj {
padding-top:10px;
margin-top:10px;
margin-bottom:20px;
-webkit-border-radius:5;
-moz-border-radius:5;
border-radius:5px;
}

.tabla_posamezno_zgoraj_opombe {
width:100px;
padding-right:5px;
text-align:right;
}

.tabla_posamezno_zgoraj_opombe_podatki {
color:#844f10;
text-align:left;
text-transform:lowercase;
height:35px;
padding-right:5px;
}

.tabla_posamezno_sredina_slika {
width:210px;
-webkit-border-radius:7;
-moz-border-radius:7;
border-radius:7px;
-webkit-box-shadow:0 1px 1px #ccc;
-moz-box-shadow:0 1px 1px #ccc;
box-shadow:0 1px 1px #ccc;
padding:5px;
}

.tabla_posamezno_spodaj_proizvajalec_podatki {
height:10px;
padding-right:5px;
padding-top:5px;
color:#844f10;
text-align:left;
text-transform:uppercase;
}

.tabla_posamezno_spodaj {
margin-top:20px;
padding-top:10px;
padding-bottom:10px;
-webkit-border-radius:5;
-moz-border-radius:5;
border-radius:5px;
}

.tabla_posamezno_spodaj_rednacena_podatki {
height:10px;
padding-right:5px;
text-align:left;
}

.tabla_posamezno_spodaj_cena_precrtano {
color:Red;
text-decoration:line-through;
text-align:left;
font-size: 18px;
    font-family: Serif;
}

.tabla_posamezno_spodaj_cena_normalno
{
    color: Red;
    text-align: left;
    font-size: 18px;
    font-family: Serif;
}

.tabla_posamezno_sredina_td_slike {
width:112px;
}

.tabla_posamezno_sredina_td_slika1 {
width:400px;
}

.td_vnos {
background-color:#b8cccd;
height:30px;
}

.tabla_vnos {
border:1px solid #CCC;
background-color:#fff7e0;
width:542px;
height:93px;
-webkit-border-radius:7;
-moz-border-radius:7;
border-radius:7px;
}

.textbox {
border:1px solid #9CF;
}

.transparent {
filter:alpha(opacity=95);
-moz-opacity:0.9;
opacity:0.95;
}

.obvestilo_levo_gore {
width:24px;
height:24px;
background-image:url(../podatki/dizajn/obvestilo/levo_gore.png);
background-repeat:no-repeat;
}

.obvestilo_gore {
height:24px;
background-image:url(../podatki/dizajn/obvestilo/gore.png);
background-repeat:repeat-x;
}

.obvestilo_dole {
height:24px;
background-image:url(../podatki/dizajn/obvestilo/dole.png);
background-repeat:repeat-x;
}

.obvestilo_desno_gore {
width:24px;
height:24px;
background-image:url(../podatki/dizajn/obvestilo/desno_gore.png);
background-repeat:no-repeat;
}

.obvestilo_levo {
width:24px;
background-image:url(../podatki/dizajn/obvestilo/levo.png);
background-repeat:repeat-y;
}

.obvestilo_desno {
width:24px;
background-image:url(../podatki/dizajn/obvestilo/desno.png);
background-repeat:repeat-y;
}

.obvestilo_levo_dole {
width:24px;
height:25px;
background-image:url(../podatki/dizajn/obvestilo/levo_dole.png);
background-repeat:no-repeat;
}

.obvestilo_desno_dole {
width:25px;
height:25px;
background-image:url(../podatki/dizajn/obvestilo/desno_dole.png);
background-repeat:no-repeat;
}

.kontakt_panel_levo {
background-image:url(../Podatki/Zaposleni/Panel/levo.png);
background-repeat:no-repeat;
}

.kontakt_panel_gore {
background-position:left bottom;
background-image:url(../Podatki/Zaposleni/Panel/gore.png);
background-repeat:no-repeat;
width:340px;
height:10px;
}

.kontakt_panel_desno {
background-image:url(../Podatki/Zaposleni/Panel/desno.png);
background-repeat:no-repeat;
}

.kontakt_panel_dole {
background-image:url(../Podatki/Zaposleni/Panel/dole.png);
background-repeat:no-repeat;
width:340px;
height:10px;
}

.tabla_delavnik
{
    background-position: 25px;
    width: 325px;
    height: 450px;
    background-repeat: no-repeat;
    background-image: url(../Podatki/Dizajn/delavnik_prazno.jpg);
    padding-top: 150px;
    padding-left: 45px;
}

.tabla_kontakt {
border:11px solid #c2bdaa;
background-color:#dad9cf;
width:400px;
height:280px;
-webkit-border-radius:10;
-moz-border-radius:10;
border-radius:10px;
-webkit-box-shadow:0 1px 3px #666;
-moz-box-shadow:0 1px 3px #666;
box-shadow:0 1px 3px #666;
padding:10px;
}

.td_popust_tekst_model
{
    font-family: 'Arial Narrow';
    font-size: 14px;
    color: #996633;
    text-transform: capitalize;
    font-weight: bold;
}

.td_popust_tekst_materijal {
font-size:12px;
color:#426076;
height:18px;
padding-right:5px;
padding-left:5px;
max-width:230px;
}

.td_popust_tekst_barva {
font-size:14px;
color:#426076;
height:18px;
padding-right:5px;
padding-left:5px;
overflow:hidden;
white-space:nowrap;
}

.slika_zacetna {
height:450px;
width:510px;
}

.slike_partnerji_zacetna {
width:140px;
height:50px;
padding:1px;
}

.artikl_senca {
height:130px;
padding-bottom:10px;
}

.grid_buttons
{
    border:1px solid #CCC;
    background-color: #EFEFEF;
    cursor: pointer;
    padding: 2px 8px;
}

.grid_buttons:hover {
border:1px solid #CCC;
color:#333;
background-color:#CCC;
}

.grid_buttons:active {
border:1px solid #CCC;
color:#C30;
background-color:#F66;
}

.button_izabrano {
border:1px solid #DDD;
color:maroon;
font-weight:400;
padding:2px 8px;
}
  
.buttonx
{

    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: 5px 8px;
    text-shadow: 0 1px 1px rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    color: #333333;
}
.buttonx:hover {
	text-decoration: none;
}
.buttonx:active {
	position: relative;
	top: 1px;
}  
.buttonx_izabrano
{
    color: #999999;
    font-weight: 400;
    padding: 2px 8px;
}  
  
.td_prodano {
width:35px;
height:10px;
}

.okvir {
border:1px solid #CCC;
-webkit-border-radius:5;
-moz-border-radius:5;
border-radius:5px;
-webkit-box-shadow:1px 1px 1px #E1E1E1;
-moz-box-shadow:1px 1px 1px #E1E1E1;
box-shadow:1px 1px 1px #E1E1E1;
}

.asp_button {
cursor:pointer;
width:75px;
height:27px;
}

.grid_td
{
    height: 400px;width: 300px;margin:6px;
}

.artikl_tabla
{
    height: 370px;
    min-height: 370px;
    max-height: 370px;
    width: 280px;
    table-layout: fixed;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #E0E0E0;
    background-color: #FFFFFF;
}

.artikl_tabla_mala {
height:200px;
min-height:200px;
max-height:200px;
width:200px;
table-layout:fixed;
padding-top:5px;
padding-bottom:5px;
border:1px solid #CCC;
-webkit-border-radius:5;
-moz-border-radius:5;
border-radius:5px;
-webkit-box-shadow:1px 1px 1px #E1E1E1;
-moz-box-shadow:1px 1px 1px #E1E1E1;
box-shadow:1px 1px 1px #E1E1E1;
}

.myButton {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2',endColorstr='#ccc2a6',GradientType=0);
background-color:#eae0c2;
-moz-box-shadow:inset -2px -2px 2px #888;
-webkit-box-shadow:inset -2px -2px 2px #888;
box-shadow:inset -2px -2px 2px #888;
border-radius:5px;
border:1px solid #d4d4d4;
display:inline-block;
cursor:pointer;
color:#505739;
font-family:arial;
font-size:17px;
text-decoration:none;
text-shadow:0 1px 0 #fff;
width:370px;
padding:4px 0 7px;
}

.nadzorna_plosca {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2',endColorstr='#ccc2a6',GradientType=0);
background-color:#eae0c2;
-moz-box-shadow:inset -2px -2px 2px #888;
-webkit-box-shadow:inset -2px -2px 2px #888;
box-shadow:inset -2px -2px 2px #888;
border-radius:5px;
border:1px solid #d4d4d4;
display:inline-block;
cursor:pointer;
color:#505739;
font-family:arial;
font-size:17px;
text-decoration:none;
text-shadow:0 1px 0 #fff;
width:180px;
padding:2px 0 5px;
}

.tabla_artikl1 {
border-left:1px solid #ff9703;
border-right:1px solid #ff9703;
border-top:1px solid #ff9703;
margin-top:10px;
width:536px;
background-color:#fff7e0;
height:235px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
}

.tabla_artikl2 {
border-left:1px solid #ff9703;
border-right:1px solid #ff9703;
border-bottom:1px solid #ff9703;
width:536px;
height:auto;
background-color:#fff7e0;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
padding:5px;
}

.td_delovni_cas {
text-align:center;
font-size:13px;
font-weight:700;
width:200px;
height:25px;
font-family:Arial;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#DFDFDF;
border-left-style:solid;
border-left-width:1px;
border-left-color:#DFDFDF;
}

.td_delovni_cas2 {
text-align:center;
font-size:13px;
font-weight:700;
width:200px;
height:25px;
font-family:Arial;
border-left-style:solid;
border-left-width:1px;
border-left-color:#DFDFDF;
}

.Navigation {
height:30px;
position:absolute;
margin:0;
padding:0;
}

.Navigation li {
height:auto;
width:90px;
float:left;
text-align:center;
list-style:none;
font:12px Bonveno , "Century Gothic";
background-color:#fffcff;
border:1px solid #C1C1C1;
box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 1px 3px rgba(0,0,0,.1);
border-radius:3px;
margin:4px 0 0 2px;
padding:0;
}

.Navigation a {
text-decoration:none;
color:#333;
text-shadow:0 1px #fff;
display:block;
padding:3px;
}

.Navigation li ul {
display:none;
height:auto;
margin-left:-11px;
padding:0;
}

.Navigation li:hover ul {
display:block;
}

.navbar li ul li {
background-color:#eee;
border:1px solid #ccc;
}

.td_obvestilo_slika,.slika_artikl {
border-color:#ccc;
border-style:solid;
border-width:0;
}

.model_artikl,.model_naslov_artikl {
width:290px;
text-align:left;
font-size:14px;
color:Red;
font-weight:700;
font-family:Arial;
padding-left:5px;
border-color:ThreeDLighShadow;
}

.tabla_posamezno_zgoraj_barva,.tabla_posamezno_zgoraj_materijal,.tabla_posamezno_spodaj_proizvajalec,.tabla_posamezno_spodaj_rednacena,.tabla_posamezno_spodaj_akcijskacena {
width:100px;
height:10px;
text-align:right;
}

.tabla_posamezno_zgoraj_barva_podatki,.tabla_posamezno_zgoraj_materijal_podatki {
color:#844f10;
text-align:left;
text-transform:uppercase;
}

.tabla_posamezno_spodaj_cena,.tabla_posamezno_spodaj_akcijskacena_podatki {
padding-left:5px;
color:#844f10;
text-align:left;
text-transform:lowercase;
}

#shadow,#shadow2,.shadow {
-moz-box-shadow:6px 6px 5px #888;
-webkit-box-shadow:6px 6px 5px #888;
}

.slike_artikli_zacetna,.slike_artikli_zacetna_mala {
border:1px solid #CCC;
height:140px;
width:170px;
-webkit-border-radius:5;
-moz-border-radius:5;
border-radius:5px;
padding:10px;
}

.myButton:hover,.nadzorna_plosca:hover {
background:linear-gradient(tobottom,#ccc2a65%,#eae0c2100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6',endColorstr='#eae0c2',GradientType=0);
background-color:#ccc2a6;
text-decoration:none;
}

.myButton:active,.nadzorna_plosca:active {
position:relative;
top:1px;
}

.Navigation li a.active,.Navigation li:hover,a:hover {
background-position:#D3D3D3;
background:#D3D3D3;
}
img {
  width: 144px;
  height: 44px;
}
#Tabla_dole
{
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
    position: absolute;
    left: 50%;
    margin-left: -500px;
    height: 140px; /*min-height: 900px;*/
    vertical-align: bottom;
    background-color: #161616;
    margin-bottom: 20px;
}
.link
{
    color: #FFFFFF;
    text-decoration: none;
    font-family: Calibri;
}
link:hover
{
    color: #282828;
    text-decoration: none;
    font-family: serif;

}
.okvir_levo
{
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border:1px solid #CCC;
    -webkit-border-radius:5;
    -moz-border-radius:5;
    border-radius:5px;
    -webkit-box-shadow:1px 1px 1px #E1E1E1;
    -moz-box-shadow:1px 1px 1px #E1E1E1;
    box-shadow:1px 1px 1px #E1E1E1;
}
.okvir_desno
{
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border:1px solid #CCC;
    -webkit-border-radius:5;
    -moz-border-radius:5;
    border-radius:5px;
    -webkit-box-shadow:1px 1px 1px #E1E1E1;
    -moz-box-shadow:1px 1px 1px #E1E1E1;
    box-shadow:1px 1px 1px #E1E1E1;
}

.transparent{
   width:220px;
   height:180px;
   opacity: 1;
   transition: 0.3s;
}
.transparent:hover{
   opacity: 0.8;
}
.content-item {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
  transition: 0.4s;
}

.content-item:hover {
  transform: translate(0, -3px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}