/* ================================================================ */
/* budowa theme'ow dla jPORTAL zostala opisana standardem, ktory    */
/* znajdziesz wraz z tutorialem tworzenia wlasnego theme'a na       */
/* oficjalnej stronie jPORTAL (http://jportal.info)                 */
/* ================================================================ */



/* ================================================================ */
/* podstawowe class'y modulow systemu                               */
/* ================================================================ */
* { padding: 0; margin: 0; }

body {
 font-family: Arial;
 font-size: 13px;
 float: center;
 background: url(http://zagubieni24.info/cytaty/tlo.png);

background-color: #242323;
color: #333333;
 width: 900px;
 margin: 0 auto;
}

.zdjecie {

 float: center;
 background: url(http://zagubieni24.info/cytaty/theme/Default/gfx/zdjecie.png);
 width: 475px;
 height: 132px;
 padding-left: 4px;
 padding-top: 6px;

}


#cala { 
 margin: 0 auto;
 width: 900px;
 float: center;
}
#logo { 
 width: 900px;
 height: 175px;
 background-image: url(http://zagubieni24.info/cytaty/theme/Default/gfx/logo.jpg);
}



#glowna {
 width: 898px;
 float: left;
color: #333333;
 border-top: 0px;
 overflow : hidden;
 background: white;

}

#glowna2 {
 width: 898px;
 height: 60px;
 text-align: left;
 color: black;
 float: left;
 overflow : hidden;

 border-top: 1px solid #1F1F1F;
 border-right: 2px solid #1F1F1F;
 border-left: 2px solid #1F1F1F;
 background: #D7B659;
}

#lewa { 
 text-align: left;
 width: 185px;
 color: #333333;

 float: left;
 position: relative;
 margin-left: 0px;
}

#srodek { 
 margin-left: 5px; 
 color: #333333;
 text-align: left;
 position: relative;
 width: 495px;
 float: left;
}

#prawa{ 
 text-align: left;
 width: 185px;
 color: #333333;
 margin-right: 5px;
 float: right;
 position: relative;
}

.stopka { 
	 text-align: left;
 color: #E6E6E6;
 float: left;
 font-size: 10px;
 background: #1F1F1F;

}

.stopka1a { 
 text-align: left;
 padding-left:5px;
 color: #E6E6E6;
 float: left;
 font-size: 10px;
 background: #1F1F1F;
 
}
#stopka1b { 
 text-align: left;
 padding-right:5px;
 color: #E6E6E6;
 float: right;
 font-size: 10px;
 background: #1F1F1F;
}

#stopka2 { 
 text-align: left;
 width: 890px;
 margin-top: 10px;
 padding-left: 5px;
 padding-right:5px;
 font-size: 10px;
 clear: both;
 color: E6E6E6;
 border: 1px solid #383838;
 background: #1F1F1F;
}

.logo-menu { 
 width: 186px;
 height: 26px;
 padding-top: 8px;
 background-image: url(http://cytaty24.org/menu/logomenu.gif);
 font-family: Arial;
 font-size: 13px;
 color: white;
}

#tekst    { 
font-family: Arial; 
color: #333333;
font-size: 13px; 
text-align: left; 
padding-left: 5px; 
font-weight: normal;
}

#tekst2   { 
font-family: Arial; 
padding-top: 1px;
padding-left: 5px;
color: #333333;
font-size: 13px; 
text-align: left; 
font-weight: normal;
}
.font10 { 
 font-family: Arial;
 font-size: 10px;
 color: black;
}
.font13 { 
 font-family: Arial;
 font-size: 13px;
  color: black;
}
.font16 { 
 font-family: Arial;
 font-size: 13px;
  color: black;
}

.font12B { 
 font-family: Arial;
 font-weight: bold;
 font-size: 12px;
  color: black;
}
.font12 { 
 font-family: Arial;
 font-size: 12px;
  color: black;
}

.font13B { 
 font-family: Arial;
 font-weight: bold;
 font-size: 13px;
 
}
.news-font13B2 { 
 font-family: Arial;
 font-weight: bold;
 font-size: 13px;
  color: black;
 color: #333333;
}
.center { 
 margin: auto;
 text-align: center;
}

center {
float: none; 
}



h3 {
font-size: 14px;
}

h2 {
font-size: 16px;
}


.title-news {
 font-family: Arial;
font-size: 14px;
color: #FFD700;
}

.uni_01 {
  font-family: Arial;
  font-size: 12px;
  padding-top: 1px;
  padding-right: 3px;
  padding-bottom: 1px;
  padding-left: 3px;
  color: E6E6E6;
}

.uni_02 {
  font-family: Arial;
  font-size: 12px;
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 2px;
  padding-left: 4px;
  color: black;
}

.poll {
  border: 0px;
  background: none;
}

.code {
  border: 1px #1F1F1F solid;
  background-color: #262626;
  font-family: Courier;
  font-size: 12px;
  padding-top: 1px;
  padding-right: 3px;
  padding-bottom: 2px;
  padding-left: 16px;
  text-align: left;
  color: white;
}

.cytat {
  border: 1px #1F1F1F solid;
  background-color: #262626;
  font-family: Arial;
  font-size: 12px;
  padding-top: 1px;
  padding-right: 3px;
  padding-bottom: 2px;
  padding-left: 16px;
  text-align: left;
  color: white;
}



.title {
  font-family: Arial;
  font-size: 12px;
  padding-top: 0px;
  padding-right: 3px;
  padding-bottom: 0px;
  padding-left: 3px;
  color: white;
}

.topmenu { 
  font-family: Verdana; 
  font-size: 9px; 
  padding-top: 1px; 
  padding-right: 3px; 
  padding-bottom: 1px; 
  padding-left: 3px;
  FONT-WEIGHT: bold;
  color: #ffffff;
}


a.topmenu:visited {  color: #ffffff; }
a.topmenu:link { color: #ffffff; }
a.topmenu:hover { color: #8CB0E2; }


.moder { 
  font-family: Verdana; 
  font-size: 9px; 
  padding-top: 1px; 
  padding-right: 3px; 
  padding-bottom: 1px; 
  padding-left: 3px;
  color: #000000;
}


a.moder:visited {  color: #0000FF; }
a.moder:link {  color: #0000FF; }
a.moder:hover { color: #FF0000; }



.menu {
  font-family: Arial;
  font-size: 12px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  color: white;
}

.o {
  font-family: Arial;
  font-size: 12px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  font-weight: bold;
  color: white;
}

.block {
  font-family: Arial;
  font-size: 12px;
  padding-top: 2px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  color: white;
}

input {
  font-family: Arial;
  font-size: 12px;
  color: black;
  border: 1px #bbbbbb solid;
  background-color: #F6f6f6;
}

select {
  font-family: Arial;
  font-size: 12px;
  color: black;
  border: 1px #bbbbbb solid;
  background-color: #F6f6f6;
}

textarea {
  font-family: Arial;
  font-size: 12px;
  color: black;
  border: 1px #bbbbbb solid;
  background-color: #F6f6f6;
}


a:visited {  text-decoration: none; color: #333333}
a:link    {  text-decoration: none; color: #333333}
a:hover   {  text-decoration: none; color: #535353}


.forum { 
  font-family: Verdana; 
  font-size: 10px; 
  padding-top: 1px; 
  padding-right: 3px; 
  padding-bottom: 1px; 
  padding-left: 3px;
  color: #181818;
}
.butt {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	border : 1px solid #b2b2b2;
	filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#FCFCFC,endcolorstr=#d1d1d1);
}
.img_pick {
	width : 9px;
	height : 9px;
	border : 1px solid #000000 ;
}
.img_pick_over {
	width : 9px;
	height : 9px;
	border : 1px outset #ffffd7;
}

.menu { /* nasz div "menu" */

border: 0px solid #D3D3D3; /* obramowanie naszego menu */
background: ; /* tło naszego menu */
width: 170px; /* szerkość menu */
overflow: hidden;
padding: 3px; } /* odległość menu od obramowania*/

ul { /* element ul */
margin: 0; /* odległość menu od obramowania*/
target: _blank;
padding: 0; } /* odległość menu od obramowania*/


.menu a { /* linki w menu */
font-family: Verdana, Sans-serif; /* krój czcionki */
font-size: 10px; /* wielkość czcionki */
display: block; /* rodzaj wyświetlenia elementów */
width: 160px; /* szerokość */
padding-top: 3px; /* odległości linków */
padding-bottom: 3px; /* odległości linków */
padding-left: 3px; /* odległości linków */
color: #333333; /* kolor linków */
margin-top: 1px; /* 1px odstępu od góry */
text-decoration: none; /* dekoracja tekstu */
border-left: 6px solid #CCCCCC; } /* lewe obramowanie; #CCCCCC - kolor zwykłego prostokąta */

.menu a:hover { /* najechane linki w menu */
font-family: Verdana, Sans-serif; /* krój czcionki */
font-size: 10px; /* wielkość czcionki */
display: block; /* rodzaj wyświetlenia elementów */
width: 160px; /* szerokość */
background-color:#F0F0F0; /* tło linka najechanego */
text-decoration: none; /* dekoracja tekstu */
color: #333333; /* kolor tekstu */
border-left: 6px solid #808080; } /* lewe najechane obramowanie; #9CD3D3 - kolor najechanego prostokąta*/

.menu li { /* element li */
list-style-type: none; } /* rodzaj wykazu */
selektor { margin-left: 0px }


.menu2 { /* nasz div "menu" */

border: 0px solid #D3D3D3; /* obramowanie naszego menu */
background: ; /* tło naszego menu */
width: 177px; /* szerkość menu */
overflow: hidden;
padding: 3px; } /* odległość menu od obramowania*/

ul { /* element ul */
margin: 0; /* odległość menu od obramowania*/
target: _blank;
padding: 0; } /* odległość menu od obramowania*/


.menu2 a { /* linki w menu */
font-family: Verdana, Sans-serif; /* krój czcionki */
font-size: 10px; /* wielkość czcionki */
display: block; /* rodzaj wyświetlenia elementów */
width: 170px; /* szerokość */
padding-top: 3px; /* odległości linków */
padding-bottom: 3px; /* odległości linków */
padding-left: 3px; /* odległości linków */
padding-right: 3px;
color: #F0F0F0; /* kolor linków */
margin-top: 1px; /* 1px odstępu od góry */
text-decoration: none; /* dekoracja tekstu */
border-left: 6px solid #CCCCCC; } /* lewe obramowanie; #CCCCCC - kolor zwykłego prostokąta */

.menu2 a:hover { /* najechane linki w menu */
font-family: Verdana, Sans-serif; /* krój czcionki */
font-size: 10px; /* wielkość czcionki */
display: block; /* rodzaj wyświetlenia elementów */
width: 170px; /* szerokość */
background-color:#F0F0F0; /* tło linka najechanego */
text-decoration: none; /* dekoracja tekstu */
color: #333333; /* kolor tekstu */
border-left: 6px solid #808080; } /* lewe najechane obramowanie; #9CD3D3 - kolor najechanego prostokąta*/

.menu li { /* element li */
list-style-type: none; } /* rodzaj wykazu */
selektor { margin-left: 0px }



.tabelka-menu {

width: 180px;
font-size: 13px;
font-family: Arial;
color: #333333;


}
#tabelka-menu2 {
float: center;
width: 140px;
font-family: Arial;
color: black;
}



.text     { font-family: Verdana; font-size: 11px; text-align: justify; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; color: black; font-weight: normal}


.tytulnewsa {
color: #ADFF2F;
font-size: 16px;
font-family: Arial;
}

.linkiM a:visited { font-size: 10px; text-decoration: none; color: #E3E3E3}
.linkiM a:link    { font-size: 10px; text-decoration: none; color: #E3E3E3}
.linkiM a:hover   { font-size: 10px; text-decoration: none; color: white}


.linkiB a:visited { text-decoration: none; color: #E3E3E3}
.linkiB a:link    { text-decoration: none; color: #E3E3E3}
.linkiB a:hover   { text-decoration: none; color: white}

.logo_l a:visited { width: 900px; height: 175px; background-image: url(http://zagubieni24.info/cytaty/theme/Default/gfx/logo.jpg)}
.logo_l a:link    { width: 900px; height: 175px; background-image: url(http://zagubieni24.info/cytaty/theme/Default/gfx/logo.jpg) }
.logo_l a:hover   { width: 900px; height: 175px; background-image: url(http://zagubieni24.info/cytaty/theme/Default/gfx/logo.jpg) }

.strony2 a { /* linki w menu */
font-family: Verdana, Sans-serif; /* krój czcionki */
font-size: 10px; /* wielkość czcionki */
display: block; /* rodzaj wyświetlenia elementów */
width: 20px; /* szerokość */
padding-top: 3px; /* odległości linków */
padding-bottom: 3px; /* odległości linków */
padding-left: 9px; /* odległości linków */
float: left;
overflow: hidden;
background: #333333;
color: #F0F0F0; /* kolor linków */
margin-top: 1px; /* 1px odstępu od góry */
text-decoration: none; /* dekoracja tekstu */
margin-right: 4px;
border: 1px solid #CCCCCC; } /* lewe obramowanie; #CCCCCC - kolor zwykłego prostokąta */


.strony a { /* linki w menu */
font-family: Verdana, Sans-serif; /* krój czcionki */
font-size: 10px; /* wielkość czcionki */
display: block; /* rodzaj wyświetlenia elementów */
width: 20px; /* szerokość */
padding-top: 3px; /* odległości linków */
padding-bottom: 3px; /* odległości linków */
padding-left: 9px; /* odległości linków */
float: left;
overflow: hidden;
color: #333333; /* kolor linków */
margin-top: 1px; /* 1px odstępu od góry */
text-decoration: none; /* dekoracja tekstu */
margin-right: 4px;
border: 1px solid #CCCCCC; } /* lewe obramowanie; #CCCCCC - kolor zwykłego prostokąta */


.strony a:hover { /* najechane linki w menu */
font-family: Verdana, Sans-serif; /* krój czcionki */
font-size: 10px; /* wielkość czcionki */
display: block; /* rodzaj wyświetlenia elementów */
float: left;
overflow: hidden;
width: 20px; /* szerokość */
background-color:#F0F0F0; /* tło linka najechanego */
text-decoration: none; /* dekoracja tekstu */
color: #333333; /* kolor tekstu */
margin-right: 4px;
border: 1px solid #808080; } /* lewe najechane obramowanie; #9CD3D3 - kolor najechanego prostokąta*/

.strony li { /* element li */
list-style-type: none; } /* rodzaj wykazu */
selektor { margin-left: 0px }



/* STRONY 3 - w panelu admina */

.strony3 a { /* linki w menu */
font-family: Verdana, Sans-serif; /* krój czcionki */
font-size: 10px; /* wielkość czcionki */
display: block; /* rodzaj wyświetlenia elementów */
padding-top: 3px; /* odległości linków */
padding-bottom: 3px; /* odległości linków */
padding-left: 9px; /* odległości linków */
padding-right: 9px; /* odległości linków */
float: left;
overflow: hidden;
color: #333333; /* kolor linków */
margin-top: 1px; /* 1px odstępu od góry */
text-decoration: none; /* dekoracja tekstu */
margin-right: 4px;
border: 1px solid #CCCCCC; } /* lewe obramowanie; #CCCCCC - kolor zwykłego prostokąta */


.strony3 a:hover { /* najechane linki w menu */
font-family: Verdana, Sans-serif; /* krój czcionki */
font-size: 10px; /* wielkość czcionki */
display: block; /* rodzaj wyświetlenia elementów */
float: left;
overflow: hidden;
background-color:#F0F0F0; /* tło linka najechanego */
text-decoration: none; /* dekoracja tekstu */
color: #333333; /* kolor tekstu */
margin-right: 4px;
border: 1px solid #808080; } /* lewe najechane obramowanie; #9CD3D3 - kolor najechanego prostokąta*/

.strony3 li { /* element li */
list-style-type: none; } /* rodzaj wykazu */
selektor { margin-left: 0px }


.linkiB2 a:visited { text-decoration: none; color: white}
.linkiB2 a:link    { text-decoration: none; color: white}
.linkiB2 a:hover   { text-decoration: none; color: #E3E3E3}



.slide {color: white;}
.slide a:visited { text-decoration: none; color: white}
.slide a:link    { text-decoration: none; color: white}
.slide a:hover   { text-decoration: none; color: #F1F1F1}


/*lightbox*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}

.tag_cloud
    {padding: 3px; text-decoration: none;
    font-family: arial;     }
.tag_cloud:link  { color: #383838; }
.tag_cloud:visited { color: #383838; }
.tag_cloud:hover { color: black; text-shadow: 1px 1px 2px #383838;}
.tag_cloud:active { color: black; text-shadow: 1px 1px 2px #383838;}

div.wrapper{
	position:absolute;
	height:200px;
	width:160x;
	
	
}


a.podpowiedz span {
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
    width: 200px;
}
img {
	border: none;
}
a.podpowiedz:hover span{
    display: inline;
    position: absolute;
	margin: 5px 0 0 5px;
    background: white;
    border: 1px solid #424242;
    color: #000000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
	text-align: center;
}