/* CSS Document */
/* Projekt AGENCJA REKLAMY STUDIO SZAHAL // www.studioszahal.com */

* {
	margin: 0px; padding: 0px;
	line-height: 17px;
}

html { height: 100%; }
#footer {
    float:  top;
}
#realizacja { display: none;}
body {
	position: relative;
	width: 100%; height: 100%;
	background: url("../img/bodybg.jpg") no-repeat center top;
	margin: 0px auto;
	}
body,  legend, select {
	font-family: Tahoma, Verdana, Arial; font-size: 14px; color: #454444; line-height: 14px; }

blockquote {
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
color: #454444;  }

fieldset { border: none; }

hr {
	clear: both; overflow: hidden;
	width: 100%; height: 1px;
	background-color: #B7B7B7;
	margin: 10px 0px 10px 0px;
	border: none; }

img { border: none; }



label { cursor: pointer; }

ol { margin: -10px 0px 20px 40px; }

p { padding-bottom: 0px; }

textarea { overflow: auto; }

th { background-color: #f3f3f3; }

ul { padding: 5px 0px 20px 25px; }





.center { text-align: center; }

#inside {
    float: left;
    width: 280px;
    }

.dodaj-wyczysc,
.dodaj-wyslij {
	float: none !important;
	width: 100%;
	text-align: center;
	padding: 20px 0 10px 0; }

.dodaj-wyczysc input,
.dodaj-wyslij input {
	display: inline !important;
	float: none !important;
	width: 110px !important;
	font-size: 11px; _font-size: 13px; }







.clearfix { clear: both; }

.hit { font-weight: bold !important; }



.polecany {
	border: 1px dashed #394d6f;
	margin-bottom: 20px; padding: 5px 5px 10px 5px; }

.powtorz-haslo { margin-bottom: 20px !important; }

.szukaj {
	width: 55px !important; height: 54px;
	background:  url("../img/inpsubl.gif") no-repeat;
	border: none !important; }


.warning {
	color: #d03205; text-transform: uppercase; }



.acc {
	margin-top: -5px;
	padding-bottom: 4px !important; }

.acc a {
	width: 189px !important;
	font-weight: normal !important;
	border-top: 1px solid #fff !important;
	margin-top: -1px;
	padding: 0 0 0 20px !important;
	font-size: 11px;
	color: #666 !important; }

/* AKTUALNOSCI.......................................................................................... */

.news-item { padding: 0px;
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
color: #454444;
}

.news-item small {
margin-right: 0px;
color: #73AF03; }


/* naglowki */

h1 {
	line-height: 31px;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	color: #73AF03;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
}
h1 span { /*padding-left: 10px; */_display: block; _padding-top: 7px;  }

h2 {
	padding: 5px;
	font-size: 19px; font-weight: normal; color: #222;
	text-align: left; }

h3 {
	padding: 5px 0px 10px 0px;
	font-size: 17px; font-weight: normal; color: #222; }

h4 {
	padding: 1px 0px 0px 16px;
	line-height: 18px;
	font-size: 11px;
        font-weight: normal;
	color: #73AF03;
        font-family: Tahoma, Arial, Helvetica, sans-serif;}

h5 { font-size: 12px !important; font-weight: normal; line-height: 14px; }

h6, dt {
	width: 100%;
	min-height: 30px;
	_height: 30px;
	line-height: 30px;
	margin-bottom: 0px;
	_margin-top: 5px;
	_display: block;
	font-size: 24px;
	font-weight: bold;
	_font-weight: bold;
	color: #73AF03;
    font-family: Tahoma, Arial, Helvetica, sans-serif;}
h6 span,
dt span { padding-left: 40px; }

h6 span {
	_display: block;
	_padding-top: 7px; }

/* LINKI ....................................................................................*/
#alink {
color: #73AF03;
text-decoration:underline
}
#alink:hover {
color: White;
text-decoration:none;
background-color : #73AF03;
}
#alink2 {
padding-left: 0px;
color: #73AF03;
text-decoration:none;
}
#alink2:hover {
color: #73AF03;
text-decoration:underline
}

#amail {
padding-left: 20px;
color: #73AF03;
text-decoration:none;
background:  url("../img/email.gif") no-repeat 0px 0px;
}
#amail:hover {
color: #73AF03;
text-decoration:underline
}

#zarejestruj {
padding-left: 8px;
text-decoration:none;
font-size: 11px;
}
#zarejestruj:hover {
color: #000000;
text-decoration:underline
}

#aoferta {
width: 130px;
padding: 10px;
font-size: 11px;
font-weight: bold;
line-height: 12px;
padding-left: 0px;
color: #454444;
text-decoration:none;
}
#aoferta:hover {
color: #73AF03;
text-decoration:underline
}
#logock {
text-decoration:none;
}
#logock:hover {
text-decoration:none;
}





#container {
	position: relative;
	width: 923px;
        margin: 0px auto;
 }


#maincontent {
float: left;
padding-top: 31px;
padding-left: 29px;
width: 590px;
margin-top: 0px;
margin-bottom: 0px;}




#maincontent h4 {


background:  url("../img/acta.gif") no-repeat 0px 6px ;
margin: 0px 0px 10px 0px;
text-align: left; }

.opis {
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #454444;  }

.toggler{
padding-left: 18px;
font-family: Tahoma, Verdana, Arial;
font-size: 12px;
color: #454444;
font-weight: bold;
background: url("../img/atitle.gif") left no-repeat;
}

.toggler:hover {
color: #73AF03;
text-decoration:none;
}
#alfabet {
font-weight: bold;
margin-left:7px;
font-family: Tahoma, Verdana, Arial;
font-size: 14px;
color: #454444;
text-decoration:underline

}
#alfabet:hover {
color: #73AF03;
text-decoration:underline
}
.alfamenu {
font-weight: bold;
margin-left:7px;
font-family: Tahoma, Verdana, Arial;
font-size: 14px;
color: #73AF03;
}

/* logo k2 polozenie i wylaczenie naglowka*/
#logok2 .inside h6 {display: none;}
#logok2 {
position: absolute;
width: 244px;
top: 18px;
left: 44px;
}



/* dane z formularza*/

#maincontent input {
border: 1px solid #B7B7B7;
background: none;
color: #454444;
width: 160px;
height: 16px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-left: 4px;
padding-top: 4px;
}
textarea {
border: 1px solid #B7B7B7;
background: none;
color: #454444;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
scroller: no;
padding-left: 4px;
padding-top: 4px;
}
#maincontent input.wyslij {
font-size: 0;
line-height: 0;
border: 0;
cursor:pointer;
background: url("../img/wyslij.gif");
width: 64px;
height: 20px;
}
#maincontent input.wyczysc {
font-size: 0;
line-height: 0;
border: 0;
cursor:pointer;
background: url("../img/wyczysc.gif") no-repeat 10px;
width: 74px;
height: 20px;
}

.blue {
border: 1px solid #73AF03;
}







/*  TOP FLASH ...................................................... */
#header h1 {
    position: relative; top: 45px; left: 0px;
	width: 100%; height: 280px;
	background: none; }

#header h1 span { display: none; }


/* GALERIA ...........................................................................................*/
#gallery {
text-align: center;
position:RELATIVE;
z-index: 255;
}

	#gallery img { border: 1px solid #e0e6e6; margin: 14px; padding: 6px; }
	#gallery a img:hover { border: 1px solid #73AF03; }



/* menu */

#menu {
	position: relative; z-index: 250;
	width: 220px;
	padding-bottom: 20px; }


/* nawigacja */

a { color: #000000; text-decoration: none; }
a:hover { color: #73AF03; text-decoration: underline; }


/* menu pionowe eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee*/

#menu-pionowe {
position: relative;
width: 220px;
padding-top: 31px;
padding-left: 25px;  }

#menu-pionowe dd {
position: relative;
top: 18px;

line-height: 30px;
background:  url("../img/menulinia.jpg") repeat-x bottom;
margin: 0px 0px 0px 10px; padding-bottom: 0px;
text-align: left; }

#menu-pionowe ul { padding: 0px 0px 10px 0px; }
#menu-pionowe li {
list-style: none; line-height: 20px;
padding-left: 12px; }


#menu-pionowe dd a {
font-weight: bold;
background:  url("../img/menuli.gif") no-repeat 3px 3px ;
padding-left: 22px; }

#menu-pionowe .foot { display: none; }

#menu-pionowe dd a:hover {
color: #73AF03;
text-decoration: none;
background:  url("../img/menhov.gif") no-repeat 3px 3px;}

#menu-pionowe li a {
background: none;
font-weight: normal;
font-size: 11px;
color: #333333; font-family:
Tahoma, Arial, Helvetica, sans-serif; }
#menu-pionowe li a:hover {
background: none;
font-weight: normal;
color: #73AF03;
font-family: Tahoma, Arial, Helvetica, sans-serif;
text-decoration:underline;}


/* menu P  O  Z  I  O  M  E */
#menu-poziome {
position: absolute;
top: 16px;
right: 50px;
width: 500px;;
height: 20px;
text-align: right;
left: auto;
}

#menu-poziome dd {
display: inline;

}

#menu-poziome dd a {
line-height: 20px;
padding: 0px 8px 0px 8px;
color: #FFFFFF;
font-weight: bold;
}
#menu-poziome dd a:hover {
color: #73AF03;
font-weight: bold;
text-decoration: none; }



/* wyszukiwarkaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa*/

#wyszukiwarka  {
z-index: 251;
float: left;
width: 195px;
right: 15px;
position: absolute;
top: 324px;
left: 660px;

}
#wyszukiwarka input {
background: url(../img/headinp.gif) no-repeat;
width: 125px;
border: 0;
float: left;
font-size: 11px;
font-family: tahoma;
color: #464545;
margin-top: 12px;
padding-left: 12px;
padding-top: 4px;
padding-bottom: 5px;
}
#wyszukiwarka  input.szukaj {
padding: 0;
margin: 0px;
background: url(../img/inpsubl.gif) no-repeat top left;
width: 54px; height: 45px;
cursor: pointer;
}
#wyszukiwarka h6 { display: none; }
 #newsletter input:focus,
#wyszukiwarka input:hover, #newsletter input:hover { background-color: #ffffff; }

/* end wyszukiwarka*/







/* logowanie LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL*/



#reklama h6 { display: none; }
#reklama  {
z-index: 250;
position: relative;
top: 20px;
left: 26px;
float: left;
width: 207px;
height: 262px;
padding: 17px 0 0 10px;
}


#log2 h6 { display: none; }

#log2 {
z-index: 250;
position: relative;
top: 16px;
left: 26px;
float: left;
width: 207px;
height: 39px;
padding: 20px 0 0 10px;
}




/* logowanie */

#logowanie { width: 470px auto;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #454444;
text-align: left; }

#logowanie h3 {
	margin: 0px 0px 10px 0px;
	text-align: left }

#logowanie input:focus,


#logowanie input{
position: relative;
left:-120px;
top:-20px;
border: 1px solid #B7B7B7;
background: none;
color: #454444;
width: 160px;
height: 16px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-left: 4px;
padding-top: 4px;
}
#logowanie textarea {
background: none;
color: #454444;
width: 160px;
height: 6px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
}
#logowanie .button {
font-size: 0;
line-height: 0;
margin-top: 40px;
left: -122px;
border: 0;
cursor:pointer;
background: url("../img/wyslij.gif");
width: 64px;
height: 20px;
}
/* dane adresowe */

#dane-adresowe {
text-align: left;
width: 570px auto;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #454444;  }

#dane-adresowe h3 {
	margin: 10px 0px 10px 0px;
	text-align: left;  }

#dane-adresowe input{
position: relative;
left:-30px;
top:-20px;
border: 1px solid #B7B7B7;
background: none;
color: #454444;
width: 160px;
height: 16px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-left: 4px;
padding-top: 4px;

}

#dane-adresowe textarea {
background: none;
color: #454444;
width: 160px;
height: 6px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;  }

#dane-adresowe p { text-align: left;  }

#dane-adresowe input,
#dane-adresowe label,
#dane-adresowe textarea { padding: 2px; }

#dane-adresowe textarea { width: 131px; }

#dane-adresowe label, #logowanie label, #platnosc label {
	display: block;
	width: 350px;
	margin: 0px; padding: 11px 10px 0px 20px;
	text-align: left;  }

#dane-adresowe #da_plec { margin-left: 184px; }
#dane-adresowe #da_plec label { display: inline; width: auto; }
#da_plec { display: none;}



#dane-adresowe .button {
font-size: 0;
line-height: 0;
top:30px;
left: 10px;
border: 0;
cursor:pointer;
background: url("../img/wyczysc.gif");
width: 64px;
height: 20px;
}

#dane-adresowe .button.fav {
top:30px;
left: 30px;
border: 0;
cursor:pointer;

background: url("../img/wyslij.gif");
width: 64px;
height: 20px;

}



/*flash elements xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#flashglowna  {
z-index: 50;
float: left;
right: 0px;
position: relative;
top: 30px;
left: 36px;
}
#flashglowna h6 { display: none; }


#flashkontakt  {
z-index: 50;
float: left;
right: 0px;
position: relative;
top: 37px;
left: 36px;
padding: 10px 0px 30px 0px;
}
#flashkontakt h6 { display: none; }






/*
	Menu gorne rozwijane
	---------------------------------*/


/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position: absolute; left:-1000px; top:-1000px;
	overflow: hidden;
	margin: -2px 0px 0px 0px; /* position menu */
	color: White }

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute; color:#FFFFFF; }

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative; left:0px; top: 0px; z-index:2; }

.transMenu.top .items {
	border-top:none; }

/* each TR.item is one menu item */
.transMenu .item {
	color: White;
	font-size: 11px;
	text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand; }

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position: absolute; left: 0px; top: 0px; z-index:1;
	-moz-opacity: .95; filter: alpha(opacity=95);
	background-color: #243a5f !important; }

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, anda background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute; z-index: 3; top: 3px; width:2px;
	-moz-opacity: .4; filter: alpha(opacity=40); }

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position: absolute; z-index: 1; left: 3px; height: 2px;
	-moz-opacity: .4; filter: alpha(opacity=40); }

/* this is the class that is used when the mouse is over an item. script sets the row to this class when requi#73AF03. */
.transMenu .item.hover {
	background: #d66a49;
	color: White; }

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:10px; }/* CSS Document */


#inside {
 width: 240px;
float: left;
}



#footer {
width: 100%; height: 270px;


}
#menustop {
position:relative;
left: 10px;
top: -17px;

}
#menustop ul li {
    display: inline;
    list-style-type: none;

}
#menustop a.dogory {
			position: absolute;
			background: url(../img/dogory.gif) no-repeat;
			width: 57px;
			height: 26px;
        	font-size: 11px;
        	color: #ffffff;
            font-family: Tahoma, Arial, Helvetica, sans-serif;
			text-decoration: none;
			left: 755px;
			top: 0px;
			padding-left: 26px;
			padding-top: 3px;
			}
			#menustop a.dogory:hover {

				text-decoration: underline;
				}
				#menustop .oferta {
	position: absolute;
	top: 50px;
	left: -14px;
	width: 860px;
			}
			#menustop .oferta img {
				float: left;
				margin-left: 30px;
				}



a.cd:link, a.cd:active, a.cd:visited {
	font-size: 11px;
	color: #ffffff;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

a.cd:hover {
	font-size: 11px;
	color: #73AF03;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.kreska
{
	font-size: 11px;
	color: #73AF03;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 8px 8px 8px 8px;
	}
.podpis
{
	font-size: 11px;
	color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 8px 8px 8px 8px;
	}
a.sl:link, a.sl:active, a.sl:visited {
	font-size: 11px;
	color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 8px 8px 8px 8px;

	text-decoration:none;
}

a.sl:hover {
	font-size: 11px;
	color: #73AF03;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.pasek
{
font-size: 13px;
color: White;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
}

form fieldset label input {
float: right;
width: 200px;
}