* {margin:0; padding:0;}
body {font-family: Arial, Verdana, Helvetica, sans-serif; color:#fff; font-size:12px; background:url(../images/bg-top.jpg) center top repeat-x; background-color:#164c71; overflow:-moz-scrollbars-vertical;}
a:focus {outline:none;}
img {border-width:0;}
div.clear {clear: both;}


/* WRAPPERBODY */
div#wrapper {margin:0 auto; background:url(../images/bg-main.jpg) center bottom repeat-y;}


/****************************** HEADER ******************************/
div#header {width:960px; margin:0 auto;}
div#logo {display:block;}
div#header-slideshow {height:277px; width:940px; padding:9px 0 0 0; margin:0 auto; overflow:hidden;}
ul#header-slide {list-style:none;}
div#menu {height:33px; text-align:center;}
div#menu a, div#menu a:link, div#menu a:visited {line-height:33px; padding:0 65px; color:#fff; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
div#menu a:hover, div#menu a:active {color:#52d2ff;}
div#menu ul li.menuitemfirst {padding:0 25px 0 0;}
div#menu ul li.menuitemlast {padding:0 0 0 25px;}
div#menu ul li a {font-size:14px; color:#ff6409; text-decoration:none; font-weight:bold; line-height:18px;}
div#menu ul li a:hover {border-bottom:1px solid#dedede; padding-bottom:6px;}


/* WRAPPERBODY */
div#wrapperbody {margin:0 auto; width:940px; padding:0 10px; position:relative;}


/* COLUMN */
div#column-right {width:300px; float:left; padding:45px 0 0 0;}


/**************** CONTENT ****************/
div#content {width:620px; float:left; padding-right:20px;}
#content a, #content a:link, #content a:visited {color:#52d2ff; text-decoration:none;}
#content a:hover, #content a:active {text-decoration:underline;}
#content h1 {color:#b1c538; font-size:24px; font-weight:normal; padding:8px 28px 15px 0px; line-height:28px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#content h2 {color:#b1c538; font-size:18px; font-weight:normal; padding:0 28px 10px 0px; line-height:22px; font-family:Verdana, Arial, Helvetica, sans-serif; position:relative;}
#content h2.h-small, #content h3.h-small {color:#b1c538; font-size:14px; font-weight:bold; padding:0 15px 10px 0px; line-height:18px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#content p, #content li, #content span {color:#b4d6ec; font-size:14px; line-height:18px;}
#content img.pic-right {float:right; padding:0 0 10px 10px;}
#content .zelenibold {color:#25c700; font-weight:bold;}

/* Other styles */
#content p.center {text-align:center;}
#content p.fusnota {font-size:10px; color:#999;} /* editor */
#content img.linija {display:block; padding:5px 0;} /* editor */
#content .ap-galerija1 {text-align:center; padding:5px; background:#dfdfdf;}
#content .ap-galerija1 img {margin:6px; border:3px solid #d2d2d2;}
#content .ap-galerija2 {text-align:center; padding:5px; background:#484848;}
#content .ap-galerija2 img {margin:6px; border:3px solid #d2d2d2;}
#content .ap-galerija2 a img, #content .ap-galerija2 a:link img, #content .ap-galerija2 a:visited img {border:3px solid #d2d2d2;}
#content .ap-galerija2 a:hover img, #content .ap-galerija2 a:active img {border:3px solid #fff;}
#content h3.h-small a, #content h3.h-small a:link, #content h3.h-small a:visited {color:#b1c538;}
#content h3.h-small a:hover, #content h3.h-small a:active {text-decoration:underline;}
#content .right {text-align:right;}
#content .infobox {border:0px solid #d2d2d2; padding:15px; background:#0e3a58;}
#content .infobox p {font-size:14px; line-height:18px;}
#content .green {color:#b1c538;}
#content .blue {color:#9fe6ff;}
#content .placedown {position:relative; bottom:-4px;}
#content .forbiden {border:1px dashed #d2d2d2; padding:15px; background:#0e3a58;}
#content .forbiden p {font-size:11px;}
#content .fleft1 {width:310px; float:left;}

/* Liste i manje kolone */
#content div.listax2 {width:304px; float:left; margin:3px; padding:10px 0; background-color:#10466c;}
#content ul.lista1 {list-style:disc; margin-left:25px; padding:5px 0 0 0;}
#content ul.lista1 li {padding:3px 0;}
#content div.kolonax2-lv {width:294px; float:left; margin:3px; padding:10px 10px 10px 0;}
div.kolonax2-ds {width:294px; float:left; margin:3px; padding:10px 0 10px 10px;}
#content ol.lista2 {margin-left:25px;}
#content ol.lista2 li {padding:3px 0;}
#content ul.listaimg {list-style:none; margin-left:25px; padding:5px 0 0 0;}
#content ul.listaimg li {padding:5px 0 0 0;}

/* Social */
div.social-follow {position:absolute; width:300px; top:0; right:10px; z-index:500;}
a.social-facebook {position:absolute; top:-25px; right:100px;}
a.social-twitter {position:absolute; top:-25px; right:50px;}
/* Social bookmarking */
.social-bookmark {text-align:right; float:right; padding:5px 0 0 10px; position:relative;}
.social-bookmark span.podeli {color:#2f739b !important; font-size:11px !important; padding-right:10px; position:relative; bottom:4px;}
.facebooklike {border:none; /*overflow:hidden;*/ width:92px; height:21px; position:relative; top:3px; padding:0 5px 0 0;}

/* Menu sa strane */
div.menu-side {width:300px; height:128px; background:url(images/menu-side.jpg) no-repeat; position:relative; background-image: url(../images/menu-side.jpg); color:#fff; padding:0 0 0 0;}
div.kolona-menu {width:135px; padding:8px 0 0 15px; float:left;}
div.menu-side span.menu-s-title a, div.menu-side span.menu-s-title a:link, div.menu-side span.menu-s-title a:visited {color:#e5ff55; display:block; text-decoration:none; font-weight:bold; margin:0 0 7px 0;}
div.menu-side span.menu-s-title a:hover, div.menu-side span.menu-s-title a:active {color:#e5ff55; text-decoration:underline;}
div.menu-side img.img-divider {padding:5px 0 8px 0;}
div.menu-side ul {list-style:none; padding:0 0 0 10px;}
div.menu-side ul li {padding-bottom:3px;}
div.menu-side a, div.menu-side a:link, div.menu-side a:visited {text-decoration:none; color:#fff;}
div.menu-side a:hover, div.menu-side a:active {text-decoration:underline;}

/* Baner - Pozovite nas */
div.b-pozovite {background:url(../images/baner-pozovite-podrsku-i-servis-racunara.jpg) center center no-repeat; width:300px; height:110px; padding-top:7px; position:relative;}
div.b-pozovite span.txtpozovite {display:block; padding:16px 0 0 100px; font-weight:bold; color:#385800; font-size:14px;}
div.b-pozovite span.txtgrad1 {display:block; padding:15px 0 0 143px; font-size:18px;}
div.b-pozovite img.divider {display:block; padding:1px 0 0 145px;}
div.b-pozovite span.txtgrad2 {display:block; padding:0px 0 0 143px; font-size:18px;}
div.b-pozovite span.txtlink {display:block; position:absolute; right:15px; bottom:6px; text-align:right;}
span.txtlink a, span.txtlink a:link, span.txtlink a:visited {color:#e5ff55; text-decoration:underline; font-weight:bold; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
span.txtlink a:hover, span.txtlink a:active {text-decoration:none;}

/* Baner - Paketi za odrzavanje */
div.b-paketi {width:300px; height:157px; background:url(../images/baner-paketi-za-odrzavanje-racunara.jpg) center center no-repeat; position:relative;}
div.b-paketi span.txttitle {display:block; padding:16px 0 0 95px; color:#c9ea45; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
div.b-paketi span.txttext {display:block; padding:19px 5px 0 113px;}
div.b-paketi span.txtlink {display:block; position:absolute; right:15px; bottom:12px; text-align:right;}

/* Baner - Reference */
div.b-reference {width:300px; height:148px; overflow:hidden; background:url(../images/baner-reference.jpg) center center no-repeat; position:relative;}
div.b-reference span.txttitle {display:block; padding:5px 0 0 10px; font-weight:bold; color:#385800; font-size:14px;}
div.b-reference span.txttext1 {display:block; padding:13px 5px 0 100px; color:#dcf553;}
div.b-reference img.divider {display:block; padding:6px 0 0 100px;}
div.b-reference span.txttext2 {display:block; padding:2px 5px 0 100px;}
div.b-reference span.txtlink {display:block; position:absolute; right:15px; bottom:9px; text-align:right;}

/* Pitanja i Odgovori - Tiny Accordion*/
#options {width:620px; margin:20px auto; text-align:center;}
#options a {text-decoration:none;}
#options a:hover {text-decoration:underline;}
#acc {width:620px; list-style:none; margin:0 auto 30px;}
#acc h2 {width:606px; border-bottom:1px solid #1a608f; padding:6px 6px 8px; font-weight:normal; margin-top:5px; cursor:pointer; background:url(images/header.gif); font-family: Arial, Verdana, Helvetica, sans-serif;}
#acc h2:hover {background:url(images/header_over.gif);}
#acc .acc-section {overflow:hidden;}
#acc .acc-content {width:588px; padding:15px; border-bottom:0px solid #17689f; border-top:none;}
#nested, #nested2, #nested3 {/*width:425px;*/ list-style:none; margin-bottom:15px;}
#nested h3, #nested2 h3, #nested3 h3 {/*width:411px;*/ color:#b1c538; font-weight:normal !important; border-bottom:1px solid #2681c0; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif);}
#nested h3:hover, #nested2 h3:hover {background:url(images/header_over.gif); color:#e5ff55;}
#nested .acc-section, #nested2 .acc-section {overflow:hidden;}
#nested .acc-content, #nested2 .acc-content {width:556px; padding:15px; border:1px solid #17689f; border-top:none;}
#nested .acc-selected, #nested2 .acc-selected {background:url(images/header_over.gif);}

/* TABELA */
/* Table Main */
#content .t1 {background:#0e476f; border-bottom:0px solid #ccc; border-collapse:collapse; color:#b4d6ec; font:normal 12px arial, verdana, helvetica, sans-serif; width:620px;}/* podesavanja za celu tabelu */
#content .t1 caption {color:#fff; background:#6d6d6d; font-weight:normal; padding:5px 0; text-align:center; text-transform:uppercase; width:620px;}/* veliki naslov */
#content .t1 td, #content .t1 th {color:#b4d6ec; padding:3px 10px; text-align:center; font-weight:normal;}/* sve - th i td */
#content .t1 tbody th {text-align:left; vertical-align:middle; font-weight:normal; height:54px; background:#0c3f63; font-size:11px;}/* tbody - svi th */
#content .t1 tbody td {text-align:center; vertical-align:middle; font-weight:normal;}/* tbody - svi td */
/* thead */
#content .t1 th.tabler1 {width:130px;}/* kolone r1 */
#content .t1 th.tabler2 {width:75px;}/* kolone r2 */
#content .t1 thead tr.coltitle  {border:0px solid #6ba4cb;}/* thead */
#content .t1 thead th {background:#164c71; color:#e98f01; padding:6px 10px; text-align:center; font-size:11px; font-weight:normal; letter-spacing:1px;}/* thead - th */
#content .t1 thead th.tabler1 {text-align:left;}/* thead - th tabler1 */
/* end thead */
#content .t1 tr {border:0px solid #6ba4cb;}/* sve - tr i td (svi redovi i kolone) */
#content .t1 td {/*border:1px solid #6ba4cb;*/ border-style:solid; border-color:#6ba4cb; border-width:0 1px 0 1px;}/* sve - tr i td (svi redovi i kolone) */
#content .t1 tr.first {background:#0062a6;}/* red prvi */
#content .t1 tr.city {background:#00233c;}/* red grad */
#content .t1 tfoot th {background:#0e3a58; color:#b4d6ec; padding:6px 10px; text-align:center;}/* tfoot - th */
#content .t1 tbody td+td+td+td a {background-image:url('bullet_blue.png'); background-position:left center; background-repeat:no-repeat; color:#fff; padding-left:15px;}
#content .t1 tbody td+td+td+td a:visited {background-image:url('bullet_white.png'); background-position:left center; background-repeat:no-repeat;}
#content .t1 tfoot td {background:#5C443A; color:#fff; padding-top:3px;}
#content .t1 .odd {background:#fff;}
/*table hover*/
#content .t1 tbody tr:hover, #content .t1 tbody tr:hover th {background:#00233c; /*border-bottom:0px solid red;*/}/* tbody - hover kompletan red */
#content .t1 tbody tr:hover th, #content .t1 tbody tr:hover td {color:#6cc3ff;}/* tbody - hover svi th i td u redu */
#content .t1 tbody td a, #content .t1 tbody td a:link, #content .t1 tbody td a:visited {color:green; text-decoration:none;}/* tbody - svi linkovi td */
#content .t1 tbody td a:hover, #content .t1 tbody td a:active {color:#fff; font-weight:bold;}/* tbody - svi linkovi td hover */
#content .t1 tbody th a, #content .t1 tbody th a:link, #content .t1 tbody th a:visited {color:#b4d6ec; text-decoration:none;}/* tbody - svi linkovi th */
#content .t1 tbody th a:hover, #content .t1 tbody th a:active {color:#fff; font-weight:normal;}/* tbody - svi linkovi th hover */

/*       Table 2        */
#content .t1 th.table2r1 {width:200px;}/* kolone r1 */
#content table.t1 tbody#02 th {font-size:18px !important;}
#content .t1 th.table2r2 {width:100px;}/* kolone r2 */
/* Table Main */
#content .t2 {background:#0e476f; border-bottom:0px solid #ccc; border-collapse:collapse; color:#b4d6ec; font:normal 12px arial, verdana, helvetica, sans-serif; width:620px;}/* podesavanja za celu tabelu */
#content .t2 caption {color:#fff; background:#6d6d6d; font-weight:normal; padding:5px 0; text-align:center; text-transform:uppercase; width:620px;}/* veliki naslov */
#content .t2 td, #content .t2 th {color:#b4d6ec; padding:3px 10px; text-align:center; font-weight:normal;}/* sve - th i td */
#content .t2 tbody th {text-align:left; vertical-align:middle; font-weight:normal; height:54px; background:#0c3f63; font-size:14px;}/* tbody - svi th */
#content .t2 tbody td {text-align:center; vertical-align:middle; font-weight:normal; font-size:14px;}/* tbody - svi td */
/* thead */
#content .t2 th.tabler1 {width:200px;}/* kolone r1 */
#content .t2 th.tabler2 {width:100px;}/* kolone r2 */
#content .t2 thead tr.coltitle  {border:0px solid #6ba4cb;}/* thead */
#content .t2 thead th {background:#164c71; color:#e98f01; padding:6px 10px; text-align:center; font-size:11px; font-weight:normal; letter-spacing:1px;}/* thead - th */
#content .t2 thead th.tabler1 {text-align:left;}/* thead - th tabler1 */
/* end thead */
#content .t2 tr {border:0px solid #6ba4cb;}/* sve - tr i td (svi redovi i kolone) */
#content .t2 td {/*border:1px solid #6ba4cb;*/ border-style:solid; border-color:#6ba4cb; border-width:0 1px 0 1px;}/* sve - tr i td (svi redovi i kolone) */
#content .t2 tr.first {background:#0062a6;}/* red prvi */
#content .t2 tr.city {background:#00233c;}/* red grad */
#content .t2 tfoot th {background:#0e3a58; color:#b4d6ec; padding:6px 10px; text-align:center;}/* tfoot - th */
#content .t2 tbody td+td+td+td a {background-image:url('bullet_blue.png'); background-position:left center; background-repeat:no-repeat; color:#fff; padding-left:15px;}
#content .t2 tbody td+td+td+td a:visited {background-image:url('bullet_white.png'); background-position:left center; background-repeat:no-repeat;}
#content .t2 tfoot td {background:#5C443A; color:#fff; padding-top:3px;}
#content .t2 .odd {background:#fff;}
/*table hover*/
#content .t2 tbody tr:hover, #content .t2 tbody tr:hover th {background:#00233c; /*border-bottom:0px solid red;*/}/* tbody - hover kompletan red */
#content .t2 tbody tr:hover th, #content .t1 tbody tr:hover td {color:#6cc3ff;}/* tbody - hover svi th i td u redu */
#content .t2 tbody td a, #content .t2 tbody td a:link, #content .t2 tbody td a:visited {color:green; text-decoration:none;}/* tbody - svi linkovi td */
#content .t2 tbody td a:hover, #content .t2 tbody td a:active {color:#fff; font-weight:bold;}/* tbody - svi linkovi td hover */
#content .t2 tbody th a, #content .t2 tbody th a:link, #content .t2 tbody th a:visited {color:#b4d6ec; text-decoration:none;}/* tbody - svi linkovi th */
#content .t2 tbody th a:hover, #content .t2 tbody th a:active {color:#fff; font-weight:normal;}/* tbody - svi linkovi th hover */



/****************** CONTACT ******************/
div#contact-form-div {padding:20px 0 0 0px;}
fieldset {border:none;}
.label-name {float:left; width: 100px; height:20px; text-align: right; padding-right: 10px; margin: 10px 0 0 0; color: #777; font-size:12px; line-height:20px;}
.label-text {border:1px solid #cdcdcd; margin: 10px 0 0 0; width: 300px; height:20px; background: #fff; color: #777; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:20px;}
*html .label-text {margin-left:-3px;}
.text-area {border:1px solid #cdcdcd; float: left; margin: 10px 0 0 0; width: 300px; background: #fff; color:#777; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; overflow:auto;}
.button-send {margin: 10px 0 0 110px; width:92px; height:25px; background: url(../images/title-bgd.gif) repeat-x; border: 1px solid #cdcdcd; color: #777; font-size:12px; font-weight: bold; cursor:pointer;}
.button-reset {margin: 10px 0 0 10px; width:92px; height:25px; background: url(../images/title-bgd.gif) repeat-x; border: 1px solid #cdcdcd; color: #777; font-size:12px; font-weight: bold; cursor:pointer;}


/* FOOTER */
div#footer {clear:both; /*height:50px;*/ margin-top:30px; padding:10px 15px 20px 15px; border-top:1px solid #2f739b; font-size:11px; color:#30acff;}
#footer a, #footer a:link,#footer  a:visited {color:#52d2ff; text-decoration:none;}
#footer a:hover, #footer a:active {color:#52d2ff;}
.footermap {padding:10px 0 20px 1px; font-size:12px; /*background:#aaa;*/ color:#b4d6ec;}
#footer .footermap a, #footer .footermap a:link, #footer .footermap a:visited {color:#52d2ff; text-decoration:none;}
#footer .footermap a:hover, #footer .footermap a:active {color:#0085B7;}
.mapbox {float:left; width:196px; padding:0 15px 0 15px; border-right:1px solid #369;}
.mapbox.last, .mapbox.noborder {border:0px; padding-right:16px;}
.footermap ul, .footermap ol {margin:0 0 0 15px; padding:0 0 0 0;}
.footermap ol {list-style:upper-roman;}
.footermap ul li {padding:2px 0 2px 0;}
.footermap ol li {padding:4px 0 4px 0;}
div#footer .fleft {float:left; padding:10px 0 0 0;}
div#footer .fcopy {float:right; text-align:right; padding:10px 0 0 0;}
div#footerbottom {margin:0 auto; height:10px; /*background:url(../images/bg-bottom.jpg) center bottom repeat-y;*/}