/* 
    Created on : 2014-06-17, 12:17:09
    Author     : Michal
*/

* { 
    margin: 0 auto; 
    font-family: Candara, Verdana;
}
#site {
    min-width: 1000px;
}

#content1 {
    text-align: center;
    border-bottom: thin solid brown;
    padding-bottom: 20px;
    background-color: white;
}
#content2 {
    color: black;
    text-align: left;
    border-bottom: thin solid brown;
    padding: 25px;
    background-color: gainsboro;
}
#tresc {
   width: 900px; 
   text-align: justify;
}
#content2 p {
    text-align: center;
    color: #9f0406;
    font-weight: bold;
}

#footer {
    color: white;
    text-align: left;
    height: 220px;
    padding-top: 20px;
    background-color: #ba453d;
    position: relative;
}
textarea { 
    resize: none; 
}
a {
    text-decoration: none;
    color: orangered;
}
a:hover {
    text-decoration: none;
    color: orange;
}
#facebook {
    position:absolute; 
    top: 10px; 
    right: 20px;    
}
#salon0 { 
    position:absolute;
    top: 20px;
    left: 100px;   
}
#salon1 {
    position:absolute; 
    top: 70px; 
    left: 100px;    
}
#salon2 {
    position:absolute; 
    top: 70px; 
    left: 450px;    
}
#salon3 {
    position:absolute; 
    top: 70px; 
    left: 800px;    
}
#created {
    position:absolute; 
    top: 50px; 
    right: 100px;
    color: grey;
}

/* glowny div z like box'em */
#like-box {
    position: fixed;
    z-index: 99;
    top: 150px;  /* jego polozenie od gory */
    left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
    -webkit-transition: left 0.5s ease-out;
    -moz-transition: left 0.5s ease-out;
    -o-transition: left 0.5s ease-out;
    transition: left 0.5s ease-out;
}
/* wysuniecie like box'a */
#like-box:hover {
    left: 0px;
}
/* zewnetrzna ramka boxa */
#like-box .outside {
    position: relative;
    z-index: 1;
    background: #3b5999;
    padding: 2px;
    min-width: 1px;
    float: left;
}
/* wewnetrzne tlo boxa */
#like-box .inside {
    position: relative;
    z-index: 2;
    background: #fff;
}
/* pasek z logo FB */
#like-box .belt {
    position: relative;
    z-index: 0;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg); 
    -o-transform: rotate(90deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
    float: left;
    width: 100px; 
    height: 40px;
    padding: 7px 0px 0px 20px;
    margin: 50px 0px 0px -55px;
    background: #3b5999;
    color: #fff;
    font-weight: bold;
    font-family: Verdana;
    font-size: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}