/*
Theme Name: Omnigenus
Theme URI: http://omnigenus.hr
Description: Omnigenus - Web dizajn theme
Version: 1.0
Author: Omnigenus
Author URI: http://omnigenus.hr
Tags: omnigenus, web dizajn, izrada i odrzavanje web stranica, odrzavanje racunalnih sustava
*/

/*||||||||||||||||||||||||||||||||||||||||*/
/* OMNIGENUS CSS RESET */
/*||||||||||||||||||||||||||||||||||||||||*/
* {border: 0 none;margin:0;padding:0;font-weight: normal;font-style: normal;text-decoration: none;outline-style: none}
h1, h2, h3, h4, h5, h6 { font-family: "Myriad Web", Tahoma, sans-serif; letter-spacing: 1px}
p {font-size:1.2em;line-height:1.2em;margin-bottom:1em}
em {font-style: italic}
strong { font-weight: bold}
button { cursor: pointer}
html {overflow: scroll;}
ul {list-style:none outside}
a {outline:none;text-decoration:none}
a img {border:none;margin:0;padding:0}
img {display:block}
fieldset {border:none}
dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,html,p,blockquote,fieldset,input {margin:0;padding:0}
body { font: 12px/1.8 Verdana, sans-serif;color:#255f6a;background:#d1d1d1;position:relative;
background:url(images/bg_izbornik.png) -99999px 0 no-repeat;
background:#d2dadc url(images/bg_body.jpg) top left repeat-x;
}

/*||||||||||||||||||||||||||||||||||||||||*/
/* P O M O C N I   A L A T I */
/*||||||||||||||||||||||||||||||||||||||||*/
.alignleft {text-align:left}
.alignright {text-align:right}
.floatleft {float:left;margin:0 10px 10px 0}
.floatright {float:right;margin:0 0 10px 10px}
.clear {clear:both}
.clearleft {clear:left}
.clearright {clear:right}
span.pomoc { background:url(images/bg_usluge-pattern.gif) top left repeat;cursor:help; border:1px dotted #dfe6e7; padding:2px; font-style:normal; letter-spacing:1px}

.naslovnica{background:#d1d1d1 url(images/bg_body_naslovnica.jpg) repeat-x}

div#kontejner {margin:0 auto;width:980px}

div#kontejner h2.naslov { background:url(images/bg_body-sjena-header.png) bottom center no-repeat;line-height:82px; height:90px; color:#51dbff; font-size:16px; letter-spacing:2px; padding:0 0 0 20px;}
div#kontejner h2.naslov a {color:#51dbff; border-bottom:1px dotted #51dbff; padding-bottom:2px}
div#kontejner h2.naslov a:hover {border-bottom:1px solid #51dbff}

div#header {background:url(images/bg_header.jpg) no-repeat;height:112px;width:980px; margin:0 auto;}
div#header h1 {display:block; height:66px; width:260px; float:left; margin-top:40px;}
div#header h1 a { height:66px;background:url(images/bg_header-logo.png) left top no-repeat;display:block;width:100%;text-indent:-9999px;}
div#header h1 a:hover {background:url(images/bg_header-logo.png) left bottom no-repeat}

ul#izbornik {float:right; margin-top:12px}
ul#izbornik li {display:block;float:left;text-align:left}
ul#izbornik li a {float:left;color:#fff;font:normal 14px georgia;text-decoration:none; text-transform:uppercase;line-height: 1.3em; display:inline; height:60px; padding:39px 20px 0 20px}
ul#izbornik li a:hover {color:#e19824;  background:url(images/bg_izbornik.png) 0 0}
ul#izbornik li span { display:block;font:11px arial; color:#51dbff; margin:0; text-transform:lowercase; letter-spacing:1px}
ul#izbornik li.aktivna a { color:#51dbff; background:url(images/bg_izbornik.png) top center}
ul#izbornik li.aktivna a span { color:#4c5159}

.poruka-box {float:left; height:186px; padding:45px 0 0 100px; width:535px;}
.poruka-box .dobrodosli { display:block; color:#268da2; letter-spacing:2px; line-height:1.7em; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em;}
.poruka-box .dobrodosli em { color:#3bb5cd}
.poruka-box .prethodni { display:inline;float:left; margin:5px 0 0 20px}
.poruka-box .prethodni a { background:url(images/bg_prethodni-vas-button.png) top left no-repeat; color:#fff; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:31px; line-height:2.8em; text-transform:uppercase; text-align:center; width:151px}
.poruka-box .prethodni a:hover { background-position:bottom left;}
.poruka-box .vas { display:inline;float:left; margin:5px 0 0 20px}
.poruka-box .vas a { background:url(images/bg_prethodni-vas-button.png) top right no-repeat; color:#fff; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:31px; line-height:2.8em; text-transform:uppercase; text-align:center; width:151px}
.poruka-box .vas a:hover { background-position:bottom right;}

.web-slika {float:left; margin-left:40px; width:265px;}

div#usluge {clear:both; height:234px; width:980px;}

.nasi-radovi { display:block; float:left; height:234px; width:200px;}
.nasi-radovi h2 { color:#d89230;display:block; font-size:20px; padding:10px 0 0 20px}
.nasi-radovi ul { display:block; margin:7px 0 0 17px;}
.nasi-radovi li { display:inline; float:left;}
.nasi-radovi li a { display:block; margin:5px; padding:1px; background-color:#fff}
.nasi-radovi li a:hover { background-color:#51dbff}

.dizajn {float:left; position:relative; height:180px; width:780px}
.dizajn h2 {color:#51dbff;display:block; font-size:20px; padding:10px 0 0 45px; height:35px}
.dizajn ul {display:block; margin-left:45px; margin-top:7px}
.dizajn li { background: url(images/bullet_plavi_veliki.png) no-repeat center left; display:block; color:#62b5cb;font-size:12px;height:22px; padding-left:30px}
.graficki {float:left; position:relative;height:180px; width:780px}
.graficki h2 {color:#51dbff;display:block;font-size:20px;padding:10px 0 0 45px;height:35px}
.graficki ul {display:block; margin-left:45px; margin-top:7px}
.graficki li { background: url(images/bullet_plavi_veliki.png) no-repeat center left; display:block; color:#62b5cb;font-size:12px;height:22px; padding-left:30px}
.game-serveri {float:left;position:relative;height:180px; width:780px}
.game-serveri h2 { color:#51dbff;display:block; font-size:20px; padding:10px 0 0 45px; height:35px}
.game-serveri ul {display:block; margin-left:45px; margin-top:7px}
.game-serveri li { background: url(images/bullet_plavi_veliki.png) no-repeat center left; display:block; color:#62b5cb;font-size:12px;height:22px; padding-left:30px}
.odrzavanje {float:left;position:relative;height:180px; width:780px;}
.odrzavanje h2 { color:#51dbff;display:block; font-size:20px; padding:10px 0 0 45px; height:35px}
.odrzavanje ul {display:block; margin-left:45px; margin-top:7px}
.odrzavanje li { background: url(images/bullet_plavi_veliki.png) no-repeat center left; display:block; color:#62b5cb;font-size:12px;height:22px; padding-left:30px}

.gdizajn { display:inline;float:left; margin:10px 0 0 20px}
.gdizajn a { background:url(images/bg_button_plavi.png) top left no-repeat; color:#51dbff; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:35px; line-height:3.3em; text-transform:uppercase; text-align:center; width:155px}
.gdizajn a:hover { color:#fff}
.ggraficki { display:inline;float:left; margin:10px 0 0 20px}
.ggraficki a { background:url(images/bg_button_plavi.png) top left no-repeat; color:#51dbff; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:35px; line-height:3.3em; text-transform:uppercase; text-align:center; width:155px}
.ggraficki a:hover { color:#fff}
.ggame-serveri { display:inline;float:left; margin:10px 0 0 20px}
.ggame-serveri a { background:url(images/bg_button_plavi.png) top left no-repeat; color:#51dbff; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:35px; line-height:3.3em; text-transform:uppercase; text-align:center; width:155px}
.ggame-serveri a:hover { color:#fff}
.godrzavanje { display:inline;float:left; margin:10px 0 0 20px}
.godrzavanje a { background:url(images/bg_button_plavi.png) top left no-repeat; color:#51dbff; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:35px; line-height:3.3em; text-transform:uppercase; text-align:center; width:155px}
.godrzavanje a:hover { color:#fff}

.sjena-usluge { margin-top:2px; display:block; height:10px; width:980px; background:url(images/bg_sjena-usluge.png) no-repeat top center; float:left;}

div#prozori { float:left; margin:30px 0 0 30px; padding-bottom:20px}
div#prozori .tekst {line-height:1.4em}
div#prozori .tko { display:block; height:173px; width:307px; float:left; cursor:pointer; background:url(images/bg_prozor.png) top left no-repeat}
div#prozori .tko:hover{ background-position:bottom}
div#prozori .tko h3 a { margin-top:-12px; display:block; height:36px; background:url(images/bg_ikona-tko.png) top left no-repeat; text-align:right; padding:28px 30px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#51dbff; letter-spacing:-1px; text-transform:uppercase}
div#prozori .tko .tekst{ padding:5px 22px 5px 25px; font-size:11px; word-spacing:2px; font-family:Verdana, Geneva, sans-serif; color:#51dbff}
div#prozori .cime {display:block;height:173px;width:307px;cursor:pointer;float:left;background:url(images/bg_prozor.png) top left no-repeat}
div#prozori .cime:hover{ background-position:bottom}
div#prozori .cime h3 a { margin-top:-12px; display:block; height:36px; background:url(images/bg_ikona-cime.png) top left no-repeat; text-align:right; padding:28px 30px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; letter-spacing:-1px; text-transform:uppercase}
div#prozori .cime .tekst{ padding:5px 22px 5px 25px; font-size:11px; word-spacing:2px; font-family:Verdana, Geneva, sans-serif; color:#fff}
div#prozori .zasto { display:block; height:173px; width:307px; cursor:pointer;float:left; background:url(images/bg_prozor.png) top left no-repeat}
div#prozori .zasto:hover{ background-position:bottom}
div#prozori .zasto h3 a { margin-top:-12px; display:block; height:36px; background:url(images/bg_ikona-zasto.png) top left no-repeat; text-align:right; padding:28px 30px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fcaa2a; letter-spacing:-1px; text-transform:uppercase}
div#prozori .zasto .tekst{ padding:5px 22px 5px 25px; font-size:11px;word-spacing:2px; font-family:Verdana, Geneva, sans-serif; color:#fcaa2a}

div#footer {clear:both; display:block; background:url(images/bg_footer.gif) repeat-x top left; padding-top:13px; position:relative; z-index:1}
div#footer .unutarnji { background: url(images/bg_footer_plavo_1.png) top left no-repeat;display:block; height: 267px; width:980px; margin:0 auto}
div#footer .lijevo { display:block; float:left; height: 267px; width:325px}
.lijevo .copyright { display:block; background: url(images/bg_crta-copyright.png) bottom center no-repeat; margin-top:50px; padding-bottom:15px; text-align:center; color:#3b9cb5; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.lijevo .validacija { background: url(images/bg_valid.png) left center no-repeat; display:block; margin-top:50px; height:53px; padding-top:54px}
.lijevo .validacija p {display:block; float:left; height:14px; padding-left:100px; font-size:10px; width:225px}
.lijevo .validacija p a { color:#011116}
.lijevo .validacija p a:hover { color:#3b9cb5}

div#footer .meniji { float:left; background:url(images/bg_footer_plavo_2.png) top left no-repeat; display:block; height:267px; width:655px;}

div#footer .klijenti { display:block; width:242px; height:267px; float:left;}
div#footer .klijenti h4 { display:block; height:42px; padding-top:18px; font-family: "Times New Roman", Times, serif; color:#5d5d4d; font-size:20px; letter-spacing:5px; font-style:oblique; text-decoration:underline;}
div#footer .klijenti ul { background:url(images/bg_footer_linija_ul.png) scroll center -5px no-repeat; display:block; padding-top:5px}
div#footer .klijenti li { background:url(images/bg_footer_linija_ul.png) bottom center no-repeat;padding-bottom:11px; line-height:9px;display:block;}
div#footer .klijenti li a { display:block; background:url(images/bg_footer_strelica-smeda.gif) left center no-repeat; color:#3fa5bf; padding-left:16px; font-size:11px}
div#footer .klijenti li a:hover { color:#51dbff; margin-left:1px}

div#footer .sitemap { display:block; width:243px; height:267px; float:left;}
div#footer .sitemap h4 { display:block; height:40px; padding-top:20px; font-family: "Times New Roman", Times, serif; color:#5d5d4d; font-size:20px; letter-spacing:5px; font-style:oblique; text-decoration:underline;}
div#footer .sitemap ul { background:url(images/bg_footer_linija_ul.png) scroll center -5px no-repeat; display:block; padding-top:5px}
div#footer .sitemap li { background:url(images/bg_footer_linija_ul.png) bottom center no-repeat; padding-bottom:11px; line-height:9px;  display:block}
div#footer .sitemap li a { display:block; background:url(images/bg_footer_strelica-smeda.gif) left center no-repeat; color:#e29825; padding-left:16px; font-size:11px}
div#footer .sitemap li a:hover { color:#f9b64c; margin-left:1px}

div#footer p.navrh a { border:none; background:url(images/bg_na-vrh.gif) top left no-repeat; display:block; position:relative; z-index:100; margin-top:-16px; height:16px; width:74px; text-indent:-9999px}
div#footer p.navrh a:hover { background:url(images/bg_na-vrh.gif) bottom left no-repeat}

div#footer .kontakt {margin-left:10px; display:block; width:160px; height:267px; float:left;}
div#footer .kontakt h4 { display:block; height:40px; padding-top:20px; font-family: "Times New Roman", Times, serif; color:#5d5d4d; font-size:20px; letter-spacing:5px; font-style:oblique; text-decoration:underline;}
div#footer .kontakt ul {display:block;}
div#footer .kontakt li a { border:none;height:22px;display:block; color:#7e765e; padding-left:24px; font-size:11px}
div#footer .kontakt li a:hover {color:#bbb08e}
div#footer .kontakt .mail a {background:url(images/kontakt_ikona-mail.gif) center left no-repeat}
div#footer .kontakt .tel span {background:url(images/kontakt_ikona-tel.gif) center left no-repeat; color:#7e765e; height:22px; display:block; padding-left:24px; font-size:11px}
div#footer .kontakt .fax span {background:url(images/kontakt_ikona-fax.gif) center left no-repeat; color:#7e765e; height:22px; display:block; padding-left:24px; font-size:11px}
div#footer .kontakt .skype a {background:url(images/kontakt_ikona-skype.gif) center left no-repeat}
div#footer .kontakt .twitter a {background:url(images/kontakt_ikona-twitter.gif) center left no-repeat}
div#footer .kontakt .facebook a {background:url(images/kontakt_ikona-facebook.gif) center left no-repeat}
div#preload-slika {position:absolute;overflow:hidden;left:-9999px;top:-9999px;height:1px;width:1px}
.kroativ {visibility:visible!important;position:absolute;top:0;right:0;z-index:999}


.sredina {float:left; background: url(images/bg_body-svjetlo.png) center top repeat-y; display:block; width:980px; padding-bottom:20px}
.sredina h2.greska { font-size:20px; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:2px; color:#2e3237; text-align:center; padding:100px}
.sredina h2.greska em { color:#1f93b1; font-size:24px}
.sredina .klijenti {display:block; float:right; width:260px; padding:30px 0 0 20px}

.sredina .klijenti h3.reference a {height:44px;padding:20px 0 0 80px;background:url(images/ikona-usluge-reference.png) top left no-repeat;display:block;color:#0c8097;font-style:italic; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif}
.sredina .klijenti h3.reference a:hover {background:url(images/ikona-usluge-reference.png) bottom left no-repeat;color:#8e8873}
.sredina .klijenti h3.ostale a {height:44px;padding:20px 0 0 80px;background:url(images/ikona-usluge-ostale.png) top left no-repeat;display:block;color:#0c8097;font-style:italic; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif}
.sredina .klijenti h3.ostale a:hover {background:url(images/ikona-usluge-ostale.png) bottom left no-repeat;color:#8e8873}
.sredina .klijenti ul.ostale {display:block; padding:15px 5px 25px 5px}
.sredina .klijenti ul.ostale li {font-size:11px; line-height:20px}
.sredina .klijenti ul.ostale li a {background:url(images/bg_usluge-klijenti-li.gif) top left no-repeat; height:20px; display:block; color:#0c8097; padding:0 10px 0 30px;}
.sredina .klijenti ul.ostale li a:hover {background:url(images/bg_usluge-klijenti-li.gif) bottom left no-repeat; color:#fff}
.sredina .klijenti ul li.usluga {background: url(images/bg_linija1.png) left bottom no-repeat; cursor:pointer; display:block;font-size:14px; padding:3px 0 5px 0; line-height:30px; letter-spacing:-1px; word-spacing:2px}
.sredina .klijenti ul.box {display:block; padding:5px 5px 5px 5px}
.sredina .klijenti ul.box li {font-size:11px; line-height:20px}
.sredina .klijenti ul.box li a {background:url(images/bg_usluge-klijenti-li.gif) top left no-repeat; height:20px; display:block; color:#0c8097; padding:0 10px 0 30px;}
.sredina .klijenti ul.box li a:hover {background:url(images/bg_usluge-klijenti-li.gif) bottom left no-repeat; color:#fff}

.sredina.reference { display:block; padding:20px 0 20px 0}
.sredina.reference .projekt-vanjski { float:left; display:inline;height:258px; margin: 15px auto; padding-bottom:6px; background:url(images/bg_body-sjena-header.png) center bottom no-repeat; width:920px}
.sredina.reference .projekt-unutarnji { display:inline; background: url(images/bg_reference.png) left top repeat-x; display:block; float:left; height:254px; border:1px solid #25282b; width:918px}
.sredina.reference .projekt-unutarnji .slika { display:inline; margin:8px 0 0 8px; float:left; height:236px; border:1px solid #02262e; width:650px}
.sredina.reference .projekt-unutarnji p.naslov { background: url(images/bg_reference_naslov.png) left bottom no-repeat; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:1px; font-style:italic; font-size:16px; color:#51dbff; margin:20px 0 4px 10px; padding-bottom:4px; display:block;float:right; width:248px}
.sredina.reference .projekt-unutarnji ul.podaci { display:inline; float:right; margin:10px 0 0 15px; height:170px; padding-right:20px; width:223px}
.sredina.reference .projekt-unutarnji ul.podaci li { display:block; color:#fff; font-size:10px; background:url(images/bg_bullet-zeleni.png) left center no-repeat; padding:2px 2px 2px 25px;}
.sredina.reference .projekt-unutarnji ul.podaci li a { color:#51dbff; border-bottom:1px #51dbff dotted; padding-bottom:1px;}
.sredina.reference .projekt-unutarnji ul.podaci li a:hover { border-bottom:1px #51dbff solid; padding-bottom:1px;}
.sredina.reference .projekt-unutarnji p.url a { display:block; float:right; width:258px; color:#c9c6bb; font-size:11px; letter-spacing:1px; text-align:center}
.sredina.reference .projekt-unutarnji p.url a:hover { color:#51dbff}

.sredina.ostale p.info {background:url(images/ikona-info.png) left center no-repeat; line-height:1.8em; font-size:12px; width:860px;padding:20px 10px 20px 100px; margin:20px 0 0 20px; letter-spacing:1px}
.sredina.ostale p.info a {color:#0c8097; font-weight:bold; border-bottom:1px #0c8097 dotted; padding-bottom:2px}
.sredina.ostale p.info a:hover {color:#0c8097; border-bottom:1px #0c8097 solid; padding-bottom:2px;}
.sredina.ostale .main .web-dizajn h2 a {background:url(images/ikona-usluge-web.png) top left no-repeat;height:44px;display:block;color:#0c8097;text-transform:uppercase;padding:20px 0 0 80px; font-size:18px}
.sredina.ostale .main .web-dizajn h2 a:hover {background:url(images/ikona-usluge-web.png) bottom left no-repeat}
.sredina.ostale .main .web-dizajn p { display:block; font-size:11px; color:#4c5159; padding-top:10px; line-height:20px}
.sredina.ostale .main .graficki-dizajn h2 a {background:url(images/ikona-usluge-graficki.png) top left no-repeat;height:44px;display:block;color:#0c8097;text-transform:uppercase;padding:20px 0 0 80px; font-size:18px}
.sredina.ostale .main .graficki-dizajn h2 a:hover {background:url(images/ikona-usluge-graficki.png) bottom left no-repeat}
.sredina.ostale .main .graficki-dizajn p { display:block; font-size:11px; color:#4c5159; padding-top:10px; line-height:20px}
.sredina.ostale .main .game-hosting h2 a {background:url(images/ikona-usluge-game-serveri.png) top left no-repeat;height:44px;display:block;color:#0c8097;text-transform:uppercase;padding:20px 0 0 80px; font-size:18px}
.sredina.ostale .main .game-hosting h2 a:hover {background:url(images/ikona-usluge-game-serveri.png) bottom left no-repeat}
.sredina.ostale .main .game-hosting p { display:block; font-size:11px; color:#4c5159; padding-top:10px; line-height:20px}
.sredina.ostale .main .odrzavanje-sustava h2 a {background:url(images/ikona-usluge-odrzavanje.png) top left no-repeat;height:44px;display:block;color:#0c8097;text-transform:uppercase;padding:20px 0 0 80px; font-size:18px}
.sredina.ostale .main .odrzavanje-sustava h2 a:hover {background:url(images/ikona-usluge-odrzavanje.png) bottom left no-repeat}
.sredina.ostale .main .odrzavanje-sustava p { display:block; font-size:11px; color:#4c5159; padding-top:10px; line-height:20px}
.sredina.ostale .main {display:inline; float:left; background:url(images/bg_svjetlo-main.png) left top repeat-y; width:660px; padding:10px 0 20px 0}
.sredina.ostale .main p {padding:20px 30px 4px 30px; font-size:12px; color:#093642; word-spacing:2px; line-height:2em}
.sredina.ostale .main p a {color:#0c8097; font-weight:bold; border-bottom:1px #0c8097 dotted; padding-bottom:2px}
.sredina.ostale .main p a:hover {color:#0c8097;border-bottom:1px #0c8097 solid;padding-bottom:2px}
.sredina.ostale .main p.vazno {background:url(images/bg_usluge-pattern.gif) repeat;font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#386d79; display:block; border-bottom:1px dotted #dbe4e6;border-top:1px dotted #dbe4e6; padding:0; margin:0; padding:5px 30px 5px 30px}
.sredina.ostale .main p em {border:1px dotted #8e8873; padding:2px; font-style:normal; letter-spacing:1px}
.sredina.ostale .main p:first-letter {font-size:14px}
.sredina.ostale .main h3 {padding:15px 30px 0 30px;color:#0c8097;font-style:italic; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif}
.sredina.ostale .main span.obrub { margin:2px 10px 10px 10px; padding:0 0 0 50px;float:right;position:relative;width:260px;height:267px;background:url(images/slika-obrub-sjena.png) center bottom no-repeat}
.sredina.ostale .main span.obrub img {border:solid 1px #d3d3d3;border-bottom:none}
.sredina.ostale .main span.gradient {width:183px;height:114px;display:block;position:absolute;top:1px;left:88px;background:url(images/slika-obrub-gradient.png) no-repeat}
.sredina.ostale .main .grupa { width:660px}
.sredina.ostale .main h3.preklopnik {float:left;padding:0 30px 0 30px; margin:0;height:40px;line-height:40px;width:600px}
.sredina.ostale .main h3.preklopnik a { border-bottom:1px dotted #0c8097;display:block;color:#0c8097;font-style:italic; font-size:18px; letter-spacing:0px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}
.sredina.ostale .main h3.preklopnik a:hover {color: #2e3237}
.sredina.ostale .main h3.otvoren { background:url(images/bullet_plavi_veliki.png) center right no-repeat;}
.kontejneri {margin-bottom:10px;padding:0;overflow:hidden;width:660px;clear:both}
.sredina.ostale .main ul.lista {margin:10px 0 0 50px; padding-bottom:10px}
.sredina.ostale .main ul.lista li {background: url(images/bullet_plavi_veliki.png) no-repeat center left;height:22px;padding:2px 0 2px 30px;color:#093642}
.sredina.ostale .main ul.lista li a {color:#0c8097; font-weight:bold; border-bottom:1px #0c8097 dotted; padding-bottom:2px}
.sredina.ostale .main ul.lista li a:hover {color:#0c8097; border-bottom:1px #0c8097 solid; padding-bottom:2px}
.sredina.ostale .main ul.widgeti {margin:0 20px 0 20px;display:inline; float:left;width:660px}
.sredina.ostale .main ul.widgeti li {padding:10px;display:block;width:309px; min-height:180px; float:left; cursor:pointer}
.sredina.ostale .main ul.widgeti li p {padding:0;padding-top:10px;margin:0;}
.sredina.ostale .main ul.widgeti li:hover { background:url(images/bg_usluge-pattern.gif) repeat}
.sredina.ostale .main li.web-dizajn {border-right:1px dotted #8e8873}
.sredina.ostale .main li.game-hosting {border-top:1px dotted #8e8873;border-right:1px dotted #8e8873;}
.sredina.ostale .main li.odrzavanje-sustava {border-top:1px dotted #8e8873}
.sredina.ostale .main #kontaktforma {width:600px; padding-bottom:20px;margin-left:60px}

.sredina.ostale .podaci { clear:both;float:left; width:980px; padding-bottom:30px}
.sredina.ostale .podaci p { font-size:11px; text-align:center; color:#3f7884; line-height:18px}
.sredina.ostale .podaci p.text-iznad {background:url(images/bg_crta_1.png) bottom center no-repeat;padding-bottom:10px}
.sredina.ostale .podaci p.text-ispod {background:url(images/ikona-podaci.png) bottom center no-repeat; padding:10px 0 70px 0}

.sredina.ostale .adresa {float:right;width:250px;margin-right:70px;line-height:1.8em;font-size:12px}
.sredina.ostale .adresa a {color:#0c8097; font-weight:bold; border-bottom:1px #0c8097 dotted; padding-bottom:2px}
.sredina.ostale .adresa a:hover {color:#0c8097; border-bottom:1px #0c8097 solid; padding-bottom:2px}
.sredina.ostale .adresa ul { padding-top:20px}
.sredina.ostale .adresa ul li {text-align:right;color:#104955;padding:10px 50px 10px 0}
.sredina.ostale .adresa ul li.ulica {background:url(images/ikona-adresa.png) right center no-repeat}
.sredina.ostale .adresa ul li.telefon {background:url(images/ikona-telefon.png) right center no-repeat}
.sredina.ostale .adresa ul li.telefax {background:url(images/ikona-telefax.png) right center no-repeat}
.sredina.ostale .adresa ul li.email {background:url(images/ikona-email.png) right center no-repeat}
.sredina.ostale .adresa ul li.skype {background:url(images/ikona-skype.png) right center no-repeat}
.sredina.ostale .adresa ul li.twitter {background:url(images/ikona-twitter.png) right center no-repeat}
.sredina.ostale .adresa ul li.facebook {background:url(images/ikona-facebook.png) right center no-repeat}


span.LV_invalid {display:inline-block; position:absolute; top:4px; right:11px; width:16px; text-indent:-9999px; background:url(images/bullet_plavi_validacija-off.png) right center no-repeat}
span.LV_valid {display:inline-block; position:absolute; top:4px; right:11px; width:16px; text-indent:-9999px; background:url(images/bullet_plavi_validacija-on.png) right center no-repeat}

label.checkbox_checked {background:url(images/bullet_plavi_validacija-on.png) left center no-repeat;display:block}
label.checkbox_unchecked {background:url(images/bullet_plavi_validacija-off.png) left center no-repeat;display: block}
label.radio_checked {background:url(images/bullet_plavi_validacija-on.png) left center no-repeat;display: block}
label.radio_unchecked {background:url(images/bullet_plavi_validacija-off.png) left center no-repeat;display: block}
.crirHidden {position: absolute;left: -1000px}

ul.forma {width:100%}
ul.forma li {clear:both;float:left;background:url(images/bg_forma-li.png) right top no-repeat;margin-top:10px;position:relative; height:35px;width:480px}
ul.forma li.textarea {clear:both;float:left;background:url(images/bg_forma-li-textarea.png) right top no-repeat;margin-top:14px;position:relative; height:120px;width:480px}
ul.forma li.checkbox {clear:both;float:left;background:none; margin:0 0 0 20px;padding-bottom:20px;position:relative; height:16px;width:480px}
ul.forma li.checkbox label {cursor:pointer;float:left;font-weight:bold;padding:2px 0 0 25px; text-align:left;width:100px}
ul.forma li.legenda { background:none;clear:both;float:left;margin:20px 0 0 20px;font-weight:bold;text-align:left;width:454px}
ul.forma label {cursor:pointer;float:left;font-weight:bold;padding:2px 20px 0 0; text-align:right;width:170px}
ul.forma input {margin:1px 0 0 3px;padding:6px; width:240px}
ul.forma textarea {height:100px;margin:2px 0 0 3px;padding:6px; width:240px; overflow:hidden}
ul.forma input, ul.forma textarea { background-color:#002b3c; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#51dbff}
div.robot-provjera {left:-9999px;position:absolute;top:-9999px}
div.hvala { padding:20px 30px 20px 30px;}
div.slanje {clear:both;float:left;margin:20px 0 0 20px;padding:0 0 0 26px}
div.slanje .submit {background:url(images/bg_button_plavi.png) top left no-repeat; color:#51dbff; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:35px; line-height:3.3em; text-transform:uppercase; text-align:center; width:155px}
div.slanje .submit:hover {color:#fff}