/*************     ogolne     ************/
body{font-family: Arial, Helvetica, sans-serif;font-size: 11px; color: #555555; background: #FFFFFF; padding: 0; margin: 0;}
img {border: 0;}
form {margin: 0; padding: 0;}
a:link, a:visited{color: #e766a6;text-decoration:none;}
a:active, a:hover{color: #e766a6;text-decoration:none;}
.darktext{color:#000000;display:inline;background-color:#FFFFFF;}
.lighttext{color:#777777;display:inline;background-color:#FFFFFF;}
.right {float:right;}
.left {float:left;}
textarea.input{height:100px;overflow:auto;}
/*
.input {width:300px;border:1px solid #e2e2e2;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#555;background:#FFF;margin-bottom:5px;padding:4px;}
*/

.input,.input1,select,.inputgood{
	background: #FFF url('../img/input.gif') 0 0 no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
	width:300px;
border:1px solid #e2e2e2;
border-color: #ADADAD #EFEFEF #EFEFEF #ADADAD;
	color: #555;
	margin: 1px 2px 4px 0;
	padding: 4px 5px;
	
	}

button{padding:2px 10px;cursor:pointer;border:none; color:#17484E;font-family: Arial, Helvetica, sans-serif;font-size: 12px; background:url("but_bg.jpg") bottom  no-repeat;letter-spacing: 1px;}
button span { vertical-align: middle }
button img { vertical-align: middle }
/***********     ogolne end    ***********/

/**************     tagi    **************/
h1,h2, h4{font-weight:normal; color: #e766a6; margin: 0; display:inline;background-color:#FFFFFF;}
h1 {font-size: 110%;}
h2 {font-size: 140%;}
h4 {font-size: 180%;}
h3{font-weight:normal; color: #000000;line-height: 20px; margin: 0; display:inline;background-color:#FFFFFF;}
h1 a:link,h1 a:visited {font-weight:normal; color: #e766a6; margin: 0; display:inline;background-color:#FFFFFF;}
#tagi a:link, #tagi a:visited,#nowe-tagi a:link, #nowe-tagi a:visited, #produkt-tagi a:link, #produkt-tagi a:visited  {color: #e766a6;text-decoration:underline;}
#tagi a:hover, #tagi a:active, #nowe-tagi a:hover, #nowe-tagi a:active, #produkt-tagi a:hover, #produkt-tagi a:active {color: #e766a6;text-decoration:none;}
#tagi .tagselect,#nowe-tagi .tagselect, #produkt-tagi .tagselect{background: #FFFFFF; color: #E766A6; padding:0 4px; text-decoration:none;}
/*************    tagi end    ************/

/************     szkielet     ***********/
#kontener{width:955px;margin:auto;display:block;top:110px;position:relative; }
#logo{cursor:pointer;width:161px;height:39px;background:url("pakamera_logo.gif") no-repeat;display:block; position:absolute; z-index:6;left:25px;top:-80px;}
#head{display:block;padding:0;position:absolute; z-index:5;left:160px;top:-210px;}
#category{margin:0;padding:0;list-style: none;width:195px;height:30px;display:block;position:relative; z-index:1000;top:0px;}
#tagi{background-color:#FFFFFF;color:#AFD7D9;width:740px;display:block;position:relative; z-index:3;left:210px;top:-25px;}
#boxtext{width:175px;display:block;padding:0 10px;position:absolute; z-index:2;top:30px;}
#content{width:745px;display:block;position:relative; z-index:3;left:210px;top:-20px;}
#submenu{width:745px;display:block;position:relative; z-index:3;left:210px; color: #E766A6; font-size: 120%; font-weight:bold;}
/**********     szkielet end    **********/


.mess-yellow, .mess-green, .mess-red{
padding:15px 0;
margin:10px 0px;
text-align:left;
}
.mess-red p,.mess-red ul,.mess-green p,.mess-green ul,.mess-yellow p,.mess-yellow ul{margin:-5px 0px 0px 60px}

.mess-yellow {
color: #9F6000;
border:solid 1px #9f6000;
background:#FEEFB3 url(knob_attent.png) 8px 6px no-repeat;
}

.mess-green {
color: #4F8A10;
border:solid 1px #4f8a10;
background:#DFF2BF url(knob_tick.png) 8px 6px no-repeat;
}

.mess-red {
color: #D8000C;
border:solid 1px #d8000c;
background:#FFBABA url(knob_error.png) 8px 6px no-repeat;
}
.sep-mid		{ background-image: url('../img/sep-top.gif'); background-color: #cccccc; padding: 0px; }


#mainNav li{
	height:61px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(../img/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav li.current{
	background-color:#C36615;
	background-image: url(../img/navCurrentBtn.gif);
}

#mainNav li.lastDone{
	background-color:#888;
	background-image: url(../img/navLastDoneBtn.gif);
}

#mainNav li.done{
	background-color:#888;
	background-image: url(../img/navDoneBtn.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
color:#9f9f9f;text-decoration:none;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
color:#fff;text-decoration:none;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
color:#efefef;
cursor:hand;text-decoration:none;
}

#mainNav li a em{
width:100px;
display:block;
margin:6px 0 4px 10px;
font-style:normal;
font-weight:bold;
}

#mainNav li a em, h4 {font-size: 13px}

#mainNav li a span{
width:140px;
display:block;
margin-left:10px;
font-weight:normal;
}

#mainNav li.mainNavNoBg{
background-image:none;
}

#mainNav li a{
height:61px;
display:block;
}
#mainNav.fourStep li{width:157px;}
#mainNav.fourStep li.mainNavNoBg{width:129px;}
#mainNav.fourStep li a{width:157px;}