﻿/* Deep Blue Theme made for DeeSowiec INFO (C) 2010 */

/*  S  T  A  R  T  */

/*  S  T  A  R  T    S  Z  K  I  E  L  E  T  */
div#gora { width: 100%; overflow:hidden; height:275px; padding-top:15px;}
div#dol {width:1004px; overflow:hidden;}
div#tlo {background-color:#0a2b43; width:1004px; margin: 0px; padding: 0px;}


div#content { width:1004px; background-color: #0a2b43; overflow:hidden; margin: 0px auto; padding:0px; text-align: left; background-color: white; color: white;}

/* Menu główne */
div#menu {width:1004px; height:60px; background: url('images/menu_tlo.png') no-repeat; background-color:black;
word-spacing:35px; font-size:17px; margin: 0px; padding: 0px; text-align:center; overflow:hidden;}
div#menu a {text-decoration: none; color:#90d1ff ; position:relative;top:17px;}
div#menu a:hover {text-decoration:none; color:white;}

/* tabelka ocen */
.oceny  {margin-bottom:10px; background: #fff;}
.oceny  tr {border:1px solid #000;}
table.oceny  {border:1px solid #ccc; padding:0 0 0 0;}
.ocenka {background: #000; font-size:14px; font-weight:bold; color:#fff;}
.ocenka2 {background: #000; font-size:14px; font-weight:bold; text-align:center;}
.ocenka3 {background: #000; font-size:12px; text-align:left; color:#fff;}
.ocenka3 div {text-align:center; }
.plusy  {color:#00aa00; width:200px; }
.minusy {color:#ff0000;}

p.aut {text-align:right; font-style:italic; color: #ffd200; font-size:10px; }
/* Logowanie */

div#log {width:1004px; height:100px; background: url('images/log_tlo.png') no-repeat;background-color:#0a2b43; margin: 0 0 0 0 auto; padding: 0 0 0 0; overflow:hidden;}
#log input { background: #f3f3f3; border: #ccc solid 1px; font-size:9px; position:relative;left:95px; top:10px;}
#log input type { border: #ccc solid 1px; font-size: 9px; width:135px;}
#log input checkbox {}
#log input type submit {}

div#pole_logowania {width:444px; float:right}
span.pole_logowania {padding-left:80px; list-style-type:none; color:white; font-size:10px; word-spacing:3px; float:left; margin-top:20px;}
.pole_logowania a {color:white; text-decoration:none}
.pole_logowania a:hover {text-decoration:underline}
#pole_logowania img {position:relative; left:20px; top:20px; outline: 5px solid #43799f; float:left;}


#rejestracja {position:relative; top:40px; right: 100px;}
#rejestracja a {color:red; text-decoration:none; font-weight:bold; background: white; padding: 2px;}
#rejestracja a:hover {color:white; text-decoration:underline; font-weight:bold; background:none;}


/*dol_prawo*/
div#menuarea {width:39%; height: 100%; float:right; margin: 0px; padding:0px; position:relative;top:-40px;}
div#menuarea_sr {overflow:hidden; width:100%; float:right; margin 0px; padding:0px}

/* hot */
div.okienko {float:left; width:420px; height:230px; border:none; padding-left:5px; overflow:hidden}  
div.okienko IMG {border:0px;}  

div.nawigacja {float:right; width: 15px; height:230px; background-color: #43799f;color:#fff;text-align:center;}
div.nawigacja a {text-decoration:none; color:#fff; font-family:Tahoma; font-size:10pt; font-weight:bold; position:relative;top:5px; padding-left:3px; padding-right:4px;}
div.nawigacja a:hover {background:#fff; color:#000;}

span.nawigacja {position:relative;top:30px;}
span.nawigacja2 {position:relative;top:35px;}
span.nawigacja3 {position:relative;top:40px;}
span.nawigacja4 {position:relative;top:45px;}

.red {background:red;}

div.napis_hota {background: url('images/pod_hot.png') no-repeat; padding-bottom: 10px; padding-left:50px; height:30px;}
.napis_hota {width:450px; background: url('images/pod_po_art.png') no-repeat; padding:5px; color:white; padding-top:10px; font-size:12px; font-weight:bold; overflow:hidden}

/* polecane artykuły */

div#po_art {width:350px; height: 209px; float:left; margin-left:10px; margin-right: 5px; font-size:12px; overflow:hidden;}
div#po_art a {color:#43799f; text-decoration:none; border:none; position:relative;left:35px;top:5px;}
div#po_art a:hover {text-decoration:underline;}
.po_art_naglowek {width:350px; background: url('images/pod_po_art.png') no-repeat; height:30px; padding-left:50px; padding-top:10px; color:white;font-size:12px; font-weight:bold;}

/* nasze miejsca */

div.inne_miejsca_naglowek {width:200px; float:right; background: url('images/pod_inne_miejsca.png') no-repeat; height:30px;}
.inne_miejsca img {border:none}
.inne_miejsca_naglowek {text-align:center; padding-top:10px; font-size:12px; font-weight:bold;}
div.inne_miejsca {width: 200px; float:right; text-align:center;}

/* aktualności główna */
div.newsy_naglowek {background: url('images/tlo_katalog_gier.png') no-repeat; width:100%; height:30px; text-align:center; margin-bottom:25px;}
.newsy_naglowek h1 {position:relative;top:8px;}

div.newsy_naglowek_glowna {height:40px; width:608px; background:url('images/naglowek_newsy_glowna.png') no-repeat; text-align:center;}
span.newsy_naglowek_glowna {position:relative;top:10px; font-weight:bold; font-size:12px;}

div#newsarea { width:608px; float:left; overflow:hidden;}

.news {font-size:11px; margin-bottom:5px; padding-left:5px; }
.news h2 {font-size:19px; background:url('images/newsarrow.png') no-repeat; padding:3px; margin:0px; padding-left:25px; font-weight:bold;}
.news h2 a {text-decoration:none; padding:1px; color:#43799f}
.news h2 a:hover {color:white; background-color:#43799f;}
.news_autor {color:#ccc; font-size:10px;}
.news_content {overflow:hidden; margin:0px; padding:5px; color:white;}
.news_content img {margin:5px; border: solid 2px #90d1ff;}
.newsicon {background: url('images/newsicon.png') no-repeat; width:100px; height:22px;  /*position:absolute; z-index:11;*/}
.news_data {color:#569ccd; font-size:10px;}

div.ile_kom {width:100%; margin:0px; padding:0px; padding-bottom:4px; margin-bottom:40px; text-align:center; font-weight:bold;
border-bottom:1px solid #43799f;}
div.ile_kom a{text-decoration:none; padding:1px; color:#43799f}
div.ile_kom a:hover{color:white; background-color:#43799f;}

/* premiery */
ul.prem {list-style-type:none; margin:0 0 0 0; margin-top:-2px; padding:0 0 0 0;}
ul.prem li a {text-decoration:none; color:#90d1ff}
ul.prem li {padding:3px;}
ul.prem li:nth-of-type(2n+2) {}
ul.prem li:nth-of-type(2n+2) a {color:white}
p.prem_region  { font-size:10px; border-bottom:1px solid #43799f;}

div.dol_prawo {width:100%; margin:0px; padding:0px; font-size: 12px; margin-bottom: 15px; line-height:20px;}
.dol_prawo {position:relative;left:10px;top:5px}
.dol_prawo a {text-decoration:none}
.dol_prawo a:hover {text-decoration:underline}

div.premiery_naglowek { height:30px; background: url('images/naglowek_prem_gry.png') no-repeat; text-align:center; padding:0px}
.premiery_naglowek {font-size:12px; font-weight:bold}
span.premiery_naglowek {position:relative;top:10px}
/* ostatnie posty */
div.posty_naglowek { height:30px; background: url('images/naglowek_posty.png') no-repeat; text-align:center; padding:0px}
.posty_naglowek {font-size:12px; font-weight:bold}
span.posty_naglowek {position:relative;top:10px}

/* ostatnie artykuły i posty */

div#ost_art {width:350px; overflow:hidden; float:left; height:50%;}
#ost_art ul, #ost_for ul{font-size:11px;list-style-type: none;padding:0px;}
#ost_art ul a, #ost_for ul a {color:#000;text-decoration:underline;}
#ost_art ul a:hover, #ost_for ul a:hover {color:#666;}
div#ost_for {width:100%; float:left; overflow:hidden;}




/*Artykuł wyświetlanie*/

div.tytul {width:100%; height:40px; color:white; margin: 0 0 0 0 auto; padding: 0 0 0 0; text-align:center; background: url('images/tlo_tytul.png') no-repeat; overflow:hidden; font-weight:bold;}
div.tresc {width: 659px; margin: 0 0 0 0; float: left; background-color:#0a2b43; color:white; overflow:hidden; padding-left:10px; padding-right:10px; margin-bottom:20px;}
div.tresc img {padding:3px;}
div.tresc kat {font-weight:bold; color:#43799f}

div.info {width:320px; position:relative; left:-7px; float:right; margin: 0 0 0 0; padding: 0 0 0 0; background-color:#296087; color: white; margin-bottom:20px;}
.info a {color:white}
.info a:hover {color:#0a2b43; text-decoration:underline}
div.info_art {margin-top:5px; margin-bottom: 5px; margin-left: 15px;}
div.info_art img {border:none}
div.nad_info {height: 30px; background: url('images/zao.png') no-repeat; width: 322px; position:relative;left:-5px; float: right; margin: 0 0 0 0; padding: 0 0 0 0;}
div.pod_info {height: 15px; background: url('images/zao2.png') no-repeat; width: 322px; position:relative;left: 2px; float: right; margin: 0 0 0 0; padding: 0 0 0 0;}

div.avatar {width:50%;text-align:center; margin-bottom:10px; margin-top:10px; margin-left:77px;}
.avatar img {width:100px;height:100px; outline: 5px solid #0a2b43;}

div.okladka {text-align:center; margin-top:10px; margin-bottom: 10px;}
.okladka a img{border:0;}

span.rodzaj {color:#0a2b43; font-weight:bold;}
span.gatunek {padding-left: 3px;}
span.premiery {position:absolute; left:45px; color:white}

div.plusy {width:100%; padding:5px 0px; color:white; padding-top:5px}
.plus {padding-right:5px;}
div.minusy {width:100%; padding: 5px 0px; background-color:none; color: white;}
span.o_ogolna {font-size: 13px; color: red; font-weight:bold; position:absolute;left:180px;}
span.o_inna {position:absolute;left:180px; color: black;}
div.kategoria {height:15px; background: url('images/tlo_kategoria.png') no-repeat; font-weight:bold; text-align: center; width:100%; color:white; padding-top:5px; padding-bottom:5px;}
span.obraz_artykulu {}

div#lista {width:1004px; margin: 0px; padding: 0px;}
div#lista h2 {margin: 0px; padding: 0px; display:inline; margin-right:5px; font-weight: lighter;}
div#lista a {color:#90d1ff; text-decoration:none;}
div#lista a:hover {color:#296087}
div#lista p {margin: 0px; margin-bottom:20px; margin-left:30px;}

/* SZUKARKA */
div.szukarka {width:1004px; overflow:hidden;}
.szukarka {margin-left:5px; margin-right:5px;}
.szukarka input[name="word"] {width:250px; text-align:center}
.szukarka input[type="submit"] {width:260px; text-align:center}

div.edit {width:100%; padding: 10px;}
div.edit textarea {width: 900px; height:500px;}
div.edit input {margin-right: 30px; margin-left: 5px;}
div.edit option {margin-right: 30px;}

/* PANEL ADMINA*/
input.pm {position:relative;left:15px;width:200px}
span.pm {margin-left:160px;}
span.pm2 {margin-left:100px;}
span.ocena {margin-left:110px;}
span.tytuly_pa {font-size:20px; color:#90d1ff; font-weight:bold;}
select.ocena {margin-left:135px}
span.wazne {color:red; font-weight:bold}
span.wazne_recenzja {color:yellow; font-weight:bold}
textarea.wpisywanie {width:800px; height:350px; border: solid 1px #296087; background-color:#90d1ff}
textarea.wpisywanie_male{width:400px; height:200px; border: solid 1px #296087; background-color:#90d1ff}
textarea.male {width:400px; height:200px; border: solid 1px #296087; background-color:#90d1ff}
div.pole_edycji {clear:both; margin:10px; padding:10px; padding-top:20px; background-color:#43799f; border: solid 1px #296087;}
div.pole_edycji kat {font-weight:bold; color:#90d1ff}

/*Ciało*/


H1 {font-family: Verdana, DejaVu Sans, Tahoma; font-size: 16px; font-weight:bold;;}
body {background: #296087 url('images/tlokurwa.png') bottom repeat-x fixed; font-family:  Verdana, DejaVu Sans, Tahoma; font-size:11px; text-align: center;
}
body::selection {background: #296087;}
#content::-moz-selection{background: #296087;}
a {color:#43799f;}
a:hover {color:#ccc;}

/* Artykuł - Treść */

#art div {margin:0; padding:0; overflow:hidden;}
#art_tresc div {width: 160px; float:left; overflow:hidden; background-color:#191919;}
#art_i div {width: 40%; margin:0; padding:0; padding-left:5px; float:right; background-color:#191919;}
#art_i_autor {width: 100%;}

/* szkielet */

/* Menu kategorii */

div.menu_kategorii {width:100%; margin-top:20px; font-size:14px; line-height:20px}
div.menu_kategorii h2 {font-size:14px; font-weight:lighter}
div.menu_kategorii a {margin-left:50px; text-decoration:none; color:#43799f; padding:1px}
div.menu_kategorii a:hover {background-color:#43799f; color:white; margin-left:55px}
div#katalog_gier {background: url('images/tlo_katalog_gier.png') no-repeat; width:100%; height:30px; text-align:center; margin-bottom:25px;}
#katalog_gier h1 {position:relative;top:8px;}

div#artykuly {background: url('images/tlo_art.png') no-repeat; width:100%; height:30px; text-align:center; font-size:12px; margin: 0px; padding:0px}
#artykuly h1 {position:relative;top:8px;}
div.ktora_strona {text-align:center}
div.ktora_strona a {padding-left:5px; padding-right:5px; margin:5px; color:#43799f}
div.ktora_strona a:hover {background-color:white}}

/* ZNALEŹĆ "{", który jest niedomknięty*/

#shoutbox{margin-left:20%}
div#shoutbox{height: 178px; margin-left:5%}
div#shoutbox iframe {width:525px; margin-left:2px;}
div.shouticon {background:url('images/shoutbox_naglowek.png') no-repeat; height:30px; margin-bottom:5px; margin-left:5px;}
.shouticon {padding-left:50px; padding-top:10px; color:white;font-size:12px; font-weight:bold;}

/* FORMATOWANIE ARTU/NEWSA */
.txt_aut {color:#666; font-size:11px;}
.txt_av {text-align:center;}
.txt_av img { padding:2px; border:1px solid #ccc;}
.txt_av img:hover { background: #f2f2f2;}
#tekst_srodek h2 { font-size:20px; font-weight:normal; margin:0px; }
#tekst_srodek h2:before { content: '» '; font-weight:bold; color: #ccc;}
.txt_dodaj p {font-weight:bold; border-bottom: 1px dashed #ccc; color: #ccc;}

/* KOMENTARZE */
p.komentarz {font-size:10px; color:#43799f}

#tekst_kom {margin-bottom:10px; clear:both; width:100%;;}
#tekst_kom p {font-weight:bold; margin-left:10px; color:#ccc;}
#tekst_kom form {margin:5px; margin-top:0px;}
#tekst_kom form p { margin:5px; font-weight:normal;}
#tekst_kom .submit {margin-top:5px; clear: both}

#coments {padding-left:4px; padding-top:10px;}
form.dodkom { padding-left:10px; padding-bottom:10px; color:#fff;}
form.dodkom p {color:#fff;}
.koment {margin-top: 5px; overflow:hidden; border-top:#0f4064 solid 1px; padding:5px; clear:both;}
.koment_error { font-size:13px; padding:5px; color: #ff0000;}
.koment_info {float:left; width:20%;}
.koment_nick {text-align:center; font-size:11px;}
.koment_tresc { padding:4px; }
.koment_data {color:#ccc;  font-size:10px; margin-bottom:5px;}
p.komentz { color :#fff; font-weight:bold; padding-left:10px;}

.submit {border:1px solid #ccc; font-weight:bold; background: #f2f2f2; color: #666; font-size:10px; margin-top:4px; }
.submit:hover {color:#000;}

.text {border:1px solid #ccc; background: #f2f2f2; font-family:Verdana; font-size:11px;}
.text:active {background: #fefefe;}
.text:focus {background: #fefefe;}

/* KATALOG GIER */
div.literki {width:100%; text-align:center; margin-top: 10px; margin-bottom:20px}
div.literki a {padding: 4px; color:#43799f; text-decoration:none; margin-bottom:10px; margin-top:10px}
div.literki a:hover {background-color:white; color:black}
span.lista_gier {margin-bottom: 5px;}

div.przesuwa {width:100%; margin:0px; padding:0px; padding-top: 10px; height:20px;}
div.przesuwa a {margin-left:20px; margin-right:20px; text-decoration:none;}
div.przesuwa a:hover {text-decoration:none}

/*PROFIL GRY*/
div#video {text-align:center; margin-top:5px; margin-bottom:5px;}
div.img_gra {text-align:center; border-top: 1px solid #0f4064; border-bottom: 1px solid #0f4064; padding-top:10px; padding-bottom:10px; margin-top:15px;}
.img_gra {margin-top:5px; margin-bottom:5px;}
p.opis {font-weight:bold; color:#43799f; border-bottom: 1px solid #43799f; font-size:11px;}
ul.linki_gra {font-size:13px; padding-bottom:4px; list-style-image: url('images/arrow.png'); }
ul.linki_gra li {margin-bottom:5px;}
ul.linki_gra li a {text-decoration:underline; color:white}
ul.linki_gra li a:hover {text-decoration:none}
span.ocena_gry {font-weight:bold; font-size:16px; color:#90d1ff; margin-top:5px; margin-bottom:5px}

/*Ostrzeżenia przy dodawaniu*/
span.dodawanie {color:red; font-weight:bold; font-size:11px }


/* STOPKA */
#footer {clear:both; width:100%;  padding-top:50px ;padding:5px; background:#0f4064;}
#buttony {text-align:center;padding:2px;margin-bottom:3px; padding-top:10px;}
#buttony a img {border:none;}

/* uni */
div.center {text-align:center; margin:0px; padding:0px}
div.lekki_margin {margin-left:10px;}