/* <default rules> */
/* it's recommended not to change them */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
img {vertical-align:top; }
ul,ol { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
.clearer { clear:both; height:1px; overflow:hidden; margin-bottom:-1px; font-size:1px; line-height:1px; }
.replacement { position:absolute; z-index:10; background-repeat:no-repeat; }
a:link, a:visited { text-decoration:none;}
a:hover { text-decoration:underline;}
a .replacement {	z-index:20; cursor:hand; }
/* </default rules> */

body { background:#e8c7b2; font:11px Georgia; color:#5b1213; }
strong { color:#af0101; }
h1 {font-size:16px; color:#af0101; }
a:link, a:visited { color:#ff9d67;}
a:hover { color:#ff9d67;}

#color1 { background:#fff url(../pix/body1-bg.gif) repeat-x; }
#color2 { background:#fff url(../pix/body2-bg.gif) repeat-x; }
#wrapper { width:918px; margin:0 auto; }

#logo h1 { position:relative; height:126px; width:453px; overflow:hidden; float:left; }
#logo h1 .replacement { left:0; top:0; height:126px; width:453px; background:url(../pix/pcts-logo.gif) no-repeat; }

#kontakt { width:460px; float:left; background:url(../pix/head-kontakt.gif) no-repeat 70px 0; height:126px; }
#kontakt div { margin-left:0; padding-left:160px; }
#kontakt p { text-align:right; padding: 21px 0px 0 0px; line-height:1.5; float:left;}

#naviTop { width:905px; padding-left:8px; float:left; font:bold 13px Tahoma; }
#naviTop ul {list-style:none; margin:0; padding:0; }
#naviTop li { margin:0; padding:0; float:left;}
#naviTop a { color:#fff; padding: 16px 25px 15px 26px; display:block; text-decoration:none; }
#naviTop a:hover { text-decoration:underline; }
#naviTop .active a { background:url(../pix/navitop-active.gif) repeat-x; color:#fefed3; }

#baner-main { height:328px; width:918px; overflow:hidden; }
#baner h2 { position:relative; height:134px; width:918px; overflow:hidden; }
#baner h2 .replacement { left:0; top:0; height:134px; width:918px; }

#color1 #intro { padding-bottom:23px; background:url(../pix/intro1-bottom.gif) no-repeat bottom left;}
#color2 #intro { padding-bottom:44px; background:url(../pix/intro2-bottom.gif) no-repeat bottom left;}

#intro .news { width:305px; float:left; background: url(../pix/intro-border.gif) no-repeat top right; min-height:175px; }
#intro .psychoterapia { width:309px; float:left; background: url(../pix/intro-border.gif) no-repeat top right;  min-height:175px;}
#intro .socjoterapia { width:304px; float:left; }
#intro .menu { width:305px; float:left; background: url(../pix/intro-border.gif) no-repeat top right; min-height:175px; }
#intro .content { width:613px; float:left; min-height:175px; }

#intro .news h2 { position:relative; height:39px; width:305px; overflow:hidden; }
#intro .news h2 .replacement { left:0; top:0; height:39px; width:305px; background:url(../pix/head-news.gif) no-repeat; }

#intro .psychoterapia h2 { position:relative; height:39px; width:309px; overflow:hidden; }
#intro .psychoterapia h2 .replacement { left:0; top:0; height:39px; width:309px; background:url(../pix/head-psychoterapia.gif) no-repeat; }

#intro .socjoterapia h2 { position:relative; height:39px; width:304px; overflow:hidden; }
#intro .socjoterapia h2 .replacement { left:0; top:0; height:39px; width:304px; background:url(../pix/head-socjoterapia.gif) no-repeat; }

#intro .menu h2 { position:relative; height:39px; width:305px; overflow:hidden; }
#intro .menu h2 .replacement { left:0; top:0; height:39px; width:305px; background:url(../pix/head-menu.gif) no-repeat; }
#intro .menu ul { padding: 0 35px;}
#intro .menu li { padding-bottom: 5px;}
#intro .menu .active { font-weight:bold;}


#intro .content h2 { position:relative; height:39px; width:613px; overflow:hidden; }
#intro .content h2 .replacement { left:0; top:0; height:39px; width:613px; background:url(../pix/head-content.gif) no-repeat; }

#intro .content h1 { margin:0 35px; }
#intro p { padding:15px 35px 0 35px; }
#intro p.more { padding-top:0; text-align:right; font-weight:bold; }
#intro .content ul { padding:18px 35px 0 35px; list-style:square; margin-left:15px;}
#intro .content ol { padding:18px 35px 0 35px; list-style:decimal; margin-left:20px; }
#intro .content li { padding-bottom:3px; }
#intro dl { padding:15px 0 0 0;  }
#intro dt { padding:0 35px 0 35px; font-weight:bold; }
#intro dd { padding:0 35px 0 35px; }
#intro dd.details { padding-top:2px; padding-bottom:15px; }
#intro .pages { background:#5b1213; color:#fff; padding:0 3px; }
#intro .current { font-weight:bold; }

#ufreuda { width:918px; height:106px; background:url(../pix/ufreuda.jpg) no-repeat; font-family:Tahoma; color:#fff; }
#ufreuda h3 { margin: 0 30px 0 530px; padding-top:17px; } 
#ufreuda p { margin: 0 30px 0 530px; } 
#ufreuda p.more { margin-top:5px; text-align:right; } 
#ufreuda a { color:#ffffd3; font-weight:bold; } 

#wiedza { color:#bb5d3b; padding-left: 8px; padding-bottom:24px;}
#wiedza h3 { padding: 24px 30px 19px 58px; }
#wiedza p { padding: 0 30px 0 58px; }

#dict { width:438px; float:left; background:url(../pix/head-dict.gif) no-repeat; min-height:161px; border-top:1px solid #e8c7b2;}
#arts{ width:465px; float:left; background:url(../pix/head-arts.gif) no-repeat; min-height:161px; border-top:1px solid #e8c7b2;}
#arts p { padding-right:0;}

#footer { height:80px; font-family:tahoma; }
#footer .box { width:918px; margin:0 auto; }
#footer ul { padding:20px 0 15px 0; text-align:right; float:right; width:450px;}
#footer li { display:inline; padding: 0; }
#footer li.active a { font-weight:bold; }
#footer a {text-decoration:none; color:#9f3636; font-weight:normal; }
#footer ul a {border-left:1px solid #9f3636; padding:0 7px; text-decoration:none; color:#9f3636; font-weight:normal; }
#footer ul a.first { border:0; }
#footer a:hover { text-decoration:underline; }
#footer p { text-align:left; float:left; width:400px; padding-top:20px;}