body {margin:0;padding:0;background:#ade7e2;background-position:top center;background-repeat:no-repeat;font-family:verdana;}
img {border:none;}
.clr {clear:both;}
.root {
	width:940px; 
	padding:0 10px;
	margin:auto;
	min-height:240px;
	position:relative;
}



.header {position:relative;width:940px;}
a.logo-tt {position:absolute;right:-36px;top:0;}
a.logo {position:absolute;top:144px;z-index: 1000;}
ul.mainMenu { list-style: none outside none; margin:0;}
ul.mainMenu  li a{    display: block;float: left;text-indent: -2000px;position:absolute;}
ul.mainMenu  li.m1 a{background-image:url(../images/m1.png);width:94px;height:71px;top:50px;left:-10px; }
ul.mainMenu  li.m2 a{background-image:url(../images/m2.png);width:107px;height:70px;top:18px;left:87px;}
ul.mainMenu  li.m3 a{background-image:url(../images/m3.png);width:142px;height:64px;top:72px;left:179px;}
ul.mainMenu  li.m4 a{background-image:url(../images/m4.png);width:117px;height:70px;top:19px;left:306px;}
ul.mainMenu  li.m5 a{background-image:url(../images/m5.png);width:182px;height:169px;top:17px;left:381px;}
ul.mainMenu  li.m6 a{background-image:url(../images/m6.png);width:75px;height:55px;top:79px;left:538px;}
ul.mainMenu  li.m7 a{background-image:url(../images/m7.png);width:131px;height:83px;top:22px;left:604px;}
ul.mainMenu  li.m8 a{background-image:url(../images/m8.png);width:167px;height:90px;top:90px;left:766px;}

body.sg {background-image:url(../images/bg-sg.jpg);}
.video-sg {background:transparent url(../images/wideo-bg.png) no-repeat top left;width:552px;height:334px;position:relative;margin:0 0 0 230px;padding: 17px 21px;}
.root-sg {}


body.tiki {background-image:url(../images/bg-tiki.jpg);}
.root-tiki {margin-top:63px;}
.apla {float:right;}
.apla-top {width:621px;height:32px;background:transparent url(../images/apla-top.png) no-repeat top left;}
.apla-mid {width:621px;background:transparent url(../images/apla-mid.png) repeat-y top left;    padding: 0 15px;width: 591px; margin: -16px 0;font-size:14px;font-family:verdana;}
.apla-bottom{width:621px;height:28px;background:transparent url(../images/apla-bottom.png) no-repeat bottom left;}

.widget {position:absolute;}
.temperowka {width:99px;height:145px;background:transparent url("../images/temperowka.png") no-repeat;right:180px;top:-114px;}

body.galeria {background-image:url(../images/bg-galeria.jpg);}
.root-galeria {margin-top:63px;}

.gal-z-planu {position:absolute;float:left;top:205px;left:67px;}
.gal-scenografia {position:absolute;float:left;top:-50px;left:320px;}
.gal-dziela-tiki {position:absolute;float:left;top:-68px;left:600px;}

.pedzel-kredka {width:328px;height:491px;background:transparent url("../images/pedzel-kredka.png") no-repeat;right:-147px;top:184px;}
.marker {width:366px;height:111px;background:transparent url("../images/marker.png") no-repeat;right:-76px;top:-129px;}

body.galeria2{background-image:url(../images/bg-galeria2.jpg);}
.root-galeria2 {margin-top:22px;}


.gal-pos {    float: left;height: 211px; margin: 5px;width: 302px;}
.gal-pos-frame {background: url("../images/photo-frame.png") no-repeat scroll left top transparent;height: 211px;margin-left: -10px;margin-top: -207px;position: relative;width: 302px;z-index: 10;}
.gal-pos a {}
.placeholder {background:none !important;}
.guzik {width:71px;height:70px;background:transparent url("../images/guzik.png") no-repeat;left:128px;top:382px;z-index:20;}

label {    background: url("../images/marker_1.png") no-repeat scroll left top transparent;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 59px;
    margin-top: -68px;
    padding: 21px 91px 37px 18px;
    position: relative;
    width: 184px;
    z-index: 20;
	line-height:33px;
	cursor:pointer;
	}
.gal-pos a.label {text-decoration:none;z-index:30;color:#000;}
label.l1 {background-image:url("../images/marker_1.png");}
label.l2 {background-image:url("../images/marker_2.png");}
label.l3 {background-image:url("../images/marker_3.png");}
label.l4 {background-image:url("../images/marker_4.png");}


body.triki{background-image:url(../images/bg-triki.jpg);}
body.triki2{background-image:url(../images/bg-triki2.jpg);}
body.triki3{background-image:url(../images/bg-triki3.jpg);}

.root-triki .gal-pos {margin-bottom:50px}

.root-triki .gal-pos-frame {margin-top: -207px;}

.tuta .desc {    float: right;
    font-size: 18px;
    font-weight: bold;
    height: 190px;
    width: 260px;}
.tuta .frame1 {float: right;height: 220px;margin-right: 27px;width: 360px;}
.tuta .frame2 {float: left;height: 217px;margin: 73px;width: 365px;}
.tuta .frame3 {clear:both;float: right;height: 220px;margin: -190px 23px;width: 382px;}
.tuta .frame3 {*margin: 190px 23px !important;}

.tuta .frame2 .desc,.tuta .frame3 .desc  {width: 319px !important;clear:both;}


.tuta .frame1 .frame{background: url("../images/triki-tuta-1.png") no-repeat scroll 0 0 transparent;height: 220px;position: absolute;width: 360px;}
.tuta .frame2 .frame{background: url("../images/triki-tuta-2.png") no-repeat scroll 0 0 transparent;height: 217px;position: absolute;width: 365px;}
.tuta .frame3 .frame{background: url("../images/triki-tuta-3.png") no-repeat scroll 0 0 transparent;height: 220px;position: absolute;width: 382px;}

.tuta .frame1 img{float: right;margin: 11px 8px;}
.tuta .frame2 img{float: right;margin: 7px 8px;}
.tuta .frame3 img{float: right;margin: 7px 8px;}

.tuta .wasze-dziela {position:absolute;left:567px;top:253px;}

.tutb h1{font-size: 18px;left: 360px;position: relative;top: -42px;}
.tutb .desca{margin-top: 200px;width: 300px;}
.tutb .descb{top:392px;left:327px;width:621px;position:absolute;}
.tutb .video{background:transparent url(../images/wideo-bg.png) no-repeat top left;width:552px;height:334px;position:relative;float: right; margin: -30px 30px;padding: 17px 21px;}

.tutb .wasze-dziela {position:absolute;left:34px;top:398px;}

body.gry{background-image:url(../images/bg-gry.jpg);}

div.gry > img{    float: left; margin: -64px 0 0 432px;}
div.gry .gal-pos{margin: -147px 0 0 274px;}
div.gry .gal-pos.first{margin: 26px 0 0 35px;}

div.tapety {clear:both}
div.tapety > img{float: left;margin-bottom: 6px;}
div.tapety .gal-pos{}


div.wygaszacz {clear:both;float:left;width:400px;height:380px;}
div.wygaszacz > img{float: left;margin: 118px 0 0 -27px;}
div.wygaszacz .gal-pos{margin-left: 102px;}

div.ekartka {float:right;width:327px;}
div.ekartka > img{float: right; margin: 56px 26px 25px 0;}
div.ekartka .gal-pos{float:right;}

body.projektanci{background-image:url(../images/bg-projektanci.jpg);}

.karina {margin-top:-44px;    padding-left: 228px;  padding-top: 238px;}
.karina p { text-align: justify;width: 520px;COLOR:#FFF;}
.karina img.name {margin-left: 55px;}

.julia {margin-top:63px;}
.julia p {     color: #FFFFFF;
    margin-left: 230px;
    text-align: justify;
    width: 520px;}
.julia img.name {margin-left: 55px;}



.projektant {clear:both;margin-left:274px;margin-top:30px;}
.projektant p { text-align: justify;width: 520px;COLOR:#FFF;font-size:14px;line-height:1.3em;}
.projektant img.name {margin-left: 55px;}

body.dziela{background-image:url(../images/bg-dziela.jpg);}
.intro {    float: right; min-height: 300px;width: 621px;}
.dodaj{    left: 114px; position: absolute;    top: 222px;}
.more {float:right;margin-top: -29px;}
span.pkt {    background: url("../images/pkt_bg.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: block;
    font-family: trebuchet MS;
    font-size: 26px;
    height: 70px;
    left: 223px;
    line-height: 70px;
    margin-top: -271px;
    position: relative;
    text-align: center;
    width: 71px;
    z-index: 22;}

.najlepiej_oceniane {margin-top: 81px;}
.najlepiej_oceniane .title{  margin-left: 269px;}

.najlepiej_oceniane  .gal-pos, .ostatnio_dodane  .gal-pos {margin-bottom:70px;}

.ostatnio_dodane {margin-top: 11px;}
.ostatnio_dodane .title{ margin-left: 70px;}

.pager {    line-height: 97px;
    margin: auto;
    text-align: center;
    width: 660px;}
.pager .poprzednia {float:left;}
.pager .nastepna {float:right;}
.pager select {    border: 1px solid #000000;
    font-size: 20px;
    padding: 5px;
    position: relative;
    width: 92px;}

	
.form {width:550px;margin:auto;}
.form label {
	background: none repeat scroll 0 0 transparent;
    float: left;
    line-height: 36px;
    text-align: right;
    width: 200px;
	padding: 0;
	margin:0;
	clear:both;
	}	
.form label small{    display: block;
    font-size: 11px;
    font-weight: normal;
    margin-top: -20px;}	
.form .row {    float: left;
    width: 320px;
	margin-left:20px;
	
	}
.form .row small{   display: block;
    font-size: 11px;
    font-weight: normal;}
.form .row input[type="text"]{
 background: url("../images/input-bg.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 14px;
    height: 41px;
    padding-left: 8px;
    padding-right: 4px;
    width: 309px;
}
.form .row textarea{
  background: url("../images/textarea-bg.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 121px;
    padding: 8px;
    width: 321px;
}
.form .row select, .email{
  background: url("../images/select-bg.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 41px;
    padding: 8px;
    width: 202px;
}

.form input[type='image']{margin-left:150px;}

.colr{    float: right;width: 621px;}
.coll{    position: absolute;
    top: 226px;
    width: 330px;
	margin-left: -30px;
	}
.big_foto {background: url("../images/big_foto_frame.png") no-repeat scroll left top transparent;
    height: 407px;
    margin: -388px 0 0 -45px;
    position: absolute;
    width: 637px;}
.big .pkt{background: url("../images/bik_pkt.png") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    height: 70px;
    line-height: 70px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -9px;
    width: 71px;
	color:#FFF;
	font-family:trebuchet MS;
	}

.colr h2{ float: left;
    font-size: 16px;}
.colr .report{  color: #FF0000;
    float: right;
    font-size: 12px;
    font-weight: bold;
    margin: 20px;}
.colr p{clear:both;}

.email {    display: block;
    float: left;
    margin-top: 4px;
	height:27px;
	}
.oceny {}
.ocena_2, .ocena_3{display:none;}

body.przedpo{background-image:url(../images/bg-fotokonkurs.jpg);}

.frame_przed {float:left;}
.frame_przed img{}
.frame_przed .frame{    background: url("../images/przed.png") no-repeat scroll left top transparent;
    height: 286px;
    margin-left: -10px;
    margin-top: -275px;
    position: relative;
    width: 326px;
    z-index: 10;}

.frame_po {    float: left;
    margin-left: 194px;
    margin-top: 117px;}
.frame_po img{}
.frame_po .frame{    background: url("../images/po.png") no-repeat scroll left top transparent;
    height: 379px;
    margin-left: -16px;
    margin-top: -368px;
    position: relative;
    width: 419px;
    z-index: 10;}

.big_przed {   float: left;
    position: absolute;
    right: 0;}	
.big_po {    float: left;
    left: 293px;
    position: absolute;
    top: 183px;}	
.big_po .big_foto {   background: url("../images/po2.png") no-repeat scroll left top transparent;
    height: 346px;
    margin: -339px 0 0 -13px;
    position: absolute;
    width: 385px;}
.big_przed .big_foto {    
	background: url("../images/przed2.png") no-repeat scroll left top transparent;
    height: 261px;
    margin: -253px 0 0 -9px;
    position: absolute;
    width: 301px;}
.big_przed .pkt{background: url("../images/bik_pkt.png") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    height: 70px;
    line-height: 70px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -51px;
    width: 71px;
	color:#FFF;
	font-family:trebuchet MS;
	}
	.pp_opis {    float: right;
    height: 300px;
    margin-top: 211px;
    width: 217px;}
	
	.root-przedpo .report {float:left; margin: -66px 0 0 -48px;}