﻿body {
background:url("../img/bg.png") repeat-x scroll 0 0 #D7E0E3;
overflow-x:hidden;
width:100%;
}
#top-container {
background-color:#87756E;
border-bottom:1px solid black;
height:40px;
margin-bottom:10px;
width:100%;
}
#top {
margin:auto;
width:800px;
}
#telefon {
float:left;
margin-top:7px;
}
.languages {
float:right;
margin-top:7px;
}
img.languages {
padding-left:10px;
}
#container {
margin:auto;
width:800px;
}
#logo {
background:url("../img/lucy-logo.png") no-repeat scroll 0 10px transparent;
float:left;
height:101px;
width:187px;
}
#driving-school {
background:url("../img/szkola-jazdy.png") no-repeat scroll 70px 50% transparent;
float:left;
height:75px;
width:612px;
}
#menu {
display:block;
float:right;
margin-top:10px;
}
#menu li {
display:inline;
padding:0 0 0 75px;
}
#menu a {
color:#87756E;
font-family:verdana;
font-size:18px;
font-style:italic;
font-weight:bold;
text-decoration:none;
padding:10px 10px 5px 10px;
}
#menu img {
padding-top:5px;
}
#menu a:hover, #home #nav-home a, #course #nav-course a, #gallery #nav-gallery a, #contact #nav-contact a {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px;
background:none repeat scroll 0 0 #87756E;
color:#ECECEC;
padding:10px 10px 5px 10px;
}
#content-container {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px;
background:url("../img/content-bg.jpg") no-repeat scroll 0 0 transparent;
border:2px solid #87756E;
float:left;
font-family:verdana;
margin:20px 0 60px;
min-height:470px;
width:800px;
}
#content {
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius:8px;
background:url("../img/content-bg.png") repeat scroll 0 0 transparent;
*background:url("../img/content-bg.gif") repeat scroll 0 0;
float:right;
margin:10px 10px 10px 0;
padding:10px 10px 7px;
width:358px;
}
h1 {
color:#87756E;
font-family:verdana;
font-size:18px;
font-style:italic;
font-weight:bold;
letter-spacing:5px;
padding-bottom:10px;
}
#content p {
font-size:11pt;
padding-bottom:10px;
}
#footer-container {
background-color:#87756E;
border-top:1px solid black;
clear:both;
margin-top:60px;
padding:0 0 10px;
width:100%;
}
#footer {
color:#DAE3E6;
font-family:Verdana;
font-size:10pt;
font-style:italic;
font-weight:bold;
margin:auto;
padding-bottom:20px;
padding-top:20px;
width:800px;
}
#footer p {
display:inline;
}
#webdesign {
float:right;
}
#footer a {
color:#CAD4D8;
}
#footer a:hover {
color:#92A2A9;
text-decoration:none;
}
#top h2 {
color:#E6E8E8;
float:left;
font-family:Georgia;
font-size:18pt;
font-style:italic;
font-weight:bold;
padding-top:5px;
}
#content-container-course {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px;
background:url("../img/content-bg2.jpg") no-repeat scroll 0 0 transparent;
border:2px solid #87756E;
float:left;
font-family:verdana;
margin:20px 0 60px;
min-height:470px;
width:800px;
}
#content-course {
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius:8px;
background:url("../img/content-bg.png") repeat scroll 0 0 transparent;
*background:url("../img/content-bg.gif") repeat scroll 0 0;
float:right;
height:430px;
margin:10px;
overflow-x:hidden;
overflow-y:scroll;
padding:10px;
}
#ol-course {
list-style:decimal outside none;
margin:0;
padding-left:30px;
}
#content-course h2, #contact-form h2 {
color:#87756E;
font-family:verdana;
font-size:15px;
padding-top:10px;
text-transform:capitalize;
}
#content-course p, #content-course ul {
font-size:14px;
line-height:20px;
padding-top:10px;
}
#content-course li {
font-size:14px;
line-height:20px;
padding-top:10px;
}
#content-course a {
color:#736628;
}
#content-course a:hover {
color:black;
text-decoration:none;
}
#copyrights {
float:left;
}
#content-course img {
border:1px solid white;
margin:20px;
vertical-align:top;
}
#contact-form {
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius:8px;
background:url("../img/content-bg.png") repeat scroll 0 0 transparent;
*background:url("../img/content-bg.gif") repeat scroll 0 0;
float:right;
height:430px;
margin:10px;
overflow:hidden;
padding:10px;
text-align:center;
width:760px;
}
#contact-form p {
padding:5px;
font-size:14px;
}
.form1 {
font-size:14px;
}
