html, body {height: 100%;margin:0px;font-family: MyriadPro-Cond, Arial, Helvetica, sans-serif;font-size:17px;background-color: #A9DAF8}

h1 {font-size:26px; color:#474747; font-weight:normal;text-align:center; }
h2 {font-size:20px; color:#474747; font-weight:normal;text-align:center; margin-bottom:20px; }
h3 {font-size:17px;color:#333333;}
h4 {font-size:17px;color:#474747;text-align:center;}

a {outline: none; font-style:normal; text-decoration:none; color:#2F9FD8}

/*---============ idTABS ==================--*/
#ani1, #ani2, #ani4, #ani6 {height:100%; margin:0px;}
#ani3 {height:1300px; margin:0px;background:url(tlo_prawa_kolumna.jpg); background-attachment:fixed;background-position:400px 0%}
#ani5 {height:100%; margin:0px;background:url(tlo_prawa_kolumna.jpg); background-attachment:fixed;background-position:400px 0%}


/*---============ slideshow ==================--*/
#slideshow { position:relative;height:211px;}
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0;}
#slideshow IMG.active {z-index:10; opacity:1.0;}
#slideshow IMG.last-active { z-index:9;}

/*---============ classes ==================--*/
.clear {clear:both}
.text { width:500px; height:auto; position:absolute; top:20%; margin-left:35px; text-align:left;}
.textkontakt { width:500px; height:auto; position:absolute; bottom:420px; margin-left:35px; text-align:left;}
.jakdojechac { width:230px; height:auto; float:left; position: relative; clear:none; margin:5px;}
.ramka { background-image:url(tlo_ramka.png); border:1px #CCCCCC solid;  -moz-border-radius: 8px; -webkit-border-radius: 8px; padding:10px;}
.ramka_dojazd { width:470px; height:210px; background-image:url(tlo_ramka.png); border:1px #CCCCCC solid;  -moz-border-radius: 8px; -webkit-border-radius: 8px; padding:15px;}
.data { background-color:#FF4A52; width:38px; color:#FFF; font-size:25px; padding:5px; padding-bottom:5px; padding-left:15px; padding-right:15px; margin-bottom:0px; margin-top:45px; text-align:center; float:left; -moz-border-radius-topleft: 8px; -webkit-border-radius-topleft: 8px; }
.miesiac { background-color:#2F9FD8; width:48px; color:#FFF; font-size:10px; padding:5px; padding-bottom:5px; padding-left:10px; padding-right:10px;   text-align:center; float:left; clear:left; margin-top:0px; font-family:Verdana, Geneva, sans-serif;  -moz-border-radius-bottomleft: 8px; -webkit-border-radius-bottomleft: 8px;}
.news {background-image:url(tlo_ramka.png); width:410px; height:auto;  border:1px #CCCCCC solid;  -moz-border-radius: 8px; -webkit-border-radius: 8px; padding:10px; float:right; position:relative; margin-bottom:35px; text-align:left; float:right; margin-bottom:45px;}

/*---============ basic IDs ==================--*/
#adv2 {height:100%}
#kolumnalewa {width:400px; height:100%; background-color:#A9DAF8; float:left; background:url(tlo_lewa_kolumna.jpg) no-repeat top right;position:fixed; left:0px; top:0px;}
#kolumnaprawa {width:600px; height:100%; float:left; margin-left:400px; background:url(tlo_prawa_kolumna.jpg); background-attachment:fixed;background-position:400px 0% }
#logo { width:188px; height:101px; background-image:url(logo.gif); float:right; margin-right:5px; margin-top:45%;}
.ludzik { width:502px; height:327px; background-image:url(ludzik.png); position:absolute; bottom:0px;  z-index:2}
#jestem { width:591px; height:519px; background-image:url(jestem.png);  position:absolute; bottom:210px; z-index:1}
#instruktor {width:123px; height:41px; background-image:url(instrutkor.jpg); margin-bottom:25px;}
#cennik {width:123px; height:41px; background-image:url(cennik.jpg); float:right; }
#aktualnosci {width:255px; height:30px; background-image:url(aktualnosci.png); float:right;}
#plan {width:123px; height:41px; background-image:url(plan.jpg); float:right;}
#uslyszec {width:396px; height:30px; background-image:url(uslyszec.png); margin:0 auto 0 auto; margin-top:60px;}
#adres {width:42px; height:16px; background-image:url(adres.png); float:left; margin-left:61px;}
#adrestext {width:330px; height:auto; float:left; margin-left:25px; border-left:1px solid #333333; padding-left:25px; margin-bottom:15px;}
#jakdojechac {width:103px; height:20px; background-image:url(jakdojechac.png); float:left;}
#jakdojechactext {width:330px; height:auto; float:left; margin-left:25px; border-left:1px solid #333333; padding-left:25px;}
#dojazd {width:123px; height:41px; background-image:url(dojazd.jpg); float:right; margin-top:45px; }
#chmurka {width:94px; height:59px; background-image:url(chmurka.png); position:absolute; bottom:0px; left:0px; font-size:13px; padding-top:35px; padding-right:45px; text-align:left; padding-left:10px;}

.dziewczyna{ width:700px; height:450px; position:fixed; bottom:0px; right:0px; background-image:url(dziewczyna.png);}


/*---============ MENU ==================--*/
#navlist { font-family: MyriadPro-Cond, Arial, Helvetica, sans-serif;font-size:17px; list-style:none; text-align:right; float:right; border-right:1px solid #333333;padding-top:10px;padding-bottom:7px;}
#navlist a{color:#000;text-decoration:none;float:right;width:auto;height:auto;padding-right:25px; padding-top:3px; padding-bottom:5px; padding-left:20px;clear:both; margin-bottom:3px;}
#navlist li a.selected {background-color:#2F9FD8 !important; color:#FFF !important;  -moz-border-radius-topleft: 6px; -webkit-border-radius-topleft: 6px;-moz-border-radius-bottomleft: 6px; -webkit-border-radius-bottomleft: 6px;}
#navlist li a:hover {background-color:#FF4A52; color:#FFF; -moz-border-radius-topleft: 6px; -webkit-border-radius-topleft: 6px;-moz-border-radius-bottomleft: 6px; -webkit-border-radius-bottomleft: 6px;}


