@charset "utf-8";
/* CSS dla Fotomachina.net */

body {
margin:0; padding:0;
font-family:"Tahoma", Arial, sans-serif;
font-size:12px;
color:#444444;
}

a, img {
border:none;
outline:none;
}

a {
color:#397cb0;
text-decoration:none;
}

a:hover {
color:#6cb0e4;
}

h1, h2, h3 {
font-weight:normal;
}

p {
line-height:18px;
}

img.imgEnding {
display:block;
}

span.cBlue {
color:#397cb0;
}

/*********************************************** 1. KONTENER STRONY **************************************/

div#mainBackground, div#slubBackground, div#dzieciBackground, div#uchwyconeBackground, div#ofertaBackground, div#onasBackground {
float:left;
width:100%;
background:url(../gfx/tla/main_bg.jpg) top center no-repeat #fff;
margin:0; padding:0;
}

div#slubBackground {
background:url(../gfx/tla/slub_bg.jpg) top center no-repeat #fff;
}

div#dzieciBackground {
background:url(../gfx/tla/dzieci_bg.jpg) top center no-repeat #fff;
}

div#uchwyconeBackground {
background:url(../gfx/tla/uchwycone_bg.jpg) top center no-repeat #fff;
}

div#ofertaBackground {
background:url(../gfx/tla/oferta_bg.jpg) top center no-repeat #fff;	
}
div#onasBackground {
background:url(../gfx/tla/onas_bg.jpg) top center no-repeat #fff;	
}

div#pageContainer {
width:960px;
margin:0 auto;
}



/************** LOGO 

h1, h1.Hslub, h1.Hdzieci, h1.Huchwycone, h1.Hoferta, h1.Honas {
width:648px;
height:83px;
float:left;
margin:26px 0 0 25px; padding:0;
font-size:16px;
display:block;
}

h1 a, h1.Hslub a, h1.Hdzieci a, h1.Huchwycone a, h1.Hoferta a, h1.Honas a{
width:648px;
height:83px;
display:block;
position:relative;
margin:0; padding:0;
}

h1 a span, h1.Hslub a span, h1.Hdzieci a span, h1.Huchwycone a span, h1.Hoferta a span, h1.Honas a span{
width:648px;
height:83px;
display:block;
position:absolute;
background:url(../gfx/dodatki/logo.jpg) no-repeat;
cursor:pointer;
}


h1.Hslub, h1.Hdzieci, h1.Huchwycone, h1.Hoferta, h1.Honas{
margin:26px 0 24px 25px;
}
h1.Hoferta, h1.Honas {
margin:26px 0 24px 0;	
}

h1.Hslub a span {
background-position:0 -83px;
}

h1.Hdzieci a span {
background-position:0 -166px;	
}

h1.Huchwycone a span {
background-position: 0 -249px;	
}

h1.Hoferta a span {
background-position: 0 -332px;		
}

h1.Honas a span {
background-position: 0 -415px;		
}
*************/

h1 {
width:867px;
height:58px;
float:left;
margin:26px 0 0 25px; padding:0;
font-size:16px;
display:block;	
text-indent:-5000px;
}
h1 a {
position:relative; width:867px; height:58px; display:block; float:left;
}
h1 a span {
background:url(../gfx/dodatki/logo.png) no-repeat; position:absolute; cursor:pointer; width:867px; height:58px; display:block; float:left;
}

/**************************** SLIDER główny *******************************/
div#pikaSliderContainer {
width:873px;
height:419px;
float:left;
-moz-box-shadow:6px 6px 3px #dedede; -webkit-box-shadow:6px 6px 3px #dedede; box-shadow:6px 6px 3px #dedede; border:1px solid #eeeeee; padding:10px; background:#fff;
margin:24px 0 10px 0;
border:1px solid #dedede;
}


div#sliderBg {
width:960px;
float:left;
height:440px;
background:url(../gfx/tla/slider_bg.jpg) bottom no-repeat;
margin:24px 0 0 0;
padding:0;
}

div#sldierContainer {
float:left;
width:873px;
height:419px;
display:block;
margin:0 0 0 29px; padding:10px;
border:1px solid #bfbfbf;
background:#fff;
overflow:hidden;
}

div#sldierContainer img {
margin:10px 0 0 10px;
}



/************************** MENU GŁÓWNE ***************************************/

ul#mainmenu, ul#sub_mainmenu {
float:left;
margin:12px 0 0 18px; padding:0;
width:950px;
}
ul#sub_mainmenu {
margin:24px 0 0 60px; 
}
ul#mainmenu li, ul#sub_mainmenu li{
list-style:none;
float:left;
display:inline;
margin:0 16px 0 0;
}

ul#mainmenu li a, ul#sub_mainmenu li a{
height:37px;
display:block;
cursor:pointer;
text-indent:-6000px;
}

ul#mainmenu li a:hover, ul#mainmenu li a.active {
background-position:0 -74px;
}

ul#sub_mainmenu li a {
background-position:0 -37px;
}

ul#sub_mainmenu li a:hover, ul#sub_mainmenu li a.active {
background-position:0 -74px;
}

li.glowna a{
background:url(../gfx/menu/glowna.jpg) no-repeat; width:154px;
}

li.slub a {
background:url(../gfx/menu/slub.jpg) no-repeat; width:55px;
}

li.dzieci a {
background:url(../gfx/menu/dzieci.jpg) no-repeat; width:110px;
}

li.uchwycone a {
background:url(../gfx/menu/uchwycone.jpg) no-repeat; width:117px;
}

li.oferta a {
background:url(../gfx/menu/oferta.jpg) no-repeat; width:75px;
}

li.presto a {
background:url(../gfx/menu/presto.jpg) 0 0 no-repeat; width:137px;
}
li.onas a {
background:url(../gfx/menu/onas.jpg) 0 0 no-repeat; width:68px;
}
li.reportaze a {
background:url(../gfx/menu/reportaz.jpg) 0 0 no-repeat; width:164px;
}
li.diaporama a {
background:url(../gfx/menu/diaporama.jpg) 0 0 no-repeat; width:116px;
}
li.strefa a {
background:url(../gfx/menu/klient.jpg) 0 0 no-repeat; width:137px;
}
li.kontakt a {
background:url(../gfx/menu/kontakt.jpg) 0 0 no-repeat; width:87px;
}

/************************************************* 2. TREŚĆ STRONY ******************************************/

div#pageContent {
width:960px;
float:left;
margin:44px 0 0 0;
}

/******************************** Miniatury galerii ***********************************/

ul.miniGalList {
float:left;
width:auto;
margin:0 0 50px 0; padding:0;
}

ul.miniGalList li {
list-style:none;
float:left;
display:inline;
margin:0 0 20px 20px
}

ul.miniGalList li a {
width:284px;
height:196px;
display:block;
background:url(../gfx/tla/miniGal_bg.png) no-repeat;
padding:14px 0 0 13px;
cursor:pointer;
}

ul.miniGalList li a img {
display:block;
}

ul.miniGalList li a:hover img {
top:-182px;
}

/********************* Zakładki dla kategorii w sekcji *********************/
div#categoryTabs {
width:960px;
float:left;
}

div#categoryTabs div.tab {
width:707px;
float:right;
}

/**************************************** Katalog zdjęć + zakładki dla kategorii sekcji***************************/

div#photoCatalog, div#catalogTabs {
width:210px;
float:left;
margin:0; padding:0;
background:url(../gfx/tla/katalogTop_bg.gif) top no-repeat;
}


div#photoCatalog ul, div#catalogTabs ul {
width:210px;
float:left;
background:url(../gfx/tla/katalogBox_bg.gif) repeat-y;
margin:5px 0 0 0; padding:0;
}

div#photoCatalog ul li, div#catalogTabs ul li{
width:210px;
height:33px;
display:block;
list-style:none;
margin:0 0 2px 0;
padding:0 0 0 0px;
}

div#photoCatalog ul li a, div#catalogTabs ul li a {
width:181px;
height:24px;
display:block;
padding:9px 29px 0 0;
color:#424242;
float:left;
text-align: right;
}

div#photoCatalog ul li a {
width:165px;
height: auto;
padding:9px 29px 9px 16px;
}

div#photoCatalog ul li a.mainSectionActive, div#photoCatalog ul li a.mainSection, div#catalogTabs ul li a.mainSectionActive, div#catalogTabs ul li a.mainSection {
font-weight:bold;
color:#999999;
padding:9px 0 0 19px;
width:191px;
text-align: left;
}

div#photoCatalog ul li a.mainSectionActive, div#catalogTabs ul li a.mainSectionActive, div#catalogTabs ul li a.tabActive {
background:url(../gfx/tla/katalog_mSection_bg.jpg) 15px 14px no-repeat;
padding:9px 0 0 29px;
width:181px;
color:#444444;
}
div#catalogTabs ul li a.tabActive {
background:url(../gfx/tla/zakladka_mSection_bg.jpg) 15px 13px no-repeat;
}

div#photoCatalog ul li a:hover, div#photoCatalog ul li a.active, div#catalogTabs ul li a:hover{
color:#6cb0e4;
}

div#photoCatalog ul li a.active{
background:url(../gfx/tla/katalog_highlight_bg.jpg) repeat-y;
border-top:1px solid #bfbfbf;
border-bottom:1px solid #bfbfbf;
}


/********************* Slider fotografii w katalogu *****************************/

 div.photoSlider, div.miniGalContainer {
float:right;
width:707px;
height:403px;
padding:9px 0px 8px 0px;
margin:0;
background:url(../gfx/tla/photoSlider_bg.jpg) 20px 0 no-repeat;
}

div.miniGalContainer {
background: none;
height:auto;
}

div.photoHolder {
float:left;
width:649px;
height:401px;
background:#fff;
margin:0 0 0 4px;
}
div.photoHolder ul li{
list-style:none; margin:0; padding:0;
}
div#sliderContainer {
width:857px; float:left; margin:0px 0 0 30px; padding:10px; 
} 
/** div#sliderContainer {
width:857px; float:left; margin:0px 0 0 30px; padding:10px; background:#fff; border:1px solid #ececec;
} **/
div#photoSlider {
width:857px; float:left; 
}
/** a.prev i a.next usunięte w paru miejscach - dla jCycle **/
a.prev2, a.next2 {
width:25px;
height:25px;
display:block;
margin:0; padding:0;
float:left;
text-indent:-6000px;
background:url(../gfx/dodatki/photoSliderPrev.jpg) 0 0 no-repeat;
}

a.prev2, a.next2 {
margin-top:10px;
}
a.prev2 {
margin-right:4px;	
}

a.next2 {
float:right;
background:url(../gfx/dodatki/photoSliderNext.jpg) 0 0 no-repeat;
}
a.next2 {
float:left;
margin-left:4px;
}

a.prev2:hover, a.next2:hover {
background-position:0 -25px;
}

p.pauseInfo, p.pauseInfo2 {
width:960px;
text-align:center;
float:left;
margin:16px 0 40px 0;
}
p.pauseInfo2 {
float: none;
margin:0;
width:707px;
}

div.photoSlider2 {
float:left;
width:667px;
height:420px;
padding:0;
margin:0;
background:url(../gfx/tla/photoSlider_bg.jpg) 20px 1px no-repeat;
}
/********************* Sekcja oferty **********************/

div#leftCol, div#adBox, div#leftCol_about, div#leftCol_reportaz{
float:left;
width:566px;
margin:0 36px 0 30px; padding:0;
text-align: justify;
display: inline;
}
div#leftCol_about {
margin-left:0;	
}
div#leftCol_reportaz {
margin-left:0; width:960px;	
}
div#leftCol_reportaz ul {
margin:20px 0 0 0;	
}
div#leftCol_reportaz ul li {
float:left; width:600px; display:inline; margin:0 20px 20px 0;	
}

div#leftCol h2, div#leftCol_about h2, div#adBox h2, div#contactUs h2, div#adBox h2.Hwalentynki, div#adBox h2.Hbabcia, div#offerHolder h2, div#offerContact h2, div#addCol h2, div#leftCol_reportaz h2, div#password h2 {
font-size:40px; margin:0; padding:0;
}
div#leftCol h2 span, div#password h2 span {
color:#427bb0;	
}

div#passwordTexts {
float:left; width:860px; margin:0 0 16px 0;	
}

div#passwordTexts h3.passwordTitle {
float:left; width:400px; margin:0 0 16px 39px; font-size:18px; font-weight:normal;
}
div#passwordTexts p.passwordInfo {
float:right; width:400px; text-align:right; margin:6px 0 0 0; font-size:18px;
}

div#leftCol ul, div#addRightCol ul, div#adBox ul, div#infoTabs div.tabContent ul, div#leftCol_about ul {
margin:0; padding:0 0 0 10px;	
}

div#leftCol ul li, div#addRightCol ul li, div#adBox ul li, div#infoTabs div.tabContent ul li, div#leftCol_about ul li {
list-style:none;
background:url(../gfx/dodatki/offerListIco.jpg) 0 6px no-repeat;
padding:0 0 0 8px;
line-height:18px;
margin-bottom:6px;
}

a.callToActionBtn {
background:url(../gfx/dodatki/cTaBtn.jpg) 0 0 no-repeat;
width:100px;
height:28px;
display:block;
text-indent:-6000px;
margin-bottom: 40px;
}
a.callToActionBtn:hover {
background-position:0 -28px;	
}

div#offerSlider {
float:left;
width:874px;
margin:0 0 24px 30px;
height:205px;
background:#fff;
padding:8px;
border:1px solid #c0c0c0;
overflow:hidden;
}

div#offerSlider img {
margin:0;	
}

div#offerHolder {
float:left;
width:960px;
}

div#infoTabs {
float:left;
width:960px;
margin-bottom:50px;
}
div#infoTabs ul#infoMenu {
float:left;
width:168px;
margin:30px 0 0 0; padding:0 0 90px 0;
background:url(../gfx/tla/infoMenu_bg.jpg) bottom right no-repeat;
}
div#infoTabs ul#infoMenu li {
list-style: none;
}
div#infoTabs ul#infoMenu li a {
float:left;
width: 151px;
padding:8px 0 8px 16px;
border-bottom:1px solid #bfbfbf;
border-right:1px solid #bfbfbf;
background:url(../gfx/tla/offerList_bg.jpg) right no-repeat;
line-height: 18px;
color:#464646;
cursor:pointer;
}
div#infoTabs ul#infoMenu li a:hover {
color:#6cb0e4;
}
div#infoTabs ul#infoMenu li a.infoActive {
border-right:none;
color:#397cb0;
background:url(../gfx/dodatki/offerListIco.jpg) 4px 16px no-repeat;
}

div#infoTabs div {
float:left;
width: 760px;
margin:10px 0 0 0px;
}

div#infoTabs div div.tabContent {
float:left;
width: 500px;
margin:10px 0 0 20px;
text-align: justify;
display:inline;
}


div#fotoksiazka div.tabContent {
width:750px;	
}


div#infoTabs div div#fotoalbumy {
float:right;
width:209px;
background:url(../gfx/tla/fotoalbumy_bg.jpg) 0 60px no-repeat;
margin:10px 0 0 0;
}
div#infoTabs div div#fotoalbumy ul {
float:left;
width: 207px;
margin:20px 0 0 0;
padding:0;
}
div#infoTabs div div#fotoalbumy ul li {
float: left;
display: inline;
list-style:none;
margin:0 0 14px 14px;
}
div#infoTabs div div#fotoalbumy ul li a img{
border:1px solid #bfbfbf;
padding:4px;
background:#fff;
display:block;
}


div#infoTabs div div#fotoalbumy a.videoLink {
float: left;
width: 190px;
height: 150px;
display: block;
margin: 16px 0 0 10px;
}



/********************* Sekcja O nas ********************/
div#addCol {
width:298px;
float:right;
}
div#addCol h2 {
font-size:40px; margin:0; padding:0;
}
div#addCol h2 span {
color:#427bb0;	
}
div#addCol ul {
float:left;
width:auto;
margin:0 0 0 50px; padding:0;
}
div#addCol ul li {
list-style: none;
}

div#addCol a img {
width:auto;
margin:20px 0 70px 60px;
}
div#addCol ul li a img {
margin-left:0;	
}
/********************* Sekcja kontaktu ********************/
div#offerContact, div#password {
float:left;
width:960px;
margin:30px 0 30px 0;
}

div#contactUs {
float:right;
width:208px;
margin:0 0 0 0; padding:0;
}

div#contactUs h2, div#offerContact h2 {
font-size:40px; margin:0; padding:0;
}
div#contactUs h2 span, div#offerContact h2 span {
color:#427bb0;	
}

address {
font-style:normal;
}

div#contactUs h3, div#leftCol h3, div#leftCol_about h3, div#addContentContainer h3, div#adBox h3, div#offerHolder h3, div#offerContact h3 , div#password h3 {
font-size:16px;
margin:24px 0 12px 0;
}

div#leftCol h3, div#leftCol_about h3, div#addContentContainer h3, div#adBox h3, div#offerHolder h3, div#offerContact h3 , div#password h3, div#leftCol_reportaz h3 {
border-left:4px solid #407aaa;
padding-left:8px;
}

a.InvMe {
unicode-bidi:bidi-override;
direction: rtl;
}

/*************************************************************** 3. DODATKOWA TREŚĆ ***************************************************/
div#addContent {
clear:both;
float:left;
width:100%;
padding:40px 0 10px 0;
margin:0px 0 0 0;
}

div#addContentContainer {
width:960px;
margin:0 auto;
}

div#mainLeftCol {
width:400px;
float:left;
margin:0 0 0 30px; padding:0;
display: inline;
}

div#addRightCol {
width:450px;
float:right;
margin:0; padding:0;
}



/*************************************************************** Formularz kontaktowy ***************************************************/

div#offerContact form, div#password form {
float:left;
width:650px;
}

div#offerContact form fieldset, div#password form fieldset {
border:none;	
}
div#offerContact form fieldset legend, div#password form fieldset legend {
text-indent: -6000px;	
}

div#offerContact form fieldset.leftPart, div#password form fieldset.leftPart {
float:left;
width:270px;
margin:0; padding:0;
}

div#offerContact form fieldset.rightPart, div#password form fieldset.rightPart {
float:right;
width:350px;
}

div#offerContact form fieldset.rightPart p, div#password form fieldset.rightPart p {
float:left;
width:350px;
margin:6px 0 10px 0;
}

div#offerContact form fieldset label, div#password form fieldset label {
display:block;
text-indent: 0;
width:258px;
float:left;
margin:0 0 4px 0;
}
div#offerContact form fieldset input, div#offerContact form fieldset textarea, div#password form fieldset input, div#password form fieldset textarea {
margin:4px 0 16px 0;
float: left;
width:258px;
border:1px solid #c0c0c0;
}
div#offerContact form fieldset.rightPart, div#password form fieldset.rightPart {
margin:0;
}

div#offerContact form fieldset textarea, div#password form fieldset textarea {
width:350px; 
}

div#offerContact form fieldset input:focus, div#offerContact form fieldset textarea:focus, div#password form fieldset input:focus, div#password form fieldset textarea:focus {
border:1px solid #407ab2;
}

div#offerContact form fieldset input.agreementChecker, div#password form fieldset input.agreementChecker {
width: auto;
margin:0 4px 4px 0; padding:0;
border:none;
}

div#offerContact form input.formSubmit, div#password form input.formSubmit {
clear:both;
float:right;
background:url(../gfx/dodatki/cTaSbm.jpg) 0 0 no-repeat;
width:100px;
height:28px;
display:block;
border:none;
cursor:pointer;
}

div#offerContact form input.formSubmit:hover, div#password form input.formSubmit:hover  {
background-position: 0 -28px;	
}

div#offerContact p.error, div#password p.error {
border:1px solid #e10000;
border-left:4px solid #e10000;
padding:8px;
}
div#offerContact p.ok., div#password p.ok {
border:1px solid #407aaa;
border-left:4px solid #407aaa;
padding:8px;
float:left;
width:600px;
}
/*************************************************************** 4. STOPKA ***************************************************/

div#footer {
clear:both;
float:left;
width:100%;
border-top:1px solid #bfbfbf;
padding:0px 0 10px 0;
margin:40px 0 0 0;
}

div#footerContainer {
width:900px;
margin:0 auto;
}

p.copyrights {
margin:12px 0 12px 0;
width:170px;
float:left;
}

ul.footerMenu {
float:right;
margin:10px 0 12px 0; padding:0;
}

ul.footerMenu li {
float:left;
display:inline;
list-style:none;
margin:0 0 0 16px; padding:0;
color
}

p.madeby {
clear:both;
float:right;
margin:0; padding:0;
}


#galleria{height:320px;}

/*************************************************************** IE6 sux ***************************************************/
div#ie6sux {
display:none;
}