body {
margin:0px; background-color: #ffffff;
text-align: center;
background-image: url('../img/jarmark/wall4.jpg'); background-repeat: repeat-x; background-position: top center;
}
p { margin:0; padding:0; margin-bottom:20px; }
img { border:0; }
.zaklad {
margin-left: auto;
margin-right: auto;
width: 1000px; height: auto;
}
h1 {
margin:10px 0 10px 0; padding:0;
font-family:Calibri; font-size:20px;
}
h2 {
margin:10px 0 10px 0; padding:0;
font-family:Calibri; font-size:20px;
}
h2.odsz {
margin:30px 0 10px 0 !important;
}
h2.odsz2 {
margin:26px 0 10px 0 !important;
}
h2.odsz3 {
margin:10px 0 20px 0 !important; font-size:22px;
}
h2.odsz4 {
font-size:20px; margin:30px 0 0 0 !important;
}
h3 {
margin:2px 0 10px 0; padding:0;
font-family:Calibri; font-size:16px;
}
.upper{ text-transform:uppercase; }
.zahlavi {
position:relative; float:left;
width: 1000px; height: 427px;
}
.zahlavi span {
/*position:absolute; width: 470px; height: 90px; background-image: url('../img/jarmark/quotes2.png'); background-position: 0 0; top: 250px; right: 20px; z-index:100;*/
}
.zahlavi img.jarmark {
position:absolute; width: 1000px; height: 427px; left:0; top:0;
}
.zahlavi .balon1 {
position:absolute; width:100px; height:150px; left:40px; top:30px;
}
.zahlavi .balon2 {
position:absolute; width:60px; height:70px; left:280px; top:170px;
}
.zahlavi .balon3 {
position:absolute; width:60px; height:70px; left:430px; top:166px;
}
.zahlavi .balon4 {
position:absolute; width:60px; height:70px; left:640px; top:170px;
}
/* okno */
#okno {
margin: auto; display:none; font-family:Calibri; font-size:20px;
position: fixed; width:40%; height:20%; min-width:250px; text-align:center; color:#fff; padding:4rem 2rem 0 2rem;
top: 0; left: 0; bottom: 0; right: 0; background-color:#167e75; z-index:999;
-webkit-box-shadow: 3px 4px 7px 0px rgba(50, 50, 50, 0.63);
-moz-box-shadow: 3px 4px 7px 0px rgba(50, 50, 50, 0.63);
box-shadow: 3px 4px 7px 0px rgba(50, 50, 50, 0.63);
}
#okno .cancel{
position:absolute; right:1rem; top:1rem; width:34px; height:34px; cursor:pointer;
}
#okno .cancel .cbutton {
fill: #fff; height:100%; /*sv jako image musi byt pomoci jquery preveden na inline svg*/
}
/* =============================================================================
Galerie
============================================================================= */
.album-radek {
float:left; width:100%; height:auto; margin-bottom:20px;
}
.album {
float:left; width:209px; height:auto;
}
.album-bg {
float:left; width:209px; height:147px;
background-image:url("../img/bg-album.gif"); background-repeat:no-repeat;
}
.album .foto {
float:left; width:195px; height:129px; margin:9px 0 0 7px;
background-repeat: no-repeat; background-position: center center;
}
.album .album-popisek {
float:left; width:195px; height:auto; margin:4px 0 0 0; text-align:center; line-height:120%;
}
.album .album-popisek a {
color:#515252; text-decoration:underline;
}
.album .album-popisek a:hover {
color:#515252; text-decoration:none;
}
.fotografie-obal {
float:left; width:195px; margin-right:25px;
}
.fotografie-ram {
float:left; width:195px; border:3px solid #ffffff; outline:1px solid #e6e6e6;
}
.fotografie-foto {
float:left; width:195px; height:140px; background-repeat: no-repeat; background-position: center center;
}
.fotografie-popisek {
float:left; width:195px; height:auto; margin-top:4px; text-align:center; line-height:120%; color:#717171;
}
.form-lr {
float:left; width:auto; height:auto; margin-bottom:15px;
}
.form-left {
float:left; width:140px; height:auto;
text-align:right;
padding-top:4px;
}
.form-right {
float:left; width:550px; height:auto;
margin:0 0 0 15px; display:inline;
text-align:left;
}
form {
margin:0; padding:0;
margin-top:10px;
}
input, textarea, select {
color: #001c32;
font-size: 12px;
font-family: Arial;
width:400px;
border:1px solid #076374;
background-color: #fff;
margin:0; padding:0 0 0 2px;
border-radius:4px;
outline:none;
outline-style:none;
}
input {
padding:6px 6px;
}
textarea {
height:90px;
}
select {
width:300px; height:22px;
padding-top:0; padding-right:0;
margin-top:2px;
}
input[type='checkbox'] {
width:auto; border:0; background-color:transparent; padding:0;
}
input[type='submit'] {
border:0;
width: auto; height:auto; padding:8px; color:#fff; text-transform:uppercase; font-size:14px;
background-color:#ec4626; border-radius:8px;
cursor:pointer;
background: -webkit-linear-gradient(#ef4b2b, #dc2d10);
background: -o-linear-gradient(#ef4b2b, #dc2d10);
background: -moz-linear-gradient(#ef4b2b, #dc2d10);
background: linear-gradient(#ef4b2b, #dc2d10);
}
/* =============================================================================
Skript: Lightbox
============================================================================= */
#jquery-overlay { position:absolute; top:0; left:0; z-index:110; width:100%; height:500px; }
#jquery-lightbox { position: absolute; top:0; left:0; width:100%; z-index:120; text-align:center; line-height:0; }
#jquery-lightbox a img { border:0;}
#lightbox-container-image-box { position:relative; background-color:#FFFFFF; width:250px; height:250px; margin: 0 auto; }
#lightbox-container-image { padding:10px; }
#lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block; }
#lightbox-nav-btnPrev { left:0; float:left; }
#lightbox-nav-btnNext { right:0; float:right; }
#lightbox-container-image-data-box { font:10px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow:auto; width:100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; }
#lightbox-image-details-caption { font-weight:bold; }
#lightbox-image-details-currentNumber { display: block; clear:left; padding-bottom:1.0em; }
#lightbox-secNav-btnClose { width:66px; float:right; padding-bottom: 0.7em; }
a.vice { color:#cc470e; text-decoration:underline; }
a.vice:hover { color:#cc470e; text-decoration:none; }
a { color:#cc470e; text-decoration:underline; }
a:hover { color:#cc470e; text-decoration:none; }
a.cerveny { color:#ff0000; text-decoration:underline; }
a.cerveny:hover { color:#ff0000; text-decoration:none; }
.menu { float:left; width:100%; height:32px; background-color:#076374; }
ul#menicko {
list-style-type:none;
padding:0;
margin:0 0 0 20px;
text-align:left;
}
ul#menicko li {
float:left; width:auto;
margin:0 0 0 0;
padding:0;
}
ul#menicko li a{ float:left; height:32px; color:#ffffff; text-transform:uppercase; font-family:Arial; text-decoration:none; }
ul#menicko li a:hover{ color:#ffffff; text-decoration:underline; background-color:#1a8690; }
ul#menicko li a span{ float:left; padding:6px 9px 0 9px; }
ul#menicko li a.aktivni{ background-color:#1a8690; }
.obsah {
float:left;
width: 930px; height:auto; margin:10px 0 0 20px;
text-align:justify; font-family:Calibri; font-size:16px;
}
.obsah.mensi {
width: 730px;
}
.obsah ul {
float:left; width:100%; list-style-type:none;
padding:0;
margin:0; margin-bottom:10px; margin-top:10px;
text-align:left;
}
.obsah li {
float:left; height:auto; width:100%;
BACKGROUND:url("../img/dot2.gif"); background-repeat:no-repeat; background-position:0px 4px;
margin-left:10px;
padding-left:18px;
margin-bottom:18px;
}
.prezentace {
float:left; width:730px; height:auto; margin:10px 0 18px 10px; display:none;
}
.org-loga img {
margin-left:35px;
}
.org-loga img.nom {
margin-left:0;
}
.org-loga .titulek {
display:inline-block; position:relative; top:-10px; margin-right:25px; line-height:105%;
}
.org-loga .titulek.dva {
margin-left:60px;
}
.prava {
float:left; display:none;
width: 180px; height:auto; margin:10px 0 0 28px;
text-align:left; font-family:Calibri; font-size:14px;
}
.prava.vetsi {
width: 228px; display:block; margin:10px 0 0 20px;
}
.novinka img.akt {
width:100%; height:auto;
}
.novinka h2 {
font-weight:normal; font-size:1.2rem;
}
.novinka p {
font-size:1rem; margin-bottom:4px;
}
.novinka-detail img.akt {
float:left; width:200px; height:auto; margin:4px 10px 10px 0;
}
.fb-like{
float:left; border:0; margin-top:20px; margin-bottom:5px;
}
.patka { float:left; width:100%; height:120px; margin-top:10px; font-family:Calibri; font-size:16px; color:#fff;
background-image: url('../img/jarmark/wall3b.jpg'); background-repeat: repeat-x; background-position: top center; }
.patka-logo { float:left; width:340px; margin-top:20px; text-align:left; line-height:140%; }
.patka a { color:#fff; }
.patka-kontakt { float:left; width:330px; margin-top:16px; text-align:left; line-height:140%; }
.patka-mapa { float:left; width:325px; margin-top:20px; text-align:left; }
.patka-mapa img { border:1px solid #5e5d5d; }
.harvester {
display: block;
padding: 1rem;
/*border: 4px solid #318983;*/
border-radius:6px;
transition: background 1s ease;
background-color:#318983;
}
.harvester input {
/*border-radius:0;*/
}
a.more + .harvester { margin-top:1.2rem }
.harvester.yellow .harvester-unit:first-child {
width: 100%;
}
.harvester-trigger:hover .harvester {
background: rgba(255, 255, 255, 0.5);
}
.harvester-unit {
display: block;
}
@media all and (min-width: 10px) {
.harvester {
display: table; width:95%;
}
.harvester-unit {
display: table-cell;
}
.unit1 {
width:80%;
}
.unit2 {
width:20%;
}
}
.harvester-button {
text-align: center;
display: block;
background: #333;
color: #fff;
font-size: 1.1rem;
font-weight: 900;
transition: all .5s ease;
padding: 1.1rem 2.8rem;
width:100%; box-sizing:border-box;
text-decoration:none;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
}
.harvester-field {
margin: 0;
padding: 0;
border: none;
font-size: 1.1rem;
padding: 1.1rem;
font-weight: 100;
font-family: inherit;
text-align: center;
display: block;
width: 100%;
}
.harvester-field:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
.harvester-field:focus::-webkit-input-placeholder { color: transparent; }
.harvester-field:focus:-moz-placeholder { color: transparent; } /* Firefox 18- */
.harvester-field:focus::-moz-placeholder { color: transparent; } /* Firefox 19+ */
.harvester-field:focus:-ms-input-placeholder { color: transparent; }
.harvester.yellow .harvester-field {
width: 100%;
}
.harvester-button:hover {
background: #0a6a69;
color: #fff;
}
@media all and (min-width: 10px) {
.harvester-button {
display: inline;
}
.harvester-field {
display: inline-block;
}
}