body
    {
      margin: 0px;
      padding: 0px;
      font-family: arial;
      text-align: center;   /* IE 5.X workaround */
      background: url(images/tlo.gif) repeat-x #fff;
      color: #818181;
    }

    
.img1
    {
      border: 0px;
    }    

.pink
    {
      color: #864781;
    }    
.pink_b
    {
      color: #864781;
      font-weight: bold;
    }     
    
    
.link_promo a
    {
      color: #fff;
      text-decoration: none;
    }    

.link_promo a:hover
    {
      text-decoration: underline;
    }    
    
div#site
    {
      width: 900px;
      margin: 0px auto;
      padding: 0px;   
    }    
    
div#site div#logo
    {
      float: left;
      height: 80px;
      margin-left: 50px;
    }    
    
div#menu
    {
      float: right;
    }    
    
div#menu ul
    {
      list-style: none;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 40px;
      padding: 0px;
    }    
    
div#menu li
    {
      float: left;
      margin-top: 30px;
      margin-right: 0px;
      padding: 0px;
      font-size: 12px;
    }    
    
div#menu li a:link, div#menu li a:visited
    {  
      display: block;
      color: #3b3b3b;
      text-decoration: none;
      padding: 5px 8px;
      margin: 0px 5px;
      border: 0px;
    }
    
div#menu li a:active, div#menu li a:hover
    {  
      display: block;
      color: #e8dce7;
      background: #864781;
      text-decoration: none;
      padding: 5px 8px;
      margin: 0px 5px;
      border: 0px;
    }    

    

    
div#anime
    {
      float: left;
      width: 900px;
      height: 268px;
    }

div.szol_1
    {
      width: 820px; 
      height: 200px;
      margin-left: -40px;
      float: left;
    }

div.szol_1 div.a
    {
      width: 345px;
      height: 115px;
      float: left;
      margin-left: 54px;
      margin-top: 35px;
    }

div.szol_1 div.b
    {
      width: 300px;
      height: 115px;
      float: left;
      margin-left: 40px;  
      margin-top: 35px;
      font-family: arial;
      color: #3b3b3b;
      text-align: left;
      padding: 0px;
    }
    
div.b h1
    {
      font-size: 1.7em;
      font-weight: normal;
      margin-top: 0px;
    }    

div.b h2
    {
      font-size: 1.1em;
      text-align: justify;
    }    

div.b h3
    {
      font-size: 1.2em;
      text-align: justify;
      color: #c4acc2;
    }    
    
div.b a
    {
      color: #d4c0d2;
      font-size: 1em;
      font-family: tahoma;
      margin-top: -2px;
      text-decoration: none;
    }    
    
    

#page-wrap                              

    { 
      width: 820px; 
      margin: 0 auto; 
      position: relative; 
    }

div#anime div#ani
    {
      width: 820px;
      height: 238px;
      padding-top: 23px;
      background: url(images/ajax.jpg);
      margin: 0 auto;
    }    
    
div#content
    {
      float: left;
      width: 900px;
    }        
    
div#content h1
    {
      font-size: 0.9em;
      color: #3b3b3b;
      text-align: center;
      font-family: arial;
      line-height: 2em;
      margin-top: 1em;
      margin-bottom: 1em;
    }    
    
div#content div#box_a
    {
      float: left;
      width: 255px;
      margin-left: 60px;
      text-align: left;
    }

div#box_a h1
    {
      font-size: 12px;
      font-weight: normal;
      color: #818181;
      border-right: 1px #ddd solid;
      text-align: justify;
      padding-right: 15px;
      line-height: 1.5em;
      margin-top: -0.5em;      
    }

div#box_a h2
    {
      font-size: 12px;
      font-weight: normal;
      color: #818181;
      padding-right: 15px;
      text-align: right;      
    }

div#box_a a
    {
      color: #c2a3c0;
      font-size: 10px;
      font-family: tahoma;
      text-decoration: none;
    }    

div#box_a a:hover
    {
      color: #864781;
    }    
    
div#content div#box_b
    {
      float: left;
      width: 255px;
      text-align: left;
      margin-left: 15px;
    }

div#box_b h1
    {
      font-size: 12px;
      font-weight: normal;
      color: #818181;
      border-right: 1px #ddd solid;
      text-align: justify;
      padding-right: 15px;
      line-height: 1.5em;
      margin-top: -0.5em;      
    }

div#box_b h2
    {
      font-size: 12px;
      font-weight: normal;
      color: #818181;
      padding-right: 15px;
      text-align: right;      
    }

div#box_b a
    {
      color: #c2a3c0;
      font-size: 10px;
      font-family: tahoma;
      text-decoration: none;
    }    

div#box_b a:hover
    {
      color: #864781;
    }    


div#content div#box_c
    {
      float: left;
      width: 255px;
      text-align: left;
      margin-left: 15px;
    }

div#box_c h1
    {
      font-size: 12px;
      font-weight: normal;
      color: #818181;
      text-align: justify;
      padding-right: 15px;
      line-height: 1.5em;
      margin-top: -0.5em;      
    }
    
div#box_c h2
    {
      font-size: 12px;
      font-weight: normal;
      color: #818181;
      padding-right: 15px;
      text-align: right;      
    }

div#box_c a
    {
      color: #c2a3c0;
      font-size: 10px;
      font-family: tahoma;
      text-decoration: none;
    }    

div#box_c a:hover
    {
      color: #864781;
    }        




div.not_home
    {
      width: 900px;
      float: left;
      color: #818181;
    }

div.not_home h1
    {
      font-size: 0.9em;
      color: #3b3b3b;
      text-align: left;
      font-family: arial;
      line-height: 2em;
      margin-top: 1.5em;
      margin-bottom: 1em;
      margin-left: 3em;
    }    


div.not_home div.left
    {
      float: left;
      width: 255px;
      margin-left: 60px;
      text-align: left;
    }

div.not_home div.left div.menu_left
    {
      float: left;
    }    
    
div.not_home div.left div.menu_left ul
    {
      list-style: none;
      margin-top: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      margin-right: 40px;
      padding: 0px;
    }    
    
div.not_home div.left div.menu_left li
    {
      float: left;
      width: 255px;
      height: 54px;
      font-size: 12px;
      background: url(images/ar1.gif);
      text-indent: 5em;
      line-height: 4.5em;
      border-bottom: 1px solid #ddd;
    }  
    
div.not_home div.left div.menu_left li a:link, div.not_home div.left div.menu_left li a:visited
    {  
      display: block;
      text-decoration: none;
      color: #818181;      
    }
    
div.not_home div.left div.menu_left li a:active, div.not_home div.left div.menu_left li a:hover
    {  
      display: block;
      text-decoration: none;
      color: #864781;      
    }    

div.not_home div.right
    {
      float: left;
      width: 495px;
      margin-left: 20px;
      padding-left: 20px;
      text-align: left;
      border-left: 1px solid #ddd;
      font-size: 1em;
      padding-top: 15px;
    }

div.not_home div.right h2
    {
      font-size: 1.2em;
      color: #864781;
      text-align: left;
      font-family: arial;
      font-weight: normal;
      text-align: left;
      margin-top: -5px;
    }    

div.not_home div.right h3
    {
      font-size: 0.8em;
      color: #818181;
      text-align: left;
      font-family: arial;
      font-weight: normal;
      text-align: justify;
      line-height: 1.7em;
    }        

div.not_home div.right a
    {
      color: #864781;
      text-decoration: none;
    }

div.not_home div.right a:hover
    {
      text-decoration: underline;
    }

div.not_home div.right ul
    {
      font-size: 0.9em;
      list-style: circle;
      margin-left: 20px;
      line-height: 1.5em; 
    }
    
div.klienci
    {
      float: left;
      width: 480px;
      background: #fff;
    }    

div.klient
    {
      float: left;
      width: 140px;
      margin-left: 10px;
      margin-right: 10px;
    }    



div.fota
    {
      float: left; 
      width: 220px; 
      padding: 5px; 
      margin-bottom: 5px; 
      margin-left: 3px; 
      margin-right: 2px; 
      border: 1px solid #ddd;
    }
    
div.fota a
    {
      font-size: 0.75em;
      color: #b3b3b3;
      text-decoration: none;
      text-align: center;
    }    




div.portfolio
    {
      float: left; 
      width: 480px; 
      margin-left: 10px; 
      border-top: 1px dotted #ccc;
    }
    
div.portfolio a
    {
      text-decoration: none;
      color: #864781;
    }       

div.portfolio a:hover
    {
      text-decoration: underline;
    }           

div.portfolio_opis
    {
      float: left; 
      width: 250px; 
      margin-right: 10px;
    }

div.portfolio_img
    {
      float: left; 
      width: 210px; 
      margin-top: 15px; 
      height: 95px; 
      padding: 4px; 
      border: 1px solid #ccc;
    }



img {border:0;}

/*Forms defaults - change as needed*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#818181;
}
label {
	color:#818181;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
label.chosen {color:#864781;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(images/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(images/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(images/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(images/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(images/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(images/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(images/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(images/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(images/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	background:url(images/button_bg.gif) repeat-x left top;
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.buttonImg {vertical-align:bottom;}






    

div#foot
    {
      float: left;
      margin-top: 15px;
      width: 100%;
      height: 37px;
      background: url(images/foot.gif);
      color: #828282;
      font-family: tahoma;
      font-size: 0.6em;
    }
    
div#foot p.stopka
    {
      text-align: center;
      margin-top: 12px;      
    }              
    
div#foot a
    {
      margin-left: 10px;
      margin-right: 10px;
      color: #828282;
      text-decoration: none;
    }    

div#foot a:hover
    {
      margin-left: 10px;
      margin-right: 10px;
      color: #864781;
      text-decoration: none;
    }    


div#foot2
    {
      float: left;
      width: 100%;
      height: 0.6em;
      background: #fff;
      color: #ccc;
      font-family: tahoma;
      font-size: 0.6em;
    }
    
div#foot2 p
    {
      text-align: center;
      margin-bottom: -5px;      
    }  

div#foot2 a
    {
      text-decoration: none;
      color: #ccc;
    }        
    
div#foot2 a:hover
    {
      text-decoration: underline;
    }