@charset "UTF-8";
@font-face {
font-family: customFont;
src: url('CALIFR.TTF');
}
@font-face {
font-family: customFontItalic;
src: url('odstemplik.ttf');
}
body {
margin: 0;
padding: 0;
color: rgb(78, 69, 54);
font-family: customFont;
min-width: 1024px;
width: 100%;
background-color: black;
}
input, textarea {
color: rgb(78, 69, 54);
font-family: customFont;
}
ul {
margin: 0;
padding: 0;
}
fieldset {
border: none;
}
/* ------------------------------------- */
/* a */
/* ------------------------------------- */
a {
color: rgb(120, 20, 22);
text-decoration: none;
}
/* ------------------------------------- */
/* remove a img border */
/* ------------------------------------- */
a { outline: none; }
a img { outline: none; }
img { border: 0; }
/* ------------------------------------- */
/* header */
/* ------------------------------------- */
header {
background-image: url('../images/menu-bar.png');
background-repeat: repeat-x;
position: absolute;
min-width: 1024px;
width: 100%;
top: 0;
z-index: 100;
}
div.header-container {
padding: 0px 50px;
}
div.logo {
float: left;
}
/* menu */
ul.menu {
font-family: customFontItalic;
padding-left: 20px;
}
ul.menu { float: left;}
ul.menu li { display: inline;}
ul.menu li a {
float: left;
text-decoration: none;
padding: 0px;
}
div.follow-us {
text-align: right;
}
/* ------------------------------------- */
/* footer */
/* ------------------------------------- */
footer {
position: fixed;
width: 100%;
height: 60px;
bottom: 0;
background-color: white;
opacity: 0.5;
filter: alpha(opacity=50);
text-align: center;
z-index: 100;
}
.footer-copyright {
padding-top: 20px;
padding-bottom: 20px;
font-size: small;
}
/* ------------------------------------- */
/* container */
/* ------------------------------------- */
#container {
height: 100%;
min-height: 700px;
padding: 0px 50px;
}
/* ------------------------------------- */
/* index */
/* ------------------------------------- */
#home_content {
background-color: white;
opacity: 0.8;
filter: alpha(opacity=80);
width: 370px;
position: absolute;
top: 220px;
padding: 30px;
}
#home_content .content-title-container {
border-top: dashed 1px;
border-bottom: dashed 1px;
padding: 10px 0px;
}
#home_content .content-title {
font-weight: bold;
font-size: 1.2em;
}
#home_content .content-desc {
padding: 20px 0px;
}
#home_content .content-date {
padding-bottom: 20px;
}
.slideShow {
position: fixed;
overflow: hidden;
width: 100%;
height: 100%;
}
.slideShow .slide {
width: 100%;
height: 100%;
}
.slideShow .slide div {
width: 100%;
height: 100%;
background: no-repeat center center fixed;
background-size: cover;
}
/* ------------------------------------- */
/* about us */
/* ------------------------------------- */
#about_us_content {
background-color: rgb(246, 237, 228);
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 440px;
padding: 0px 70px;
}
#about_us_content .content-title {
text-align: center;
padding: 20px;
}
/* ------------------------------------- */
/* contact us */
/* ------------------------------------- */
#contact_us_content {
font-size: 0.75em;
}
#contact_us_content .google-map-container {
position: absolute;
top: 220px;
left: 0;
height: 350px;
width: 100%;
}
#contact_us_content .google-map-container .google-map {
background: url('../images/map.jpg') no-repeat center center;
background-size: cover;
margin-right: 800px;
height: 100%;
}
#contact_us_content .contact-us {
background-color: white;
font-family: Arial, Helvetica, sans-serif;
position: absolute;
top: 220px;
right: 400px;
width: 320px;
height: 350px;
padding: 0px 40px;
}
#contact_us_content .content-title {
text-align: center;
padding: 20px 0;
}
#contact_us_content .details {
padding: 20px 0;
}
#contact_us_content .details th {
text-align: left;
color: rgb(138, 23, 26);
padding-right: 10px;
}
#contact_us_content .remarks {
color: rgb(166, 148, 108);
}
#contact_us_content .contact-us-form {
background-image: url('../images/contact_us_form_bg.jpg');
background-repeat: no-repeat;
background-color: rgb(138, 23, 26);
font-family: Arial, Helvetica, sans-serif;
position: absolute;
top: 220px;
right: 0;
width: 320px;
height: 350px;
padding: 0px 40px;
}
#contact_us_content .contact-us-form legend {
font-size: 1.1em;
font-weight: bold;
color: white;
}
#contact_us_content .contact-us-form form div.input {
width: 100%;
padding: 5px 0;
}
#contact_us_content .contact-us-form form input {
width: 100%;
}
#contact_us_content .contact-us-form form textarea {
width: 100%;
}
/* ------------------------------------- */
/* decoration */
/* ------------------------------------- */
.fixed-bar {
position: fixed;
width: 100%;
left: 0;
bottom: 60px;
z-index: 10;
}
#album_selector.decoration {
position: fixed;
left: 20px;
top: 220px;
z-index: 10;
}
#album_menu {
list-style-type: none;
}
#album_menu li {
margin-top: -5px;
}
#album_menu img {
background: rgb(244, 245, 246);
padding: 0px 5px;
}
#album_menu .album-menu-title {
padding: 0 10px;
margin: 0 20px;
opacity: 0;
filter: alpha(opacity=0);
}
#album_menu_top {
background: rgb(244, 245, 246);
width: 40px;
height: 20px;
}
#album_menu_bottom {
background: rgb(244, 245, 246);
width: 40px;
height: 15px;
margin-top: -5px;
}