/* css reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table { -collapse: collapse; border-spacing: 0;}
* { margin:0px; padding:0px; }
/* mizu reset */
strong, b {font-weight:bold; }
.content ul li, .content ol li {margin:3px 0px 3px 20px;list-style:circle;}
.content ol li {list-style:decimal;}
.content p, .content .txt div {margin-bottom:5px;}
.clear { clear:both; }
/* custom css */
a {
text-decoration:none;
}
html {
}
.content h1, .content h2, .content h3, .content h4 {
font-family: 'Parisienne', cursive;
}
body {
font-family:"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#444039;
}
.wrap {
width:990px;
position:relative;
margin:auto;
background:url("../inc/../img/struct/content.png");
}
.header {
height:450px;
}
.mainMedia {
height:376px;
width:770px;
overflow:hidden;
margin:auto;
position:absolute;
top:70px;
right:0px;
z-index:24;
}
.mainMedia-pager {
position:absolute;
z-index:30;
bottom:5px;
right:10px;
opacity:.8;
filter:alpha(opacity=80);
}
.mainMedia-pager a {
display:block;
height:1px;
width:1px;
padding:8px 8px 0 0;
border-radius:10px;
text-align:center;
text-decoration:none;
margin:0px 3px 3px 0px;
float:left;
font-size:10px;
color:#000;
background:#fff;
overflow:hidden;
}
.mainMedia-pager a:hover, .mainMedia-pager a.activeSlide {
color:#333;
}
.mainMedia .slider {
height:376px;
overflow:hidden;
}
.meteo {
display:none;
position:absolute;
left:250px;
top:17px;
font-size:12px;
text-transform: uppercase;
background:url("../inc/../img/struct/sun.png") no-repeat right center;
padding:10px 38px 10px 0;
color:#777;
}
.meteo:hover {
color:black;
}
.lng {
position:absolute;
top:30px;
right:20px;
font-size:13px;
z-index:29;
}
.lng, .lng a {
}
.lng a {
opacity: .5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}
.lng a:hover, .lng a.on {
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}
.nav {
padding:110px 20px 0px 0;
clear:both;
}
.nav li {
}
.nav li a {
display:block;
font-size:14px;
text-align:right;
font-weight:normale;
padding:4px 0px;
color:#eae8d4;
}
.nav > li > a {
text-transform: uppercase;
}
.nav li a:hover span, .nav li a.on span {
}
.nav li a.on {
}
/* 2 level */
.nav li ul {
padding-bottom:10px;
}
.nav li ul li {
}
.nav li ul li a {
border:0px;
font-size:14px;
padding:2px 0px;
}
.nav li ul li a.on span,.nav li ul li a:hover span {
}
.banner {
padding-top:30px;
text-align:center;
}
.banner .item {
display:block;
margin-bottom:20px;
}
.middle {
clear:both;
}
.middle .col1 {
position:absolute;
top:70px;
left:0px;
width:220px;
height:376px;
background:#9c9688;
z-index:23;
}
.middle .col2 {
width:100%;
float:right;
}
.footerWrap {
padding:0px 0 10px 0;
width:990px;
margin:auto;
}
.footer {
clear:both;
padding:10px 20px;
text-align:right;
background:#9c9688;
}
.footer p {
display:inline;
}
.rh {
float:right;
display:block;
width:110px;
margin-left:10px;
height:50px;
background:url("../inc/../img/struct/rh.png") no-repeat center center;
}
.footer, .footer a {
color:#eae8d4;
font-size:12px;
line-height:140%;
}
.footer a.on, .footer a:hover {
text-decoration: underline;
}
.footer .col1, .footer .col2 {
float:right;
width:200px;
}
.footer .col2 {
width:700px;
}
.footer .col1 {
text-align:left;
}
/* content */
.content {
clear:both;
padding:20px 80px 0 80px;
min-height:350px;
margin-bottom:20px;
}
.content .tpl {
clear:both;
}
.content h1, .content h2, .content h3 {
line-height:150%;
}
.content h1 {
font-size:40px;
}
.content h2 {
font-size:30px;
}
.content h3 {
font-size:25px;
}
.content .txt {
line-height:170%;
}
.content .txt, .content .files, .content .gallery {
clear:both;
padding-top:15px;
}
.content .gallery2, .content .gallery {
}
.content .gallery {
margin-right:-22px;
}
.content .gallery .item {
display:block;
float:left;
margin:2px 2px 0px 0;
}
.img-left .first-img {
float:left;
margin:5px 20px 20px 0px;
}
.img-right .first-img {
float:right;
margin:5px 0px 20px 20px;
}
/* list */
.list {
clear:both;
padding-top:15px;
}
.list .item {
margin-bottom:10px;
border-bottom:1px dotted #ada58b;
float:left;
padding:0px 0px;
}
.list .firstInRow {
clear:both;
}
.list .lastInRow {
margin-right:0px;
}
.list .item:hover .more {
color:white;
}
.list h3, .list .img, .list .txt {
display:block;
}
.list .img {
float:left;
width:280px;
}
.list .txt {
float:left;
clear:none;
width:350px;
padding:20px 10px 0px 20px;
}
/* mail form */
.mailform {
clear:both;
width:600px;
padding:20px 0;
}
.mailform fieldset {
border:0px;
}
.mailform legend {
padding:0px;
margin:0px;
padding-bottom:10px;
}
.mailform .error {
color:#dd7777;
}
.mailform .Ierror {
border:1px solid red !important;
color:black;
}
.mailform .el {
float:left;
padding:10px 30px 0px 0px;
}
.mailform .el-day {
padding-right:0px;
clear:both;
width:500px;
}
.mailform .el-textarea textarea {
width:375px;
height:60px;
}
.mailform .el-select {
}
.mailform .el-select select {
width:135px;
}
.mailform .el-submit {
clear:both;
}
.mailform .el-submit label {
display:none;
}
.mailform .submit {
padding:5px 20px;
color:#fff;
cursor:pointer;
font-size:20px;
margin-left:120px;
border:0px solid white;
}
.mailform label {
float:left;
display:block;
width:120px;
}
.mailform .formInputs {
float:left;
width:110px;
padding:2px;
border:1px solid #aaa;
background:#ddd;
}
.mailform .formInputsBox {
float:left;
}
.mailform .spacer {
float:left;
height:28px;
width:270px;
}
.mailform .caption, .mailform .title {
clear:both;
margin-left:120px;
width:370px;
}
.mailform .title {
font-weight:bold;
}
/* myscroll */
.myscroll {
width:100%;
height: 211px;
position: relative;
}
.myscroll div.scrollableArea a.item
{
position: relative;
float: left;
margin: 0;
padding: 0;
padding: 0 3px;
}
.myscroll .scrollingHotSpotLeft, .myscroll .scrollingHotSpotRight {
width:75px !important;
display:block !important;
min-width:3px;
height:211px;
}
table.price {
border-collapse:collapse;
}
table.price td, table.price th {
border:1px solid #583614;
vertical-align:middle;
}
#meteoprovbz_widget {
margin-top:20px;
}
#meteoprovbz_widget td, #meteoprovbz_widget table, #meteoprovbz_widget th {
border:0px !Important;
text-align:center !important;
}
#meteoprovbz_widget td {
padding-right:5px !important;
}
#meteoprovbz_widget img {
width:50px;
}#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url("../inc/fancybox/fancybox.png");
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #fff;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url("../inc/fancybox/fancybox.png") -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url("../inc/fancybox/blank.gif");
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url("../inc/fancybox/fancybox.png");
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url("../inc/fancybox/fancybox.png");
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url("../inc/fancybox/fancybox-x.png");
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url("../inc/fancybox/fancybox.png");
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url("../inc/fancybox/fancybox-y.png");
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url("../inc/fancybox/fancybox.png");
background-position: -40px -182px;
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url("../inc/fancybox/fancybox-x.png");
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url("../inc/fancybox/fancybox.png");
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url("../inc/fancybox/fancybox-y.png");
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url("../inc/fancybox/fancybox.png");
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url("../inc/fancybox/fancy_title_over.png");
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url("../inc/fancybox/fancybox.png") -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url("../inc/fancybox/fancybox-x.png") 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url("../inc/fancybox/fancybox.png") -55px -90px no-repeat;
}
test {
}
div.scrollingHotSpotLeft
{
/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
min-width: 75px;
width: 10%;
height: 100%;
/* There is a big background image and it's used to solve some problems I experienced
in Internet Explorer 6. */
background-image: url("../inc/SmoothDivScroll/css/../images/big_transparent.gif");
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
left: 0;
/* The first url is for Firefox and other browsers, the second is for Internet Explorer */
cursor: url("../inc/SmoothDivScroll/css/../images/cursors/cursor_arrow_left.cur"), url("../inc/SmoothDivScroll/css/../images/cursors/cursor_arrow_left.cur"),w-resize;
}
/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
background-image: url("../inc/SmoothDivScroll/css/../images/arrow_left.gif");
background-color: #fff;
background-repeat: no-repeat;
opacity: 0.35; /* Standard CSS3 opacity setting */
-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}
/* Invisible right hotspot */
div.scrollingHotSpotRight
{
min-width: 75px;
width: 10%;
height: 100%;
background-image: url("../inc/SmoothDivScroll/css/../images/big_transparent.gif");
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
right: 0;
cursor: url("../inc/SmoothDivScroll/css/../images/cursors/cursor_arrow_right.cur"), url("../inc/SmoothDivScroll/css/../images/cursors/cursor_arrow_right.cur"),e-resize;
}
/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
background-image: url("../inc/SmoothDivScroll/css/../images/arrow_right.gif");
background-color: #fff;
background-repeat: no-repeat;
opacity: 0.35;
filter: alpha(opacity = 35);
-moz-opacity: 0.35;
zoom: 1;
}
/* The scroll wrapper is always the same width and height as the containing element (div).
Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
div.scrollableArea
{
position: relative;
width: auto;
height: 100%;
}
.list .txt {
color:#333;
}
.homeLink {
position:absolute;
top:90px;
left:0px;
width:255px;
height:66px;
background:url("../tpl/flex/../../img/struct/logo.png") no-repeat left center;
z-index:40;
}
.content h1, .content h2, .content h3{
color:#c50700;
}
.nav a:hover, .nav a.on {
color:#661314;
}
.mailform .submit, .mainMedia-pager a:hover, .mainMedia-pager a.activeSlide, .list .item:hover .more {
background:#b42c1b;
}
.mainMedia {
}
.lng, a {
color:#aaa;
}