/************ GLOBAL RESET **********/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font: 62.5%/1.5;	vertical-align: baseline;	background: transparent;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
/* remember to define focus styles! */
:focus {	outline: 0;}
/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}
a {color:#6D0011;text-decoration:none}
a:hover {text-decoration: underline}
a.lightred { color:#D01F3C }
span.clear{display: block;clear: both;}
span.upper {text-transform:uppercase}

/************ UNIKI STYLES **********/
html { height: 100%; }
body { background-color:#fff; background-repeat: repeat-x; background-position:top left;	background-image:url(../images/bg.jpg); }
body { color:#666666; font:62.5%/1.5 Tahoma,Geneva,sans-serif;	margin:0;	padding:0;	text-align:center; overflow-x: hidden;height: 100%;}

/************ FORMS **********/
input[type="text"], input[type="password"], textarea {color:#666666;font-family: Arial, Sans-Serif;font-size: 1.3em;margin-bottom: 5px;display: block;padding: 4px;border: solid 1px #969ca0; background-image: url(../images/inputbg.png ); background-repeat: repeat-x; background-position: top;} 
input[type="button"], input[type="submit"] {background:#2E3A41;border-color:#969ca0 #182126 #182126 #969ca0;border-style:solid;border-width:1px;color:#EFEFEF;cursor:pointer;font-size:1.2em;font-weight:bold;padding:2px 14px;text-decoration:none;}

/****** main containers *******/
#container { width:100%; overflow-x: hidden;min-height: 100%;}
#content, #header, .wrapper { width: 970px; min-width:970px;	text-align: left;	margin-left: auto;	margin-right: auto;	}
#header {padding:20px 0}
#logo {float:left;margin-top:0px}
#lang { text-align: right; font-size:1.2em }
#lang a { font-weight: bold }
#menu { text-align: right; }
#menu a { color:#2E3A41; text-transform: uppercase; padding:3px 5px; text-decoration: none; }
#menu a { background: transparent url(../images/mbg.png) -80px 0 no-repeat; }
/*#menu a:hover {background-color: #D01F3C; color:#fff}*/
#menu a:hover {color:#fff; background-position:0 0;}
#menu a.selected {background-color: #D01F3C; color:#fff}
#menu .last {padding-right: 0}
#productmenu {position:absolute;margin:-53px 0 0 250px}
#productmenu ul li{float:left;width:64px;height:67px;background: #2E3A41; text-align: center}
#productmenu ul li.selected {background:#D01F3C url(../images/prodmenubg.png) top right repeat-y;}
#productmenu ul li a{display:block;width:64px;height:27px;color:#fff;cursor: pointer;font-size: 1.2em; padding:40px 0 0 0}
#productmenu ul li a:hover{text-decoration: none;background:#D01F3C url(../images/prodmenubg.png) top right repeat-y;}
#productmenu ul li#augmented, #productmenu ul li#augmented a {width:82px;}
#login-info {float:right; margin-right:-50px}
#login-info a {color:#666666;}
#login-cont {float:right; margin-right:-200px; width:200px;text-align:left}
#footer {width:100%;background-color: #2e3a41;color:#fff; text-align: left; padding: 20px;}
#footer div.col {float:left; width:120px; margin:0 50px 0 0}
#footer h1 {font-size:2.5em; font-weight: normal}
#footer a, a.arrow {color:#aaa; font-size: 1.2em; background: transparent url(../images/icons/arrowr.png) right 75% no-repeat; padding-right: 12px}
a.arrow {color:#D01F3C; font-size:1em}
#footer a.blog {background:none;padding:0}
#footer #copy {float:right; color:#888888; margin:0 80px 0 0;font-size: 1.2em}
#footer #skype {float:right; margin:24px -150px 0 0}
#footer #rss {float:right; margin:24px -110px 0 0}
#footer #twitter {float:right; margin:24px -76px 0 0}
#footer #facebook {float:right; margin:24px -36px 0 0}
div.slogan {float:left;color:#2E3A41; margin: 40px 0 0 0px}
div.slogan h1 {font-weight: normal; text-transform: uppercase; font-size: 2.2em; line-height: 0.8em}
div.slogan h2 {font-weight: normal; font-size: 2.2em}
.bglogobig {background: transparent url(../images/logo_back2.png) top left no-repeat;width:789px;height:372px;position:absolute;z-index:-1;margin:45px 0 0 400px}
#buy {position:fixed; left:-19px; top:70px; background:#D01F3C; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); font-size: 1.2em;	letter-spacing:2px;}
#buy:hover {background-color: #6D0011;}
#buy a {padding:5px 12px; display:block; color:#FFF;text-shadow:0 1px 0 #333;}
#buy a:hover {text-decoration: none}

/******* home page *******/
#home {width: 970px; height:550px; background: transparent url(../images/logo_back.png) 100% 97% no-repeat; margin-bottom: 40px}
#home-info {float:left;margin-top:-15px}
#home-info h1 {font-size:1.4em; padding: 20px 0 0 0; color:#555}
#home-info h2 {font-size:1.8em; padding: 10px 0 0px 0;font-weight: normal;color:#6D0011}
#home-info p {font-size:1.2em;color:#888}
div.kartica { float:right; background:url(../images/karticabg.png) top left no-repeat;width:232px;height:251px;}
div.kartica a { color:#2E3A41}
div.kartica a:hover { text-decoration: none}
div.kartica h1 {font-size:3.4em;font-weight:normal;text-transform:uppercase;line-height: 0.8em; padding: 5px 5px 10px 5px;color:#888;}
div.kartica .kpic {border-top:solid 1px #aeb3b6;border-bottom:solid 1px #aeb3b6; height:112px;overflow: hidden}
div.kartica p {padding:5px;font-size:1.1em; height:66px}
div.kartica ul {display:inline; width:0px;height: 4px; list-style: disc; float:left; margin: 6px 0 0 20px}
div.kartica .more {float:right;text-align: right; margin:1px 5px 0 0;font-weight: bold; color:#fff}
div.kartica .more a {color:#fff;}
div.kartica .hvr {background:transparent url(../images/karticabg2.png) top right no-repeat;; color:#2E3A41;}
div.kartica .hvr:hover {color:#FFF;}
div.kartica .hvr:hover h1 {color:#fff}
#kartica1 {padding-right: 30px; margin-top: 60px}
#kartica2 {padding-right: 30px; margin-top: 80px}
#kartica3 {padding-right: 20px; margin-top: 40px}

/********* Main Col COntainer ********/
.colcont {width:970px;background:#fff url(../images/colcontbg.png) top right repeat-y;border:1px solid #efefef; padding: 0; margin-top: 40px}
.colcotm20 {margin-top:20px}

/******* Contact page *******/
#contact {width:970px;margin-bottom: 50px}

/******* About page *******/
#about {width:970px;margin-bottom: 50px}
.colcont div.col { float:left; width:280px; border-right: 1px solid #eee;padding:0 20px;margin:20px 0}
.colcont div.col h2 {color:#6D0011; font-size: 1.4em}
.colcont div.col h3 {color:#2E3A41; font-size: 1.2em;}
.colcont div.col p {font-size: 1.2em}
.colcont div.col strong {color:#2E3A41}
.colcont div.col .jobdesc { display:none }
.colcont div.last {border-right: none}
.colcont img {padding:20px 0;}
.colcont .pdf1 {line-height:16px; color:#6D0011; font-size:1.2em; background: transparent url(../images/icons/ikona_pdf2.png) center left no-repeat; height:40px; padding-left: 60px; margin-top: 20px;}
.colcont .pdf2 {line-height:16px; color:#2E3A41; font-size:1.2em; background: transparent url(../images/icons/ikona_pdf.png) center left no-repeat; height:40px; padding-left: 60px; margin-top: 20px;}
.colcont .map {line-height:16px; color:#2E3A41; font-size:1.2em; background: transparent url(../images/icons/ikona_map.png) center left no-repeat; height:40px; padding-left: 70px; margin: 80px 0 0 160px;}
.colcont .pdf2 a {color:#2E3A41;font-weight: bold}
.colcont div.col .pdf1 ul, .colcont div.col .pdf2 ul, .colcont div.col .map ul {list-style: disc;margin-left:15px; padding:0;font-size: 1em}
.colcont .award {color:#2E3A41; padding-top: 20px}
.colcont .award .awardimg { float:left; width:90px }
.colcont .award .awardimg img { padding:0 }
.colcont .award .awardtext {padding-left: 20px; float:left;}
.colcont .award .awardtext ul {font-size: 1.2em; list-style:disc;margin-left:15px;padding:0}

/******* Technology page *******/
#technology {width:970px;margin-bottom: 50px}
.colcont div.col ul {list-style: disc; padding: 10px 0 0 20px; font-size: 1.2em}

/******* JOBS page *******/
#jobs {width:970px;margin-bottom: 70px}


/******** Events product page *********/
#events {width:970px;margin-bottom: 120px}
#spaces {width:970px;margin-bottom: 120px}
#store {width:970px;margin-bottom: 120px}
.productcontainer {height:180px;padding: 5px 0;}
.productcontainer .sidebar {float:left;width:220px; background:#2E3A41;height:100%;}
.productcontainer .sidebar ul {list-style: none}
.productcontainer .sidebar ul li {border-bottom: 1px solid #586167}
.productcontainer .sidebar ul li.selected {background-color:#6D0011;}
.productcontainer .sidebar ul li a {display:block;color:#fff;font-size:1.4em; padding: 8px 10px 3px 10px}
.productcontainer .sidebar ul li a:hover {text-decoration: none; background-color: #6D0011}
.productcontainer .sidebar ul li.inactive {background-color: #899094;color:#aaa;font-size:1.4em; padding: 8px 10px 3px 10px}
.productcontainer .desc {float:left;color:#2E3A41;background-color:#f2f2f2;width:240px; height:100%;}
.productcontainer .desc h3 {padding-bottom: 10px }
.productcontainer .desc p {padding-bottom: 10px}
.productcontainer .desc ul {list-style: disc;margin-left: 15px}
.productcontainer .showcase {float:left;background-color:#aaa;width:240px; height:100%;}
.productcontainer .showcase img {padding:0;margin:0}
.productcontainer .desc2 h3 {padding-bottom: 10px }
.productcontainer .desc2 {float:left;color:#6D0011;width:260px; height:100%;}
.productcontainer .desc2 ul {list-style: disc;margin-left: 15px}
.productcontainer .desc2 ul li {padding-bottom: 10px}
.productcontainer .space{margin:10px 20px;}
.productcontainer .space2 { padding-left: 1px;background: #fff }
.productcontainer .w2 {width:269px}

#publishers { width:970px;margin-top: 10px }
#publishers h1 { float:left;width:60px; height:170px; background: url(../images/publishers.png) bottom left no-repeat; margin:-1px 0 0 -61px; border-top:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef}
.productcontainer2 {padding:0;}
.productcontainer2 .col4 { float:left; width:25%;}
.productcontainer2 .col4 .imgcont { background: #aaa; height:170px;overflow: hidden }
.productcontainer2 .col4 .imgcont img { padding:0;margin:0 }
.productcontainer2 .col4 .desccont { }
.productcontainer2 .col4 .desccont a { display: block; padding-top: 5px; font-weight: bold }
.bordercont {border-right:1px solid #fff}
.bordercont2 {border-right:1px solid #ddd; padding:10px 20px 10px 20px}
.noborder {border:none}

#superbrands { width:970px;margin-top: 10px }
#superbrands h1 { float:left;width:60px; height:170px; background: url(../images/superbrands.png) bottom left no-repeat; margin:-1px 0 0 -61px; border-top:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef}

#services { width:970px;margin-top: 10px }
#services h1 { float:left;width:60px; height:170px; background: url(../images/services.png) bottom left no-repeat; margin:-1px 0 0 -61px; border-top:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef}

#banking { width:970px;margin-top: 10px }
#banking h1 { float:left;width:60px; height:170px; background: url(../images/banking.png) bottom left no-repeat; margin:-1px 0 0 -61px; border-top:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef}

#storewindow { width:970px;margin-top: 10px }
#storewindow h1 { float:left;width:60px; height:170px; background: url(../images/storewindow.png) bottom left no-repeat; margin:-1px 0 0 -61px; border-top:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef}

#instore { width:970px;margin-top: 10px }
#instore h1 { float:left;width:60px; height:170px; background: url(../images/instore.png) bottom left no-repeat; margin:-1px 0 0 -61px; border-top:1px solid #efefef; border-left:1px solid #efefef; border-bottom:1px solid #efefef}


/******** 404 *********/
#p404 {}
#p404 .img404 {margin:50px 0 0 0px}
#p404 .desc404 {margin:10px 0 40px 600px}
#p404 .desc404 h1 {color:#D01F3C; font-weight:normal;}
#p404 .desc404 h1 span {display:block; color:#2e3a41}
#p404 .desc404 p {font-size: 1.6em;padding: 20px 0}
#p404 .desc404 .comm img {margin-left:-130px}


/******** OVERLAYS ********/
/* the overlayed element */ 
div.video_overlay, div.buy_overlay {background-image:url(../images/overlay/uniki.png); width:780px; height:520px;display:none;} 
div.buy_overlay {background-image:url(../images/overlay/uniki2.png); } 
div.video_overlay div.close, div.buy_overlay div.close { background-image:url(../images/overlay/close.png); position:absolute; right:29px; top:29px; cursor:pointer; height:35px; width:35px; } 
.overlaycont {margin:49px 48px;color:#eee;border:1px solid #888;height:420px; overflow: hidden}
.overlaycont .head {height: 70px;border-bottom:1px solid #888;}
.overlaycont .head img { margin: 10px}
.overlaycont .col-l {float:left;height:350px;width:467px;background: #888;margin-left: -1px}
.overlaycont .col-r {float:left;height:350px;width:215px;background: #888; background-color: #2E3A41;}
.overlaycont .col-r a {display:block;color:#fff;font-size:1.2em; padding: 8px 10px 8px 10px; border-bottom:1px solid #586167 }
.overlaycont .col-r a:hover {text-decoration: none; background-color: #6D0011}
.overlaycont .col-r small {color:#ccc; display:block}
.buycont {margin:49px 46px;height:414px; overflow: hidden; border:6px solid #aaa;-moz-border-radius: 6px;  }
.buycont form { padding: 34px 40px}
.buycont table td {font-size:1.2em;vertical-align:top;}
.buycont table td em {color:red;padding-right: 2px}
.buycont table td select {margin-bottom: 5px}
.buycont table td .note_help {width:183px; height:138px; background: transparent url(../images/inquiry_help_bg.png) no-repeat; position:absolute; margin: -135px 0 0 290px; font-size: .8em; color: #FFFFFF;display:none}
.buycont table td  #help_news {margin-top:-53px; background-image:url(../images/inquiry_help_bg2.png); height:69px;}
.buycont table td .note_help p {display:block; margin: 10px 0 10px 23px; width:150px}
.buycont table td  #help_news p {margin-top:16px;margin-left: 28px}
.buycont table td  #help_news p input {float:left;margin-right:10px}
.buycont table td  #help_news p label {float:left;width:100px;margin-top:2px}
.buycont table td .error {border-color:red}
.buycont table td .readonly {background:#AAA}
.buycont table td textarea, .buycont table td input[type="text"] {width:270px}
.buycont span.indicator {display:block;float:right;clear:both;background: transparent url(../images/indicator.gif) no-repeat;width:16px;height:16px; margin-right:-24px; margin-top: 4px;display:none}
.buycont #datasent {display:none}
.buycont #datasent h1 {margin-top: 150px; color:#D01F3C; font-size: 4em;}
.buycont #datasent p {margin-top: 10px; color:#2E3A41; font-size: 1.2em;}

#map_canvas {width:100%; height:420px; overflow: hidden; position:relative:float:left }