/*

------------------------------------------------------
style
------------------------------------------------------

*/
	
	
	/* the style council */
	
	
* {
	border: none;
	margin: 0;
	padding: 0;
}	
	

body 
{ color: #000000; background: url(../graf/background.png); font-size: 11px; font-family: Tahoma, sans-serif; text-align: left; }

#rosliny_gora_left
{ width:auto; margin-left:auto; margin-right:auto; background-image:url(../graf/gora_lewa.png); background-repeat:no-repeat; background-position:left top; height:228px}

#rosliny_gora_right
{ width:auto; margin-left:auto; margin-right:auto; background-image:url(../graf/gora_prawa.png); background-repeat:no-repeat; background-position:right top; height:228px}

#rosliny_gora_srodek
{ width:auto; margin-left:auto; margin-right:auto; background-image:url(../graf/gora_srodek.png); background-repeat:no-repeat; background-position:right top; height:100px}


a.logo
{ display: block; position: relative; top: 8px; left: 15px; width: 252px; height: 122px; background: no-repeat; background-image: url('../graf/logo.png'); }



a.kicucompl 
{ color: #d5c267; text-decoration: none; }
a.kicucompl:hover 
{ color: #FFFFFF; text-decoration: none; }




a 
{ color: #FFFFFF; text-decoration: none; }

a:hover 
{ color: #d5c267; text-decoration: none; }



h1
{ color: #FFFFFF; font-size: 13px; font-family: Tahoma, sans-serif; font-weight: bold; margin-left: 20px;}

h2
{ color: #FFFFFF; font-size: 13px; font-family: Tahoma, sans-serif; font-weight: bold; text-align:center; } 

h3
{ color: #f55656; font-size: 14px; text-align: center; font-weight: bold; }

h4
{ color: #FFFFFF; font-size: 11px; font-family: Tahoma, sans-serif; margin-left: 20px; font-weight: normal; }


/* backgroundy do działu kontakt */

h5
{ position: absolute; top: 21px; left: 141px; width: 209px; height: 105px; background: no-repeat; background-image: url('../graf/kontakt_dane_tlo.gif'); color: #FFFFFF; font-size: 14px;line-height:190%  }

h6
{ position: absolute; top: 149px; left: 140px; width: 210px; height: 134px; background: no-repeat; background-image: url('../graf/kontakt_firma_tlo.gif'); color: #FFFFFF; font-size: 14px;line-height:190%  }



/* zdefiniowanie niebieskich czcionek w dziale kontakt */
.danekontaktowe                                           
{ color: #d02e2e; font-size: 14px; font-family: Tahoma, sans-serif; margin-left: 15px; float: left; }

.danefirmy                                      
{ color: #FFFFFF; font-size: 14px; font-family: Tahoma, sans-serif; margin-left: 15px; float: left; }


/* zdefiniowanie pomarańczowych czcionek w dziale zapisz się i w info o wyjazdach */
.zapiszsie                                           
{ color: #df891a; font-family: Tahoma, sans-serif; font-weight: bold;}


/* czcionka pod last minute */
.lastminute                                           
{ font-family: Tahoma, sans-serif; font-weight: bold; float: right; }




/* zdefiniowanie czcionek do działów z wyjazdami */
.nazwawyjazdu
{ color: #3557b8; font-size: 22px; font-family: Tahoma, sans-serif; margin-left: 10px; font-weight: bold; } 

.livigno                                           
{ color: #df891a; font-family: Tahoma, sans-serif; font-size: 22px; font-weight: bold; }

.datawyjazdu
{ color: #c30b0b; font-size: 15px; font-family: Tahoma, sans-serif; margin-left: 10px; font-weight: bold; } 

.infowyjazdu
{ color: #000000; font-size: 12px; font-family: Tahoma, sans-serif; margin-left: 10px; font-weight: bold; } 

.infowyjazdu_red
{ color: #c30b0b; font-size: 12px; font-family: Tahoma, sans-serif; margin-left: 10px; font-weight: bold; } 




.footer_left
{ color: #FFFFFF; font-size: 10px; font-family: Tahoma, sans-serif; margin-left: 2px; float: left; } 

.footer_right
{ color: #FFFFFF; font-size: 10px; font-family: Tahoma, sans-serif; margin-right: 2px; float: right; } 



img.przyciskformularz 
{ display:block; width: 250px; height: 41px; margin-right: 220px; border: 0px; float: right; }

img.dane_kontaktowe
{ display:block; margin-left: 12px; border: 0px; }

img.dane_firmy
{ display:block; margin-left: 47px; border: 0px; }



img.platek1 
{ display:block; width: 40px; height: 42px; margin-right: 6px; border: 0px; float: left; }
img.platek2 
{ display:block; width: 54px; height: 56px; margin-right: 6px; border: 0px; float: left; }
img.platek3 
{ display:block; width: 45px; height: 58px; margin-right: 6px; border: 0px; float: left; }



img.zrealizowany 
{ display:block; width: 396px; height: 64px; margin-right: 6px; border: 0px; float: right; }


img.lastminute
{ display:block; width: 215px; height: 50px; margin-right: 6px; border: 0px; float: right; }


img.wiecejinfo 
{ display:block; width: 366px; height: 63px; margin-right: 6px; border: 0px; float: right; }



img.krokdane 
{ display:block; width: 50px; height: 50px; margin-right: 6px; border: 0px; float: left; }



em                                                           /* Niewidoczne napisy */
{ display: none; }



/* Menu główne strony */

a.home {
	display:block;
 		top: 88px;
		left: 295px;
		width: 62px;
		height: 36px;
		background-image: url('../graf/menu_home.png');
		position: absolute;
    text-decoration: none;
	}

a.zapiszsie {
	display:block;
 		top: 88px;
		left: 375px;
		width: 121px;
		height: 36px;
		background-image: url('../graf/menu_zapiszsie.png');
		position: absolute;
    text-decoration: none;
	}


a.szkolenie {
	display:block;
 		top: 87px;
		left: 510px;
		width: 116px;
		height: 36px;
		background-image: url('../graf/menu_szkolenie.png');
		position: absolute;
    text-decoration: none;
	}

a.kontakt {
	display:block;
 		top: 87px;
		left: 640px;
		width: 104px;
		height: 36px;
		background-image: url('../graf/menu_kontakt.png');
		position: absolute;
    text-decoration: none;
	}




a:hover.home {
	background-position:0 -36px;
	}
a:hover.zapiszsie {
	background-position:0 -36px;
	}
a:hover.kontakt {
	background-position:0 -36px;

	}
a:hover.szkolenie {
	background-position:0 -36px;

	}



#container {                                  /* Tło - dział home */
	overflow: hidden;
	position: relative;
	width: 744px;
	height: 470px;
	margin: 0 auto;
	background: url(../graf/container.png)
}
#container2 {                                  /* Tło - dział zapisz się (formularz) */
	overflow: hidden;
	position: relative;
	width: 744px;
	height: 470px;
	margin: 0 auto;
	background: url(../graf/container2.png)
}
#container3 {                                  /* Tło - dział zapisz się (kroki) */
	overflow: hidden;
	position: relative;
	width: 744px;
	height: 470px;
	margin: 0 auto;
	background: url(../graf/container3.png)
}
#container4 {                                  /* Tło - dział kontakt */
	overflow: hidden;
	position: relative;
	width: 744px;
	height: 470px;
	margin: 0 auto;
	background: url(../graf/container4.png)
}
#container5 {                                  /* Tło - do info o wyjazdach */
	overflow: hidden;
	position: relative;
	width: 744px;
	height: 337px;
	margin: 0 auto;
	background: url(../graf/container5.png)
}
#container6 {                                  /* Tło - wyjazdy (pod plakaty) */
	overflow: hidden;
	position: relative;
	width: 743px;
	height: 730px;
	margin: 0 auto;
	background: url(../graf/container6.png)
}
#container7 {                                  /* Tło - szkolenie */
	overflow: hidden;
	position: relative;
	width: 744px;
	height: 651px;
	margin: 0 auto;
	background: url(../graf/container7.png)
}


#container_foto {                                  /* pomarańczowy - na zdjęcia w wyjazdach */
	overflow: hidden;
	position: relative;
	width: 743px;
	height: 222px;
	margin: 0 auto;
	background: url(../graf/container_foto.png)
}


#footer {				/* stopka */
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	width: 723px;
	height: 20px;

}

#footer_logos {				/* stopka */
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	width: 723px;
	height: 100px;

}



#container-foot {                       
  	width: 100%;
	overflow: hidden;
  	position: absolute;
  	bottom: 0 !important;
  	bottom: -1px; /* For Certain IE widths */
  	height: 265px;
}



#content {                            /* wygląd do działu ZAPISZ SIĘ */
	overflow: auto;
	position: absolute;
	top: 140px;
	left: 10px;
	width: 730px;
	height: 325px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
}
	#content img,
	#content h5,
	#content h6,
	#content p,
	#content address,
	#content ul,
	#content ol {margin-bottom: 20px;}
	
#content2 {				/* wygląd do reszty działów */
	overflow: auto;
	position: absolute;
	top: 140px;
	left: 10px;
	width: 730px;
	height: 325px;
	padding: 0px;
	color: #000000;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
}
#content3 {				/* wygląd do info o wyjeździe (na niebieskim tle) */
	overflow: auto;
	position: absolute;
	top: 5px;
	left: 10px;
	width: 730px;
	height: 328px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
}

#content_foto {				/* miejsce na zdjęcia w wyjazdach */
	overflow: auto;
	position: absolute;
	top: 5px;
	left: 10px;
	width: 730px;
	height: 212px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
}

#content_plakaty {			/* wyjazd1 - pod plakat */
	overflow: auto;
	position: absolute;
	top: 130px;
	left: 12px;
	width: 725px;
	height: 595px;
	padding: 0px;
	color: #000000;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
}


#site_home h1 {background-image: url('graf/logo.png');}

#site_zapiszsie h1 {background-image: url('graf/logo.png');}

#site_kontakt h1 {background-image: url('graf/logo.png');}




/* slajdy na strone głównej - początek */



div.wrap{
 width:725px;
 margin:0 auto;
 text-align:left;
}
 div#top div#nav{
  float:left;
  clear:both;
  width:725px;
  height:52px;
  margin:22px 0 0;
  background:url url(../slides/nav-bg.png) 0 0 no-repeat;
 }
  div#top div#nav ul{
   float:left;
   width:700px;
   height:52px;
   list-style-type:none;
  }
   div#nav ul li{
    float:left;
    height:52px;
   }
    div#nav ul li a{
     border:0;
     height:52px;
     display:block;
     line-height:52px;
     text-indent:-9999px;
    }
 
div#header{
 margin:-1px 0 0;
}
div#video-header{
 height:683px;
 margin:-1px 0 0;
}
 div#header div.wrap{
  height:322px;
  background:url(../slides/header-bg.gif) 50% 0 no-repeat;
 }
 div#header div#slide-holder{
  z-index:40;
  width:725px;
  height:322px;
  position:absolute;
 }
  div#header div#slide-holder div#slide-runner{
   top:0px;
   left:0px;
   width:723px;
   height:323px;
   overflow:hidden;
   position:absolute;
  }
  div#header div#slide-holder img{
   margin:0;
   display:none;
   position:absolute;
  }
  div#header div#slide-holder div#slide-controls{
   left:0;
   bottom:250px;
   width:725px;
   height:46px;
   display:none;
   position:absolute;
   background:url(../slides/slide-bg.png) 0 0;
  }
   div#header div#slide-holder div#slide-controls p.text{
    float:left;
    color:#fff;
    display:inline;
    font-size:14px;
    line-height:16px;
    margin:15px 0 0 20px;
    text-transform:uppercase;
   }
 
   div#header div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:16px 15px 0 0;
   }
    div#header div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:12px;
     margin:0 8px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
    }
    div#header div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
    }
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(../slides/silde-nav.png);}
div#nav ul li a{background:url(../slides/nav.png) no-repeat;}


/* slajdy na strone głównej - koniec */



/* formularz początek */

.tytul {
   text-align: left;
   font-size: 16px;
   font-weight: bold;
   }
   
.opis { 
   color: #FFFFFF;
   text-align: left;
   font-size: 12px;
   }
   
.pole { 
   border: #000000 0px solid;
   background: #1f58ad;
   text-align: left;
   line-height: 12pt;
   color: #FFFFFF;
   font-size: 12px;
   }


.polewyb { 
   border: #000000 0px solid;
   background: #1f58ad;
   text-align: left;
   width: 300px;
   line-height: 12pt;
   color: #FFFFFF;
   font-size: 12px;
   }

.przyciski { 
	width: 184px;
	height: 39px;
	background-image: url('../graf/wyslijformularz.gif');
   }



/* formularz koniec */