@charset "utf-8";
/* CSS Document */

body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}
body { background-color: #dadada; margin: 0; background-image: url(../img/background.gif); background-repeat: repeat-x; }
.blank { clear: both; height: 0; line-height: 0; font-size: 0px; }

#header { width: 960px; height: 220px; margin: 0 auto 0 auto; background: url(../img/header-image.jpg) 0 5px no-repeat;}
#header #logo {margin: 16px 0 13px 714px; padding:0;}

#content { width:960px; margin: 0 auto 0 auto; background: url(../img/desno-background.jpg) right top repeat-y #FFF;}

#lijevo {width:610px; float:left; padding: 0 20px 20px 20px; display:inline;}
#mainmenu {width:610px; height:60px;}
#breadcrumbs {font-size: 11px; color:#e86711; width:610px; height: 12px; overflow:hidden;}
#breadcrumbs img {float:left;}
#breadcrumbs a {font-size: 11px; color:#e86711; text-decoration:none;}
#breadcrumbs a:hover {color:#818181;}
#contentarticle h1 {color:#01366a; font-size:24px; font-weight:bold; margin: 20px 0 0 0;}
#contentarticle h2 {color:#818181; font-size:12px; font-style:italic; font-weight:normal; margin: 10px 0 20px 0;}
#contentarticle #slika { float:left; margin: 0 10px 10px 0;}
#contentarticle p.intro {font-size:14px; color:#818181; line-height:18px; margin:0 0 20px 0;}
#contentarticle p {line-height: 16px;}
#contentarticle #download {margin: 10px 0 0 0;}
#contentarticle #download img {border:none; margin: 0 5px 0 0;}
#contentarticle #download a {color:#e65d03; text-decoration:none; }
#contentarticle #download a:hover {color:#818181; text-decoration:none;}
#photogallery { margin: 40px 0 0 0;}
#photogallery table { width:140px; height:140px; border: solid #dadada 1px; float:left; margin:0 12px 12px 0; display:inline;}
#photogallery table td {padding:0; margin:0; text-align:center; vertical-align:middle; width:140px; height:140px;}
#photogallery a { display:block; width: 138px;}
#photogallery img { border:none; max-width:138px; width:auto !important; width:138px; max-height:138px; height:auto !important; height:138px;}

#contentlist #numbers {width:610px; text-align:right; color:#818181; font-weight:bold; font-size:12px; margin: 20px 0 0 0;}
#contentlist #numbers a {color:#e65d03; font-weight:normal; text-decoration:none;}
#contentlist #numbers a:hover { color:#818181;}
#contentlist #numbers.marginbottom5px {margin-bottom:5px;}
#contentlist #numbers.margintop5px {margin-top:5px;}
#contentlist .linija {width:610px; height:1px; margin:0; background-color:#dadada; display:block;}
#contentlist #listbox {margin: 15px 0 15px 0;}
#contentlist table { width:140px; height:140px; border: solid #dadada 1px; float:left; margin:0 12px 12px 0; display:inline;}
#contentlist table td {padding:0; margin:0; text-align:center; vertical-align:middle; width:140px; height:140px;}
#contentlist table td a { display:block; width: 138px;}
#contentlist img { border:none; max-width:138px; width:auto !important; width:138px; max-height:138px; height:auto !important; height:138px;}
#contentlist h1 {color:#01366a; font-size:18px; font-weight:bold; }
#contentlist h1 a {text-decoration:none; color:#01366a; font-size:18px; font-weight:bold; }
#contentlist h1 a:hover {color:#818181;}
#contentlist h2 {color:#818181; font-size:11px; font-style:italic; font-weight:normal; margin: 10px 0 20px 0;}
#contentlist p.intro {font-size:12px; color:#818181; line-height:18px; margin:0 0 20px 0;}

#contenthome #homeboxsiroki {width:570px; height: 200px; padding: 20px 20px 42px 20px; background: url(../img/homebox.jpg) top left repeat-x; float:none; overflow:hidden;}
#contenthome #homeboxuski {width:255px; height: 200px; padding: 20px 20px 42px 20px; background: url(../img/homebox.jpg) top left repeat-x; float:left; overflow:hidden;}
#contenthome #homeboxuski.desno {margin-left:18px;}
#contenthome h1 {color:#01366a; font-size:18px; font-weight:bold; margin-bottom:10px;}
#contenthome h1 a {text-decoration:none; color:#01366a; font-size:18px; font-weight:bold; }
#contenthome h1 a:hover {color:#818181;}
#contenthome img {float:left; margin: 0 10px 10px 0; width:250px; height:160px; border:none;}
#contenthome img.mala {width:125px; height:80px;}
/*#contenthome #homeboxsiroki img { border:none; max-width:570px; width:auto !important; width:570px; max-height:200px; height:auto !important; height:200px;}
#contenthome #homeboxuski img { border:none; max-width:255px; width:auto !important; width:255px; max-height:200px; height:auto !important; height:200px;}*/
#contenthome p {font-size:12px; color:#818181; line-height:18px;}
#bannerihome {width: 610px; padding-top:25px;}
#bannerihome img {border: none; margin: 0 0 10px 0px; max-width:610px; width:auto !important; width:610px;}


#desno {width:270px; float:left; padding: 0 20px 20px 20px; display:inline;}
#searchbox {width:270px; height:60px; margin:0; padding:0;}
#searchbox button.botun { float:left; width:35px; height:30px; cursor:pointer; text-indent: -9999px; background:url(../img/povecalo.gif) top left no-repeat; border:0; display: inline;}
#searchbox input.field { float:left; width:229px; height:24px; display: inline;}
#searchbox input.field:focus{ float:left; width:229px; height:24px; display: inline;}
#menudesno {width:270px; color: #e65d03; font-size:15px; font-weight:bold;}
#menudesno a{color: #e65d03; text-decoration:none;}
#menudesno a:hover{color: #818181;}
#menudesno img {margin-bottom:15px;}
#menudesno li {margin: 0 0 15px 20px; list-style-image:url(../img/bullet.gif); list-style-position:outside;}
#banneridesno {width: 270px; padding-top:25px;}
#banneridesno img {border: none; margin: 0 20px 10px 20px;}

#footer{ width:920px; height: 30px; background: url(img/footer.jpg) top left no-repeat; margin: -1px auto 0 auto; padding: 20px; color:#818181; font-size:11px;}