/* //////////////// GENERAL INFO ////////////////

Site: MV Šport
Version: 2

//////////////// //////////////// //////////////// */


/* //////////////// CENTER THE SITE //////////////// */

* { margin: 0; padding: 0; outline: none; }

/* //////////////// STRUCTURE ELEMENTS //////////////// */

#wrapper { width:1024px; margin:0 auto; position:relative; }
#header { width:1024px; height:140px; position:relative; }
#logo { width:207px; height:112px; position:absolute; top:20px; left:40px; }
#menu1 { width:1024px; height:24px; background:url(images/bg-menu1.png) repeat-x; border-bottom:1px solid #616161; text-align:center;  }
#menu2 { width:1024px; height:25px; background:#363a42; }
#container { width:1024px; background:url(images/bg-container.gif) repeat-y; }
#menu { float:left; width:145px; }
#content { float:left; width:615px; padding-left:2px; }
#sidebar { float:left; width:242px; padding-left:20px; }
#footer { width:1024px; height:64px; background:#ebebec; }
#impressum { width:1024px; height:31px; background:#cdced0; text-align:center; line-height:31px; color:#363a42}
#impressum a { color:#363a42; text-decoration:none; }

/* //////////////// MENU1 & MENU2 & MENU///////////////// */
.menu1-item { float:left; width:100px; }
.menu1-item a { display:block; color:#ffffff; font:13px Arial; font-weight:bold; text-decoration:none;line-height:24px; }
.menu1-item a:hover { color:#d57b14; background:#363a42; }
.menu1-item a.active { color:#d57b14; background:#363a42; }
.menu2-item { float:left; margin:0px 20px 0 20px; }
.menu2-item a { display:block; color:#ffffff; font:13px Arial; font-weight:bold; text-decoration:none;line-height:25px; }
.menu2-item a:hover { color:#d57b14; }
.menu2-item a.active { color:#d57b14; }
.sekcija-levo { width:135px; height:23px; background:url(images/bg-menuitem.png); font:12px Arial; font-weight:bold; color:#ffffff; text-align:right; padding-right:5px; line-height:23px; margin-top:3px; margin-bottom:3px; }
.levi-menu { color:#363a42; width:135px; padding-right:5px; text-decoration:none; text-align:right; display:block;}
.levi-menu:hover { color:#d57b14; }

#submenu-platisca { width:149px; position:absolute; top:310px; left:5px; display:none; z-index:10000000px; }
.submenu-platisca-top { width:148px; height:19px; background:url(images/platisca-top.png); }
.submenu-platisca-middle { width:119px; background:url(images/platisca-middle.png) repeat-y; padding-left:20px; padding-right:10px; }
.submenu-platisca-bottom { width:148px; height:21px; background:url(images/platisca-bottom.png); }
.submenu-platisca-middle a { text-decoration:none; color:#363a42; }
.submenu-platisca-middle a:hover { color:#d57b14}

/* //////////////// ISKALNIKI //////////////////// */
.middle-velika-tabela td { color:#ffffff; font-weight:bold; }
.iskalnik-naslov { position:absolute; top:20px; left:20px; font-weight:bold; font-size:22px; color:#d57b14; }
.formfield { width:130px; }
.formfield2 { width:105px; }
.formfield3 { width:145px; }
.formsubmit { border:1px solid #d57b14; width:50px; background:#686b71; color:#ffffff; }
.formsubmit:hover { background:#aaacb2; cursor:pointer; }
.rezultat-platisce { float:left; width:130px; height:190px; background:url(images/bg-item.png); padding:10px;}
.rezultat-platisce-slika { width:113px; height:98px; overflow:hidden; }
.rezultat-platisce-osnovni-podatki a { color:#363a42; font-weight:bold; text-decoration:none; }
.rezultati { font-size:16px; font-weight:bold; width:590px; border-bottom:2px solid #363a42; margin-left:10px;}
.pagination { width:600px; text-align:center; }
.pagination a { text-decoration:none; color:#363a42; }
.pagination a.paginationactive { color:#d57b14; font-weight:bold; }
#sortfield { position:absolute; top:30px; left:465px;}

/* //////////////// INDEX //////////////////////// */
#novicke { width:580px; height:245px; background:url(images/bg-novicke.png); margin-top:13px; padding:5px 15px 0px 20px;}
.novicke-naslov { font-size:20px; color:#363a42; font-weight:bold; margin-bottom:20px;}
.novicka { float:left; width:145px; height:185px; }
.novicka-ttl { font-size:12px; color:#363a42; font-weight:bold; width:130px; }
.novicka-img { width:130px; height:90px; overflow:hidden; }
.novicka-txt { font-size:11px; color:#363a42; width:130px; }
.novicka-txt a { text-decoration:none; color:#363a42; font-weight:bold; }

#novicke-bigger { width:580px; height:284px; background:url(images/bg-novicke-bigger.png); margin-top:13px; padding:5px 15px 0px 20px;}
#novica { padding:10px; }
#novica h1 { font-size:24px; font-weight:bold; width:100%; border-bottom:2px solid #363a42; }

/* //////////////// STRANI /////////////////////// */
.box-galerija { width:90px; height:64px; float:left; margin-right:3px; margin-bottom:3px; overflow:hidden; position:relative;}
.box-galerija-slika { width:90px; height:60px; position:absolute; left:1px; top:1px; overflow:hidden; }

/* //////////////// KOŠARICA ///////////////////// */
.basket-step1 { width:609px; height:83px; position:relative; background:url(images/basket-step1.png); }
.basket-step2 { width:609px; height:83px; position:relative; background:url(images/basket-step2.png); }
.basket-step3 { width:609px; height:82px; position:relative; background:url(images/basket-step3.png); }
.basket-step4 { width:609px; height:83px; position:relative; background:url(images/basket-step4.png); }
.basket-step5 { width:609px; height:83px; position:relative; background:url(images/basket-step5.png); }
.basket-step-txt { position:absolute; top:10px; left:22px; }
.basket-step-txt5 { position:absolute; top:10px; left:22px; color:#ffffff; font-weight:bold;}
.basket-step-txt-orange { color:#d57b14; }
.basket-step1txt { position:absolute; top:59px; left:28px; font-size:14px; font-weight:bold; width:105px; }
.basket-step1txt.active { color:#d57b14; }
.basket-step2txt { position:absolute; top:59px; left:148px; font-size:14px; font-weight:bold; width:105px; }
.basket-step2txt.active { color:#d57b14; }
.basket-step3txt { position:absolute; top:51px; left:266px; font-size:14px; font-weight:bold; width:105px; }
.basket-step3txt.active { color:#d57b14; }
.basket-step4txt { position:absolute; top:51px; left:384px; font-size:14px; font-weight:bold; width:105px; }
.basket-step4txt.active { color:#d57b14; }
.basket-step5txt { position:absolute; top:51px; left:506px; font-size:14px; font-weight:bold; width:105px; }
.basket-step5txt.active { color:#d57b14; }
.kosarica-header { width:100%; background:url(images/kosarica-header.png) repeat-x; margin-bottom:5px; }
.kosarica-button { width:108px; height:32px; background:url(images/kosarica-button.png); padding-left:10px; }
.kosarica-button a { display:block; font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none; }
.kosarica-button a:hover { color:#d57b14; }
.formfield5 { width:400px; height:23px; line-height:25px; border:1px solid #bdbdbd; }
.kosarica-submit { width:118px; height:31px; background:url(images/kosarica-submit.png); }
.podatki-bg { width:129px; height:32px; background:url(images/podatki-bg.png); padding-left:5px; color:#ffffff; font-size:14px; font-weight:bold;}

/* //////////////// KAKO DO NAS ////////////////// */
#kako-do-nas { width:732px; height:794px; background:url(images/kakodonas-bg.png); padding:76px 0 0 18px;}

/* //////////////// SIDEBAR ////////////////////// */
.bg-sidebar { width:240px; height:24px; background:url(images/bg-sidebar.png); padding-left:10px; color:#ffffff; line-height:24px; font-weight:bold; }

/* //////////////// AKCIJE /////////////////////// */
.podlaga-akcija { width:616px; height:246px; background:url(images/podlaga-akcija.png); position:relative; }
.akcija-nazivakcije { position:absolute; top:20px; left:200px; font-size:22px; font-weight:bold; text-decoration:underline; }
.akcija-opis { position:absolute; top:140px; left:10px; width:250px; }
.akcija-artikel { position:absolute; top:40px; left:300px; font-size: 18px; font-weight:bold; width:250px; }
.akcija-slika { position:absolute; top:80px; left:300px; }
.akcija-cena { position:absolute; top:70px; left:450px; font-size:16px; }

/* //////////////// MV NOVICE ///////////////////// */
.mvnovica1 { width:306px; height:281px; background:url(images/tip-fondmetal.png); position:relative; float:left; }
.mvnovica2 { width:306px; height:281px; background:url(images/tip-radius.png); position:relative; float:left; }
.mvnovica3 { width:306px; height:281px; background:url(images/tip-ekonakupfondmetal.png); position:relative; float:left; }
.mvnovica4 { width:306px; height:281px; background:url(images/tip-vrhunskaplatisca.png); position:relative; float:left; }
.mvnovica5 { width:306px; height:281px; background:url(images/tip-novitec.png); position:relative; float:left; }
.mvnovica6 { width:306px; height:281px; background:url(images/tip-vmaxx.png); position:relative; float:left; }
.mvnovica-naslov { position:absolute; top:20px; left:50px; font-size:16px; font-weight:bold; }
.mvnovica-besedilo { position:absolute; top:55px; left:50px; width:230px; }
.mvnovica-vec { position:absolute; top:251px; left:50px; }
.mvnovica-vec a { text-decoration:none; color:#363a42; font-weight:bold; }

/* //////////////// OSTALO /////////////////////// */
.text-block { width:570px; margin-left:10px; background:#cdced0; padding:10px; }
#prijava-na-novice { width:744px; height:474px; background:url(images/prijava-lytebox.jpg); position:relative;}
#prijava-prijavljam  { position:absolute; top:30px; left:15px; font-size:14px; color:#000000; font-weight:bold; }
#prijava-navodilo { position:absolute; top:130px; left:20px; font-size:14px; color:#ffffff; font-weight:bold; width:300px; }
#prijava-form { position:absolute; top:300px; right:40px; text-align:right; color:#c97514; font-size:14px; font-weight:bold; }

/* //////////////// B2B ///////////////////////// */
.b2b-distributor { position:absolute; top:90px; font-weight:bold; color:#ffffff; }
.b2b-text { position:absolute; top:150px; width:300px; color:#ffffff; }
.b2b-forma { position:absolute; top:60px; left:320px; width:250px; text-align:right; font-size:18px; font-weight:bold; color:#ffffff; }

/* //////////////// SLIDESHOW //////////////////// */
#slideshow { width:600px; height:220px; margin-left:5px; position:relative; top:0px; left:0px; z-index:10; }
#nav {position:absolute; top:200px; height:20px; z-index:1000; padding-left:0px; width:600px; background:#c0c0c0; overflow:hidden; }
#nav a { color:#333333; border-right:1px solid #ffffff; background: #c0c0c0; text-decoration: none; height:20px; width:20px; display:block; float:left; text-align:center; line-height:18px; font-size:10px; margin-top:0px; }
#nav a.activeSlide { background: #a4a4a4; }
#nav a:focus { outline: none; }

/* //////////////// GENERAL STYLE //////////////// */

body { font: 12px Arial, sans-serif; background:#c0c0c0; color:#363a42; }