/* reset */
* {padding: 0; margin: 0; border: 0 solid; font-family: arial;}
input {border: 1px solid #666; margin: 2px; font-size: 11pt;}
input[type=text] {padding: 2px;}
input[type=submit] {background-color: #ccc; padding: 2px 6px 2px 6px;}
input.noa1[type=submit] {background-color: #FFD700; padding: 4px 10px 4px 10px; border: 2px outset #FFA500; color: #000; font-weight: bold;}
textarea {border: 1px solid #666; padding: 2px; margin: 2px; font-size: 8pt;}
/* struktura */
body {background-color: #f8f8f8; text-align: center; font-size: 12pt;}
  #rama1 {margin: 0 auto; background-color: #fff;}
    #naglowek1 {text-align: left; position: relative; height: 93px; margin: 0 auto; width: 100%; min-width: 1000px; max-width: 1280px; z-index: 2;}
      img.naglowek1-logo {position: absolute; left: 0; top: 2px;}
      ul.naglowek1-menu {position: absolute; right: 0; bottom: 0;}
      ul.naglowek1-menu li {display: block; float: left; border-top: 1px solid #aaa; border-right: 1px solid #aaa; width: 115px;}
      ul.naglowek1-menu li:first-child {border-left: 1px solid #aaa;}
      ul.naglowek1-menu li:last-child {border-right: 0 solid; border-top: 0 solid; width: 65px; overflow: hidden;}
      ul.naglowek1-menu a {display: block; padding: 14px 6px 14px 6px; text-decoration: none; text-align: center; color: #000; font-size: 10pt;}
      ul.naglowek1-menu a:hover {color: #666;}
      ul.naglowek1-menu a.zaznacz {background: #eee url(img/menu-tlo1.jpg) bottom; font-weight: bold;}
      #naglowek1 form.jezyki {text-align: right; padding: 12px 8px 0 0;}
      #jezyki {border: 1px solid #fff; text-align: right; height: 19px; background-color: #fff; position: absolute; right: 0; top: 60px; width: 56px; overflow: hidden; z-index: 300;}
        #jezyki img {border: 1px solid #fff; margin: 2px; display: block; float: left;}
        #jezyki img.flaga {border-color: #999;}
        #jezyki form {padding: 0; margin: 0;}
        #jezyki input.flaga {border: 1px solid #999; margin: 2px; display: block; float: left; width: 24px; height: 15px; font-size: 1px; padding: 0; overflow: hidden; color: rgba(0,0,0, 0.1); cursor: pointer;}
        #jezyki input.pl {background-image: url(img/flagi/pl1.gif);}
        #jezyki input.en {background-image: url(img/flagi/en1.gif);}
        #jezyki input.de {background-image: url(img/flagi/de1.gif);}
        #jezyki input.fr {background-image: url(img/flagi/fr1.gif);}
        #jezyki input.ru {background-image: url(img/flagi/ru1.gif);}
    #cialo0 {border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; padding: 0; z-index: 1;}
      #cialo1 {overflow: hidden; text-align: left; min-width: 1000px; min-height: 500px; background-size: 100%;}
        #cialo1 #img {width: 100%; min-width: 1000px; height: 500px; background: url(../../pliki/img/slajdy/02.jpg) center center repeat-y; background-size: 100%;}
        #cialo1 div.ramka1 {width: 1000px; height: 500px; position: relative; margin: 0 auto;}
        #cialo1 div.yt1 {position: absolute; right: 0; top: 127px; width: 350px; height: 229px; overflow: hidden; border: 8px solid #eee;}
        #cialo1 h1 {margin: 0 auto; font-size: 14pt; padding: 10px 0 10px 0; color: #003300;}
        #cialo11 {width: 980px; margin: 15px auto; overflow: hidden; background-color: #fff; padding: 10px;}
          /*#cialo11 p > img {border: 1px solid #aaa; padding: 6px;}*/
          #cialo111 {float: left;}
          #cialo112 {float: left;}
          #cialo111 p {margin: 15px; text-align: justify; line-height: 140%;}
          #cialo111 ul {margin: 15px 15px 15px 45px; line-height: 140%;}
          .w1a {width: 610px;}
          .w1b {width: 360px;}
          .w2a {width: 510px;}
          .w2b {width: 460px;}
    #stopka1 {background-color: #f8f8f8; padding-top: 15px; font-size: 10pt; border-top: 1px solid #fff;}
    #stopka2 {background-color: #f8f8f8; padding: 10px; font-size: 7pt; color: #666;}
      #stopka2 a {color: #666; text-decoration: none;}

.marginleft10 {margin-left: 10px;}
.marginright10 {margin-right: 10px;}

/* cieniowanie */
div.cieniowanie1 {
  background-color: #aaa; /* for non-css3 browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#eee)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #aaa,  #eee); /* for firefox 3.6+ */ 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#eeeeee'); /* for IE */
}

/* background */
.zielony1 {background-color: #9ACD32;}
.zielony2 {background-color: #b4da68;}
.zielony3 {background-color: #cfe79f;}
.niebieski1 {background-color: #B0E0E6;}
.niebieski2 {background-color: #c5e8ec;}
.niebieski3 {background-color: #daf0f3;}

/* img */
img.alignleft {margin: 15px 15px 15px 0; float: left;}
img.alignright {margin: 15px 0 15px 15px; float: right;}

/* a */
a:link {color: #107fb4;}
a:visited {color: #107fb4;}
a:active {color: #107fb4;}
a:hover {color: #74c5f0;}

/* Zaokrąglanie rogów */
.rogi1 {
-moz-border-radius: 8px;
border-radius: 8px;
-khtml-border-radius: 8px;
-icab-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
}
.rogi2 {
-moz-border-radius: 6px;
border-radius: 6px;
-khtml-border-radius: 6px;
-icab-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
}
.rogi2top {
border-top-left-radius: 6px;
-moz-border-top-left-radius: 6px;
-khtml-border-top-left-radius: 6px;
-icab-border-top-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
-khtml-border-top-left-radius: 6px;
border-top-right-radius: 6px;
-moz-border-top-right-radius: 6px;
-khtml-border-top-right-radius: 6px;
-icab-border-top-right-radius: 6px;
-webkit-border-top-right-radius: 6px;
-khtml-border-top-right-radius: 6px;
}
.rogi2topleft {
border-top-left-radius: 6px;
-moz-border-top-left-radius: 6px;
-khtml-border-top-left-radius: 6px;
-icab-border-top-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
-khtml-border-top-left-radius: 6px;
}
.rogi2topright {
border-top-right-radius: 6px;
-moz-border-top-right-radius: 6px;
-khtml-border-top-right-radius: 6px;
-icab-border-top-right-radius: 6px;
-webkit-border-top-right-radius: 6px;
-khtml-border-top-right-radius: 6px;
}
.rogi3 {
-moz-border-radius: 4px;
border-radius: 4px;
-khtml-border-radius: 4px;
-icab-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}
.rogi3top {
border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
-khtml-border-top-left-radius: 4px;
-icab-border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-khtml-border-top-left-radius: 4px;
border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
-khtml-border-top-right-radius: 4px;
-icab-border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-khtml-border-top-right-radius: 4px;
}