html { /* Force Vertical Scrollbar */
/* IE */
overflow-y: scroll;
/* Moz */
height: 100%;
margin-bottom: 0.1em;
}
body {
background-color: #8A614D;
}
#container {
width: 980px;
border: thin solid #a5755f;
margin-right: auto;
margin-left: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform: none;
font-size: 0.9em;
background-color: #8a614d;
margin-top: 30px;
color: #FFFFFF;
}
#container #flash_gallery {
float: right;
margin-right: 0px;
}
#container #logo {
background-image: url(images/logo.png);
height: 55px;
width: 950px;
background-repeat: no-repeat;
background-position: center top;
}
#container #navigation_bar {
width: 195px;
padding-top: 15px;
background-image: url(images/logo.png);
background-repeat: no-repeat;
background-position: left top;
padding-right: 0px;
padding-left: 0px;
height: 300px;
}
#container #navigation_bar ul {
width: 170px;
margin-top: 170px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #a5755f;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #a5755f;
margin-right: 10px;
margin-left: 10px;
padding: 0px;
float: right;
}
.green {
background-color: #6C8A42;
}
.green #container #navigation_bar {
background-color: #6C8A42;
background-image: url(images/logo_green.png);
background-repeat: no-repeat;
background-position: left top;
}
.green #container #text_content {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #96c952;
}
.green #container {
border: 1px solid #96c952;
}
#container #navigation_bar a {
color: #FFFFFF;
text-decoration: none;
display: block;
line-height: 1.5em;
}
#container #navigation_bar a:hover {
color: #8A614D;
background-color: #FFFFFF;
}
#container #navigation_bar li {
padding-top: 5px;
padding-bottom: 5px;
list-style-type: none;
margin-right: 0px;
margin-left: 0px;
padding-right: 0px;
padding-left: 0px;
text-transform: lowercase;
}
#container #text_content {
float: right;
margin-right: 0px;
width: 780px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #a5755f;
}
#container #text_content #kasia_darek {
background-image: url(images/Kasia_Darek.jpg);
height: 238px;
width: 320px;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
}
#container #text_content p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
text-align: left;
font-style: italic;
margin-right: 5px;
margin-top: 0px;
padding-top: 0px;
line-height: 1.3em;
}
#container #text_content #natalia_jan {
background-image: url(images/Natalia_Jan.jpg);
height: 240px;
width: 320px;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
}
#container #text_content #oferta p {
margin-right: 35px;
margin-left: 35px;
text-align: justify;
font-style: normal;
line-height: 18px;
font-size: 0.9em;
}
.green #container #text_content #oferta .oferta h2 {
color: #567926;
}
.green #container #text_content #oferta .oferta a {
background-color: #96c952;
}
#container #text_content #oferta .oferta ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}
#container #text_content #oferta .oferta h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
display: block;
width: 40%;
color: #8A614D;
background-color: #FFFFFF;
margin-right: auto;
margin-left: auto;
text-align: center;
font-weight: normal;
}
#container #text_content #danuta_richard {
background-image: url(images/Danuta_Richard.jpg);
height: 240px;
width: 320px;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
}
#container #text_content #agata_adrian {
background-image: url(images/Agata_Adrian.jpg);
height: 240px;
width: 320px;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
}
#container #text_content #monika_dariusz {
background-image: url(images/Monika_Dariusz.jpg);
height: 240px;
width: 320px;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
}
#container #text_content h2, #container #text_content h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
display: block;
width: 40%;
color: #8A614D;
background-color: #FFFFFF;
margin-right: auto;
margin-left: auto;
text-align: center;
font-weight: normal;
margin-top: 30px;
}
#container #navigation_bar .current a {
color: #8A614D;
background-color: #FFFFFF;
}
#container #text_content #oferta .oferta li {
line-height: 2em;
list-style-type: none;
}
#container #text_content #oferta .oferta a {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
#container #text_content #oferta .oferta a:hover {
text-decoration: underline;
}
#container #text_content #oferta .oferta ul {
margin-top: 50px;
}
#container #text_content #oferta .oferta #contact_form {
float: right;
height: 250px;
width: 360px;
}
#container #text_content #oferta .oferta #kontakt {
float: left;
width: 250px;
}
#container #text_content #oferta .oferta #contact_form .error {
color: #FF0000;
background-color: #FFFFFF;
}
#container #text_content #oferta .oferta #ul_oferta {
margin-top: 0px;
padding-top: 0px;
}
.green #container #navigation_bar ul {
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #96c952;
border-bottom-color: #96c952;
}
.green #container {
background-color: #6C8A42;
}
.green #container #navigation_bar .current a {
color: #567926;
background-color: #FFFFFF;
}
.green #container #navigation_bar a:hover {
color: #567926;
background-color: #FFFFFF;
}
#container #text_content #oferta .oferta #kontakt #email a {
width: 250px;
}
#container #text_content #karolina_krzysztof {
background-image: url(images/Karolina_Krzysiek.jpg);
height: 240px;
width: 320px;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
}