/***************************************
   =style domyślne
************************************** */
html,body {
   margin: 0;
   padding: 0;
}

body {
   font: 62.5% Verdana, Helvetica, Arial, sans-serif;
   color: #000;
   background: #fff;
}

#container {
   font-size: 1.2em;
   margin: 10px 2em;
}

h1 {
   font-size: 2.5em;
   margin-bottom: 0;
}

h2 {
   font-size: 1.3em;
   margin-bottom: .5em;
}

h3 {
   font-size: 1.1em;
   margin-bottom: 0;
}

code {
   font-size: 1.2em;
}

a {
   color: #06581f;
}

/****************************************
=Metoda Asletta dla elementów pływających 
*************************************** */
.clear-after:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clear-after {
   display: inline-block;
}

/* sztuczka z ukośnikiem lewym ukrywająca kod przed IE dla Maca \*/
* html .clear-after {
   height: 1%;
}

.clear-after {
   display: block;
}

/* koniec sztuczki z ukośnikiem lewym */

/***************************************
   =style dla rozdziałów
************************************** */
.hover {
   cursor: pointer;
   background: #ffc;
}

#switcher {
   position: relative;
   width: 300px;
   padding: .5em;
   border: 1px solid #777;
}

.label {
   width: 130px;
   margin: .5em 0;
}

.button {
   width: 140px;
   padding: 5px;
   margin: .5em 0;
   border: 1px solid #e3e3e3;
   position: relative;
}

#brave {
   position: relative;
}

.bordered {
   border: 1px solid #999;
   padding: 1%;
   margin-right: 1%;
}

.more {
   clear: left;
}