body{
background-color: #CCCCCF;
Arial;
}
.container{
width: 1000px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.logo{
float: left;
color: #CC5533;
38px;
padding-top: 10px ;
padding-bottom: 10px ;
letter-spacing: 2px;
}
.menu{
float: right;
padding-top: 10px;
padding-bottom: 10px;
20px;
10px;
}
.opcja{
float:left;
min-width: 20px;
padding: 10px;
border-top: 1px solid black;
border-bottom: 1px solid black;
opacity: 0.9;
}
.opcja:hover{
background-color: black;
color: white;
cursor: pointer;
}
.opcja:hover:first-child{
color:white;
}
.opcja:first-child{
color: #CC5533;
}
.topbar{
clear: both;
20px;
background-color: #99999F;
padding: 10px;
height: 170px;
}
.topbarL{
float: left;
width: 138px;
text-align: center;
}
.topbarR{
float: left;
padding: 20px;
width: 760px;
16px;
text-align: justify;
40px;
}
.bigtitle{
30px;
'Courgette', cursive;
}
.content{
10px;
padding-top: 20px;
padding-left: 10px;
background-color: #99999F;
min-height: 600px;
}
.option{
float:left;
20px;
width: 300px;
}
.bigtitle2{
20px;
'Courgette', cursive;
}
.button{
background-color: black;
color: white;
padding: 10px;
border: 1px solid white;
}
.button:hover{
background-color: white;
color: black;
cursor: pointer;
border: 1px solid black;
}
.dottedline{
height: px;
15px;
15px;
border-bottom: 2px solid #444444;
}
.footer{
float: bottom;
border: 2px solid black;
text-align: center;
background-color: gray;
position: fixed 10px 50px;
padding: 20px;
position: absolute;
width: 100%;
}
.footeroption{
text-align: right;
float: right;
}
a:link{
color: black;
opacity: 0.9;
text-decoration: none;
}
a:visited{
color: black;
opacity: 0.9;
}
a:hover{
color: black;
opacity: 0.9;
}