/*
***********************************************************
*
* Title:		main.css
* Website:		www.veka-ing.hr
* Browser(s): 	All (except IE)
*
* Author: 		Davor Tomic for Designeus (www.designeus.hr)
* Copyright:	Designeus, 2009.
* Created: 		5.10.2009.
*
* This code is not in the public domain and must not be
* copied or modified without authorisation by the author
* and copyright holders.
*
***********************************************************
*/

/* -----------
    CSS RESET
   ----------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {/*border-collapse:collapse*/;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul, li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
* {outline:none;}

/* -------------------------- */

form { display: inline; }

strong { font-weight: bold }
em { font-style: italic }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* ----- FLOATS & CLEARS ----- */

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.centered { text-align:center }
.alignleft { text-align:left }
.alignright { text-align:right }

/* ------------------
    BASIC TYPOGRAPHY
   ------------------ */
body { color:#444; font-family:Tahoma, Geneva, sans-serif; }
a { color:#007dbf; text-decoration:none; }
a:hover { color:#eb2a2e; }

/* --------------
    BASIC LAYOUT
   -------------- */
body { background:#fff url(/img/body-bg.jpg) repeat-x center top }
#wrapper { background:transparent url(/img/container-bg.png) repeat-y center top; margin:0 auto; padding:0 20px; width:960px; }

/* -----------------
    ADVANCED LAYOUT
   ----------------- */

/* ----- HEADER ----- */
#header { height:87px; position:relative; }
#header img.logo { left:10px; position:absolute; top:10px; }
.altacnav {	position:absolute; right:10px; top:15px; }
.altacnav li { float:left }
.altacnav a.toshiba { background:url(/img/logos.png) no-repeat 0 17px; display:block; margin-right:25px; padding:0 10px 0 120px; }
.altacnav a.mitsubishi { background:url(/img/logos.png) no-repeat 10px -40px; display:block; margin-left:25px; padding:0 0 0 110px; }
.altacnav li span.separator { background:url(/img/logos.png) no-repeat 0 -103px; display:block; height:47px; width:4px; }

/* ----- NAVIGATION ----- */
#nav { background:url(/img/nav-bg.png) no-repeat 0 0; height:63px; margin:-8px 0 0 -20px; overflow:hidden; width:1000px; }
#nav ul li a { color:#fff; float:left; font-family:"Trebuchet MS"; font-size:13px; height:28px; padding:22px 70px 0 69px; text-align:center; text-shadow:1px 1px 2px #444; text-transform:uppercase; }
#nav ul li a:hover { text-decoration:underline }
#nav ul li a.active { background:url(/img/nav-activelink.png) no-repeat center 52px; padding-bottom:12px; }
#nav ul li.navend { display:block; float:left; height:53px; width:13px; }

/* SUBNAVIGATION */
#subnav { background:url(/img/nav-bg.png) no-repeat 0 -63px; margin:-11px 0 0 -20px; height:57px; width:1000px; }
#subnav .brand { float:left; height:54px; margin:8px 0 0 30px; /*overflow:hidden;*/ width:720px; }
#subnav .toshiba a.logo { background:url(/img/subnav-logos.png) no-repeat; border:none; float:left; height:31px; padding:3px 0 0; width:60px; }
#subnav .toshiba a.on, #subnav .toshiba a.off:hover { background-position:0 -1px; }
#subnav .toshiba a.off { background-position:0 -36px; }
#subnav .mitsubishi a.logo { background:url(/img/subnav-logos.png) no-repeat; border:none; float:left; height:35px; padding:0; width:60px; }
#subnav .mitsubishi a.on, #subnav .mitsubishi a.off:hover { background-position:0 -70px; }
#subnav .mitsubishi a.off { background-position:0 -105px; }
#subnav .open { width:790px; }
#subnav .closed { margin-left: 50px; width: 117px; }
#subnav .closed ul { display:none }
#subnav ul { float:left; margin:12px 0 0 15px; }
#subnav ul li { float:left; position:relative; }
#subnav a { border-left:1px solid #fff; border-right:1px solid #d6d6d6; display:block; font-size:13px; padding:0 22px; }
#subnav ul li:hover a { color:#eb2a2e }
#subnav li.active { background:url(/img/subnav-activelink.png) no-repeat center 29px; padding-bottom:26px }
#subnav li.active a { color:#333; }
#subnav li.active a:hover { /*cursor:default*/ }
#subnav a.first { border-left:none }
#subnav a.last { border-right:none }

.submenu-wrapper { background:#f4f4f4 url(/img/submenu-bg.png) no-repeat right top; border:1px solid #dedede; border-top:none; left:0; padding-top:2px; position:absolute; top:29px; z-index: 100; /* riješiti tako da se automatski proširuje */ display:none; }
li.opened .submenu-wrapper { display: block; }
.submenu { background:url(/img/submenu-bg.png) no-repeat right -2px; border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4; padding:15px 20px; z-index: -100; white-space: nowrap; max-width: 500px; }
#subnav .submenu .group { display:block; float:left; margin:0 20px 20px 0; min-width:143px; }
#subnav .submenu .group li { background:url(/img/submenu-bullet.gif) no-repeat 0 11px; float:none; font-family:"Trebuchet MS"; padding-left:11px; }
#subnav .submenu .group li.category { background-image:none; color:#333; cursor:default; font-size:13px; display:block; padding-left:0; text-transform:uppercase; }
#subnav .submenu .group li a { border:none; color:#707070; padding:3px 0 0; }
#subnav .submenu .group li a:hover { color:#eb2a2e }
#subnav .submenu .group li.active { padding-bottom:0 }


/* BREADCRUMBS */
#breadcrumbs { clear:both; font-variant: small-caps; margin-bottom:5px; overflow:hidden; }
#breadcrumbs li { background:url(/img/bullets.png) right -60px no-repeat; float:left; font-size:12px; margin:10px 0 15px; padding:0 20px 0 10px; }
#breadcrumbs li.current { background-image:none; }
#breadcrumbs a.homecrumb { background:url(/img/bullets.png) no-repeat 0 -113px; display:block; height:13px; width:10px; }
#breadcrumbs a.homecrumb:hover { background-position: -12px -113px; }

/* VERTICAL NAVIGATION */
#vnav { background-color:#f6f6f6; float:left; height:100%; margin:0 20px 20px 10px; padding:10px 15px; width:190px; }
#vnav h4 { border-bottom:1px solid #fff; font-family:"Trebuchet MS"; font-size:18px; text-transform:uppercase; }
#vnav h4 b { border-bottom:1px solid #e3e3e3; display:block; font-weight:normal; padding-bottom:3px; }
#vnav h5 { color:#777; font-size:12px; font-weight:bold; margin:15px 0 5px; text-transform:uppercase }
#vnav a { border-bottom:1px dotted #ccc; color:#777; display:block; font-size:12px; padding:8px 12px; }
#vnav a:hover { background-color:#eee; color:#eb2a2e }
#vnav a.active, #vnav a.active:hover { background-color:#eaeaea; color:#333; cursor:default }

/* ----- CONTAINER ----- */
#container { clear:both; /*overflow:hidden;*/ padding-bottom:15px; position:relative; }

/* 1st level - GROUP OF PRODUCTS BY BRAND */
#category-wrapper { padding-right:10px; }
#type-wrapper { border-right:1px dashed #ccc; float:left; margin-left:10px; width:710px; }
.type { float:left; font-size:13px; height:230px; line-height:16px; margin:0 20px 20px 0; width:335px; }
.type a { display:block; font-size:20px; margin-bottom:3px; }
.type img { border:1px dotted #ccc; display:block; margin:8px 0 4px; padding:2px; }
.type a:hover img { border:1px dotted #eb2a2e; }

#prospects { float:left; margin:0 0 10px 9px; padding:0 10px 10px; width:200px; }
#prospects h3 { border-bottom:1px solid #ccc; color:#333; font-family:"Trebuchet MS"; font-size:12px; font-weight:bold; margin-bottom:2px; padding:0 0 2px 9px; text-transform:uppercase; }
#prospects h4 { font-size:11px; line-height:16px; padding:8px 0 0 21px; }
#prospects a { background:url(/img/bullets.png) no-repeat 0 -75px; display:block; font-size:12px; line-height:16px; margin-left:-12px; padding:0 0 2px 19px;  }

.docs { font-size:12px; padding:10px 0 10px 10px; position:absolute; right:0; top:-10px; }
.docs span { background:url(/img/bullets.png) right -165px no-repeat; color:#007dbf; float:right; padding-right:28px; }
.docs:hover { background-color:#f2f2f2; border:1px solid #ddd; cursor:default; padding:9px 0 9px 9px; right:-1px }
.docs:hover span { background-position: right -186px; color:#555; }
.docs ul { clear:both; display:none; padding:5px 0; }
.docs:hover ul { display:block; }
.docs ul li { padding:5px 26px 0 0; white-space:nowrap; }
.docs ul li a { background:url(/img/bullets.png) no-repeat 0 -205px; display:block; padding:0 0 2px 19px }

#category-wrapper #sidebar { background-color:transparent; margin-left:9px; }
#category-wrapper #sidebar h3 { border-bottom:1px solid #ccc; padding:0 0 2px 9px; }
#category-wrapper #sidebar a { background-position:0 4px; }

/* 2nd level - TYPES OF PRODUCTS BY GROUP */
#types { float:left; padding-bottom:30px; width:700px; }
#types img { float:left; margin: 1px 10px 0 0; }
#types h1 { float:left; font-family:"Trebuchet MS"; font-size:30px; text-transform:uppercase; }
#types h2 { border-bottom:1px solid #999; clear:both; font-size:22px; padding:10px 0; }
#types h3 { font-size:16px; margin-bottom:3px;  }
#types .model { border-bottom:1px solid #eee; clear:left; margin-top:20px; overflow:hidden; padding-bottom:20px; }
#types .last { border-bottom:none }
#types i { font-size:13px; font-style:normal; margin-bottom:6px; text-transform:uppercase; }
#types p { font-size:13px; line-height:17px; margin:10px 0 0 230px; }

/* 3rd level - PRODUCT DETAILS */
#product { float:left; padding-bottom:30px; width:700px; }
#product h1 { font-size:26px; line-height:26px; }
#product h2 { font-size:13px; font-style:normal; margin-bottom:6px; text-transform:uppercase; }
#product img.device { float:left; margin:20px 10px 0 0; }
.specifics { float:left; font-size:12px; margin:30px 0 0 10px; padding:10px 15px; width:270px; }
.specifics li { list-style-type:square; margin-bottom:3px; }
.techno { clear:both; margin:15px 0 0; }
.techno li { float:left; margin:0 30px 10px 0; }
.techno a { display:block }

.product_description table { border-left:1px solid #ccc; border-top:1px solid #ccc; clear:both; font-size:13px; margin:20px 0 7px 0; width:700px; }
.product_description table th, .product_description table td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:11px; padding:4px; text-align:center; }
.product_description table th { background-color:#eee; color:#333; font-weight:bold; }

.product_description p { font-size:13px; line-height:18px; margin:13px 0 0 0; }
.product_description table p { font-size:11px; line-height:13px; margin:0; width:auto }

/* NEWS */
#news { float:left; margin-left:10px; padding-bottom:30px; width:540px; }
#news img { border:1px solid #ccc; float:left; margin:1px 10px 0 0; padding:1px; }
#news h2 { font-size:17px; line-height:22px; margin-bottom:3px;  }
#news .article { border-bottom:1px dotted #ccc; clear:left; margin-top:20px; overflow:hidden; padding-bottom:20px; }
#news .article .date { font-size:12px; }
#news .first { margin-top:0 }
#news .last { border-bottom:none }
#news p { font-size:13px; line-height:17px; margin-left:154px; }
#news a.more { font-size:13px; float:right; }

#single { float:left; margin-left:10px; padding-bottom:30px; width:540px; }
#single h1 { font-size:26px; line-height:30px; margin-bottom:10px; }
#single img { margin-bottom: 10px }
#single p { font-size:13px; line-height:17px; margin-bottom:15px; }

#sidebar { background-color:#eee; float:left; margin:0 0 20px 20px; padding:10px; width:200px; }
#sidebar h3 { color:#333; font-family:"Trebuchet MS"; font-size:12px; font-weight:bold; text-transform:uppercase; }
#sidebar h4 { font-size:11px; line-height:16px; padding:8px 0 8px 10px; }
#sidebar a { background:url(/img/bullets.png) no-repeat -16px -130px; display:block; font-size:11px; line-height:16px; margin-left:-12px; padding-left:12px; }
#sidebar a:hover { color:#eb2a2e; }

#banner { float:left; margin:0 0 20px 20px; }

/* AC NAVIGATION */
#acnav { height:390px; padding:30px 0; text-align:center; }
#acnav .brand { float:left; margin-top:40px; text-align:center; width:470px; }
#acnav .brand .download { height:65px; margin-left:50px; }
#acnav .brand .toshiba { background:url(/img/logos.png) no-repeat 0 -166px; padding-left:180px; }
#acnav .brand .mitsubishi { background:url(/img/logos.png) no-repeat 0 -242px; padding-left:170px; }
#acnav .brand .download a.cat-down { background:url(/img/cat-down-button.png) no-repeat 0 0; display:block; height:65px; width:208px; }
#acnav .brand .mitsubishi a.cat-down { background-position:0 -130px; }
#acnav .brand .toshiba a.cat-down:hover { background-position:0 -65px; }
#acnav .brand .mitsubishi a.cat-down:hover { background-position:0 -195px; }

#acnav h6 { clear:both; color:#5badd8; font-size:14px; font-weight:normal; line-height:20px; padding-top:20px; }

/* SPECIALS */
#specials { float:left; padding-bottom:20px; }
#specials .titles-bg { background:url(/img/grey-ribbon.png) no-repeat 0 0; height:40px; margin-left:-20px; width:1000px; }
#specials .box { float:left; margin-top:-31px;  width:238px; }
#specials .news { background:url(/img/box-bg.png) no-repeat 435px 50px; margin-left:22px; padding-right:30px; width:430px; }
#specials h2 { color:#fff; font-family:"Trebuchet MS"; font-size:13px; margin-bottom:20px; text-shadow:1px 1px 2px #444; text-transform:uppercase; }
#specials h3 { font-size:13px; }
#specials h3 a { display:block; }
#specials .news h3 { background:url(/img/bullets.png) no-repeat 0 4px; font-size:13px; margin-left:-12px; padding-left:12px; }
#specials p { font-size:11px; line-height:16px; margin-bottom:16px; }

#specials .contact { background:url(/img/box-bg.png) no-repeat 207px 50px; font-size:11px; line-height:18px; margin-left:8px; }
#specials .contact h3 { font-weight:bold; }
#specials .contact a.map-link { background:url(/img/map-link.png) no-repeat right 0; display:block; margin-top:20px; padding:145px 0 3px; width:180px; }
#specials .contact a.map-link:hover { background-position:0 0; }
#specials .contact a.map-link span { background:url(/img/bullets.png) no-repeat 0 -30px; padding:4px 0 5px 30px; }

#specials .featured { margin-left:2px; width:220px; }
#specials .featured h3 { margin-top:12px; }

/* PAGES */
.page_zastomi { margin:0 10px; overflow:hidden; }
.page_zastomi .about { float:left; padding-bottom:30px; width:690px; }
.page_zastomi #sidebar { padding-bottom:0 }
.page_zastomi #sidebar p { font-size:11px; text-shadow:1px 1px 0px #fff }
.page_zastomi h1 { font-size:26px; margin-bottom:10px }
.page_zastomi p { font-size:13px; line-height:17px; margin-bottom:17px; }
.page_zastomi img { float:left; margin:0 20px 10px 0 }

.page_kontakt { padding:0 10px; }
.page_kontakt h1 { font-size:26px; margin-bottom:10px }
.page_kontakt p { font-size:13px; line-height:17px; margin-bottom:17px; }
.page_kontakt table { width:100% }

.page_oprema { font-size:13px; line-height:17px; }
.page_oprema h1 { font-size:26px; margin-bottom:10px }
.page_oprema h2 { border-bottom:1px solid #999; clear:both; font-size:18px; margin-bottom:15px; font-variant:normal; padding:10px 0; }
.page_oprema table { margin-bottom:20px; width:90% }
.page_oprema table td { padding:5px; }


/* 404 */
.pagenotfound { background:url(../img/404.jpg) no-repeat 0 0; color:#fff; font-size:14px; height:202px; margin:30px auto 40px; line-height:18px; padding:150px 140px 150px 170px; width:190px; }
.pagenotfound h1 { font-family:"Trebuchet MS", Tahoma, sans-serif; font-size:18px; font-weight:bold; line-height:21px; margin-bottom:17px }
.pagenotfound a { color:#fff; text-decoration:underline }
.pagenotfound a:hover { background-color:#007dbf; text-decoration:none; }
.pagenotfound p { margin-bottom:17px; }

/* ----- FOOTER ----- */
#footer { background: #fff url(/img/footer-bg.png) no-repeat 0 0; clear:both; height:67px; margin-left:-20px; padding:20px 0 0 20px; position:relative; width:1000px; }
#footer .footmenu { left:10px; position:absolute; top:15px;}
#footer .footmenu li { float:left; }
#footer .footmenu a { border-right:1px solid #aaa; color:#777; font-size:11px; padding:0 10px; text-decoration:underline }
#footer .footmenu a:hover { color:#007dbf; }
#footer .footmenu .first { padding-left:0; }
#footer .footmenu .last { border-right:none; }

#footer p.copy { color:#777; font-size:11px; position:absolute; left:50%; top:20px; }
#footer a.designeus { background:url(/img/designeus.png) no-repeat 39px 0; color:#777; font-size:11px; height:16px; right:28px; padding-right:20px; position:absolute; top:18px; }
#footer a.designeus:hover { background-position:39px -16px; color:#007dbf; }

/* tooltip styling. uses a background image (a black box with an arrow) */
div.tooltip { background:url(/img/tooltip-bg.png) no-repeat 0 0; z-index:100; font-size:13px; line-height:17px; padding:25px 20px 15px; width:250px; display:none; color:#333; }
div.tooltip-bottom { background:url(/img/tooltip-bg.png) no-repeat 0 bottom; height:20px; margin:0 0 -35px -20px; }
div.tooltip p { width:210px }

/* GALLERIES */
#galleries { clear:left; float:left; margin-top:10px; width:640px; }
#galleries h2 { margin:0 0 10px 40px; }
/* infinite carousel */
.infiniteCarousel { background-color: transparent; height:140px; margin-bottom:10px; position:relative; width: 640px;
}
.infiniteCarousel .wrapper {  margin: 0 60px; min-height: 155px; overflow: hidden; position: absolute; top:0; width: 503px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */ }
.infiniteCarousel .wrapper ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:absolute; top:0; width:9999px; }
.infiniteCarousel ul li { display:block; float:left; height:75px; padding:0 13px; width:100px; }
.infiniteCarousel ul li a img {	background-color:#fff; border:1px solid #007dbf; display:block; padding:3px; }
.infiniteCarousel ul li a:hover img { border:1px solid #eb2a2e }
.infiniteCarousel .arrow { background:no-repeat; background-image: url(/img/gal-arrows-sprite.png); cursor: pointer; display: block; height: 46px; position: absolute; top:20px; width:26px; }
.infiniteCarousel .thumb { height:75px; width:100px; }
.infiniteCarousel .title { display:block; margin-top:8px; text-align:center; }
.infiniteCarousel ul li a:hover .title { text-decoration:underline; }
.infiniteCarousel .forward { background-position:center -57px; right: 15px; }
.infiniteCarousel .back { background-position:center top; left: 15px; }
.infiniteCarousel .forward:hover { background-position:center -168px; }
.infiniteCarousel .back:hover { background-position:center -113px; }


/* GALLERIES IN PAGES/NEWS */
.infiniteCarousel { height:90px; width:540px; }
.infiniteCarousel .wrapper { margin:0 32px; width:471px; }
.infiniteCarousel ul li { padding:0 9px }
.infiniteCarousel .back { left:0; }
.infiniteCarousel .forward { right:0; }