* { margin:0; padding:0; }
html, body
{
font-family:Helvetica;
margin:0;
padding:0;
background-color:#2f3130;
}
#LOGO img
{
border:0;
}
#MAIN
{
width:1000px;
margin: 0 auto;
padding: 0;
text-align: center;
overflow:hidden;
position:relative;
}
#ODSTEP
{
width:1000px;
height:10px;
margin: 0 auto;
padding: 0;
text-align: center;
overflow:hidden;
}
#LOGO
{
width:300px;
height:70px;
overflow:hidden;
position:relative;
margin:0; padding:0;
float:left;
}
#NEWS
{
width:700px;
height:70px;
overflow:hidden;
position:relative;
margin:0; padding:0;
float:left;
}
/*#############################################################
## GÓRNY PASEK Z LINKAMI #
############################################################# */
#NEWS p
{
color:#40403B;
text-align:right;
margin-top:30px;
padding-top:3px;
padding-bottom:4px;
font-size:9pt;
font-weight:bold;
border-top:1px solid #40403B;
border-bottom:1px solid #40403B;
}
#NEWS input
{
float:right;
}
#NEWS input.pole
{
margin-right:20px;
background-color:#2f3130;
border:1px solid #40403B;
color:#fff;
height:16px;
width:300px;
padding-top:3px;
padding-bottom:2px;
padding-right:10px;
padding-left:10px;
font-size:8pt;
}
#NEWS input.przycisk
{
border:0; padding:0;
margin-right:20px;
font-size:8pt;
cursor:pointer;
margin-top:3px;
color:#2f3130;
}
#NEWS a
{
color:#909090;
text-decoration:none;
}
#NEWS a:hover
{
color:#fff;
}
#REKLAMA
{
width:1000px;
overflow:hidden;
position:relative;
margin:0; padding:0;
margin-top:10px;
margin-bottom:10px;
float:left;
text-align:center;
}
/*################################################
# MENU Z GMINAMI #
################################################*/
#MENU
{
width:198px;
overflow:hidden;
position:relative;
margin:0; padding:0;
float:left;
border-right:0px dashed silver;
border-top:0px dashed silver;
border-bottom:0px dashed silver;
border-left:0px dashed silver;
margin-bottom:20px;
margin-top:5px;
}
#MENU h1
{
text-align:left;
color:red;
font-size:13pt;
margin-right:30px;
letter-spacing:1.05pt;
margin-top:10px;
background:url('blok.png') no-repeat left;
padding-left:15px;
margin-left:10px;
}
dt
{
text-align:left;
color:red;
font-size:13pt;
margin-right:30px;
letter-spacing:1.05pt;
margin-top:10px;
background:url('blok.png') no-repeat top left;
padding-left:15px;
margin-left:10px;
font-weight:bold;
cursor:pointer;
}
dd
{
margin-left:40px;
text-decoration:none;
font-family: Tahoma;
text-align:left;
font-size:9pt;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
}
#MENU a
{
color:#555555;
text-decoration:none;
background: url('pkt.gif') no-repeat left;
padding-left:20px;
}
#MENU a:hover
{
background: url('pkt2.gif') no-repeat left;
color:#fff;
}
#MENU a.topowe
{
color:red;
}
#MENU a.topowe:hover
{
color:#fff;
}
#MENU ul{ display: block; list-style: none; margin: 0;padding: 0; text-align:left; margin-top:10px; margin-bottom:10px; }
#MENU li a
{
color:#555555;
margin-left:40px;
text-decoration:none;
font-family: Tahoma;
text-align:left;
font-size:9pt;
background: url('pkt.gif') no-repeat left;
font-weight:bold;
padding-left:20px;
}
#MENU li a:hover
{
background: url('pkt2.gif') no-repeat left;
color:#fff;
}
#MENU input.przycisk
{
border:0; padding:0;
margin-top:8px;
font-size:8pt;
cursor:pointer;
color:#2f3130;
text-align:center;
width:100px;
}
#MENU input.pole
{
text-align:center;
background-color:#2f3130;
border:1px solid #40403B;
color:#fff;
height:16px;
width:150px;
padding-top:3px;
padding-bottom:2px;
padding-right:10px;
padding-left:10px;
font-size:8pt;
}
#MENU p
{
font-size:9pt;
color:red;
margin:5px;
}
/* ######################################################################## */
/*################################################
# NAWIGACJA STRONY #
################################################*/
#KAT
{
width:1000px;
height:20px;
margin:0 auto;
padding:0;
overflow:hidden;
position:relative;
}
#KAT p
{
margin-left:10px;
font-size:8pt;
text-align:left;
color:silver;
letter-spacing:1.1pt;
}
#KAT a
{
text-decoration:none;
color:red;
}
#KAT a:hover
{
text-decoration:underline;
}
#NAWIGACJA
{
width:750px;
height:20px;
margin:0; padding:0;
float:left;
position:relative;
}
#ZEGAREK
{
width:250px;
height:20px;
margin:0; padding:0;
float:right;
position:relative;
overflow:visible;
color:silver;
font-size:8pt;
text-align:right;
}
#ZEGAREK p
{
margin-right:10px;
text-align:right;
}
/*################################################
# STRONA GŁÓWNA SERWISU #
################################################*/
#GLOWNA_DIV
{
width:800px;
overflow:hidden;
position:relative;
margin:0; padding:0;
float:left;
}
#GLOWNA_DIV h1
{
text-align:left;
color:red;
font-size:13pt;
margin-right:30px;
letter-spacing:1.05pt;
margin-top:10px;
background:url('blok.png') no-repeat left;
padding-left:15px;
margin-left:20px;
}
#GMINNE_INFORMACJE
{
width:100%;
margin: 0 auto;
padding: 0;
text-align: left;
overflow:hidden;
position:relative;
margin-top:6px;
margin-bottom:30px;
}
#GMINNE_INFORMACJE h1
{
margin-left:0px;
border-bottom:1px solid #515352;
}
#INFORMACJE_GLOWNA
{
width:100%;
margin: 0;
padding: 0;
text-align:left;
overflow:hidden;
position:relative;
margin-left:20px;
}
#INFORMACJE
{
width:100%;
margin: 0 auto;
padding: 0;
text-align: center;
overflow:hidden;
position:relative;
margin-top:6px;
}
#INFORMACJE h1
{
margin-left:0px;
border-bottom:1px solid #515352;
}
#INFORMACJE p
{
text-align:left;
font-size:9pt;
color:silver;
margin-top:5px;
margin-left:5px;
}
#INFORMACJE span
{
color:#fff;
}
#INFORMACJE a
{
color:silver;
text-decoration:none;
}
#INFORMACJE a:hover
{
color:red;
}
#WIECEJ
{
width:100%;
margin: 0; padding: 0;
text-align: right;
overflow:hidden;
position:relative;
margin-top:5px;
}
#WIECEJ a
{
color:red;
text-decoration:none;
}
#WIECEJ a:hover
{
text-decoration:underline;
}
#WIECEJ p
{
margin-right:20px;
font-size:8pt;
}
#POLECANE
{
width:760px;
height:200px;
margin: 0 auto;
padding: 0;
text-align: center;
overflow:hidden;
position:relative;
border-top:1px solid #515352;
}
#POLECANE_FILM
{
width:100%;
margin: 0 auto;
padding: 0;
text-align: center;
overflow:hidden;
position:relative;
}
#DODANE
{
width:760px;
height:200px;
margin: 0 auto;
padding: 0;
text-align: center;
overflow:hidden;
position:relative;
border-top:1px solid #515352;
}
div.FILM
{
width:176px;
height:200px;
margin:0;
padding:0;
float:left;
overflow:hidden;
position:relative;
margin-right:7px;
margin-left:7px;
}
div.FILM p
{
text-align:left;
font-size:8pt;
color:gray;
margin-left:3px;
margin-top:3px;
margin-bottom:2px;
}
div.FILM img
{
border:2px solid gray;
cursor:pointer;
}
div.FILM img:hover
{
border:2px solid red;
}
div.FILM h2
{
font-size:8pt;
color:silver;
font-weight:bold;
text-align:center;
}
div.FILM img.gwiazdka
{
border:0;
cursor:default;
}
/*################################################
# STOPKA #
################################################*/
#STOPKA
{
width:998px;
margin: 0 auto;
padding: 0;
text-align: center;
overflow:hidden;
clear:both;
margin-top:10px;
position:relative;
border-top:1px solid #515352;
border-bottom:1px solid #515352;
}
#STOPKA2
{
width:1000px;
height:50px;
margin: 0 auto;
padding: 0;
text-align: center;
overflow:hidden;
clear:both;
position:relative;
}
#STOPKA2 p
{
color:#555555;
text-align:right;
margin-right:30px;
margin-top:5px;
font-size:9pt;
}
#STOPKA2 a
{
color:red;
text-decoration:none;
}
#STOPKA2 a:hover
{
text-decoration:underline;
}
/*################################################
# PASEK DO PODSTRON #
################################################*/
a.leftactive, a.rightactive /* strzałka w lewo i prawo aktywna */
{
border:2px solid #CCCCCC;
padding:4px 8px 4px 8px; /* góra,prawy,dolny,lewy */
text-decoration:none;
color:#666666;
font-size:8pt;
}
a.leftactive:hover, a.rightactive:hover /*strzałka w lewo i w prawo aktywna po najechaniu */
{
background-color:#EEEEEE;
border:2px solid #666666;
font-size:8pt;
}
span.leftno, span.rightno /*strzałka w prawo i w lewo nieaktywna */
{
color:gray;
font-size:8pt;
}
span.aktual
{
border:2px solid #666666;
padding:4px 8px 4px 8px; /* góra,prawy,dolny,lewy */
text-decoration:none;
color:#666666;
background-color:#EEEEEE;
font-size:8pt;
}
a.dostepne /*strony dostępne ale nie wybrane jeszcze */
{
border:2px solid #CCCCCC;
padding:4px 8px 4px 8px; /* góra,prawy,dolny,lewy */
text-decoration:none;
color:#666666;
font-size:8pt;
}
a.dostepne:hover
{
background-color:#EEEEEE;
border:2px solid #666666;
}
span.info
{
color:#666666;
}
#PODSTR
{
width:600px;
text-align:center;
position:relative;
margin:0; padding:0;
background-color:red;
position:relative;
}
/* koniec styli paska */
/*################################################
# LISTA FILMÓW #
################################################*/
#LISTA_DIV
{
width:780px;
overflow:hidden;
position:relative;
margin:0; padding:0;
float:left;
margin-left:20px;
text-align:left;
}
#LISTA_DIV h1
{
text-align:left;
color:red;
font-size:13pt;
letter-spacing:1.05pt;
margin-top:10px;
background:url('blok.png') no-repeat left;
padding-left:15px;
margin-left:10px;
margin-bottom:10px;
border-bottom:1px solid #515352;
}
#SORTOWANIE
{
width:100%;
overflow:hidden;
position:relative;
margin:0; padding:0;
float:left;
margin-right:20px;
font-size:9pt;
text-align:right;
color:silver;
margin-bottom:10px;
}
#SORTOWANIE a.nieaktywny
{
color:silver;
text-decoration:none;
}
#SORTOWANIE a.nieaktywny:hover, a.aktywny
{
color:red;
text-decoration:none;
}
/*########################################################
REKLAMA 2
########################################################*/
#REKLAMA2
{
width:1000px;
margin: 0 auto;
padding: 0;
text-align: center;
overflow:visible;
clear:both;
margin-top:50px;
position:relative;
/*border:1px dashed #515352;*/
}
/*########################################################
STRONA Z FILMEM
########################################################*/
#WYSFILM
{
width:480px;
margin: 0 auto;
padding: 0;
text-align: center;
overflow:hidden;
position:relative;
float:left;
}
#FILMINFO
{
width:280px;
height:280px;
margin: 0 auto;
padding: 0;
text-align:left;
overflow:hidden;
position:relative;
border:1px solid #515352;
float:left;
margin-left:18px;
}
#FILMINFO p
{
font-size:9pt;
color:silver;
margin:10px;
}
#FILMINFO p img
{
border:0;
margin-top:10px;
}
#FILMINFO span
{
color:red;
}
#TYTULFILM
{
width:780px;
margin: 0 auto;
padding: 0;
text-align: left;
overflow:hidden;
position:relative;
float:left;
}
#OCENIANIE
{
width:780px;
margin: 0; padding: 0;
text-align: left;
overflow:hidden;
position:relative;
border-top:1px solid #515352;
float:left;
border-top:0px solid #515352;
border-bottom:0px solid #515352;
margin-top:10px;
margin-bottom:15px;
}
#OCENIANIE p
{
color:silver;
font-size:9pt;
}
#OCENIANIE img
{
cursor:pointer;
margin-top:3px;
}
#KOMENTARZE
{
width:470px;
margin: 0; padding: 0;
text-align: left;
overflow:hidden;
position:relative;
float:left;
margin-left:10px;
margin-right:20px;
}
#KOMENTARZE h1
{
padding-top:2px;
padding-bottom:2px;
font-size:9pt;
margin-left:0;
}
#KOMENTARZE span
{
color:silver;
font-size:10pt;
font-weight:bold;
}
#INNE h1
{
padding-top:2px;
padding-bottom:2px;
font-size:9pt;
margin-left:0;
margin-left:5px;
}
div.KOMNAME
{
width:50%;
height:15px;
margin:0;
padding:0;
float:left;
overflow:hidden;
position:relative;
color:red;
letter-spacing:1.2pt;
font-weight:bold;
text-align:left;
font-size:9pt;
}
div.KOMDATA
{
width:40%;
height:15px;
margin:0;
padding:0;
float:left;
overflow:hidden;
position:relative;
text-align:right;
font-size:8pt;
color:gray;
margin-right:20px;
}
div.KOMTRESC
{
width:470px;
margin:0;padding:0;
float:left;
overflow:hidden;
position:relative;
text-align:left;
font-size:8pt;
color:silver;
border-bottom:1px solid #423130;
padding-bottom:5px;
margin-bottom:10px;
margin-top:4px;
}
#ADDKOM
{
width:100%;
position:relative;
overflow:hidden;
margin:0;
margin-top:10px;
padding:0;
color:red;
}
#KOMENTARZE input.login
{
margin-right:20px;
background-color:#2f3130;
border:1px solid #40403B;
color:#fff;
height:16px;
width:300px;
padding-top:3px;
padding-bottom:2px;
padding-right:10px;
padding-left:10px;
font-size:8pt;
}
#KOMENTARZE textarea.tresc
{
background-color:#2f3130;
border:1px solid #40403B;
color:#fff;
font-size:8pt;
padding-top:3px;
padding-bottom:2px;
padding-right:10px;
padding-left:10px;
}
#KOMENTARZE p.forma
{
font-size:8pt;
color:red;
}
/* INNE FILMY Z KATEGORII WYŚWIETLANEGO FILMU */
#INNE
{
width:280px;
margin: 0 auto;
padding: 0;
text-align: center;
overflow:hidden;
position:relative;
float:left;
margin-bottom:10px;
}
#INNE span
{
color:red;
}
#INNE p.wy
{
font-size:8pt;
color:silver;
}
div.FOT
{
width:112px;
margin:0;padding:0;
margin-left:10px;
float:left;
overflow:hidden;
position:relative;
text-align:left;
}
div.FOT img
{
border:2px solid gray;
cursor:pointer;
}
div.FOT img:hover
{
border:2px solid red;
}
div.TYT
{
width:148px;
margin:0;padding:0;
margin-left:5px;
float:left;
overflow:hidden;
position:relative;
text-align:left;
}
div.TYT p.tytul
{
font-size:8pt;
color:gray;
}
div.PODZIAL
{
width:280px;
margin:0;padding:0;
float:left;
overflow:hidden;
position:relative;
height:5px;
}
/*##############################################################
# STRONA Z AKTUALNOSCIAMI PEŁNYMI #
################################################################*/
#ALLAKT
{
width:780px;
overflow:hidden;
position:relative;
margin:0; padding:0;
float:left;
margin-left:20px;
text-align:left;
}
#ALLAKT h1
{
text-align:left;
color:red;
font-size:13pt;
margin-right:30px;
letter-spacing:1.05pt;
margin-top:10px;
background:url('blok.png') no-repeat left;
padding-left:15px;
margin-left:0px;
}
#ALLAKT p.temat
{
text-align:left;
color:silver;
font-weight:bold;
font-size:11F#IUpt;
margin-top:10px;
margin-bottom:10px;
margin-left:0px;
}
#INNEAKT
{
width:760px;
height:200px;
margin: 0 auto;
padding: 0;
text-align: center;
overflow:hidden;
position:relative;
float:left;
margin-top:6px;
}
#INNEAKT h1
{
margin-left:0px;
}
#INNEAKT p
{
text-align:left;
font-size:9pt;
color:silver;
margin-top:5px;
margin-left:5px;
}
#INNEAKT span
{
color:#fff;
}
#INNEAKT a
{
color:silver;
text-decoration:none;
}
#INNEAKT a:hover
{
color:red;
}
/*######################## KONTAKT ####################*/
#LKONTAKT
{
width:50%;
margin: 0;
padding: 0;
text-align: left;
overflow:hidden;
position:relative;
float:left;
}
#RKONTAKT
{
width:50%;
margin: 0;
padding: 0;
text-align: left;
overflow:hidden;
position:relative;
float:left;
}
#RKONTAKT p,#LKONTAKT p
{
color:silver;
font-size:9pt;
font-weight:bold;
margin:10px 0px 2px 20px;
}
#LKONTAKT a
{
color:red;
font-weight:normal;
text-decoration:none;
letter-spacing:1.1pt;
}
#LKONTAKT a:hover
{
color:#fff;
}
#RKONTAKT input.pole
{
background-color:#2f3130;
border:1px solid #40403B;
color:#fff;
height:16px;
width:250px;
font-size:8pt;
padding:3px 10px 2px 10px;
margin:2px 0px 2px 20px;
}
#RKONTAKT textarea
{
background-color:#2f3130;
border:1px solid #40403B;
color:#fff;
width:300px;
padding:3px 10px 2px 10px;
margin:2px 0px 2px 20px;
font-size:8pt;
}
#RKONTAKT input.przycisk
{
border:0; padding:0;
font-size:9pt;
padding:2px 3px 2px 3px; /* góra,prawy,dolny,lewy */
cursor:pointer;
margin:10px 0px 2px 20px;
color:#2f3130;
}
div.bloczek
{
width:160px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
float:left;
margin-left:0px;
margin-right:20px;
text-align:left;
}
div.bloczek h1
{
color:white;
font-size:8pt;
margin:0;
margin-top:3px;
margin-bottom:1px;
margin-left:5px;
}
div.bloczek a
{
color:gray;
text-decoration:none;
font-size:8pt;
margin-left:5px;
}
div.bloczek a:hover
{
color:red;
}
#PODSTRONY
{
width:780px;
overflow:hidden;
position:relative;
margin:0; padding:0;
float:left;
margin-left:20px;
text-align:left;
}
#PODSTRONY h1
{
text-align:left;
color:red;
font-size:13pt;
letter-spacing:1.05pt;
margin-top:10px;
background:url('blok.png') no-repeat left;
padding-left:15px;
margin-left:10px;
margin-bottom:10px;
border-bottom:1px solid #515352;
}