/*
Theme Name: OmnigenuS
Theme URI: http://omnigenus-serveri.com
Description: OmnigenuS tema
Version: 1.0
Author: Omnigenus
Author URI: http://omnigenus.hr
Tags: Omnigenus, game server, serveri, voice hosting, web hosting 
*/


/*||||||||||||||||||||||||||||||||||||||||*/
/* 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:Verdana, Geneva, sans-serif;letter-spacing: 1px}
p {line-height:1.8em}
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{background:#e2eaef url(images/bg.png) repeat-x;margin:0;padding:0;color:#54575b;font-family:Verdana,Geneva,sans-serif;font-size:12px}
.clear { clear:both}

/* buttoni */
.centar {text-align:center; margin:0 auto}

.button a{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);background-color:#91b05a;border-style:solid;border-width:1px;color:#fff !important;cursor:pointer;display:inline-block;font-size:11px;font-weight:bold;line-height:1;margin:6px 2px;overflow:visible;padding:10px 16px;position:relative;text-shadow:0 1px 1px rgba(0, 0, 0, 0.15)}
.button a:hover {background-color:#769047}

.naruci { display:inline}
.naruci a { font-family:Arial, Helvetica, sans-serif;background:url(images/button-gradient.png) 0px -125px repeat-x;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;line-height:1.4em;margin:10px;overflow:visible;padding:5px 30px;position:relative;text-shadow:0 1px 1px rgba(0, 0, 0, 0.15)}
.naruci a span { font-size:12px}
.naruci a:hover {background-image:none;background-color:#db7002;color:#fff}

.plavi a { border-color:#1f4375; background:url(images/button-gradient.png) 0px 0px repeat-x}
.plavi a:hover { background-image:none;background-color:#2c5286}

.zeleni a { border-color:#12620a; background:url(images/button-gradient.png) 0 -374px repeat-x}
.zeleni a:hover { background-image:none;background-color:#1b7512}

.crveni a { border-color:#7e1c1c; background:url(images/button-gradient.png) 0px -249px repeat-x}
.crveni a:hover { background-image:none;background-color:#8e2727}





a {color:#e36602;text-decoration:none}
a:hover{color:#5575a3;text-decoration:none;}

input,select,textarea{font-family: Verdana, Geneva, sans-serif;font-size:11px;line-height:1.4em;font-weight:normal;margin:4px 2px; border:1px solid #fff;border-radius:5px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius: 5px; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);background-color:#203a5b;border-bottom:1px solid rgba(0, 0, 0, 0.25);color:#FFFFFF !important;cursor:pointer;display:inline-block;overflow:visible;padding:5px 8px;position:relative;text-decoration:none;text-shadow:0 1px 1px rgba(0, 0, 0, 0.15);width:auto;}
input:hover, textarea:hover {background-color:#162b46}
textarea { width:93%!important;padding:10px}

h1 {font-size:18px; color:#2d4b6f;margin:20px 20px 20px 0px; border-bottom:1px solid #e3ebf0}
h2 {font-size:18px; color:#272d39;margin:20px 20px 10px 0px}
h4 { clear:both;font-size:18px; color:#E36602;padding:10px 10px 0px 0px; margin-bottom:10px; border-bottom:1px solid #e3ebf0}
h5 {font-size:12px; color:#2D4B6F; margin:10px 10px 10px 0px; font-weight:bold}


/* header */
#header {background:#1f242f url(images/sprite-header.png) 0px 0px repeat-x;color:#fff;margin:0;padding:0;}
#top{margin:0 auto;padding:0;width:980px; position:relative;z-index:200}
#top .logo {display:block;width:230px}
#top .logo a {height:76px;background:url(images/sprite-header.png) 0px -74px no-repeat;display:block;width:100%;text-indent:-9999px}
#top .logo a:hover {background:url(images/sprite-header.png) 0px -150px no-repeat;}

/* header-box */
.hbox-wrapper {background: url(images/bg-header-box.gif) bottom left repeat-x; position:relative; z-index:100; margin-bottom:20px}
.hbox-inner {margin:0 auto;width:980px;position:relative;z-index:100}

/* header-box | naslovnica */
.naslovnica {height:271px;margin-bottom:60px}
.naslovnica h2 {color:#fff;font-weight:bold;line-height:1.6em;letter-spacing:4px;font-size:24px;position:absolute;top:8px}
.naslovnica .opis {position:absolute;top:100px;font-size:12px; line-height:2em;color:#e1eefd;width:446px;text-shadow:2px 2px 2px rgba(0, 0, 0, 0.25)}
.naslovnica .opis span.zagrada {color:#E1EEFD;font-family:"Times New Roman", Times, serif;font-size:149px;left:441px;position:absolute;text-shadow:0 4px 4px rgba(0, 0, 0, 0.55);top:-45px;line-height:180px}
.naslovnica .vojnik {position:absolute;top:-4px;right:0px}
.naslovnica .button {position:absolute;top:280px;left:0px}

/* header-box | voice-hosting */
.voice-hosting {height:171px}
.voice-hosting h2 {color:#FFFFFF;font-size:41px;font-weight:bold;letter-spacing:4px;position:absolute;text-align:center;top:37px;width:430px}
.voice-hosting .slusalice {position:absolute;right:180px;top:1px;}

/* header-box | web-hosting */
.web-hosting {height:171px;}
.web-hosting h2 {color:#FFFFFF;font-size:41px;font-weight:bold;letter-spacing:4px;position:absolute;text-align:center;top:37px;width:430px}
.web-hosting .server {position:absolute;right:50px;top:30px;}

#hosting-paketi {border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background-color:#fff; width: 100%; margin: 0 auto; border-collapse: collapse; font-size:10px}
#hosting-paketi th { height: 60px; vertical-align:middle}
#header-start { font-size:18px; font-weight:bold; color:#1b7512}
#header-skill {font-size:18px; font-weight:bold;  color:#8e0903 }
#header-ownage {font-size:18px; font-weight:bold;  color:#11a8e0}
#hosting-paketi th span { position: absolute; top: -9999px; left: -9999px; }
p.da {display:inline-block;height:10px; width:10px; margin:0px!important;background:url(images/sprite1.png) -91px -53px no-repeat}
p.ne {display:inline-block;height:10px; width:10px; margin:0px!important;background:url(images/sprite1.png) -61px -53px no-repeat}
#hosting-paketi td, #hosting-paketi th {padding:4px 8px;text-align: left;border-right: 1px solid white; }
#hosting-paketi .zadnji-red { padding: 30px 10px; background:none }
#hosting-paketi tr:hover { color:#fff;background:url(images/button-gradient.png) 0px 0px repeat-x}
#hosting-paketi tr.naslovi:hover, #hosting-paketi tr.zadnji-red:hover, #hosting-paketi tr.naslov:hover, #hosting-paketi tr.cijena:hover { color:inherit; background-image:none}
#hosting-paketi tr.naslov .kolumna { background-color:#fff; text-align:left; color:#2c5286; font-size:12px; text-transform:uppercase; padding:10px}
#hosting-paketi tr.cijena td { font-size:22px; color:#2C5286}
.start    { background-color: #f9fdf8;}
.skill { background-color: #faf6f6; }
.ownage     { background-color: #f5f8fc}
.odd {background-color: #f3f3f4;}


/* header-box | game-serveri */
.game-serveri {height:171px}
.game-serveri h2 {color:#FFFFFF;font-size:41px;font-weight:bold;letter-spacing:4px;line-height:1em;position:absolute;text-align:center;top:20px;width:430px;}
.game-serveri h2.jedan-red { top:42px}
.game-serveri h2 span {color:#E9B105;font-size:23px;letter-spacing:2px;}
.game-serveri .slika-igre {position:absolute;left:590px;bottom:6px;}


/* header-box | cijene */
.cijene { color:#fff;top:20px;left:450px; position:relative; width:200px}
.cijene.dolje {top:70px}
.cijene .slotkn {color:#B2EA06;font-size:10px;font-weight:bold;left:6px;position:absolute;top:17px}
.cijene .cifra {color:#E9B105;font-size:35px;font-weight:bold;left:50px;position:absolute;top:17px}
.cijene .cifra span {position:absolute;font-size:20px;top:0px}



/* Izbornik */
#izbornik {position:absolute;right:0px;top:0px}
ul.dropdown {position:relative;float:left;margin:0;height:73px}
ul.dropdown li {background:url(images/sprite-header.png) right -233px no-repeat;cursor:pointer;display:block;color:#909daa;font-size:11px;float:left;position:relative}
ul.dropdown li.sub_menu {padding:30px 12px;}
ul.dropdown li.kontakt {background:none}
.aktivna, .aktivna a {background:url(images/sprite-header.png) center -327px no-repeat #1e232d!important;color:#fff}
ul.dropdown li a {display:block;color:#909daa;padding:30px 12px;position:relative;z-index:2000}
ul.dropdown li a:hover,
ul.dropdown li a.hover {background:#1e232d;color:#fff;position:relative}
ul.dropdown ul {display:none;position:absolute;top:60px;left:0;z-index:1000}
ul.dropdown ul li {color:#909daa;width:250px;border:1px solid #333c4a;border-top:none}
ul.dropdown ul li a	{background:url(images/sprite-header.png) 0px 0px repeat-x!important;color:#909daa!important;padding:7px 10px;display:block;text-shadow:1px 0px 2px #1a1e27}  
ul.dropdown ul li a:hover {display:block;background:#1e232d!important;color:#E36602!important} 
span.narandasta {color:#e36602}
span.bijela {color:#fff}
span.plava {color:#5575a3}
span.zelena {color:#91b05a}

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

/* main */
#main {width:635px; float:left;padding-bottom:50px}
#main .vijest { padding:10px}
#main.webhosting { width:980px}
#main .sadrzaj { padding-right:20px}
#main .sadrzaj p { margin:5px 0}

ol li { font-size:12px; list-style-type:upper-roman; font-weight:bold}
ol li ol { font-size:12px; padding-left:40px;list-style-type:decimal}

.detalji li { background:url(images/bullet.png) center left no-repeat; padding:2px 20px;}


/* zasto-omnigenus*/
.kolumne li {display:inline;float:left;margin:0 8px;width:187px}
.kolumne li:hover {background: url(images/bg-kolumne-li-hover.png)}
.kolumne li h5 {font-size:11px; padding-left:4px; color:#2D4B6F; letter-spacing:0; margin:2px 0; font-weight:bold}
.kolumne li img {width:48px; float:right; padding:2px 10px}
.kolumne li .tekst {float:left;margin-top:5px; padding:5px}
.kolumne li .tekst p {font-size:11px}


/* prednosti*/
#prednosti li {display:inline;float:left;margin:10px;position:relative;width:297px;}
#prednosti li h3 {color:#E36602;display:block;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:700;left:88px;position:absolute;text-transform:uppercase;top:10px;}
#prednosti li img {width:64px; position:absolute; top:0px; left:0px}
#prednosti li span {font-family:arial;font-size:11px;font-weight:bold;left:88px;line-height:1.6em;position:absolute;top:31px;}
#prednosti li .tekst {border-top:1px solid #E3EBF0;float:left;font-size:11px;margin-top:74px;padding-top:5px}

/* zasto-omnigenus*/
#zasto-omnigenus li {display:inline;float:left;margin:2px;width:207px}
#zasto-omnigenus li h4 {color:#2d4b6f; border-bottom:none;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700}
#zasto-omnigenus li img {width:48px; float:right; padding:2px 10px}
#zasto-omnigenus li .tekst {float:left;margin-top:5px}
#zasto-omnigenus li .tekst p {font-size:11px}

/* korisnici-onama*/
#korisnici-onama li {-moz-border-radius:5px;background:url("images/ikona-korisnici-onama.png") no-repeat scroll 20px center #F3F7F8;border:1px solid #E3EBF0;margin:20px 0 20px 10px;padding:20px 20px 20px 100px;width:488px}
#korisnici-onama p {background:url("images/ikona-navodnici.png") no-repeat scroll 0 0 transparent;font-size:10px;font-style:italic;font-weight:bold;padding:10px 10px 10px 48px}
#korisnici-onama span {font-size:11px;font-style:italic;font-weight:bold;color:#2D4B6F;float:right}

/* test-serveri*/
#test-serveri {float:right; padding-bottom:20px; display:inline}
#test-serveri .server {border-bottom:1px solid #E3EBF0;clear:left;display:block;float:left;height:35px;position:relative;width:320px}
#test-serveri .server img { display:block; position:absolute; top:8px; left:5px}
#test-serveri .server p.naziv {color:#24395B;font-weight:bold;font-size:10px;left:35px;letter-spacing:0;position:absolute;top:3px}
#test-serveri .server p.ip-adresa { font-size:10px; position:absolute; left:35px; top:15px;}
#test-serveri .server p.info a {border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background-color:#5575a3;border-color:#496691 rgba(0, 0, 0, 0.25);font-size:10px;padding:2px 6px;position:absolute; top:3px; right:55px}
#test-serveri .server p.info a:hover {background-color:#405c85;}
#test-serveri .server p.hlsw a {border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background-color:#ee3c27;border-color:#d33523 rgba(0, 0, 0, 0.25);font-size:10px;padding:2px 6px;position:absolute; top:3px; right:10px}
#test-serveri .server p.hlsw a:hover {background-color:#d33523;}
#test-serveri .informacije { display:block; clear:both;}
#test-serveri .informacije ul { font-size:10px; padding:0; margin-left:35px}
#test-serveri .informacije ul li {border-bottom:1px solid #E3EBF0; line-height:20px}
#test-serveri .informacije ul li strong { color:#24395B}

/* sidebar */
#sidebar {border-left:1px solid #e3ebf0;width:324px;float:right;padding:0 0 0 20px;margin-bottom:50px}
#novosti li {margin-bottom:20px}
#novosti h3 a { font-size:12px; font-weight:bold;color:#5575a3;letter-spacing:0px;text-transform:uppercase}
#novosti .datum {font-size:10px; color:#e36602}
#novosti .tekst { padding-top:5px; font-size:11px}
#sidebar .partneri { clear:both; float:left; display:block; padding-bottom:10px}
#sidebar .partneri li { padding:1px; float:left}
#sidebar .bnet a { display:block;background:url(images/sprite1.png) 0 -424px no-repeat;height:56px;width:114px;text-indent:-99999px}
#sidebar .bnet a:hover { background-position:0px -480px}
#sidebar .tcadmin a { display:block;background:url(images/sprite1.png) -128px -424px no-repeat;height:32px;width:80px;text-indent:-99999px}
#sidebar .whmcs a { display:block;background:url(images/sprite1.png) -128px -456px no-repeat;height:32px;width:80px;text-indent:-99999px}
#sidebar .teamspeak a { display:block;background:url(images/sprite1.png) -128px -488px no-repeat;height:32px;width:80px;text-indent:-99999px}
#sidebar .mysql a { display:block;background:url(images/sprite1.png) -128px -552px no-repeat;height:32px;width:80px;text-indent:-99999px}
#sidebar .cpanel a { display:block;background:url(images/sprite1.png) -128px -520px no-repeat;height:32px;width:80px;text-indent:-99999px}


/* kontakt */
.LV_invalid {display:inline-block;position:absolute; top:9px; right:-25px; height:16px; width:16px; text-indent:-9999px; background:url(images/sprite1.png) -57px -31px no-repeat}
.LV_valid {display:inline-block;position:absolute; top:9px; right:-25px; height:16px; width:16px; text-indent:-9999px; background:url(images/sprite1.png) -88px -31px no-repeat}
#kontaktforma { display:block; float:left; width:425px; padding-bottom:20px}
#kontaktforma li { float:left; display:block;line-height:30px; width:390px; position:relative}
#kontaktforma li label { float:left; display:block;line-height:30px}
#kontaktforma li input { float:right; display:block; width:200px}
#kontaktforma li textarea {height:100px}
#kontaktforma li.textarea span { top:38px}

#sponzorstvo { display:block; float:left; padding-bottom:20px}
#sponzorstvo li { float:left; display:block;line-height:30px; width:570px; position:relative}
#sponzorstvo li label { float:left; display:block;line-height:30px}
#sponzorstvo li input { position:absolute; left:198px; width:336px}
#sponzorstvo li select { position:absolute; left:198px; display:block}
#sponzorstvo li textarea {height:50px}
#sponzorstvo li.textarea span { top:38px}

.robot-provjera {left:-9999px;position:absolute;top:-9999px}
.adresa {display:block;float:right;text-align:right;width:190px; padding-bottom:20px}
.adresa li { line-height:20px}
.podaci { clear:both; background:url(images/ikona-info.png) bottom right no-repeat; border-top:1px solid #e3ebf0; padding-top:10px; margin-top:20px}
.podaci p { color:#5575a3; font-size:11px}
p.ticketi { padding-bottom:20px}

/* Login panel */
#loginpanel {position: relative;z-index: 25}
#panel-sadrzaj {height:0;width: 980px;position: relative;margin:0 auto;z-index: 10;overflow: hidden}
#panel-sadrzaj .naslov { font-size:16px}
.login-forma li { float:left; display:block;line-height:30px; width:250px; position:relative}
.login-forma li label { float:left; display:block;line-height:30px}
.login-forma li input { float:right; display:block;}
.panel_button {border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 10px 10px;background-color:#1f242f;cursor:pointer;height:24px;right:0px;position:absolute;top:74px;width:168px;z-index:0;}
.panel_button img {position: absolute;top:4px;left:11px;}
.panel_button a {font-weight: bold; font-size:11px;position: absolute;color:#909DAA;top:5px;left:36px;}
.panel_button a:hover {color:#E36602}
#loginpanel .tcadmin {background:url("images/tcadmin.gif") no-repeat scroll center top transparent;display:block;float:left;margin:10px 0 0 80px;padding-top:45px;width:260px}
#loginpanel .whmcs {background:url("images/whmcs.gif") no-repeat scroll center top transparent;display:block;float:left;margin:10px 0 0 80px;padding-top:45px;width:260px}

/* footer */
#footer {clear:both;background: url(images/bg-footer.gif) repeat-x}
#footer h3 {color:#fff;border-bottom:none;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;letter-spacing:1px;font-size:20px;text-shadow:1px 0px 2px #567bb0}
.footer-inner {margin:0 auto;height:337px;position:relative;width:980px;padding-top:30px}
.footer-inner .linkovi {float:left;display:block;width:280px}

.footer-inner .copy {color:#263d62;font-size:10px;position:absolute;top:340px;left:0px;text-shadow:1px 0px 1px #5d80b6}
.footer-inner .copy a {color:#fff}
.footer-inner .copy a:hover {color:#263d62}

.linkovi ul {margin-top:10px;font-size:11px}
.linkovi ul li span {background:url(images/sprite1.png) 0 4px no-repeat;padding-left:15px;color:#fff}
.linkovi ul li ul {margin-top:0px}
.linkovi ul li {margin:2px 0;text-shadow:1px 0px 2px #263c5f}
.linkovi ul li a {background:url(images/sprite1.png) 0 4px no-repeat;padding-left:15px;color:#fff}
.linkovi ul li a:hover {color:#7593ba}
.linkovi ul li li a {background:url(images/sprite1.png) 0 -18px no-repeat;padding-left:15px;color:#fff;margin-left:20px}
.linkovi ul li li a:hover {background:url(images/sprite1.png) 0 4px no-repeat}

.facebook a {background:url(images/sprite1.png) 0 -105px no-repeat;height:123px;width:128px;position:absolute;right:130px;bottom:0px;text-indent:-99999px}
.twitter a {background:url(images/sprite1.png) 0 -227px no-repeat;height:123px;width:128px;position:absolute;right:0px;bottom:0px;text-indent:-99999px}

ul#twitter-poruke {background:url("images/ptica.png") no-repeat scroll left bottom transparent;display:block;height:121px;padding:10px 10px 10px 100px;position:absolute;right:0;top:90px;width:400px;}
ul#twitter-poruke li {font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;font-style:italic;color:#fff;line-height:22px;text-shadow:1px 0 3px #567BB0;}
ul#twitter-poruke li span { font-family:Verdana, Geneva, sans-serif;;font-size:11px;font-style:normal;color:#36b6e1}
div#footer p.navrh a {cursor:pointer;background:url(images/sprite1.png) 0 -31px no-repeat;display:block;position:absolute;z-index:100;right:0;top:-38px;height:37px;width:43px;text-indent:-9999px}
div#footer p.navrh a:hover {background-position:0 -68px}