/* resetovaci */
html,body,
applet,object,iframe,
h1, h2, h3, h4, h5, h6 ,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,form,label,
table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
font-family: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol,ul {
list-style-type: circle;
}
q:before,q:after,
blockquote:before,blockquote:after {
content: "";
}
.reset {
clear: both;
line-height: 0px;
width:1px;
visibility: hidden;
}
/* konec reset */
body {
font-family: Tahoma, Verdana, Helvetica, Geneva, Arial;
font-size: 12px;
color: #05388e;
background: #a6acb0;
text-align: center;
margin: 0;
padding: 0 0 40px 0;
}
h1 {
position: absolute;
margin: 56px 0 0 21px;
}
h1 span {
display: none;
}
h2 {
font-size: 18px;
font-weight: bold;
color: #05388e;
}
h2 span {
font-size: 17px;
font-weight: normal;
color: #737373
}
h3 {
font-size: 12px;
font-weight: bold;
color: #05388e;
}
p {
font-weight: normal;
}
form {
font-size: 12px;
}
form a {
color: #05388e;
font-size: 11px;
}
form a:hover {
color: #000;
}
.ram {
position: relative;
background: #dbdbdb;
border: solid 10px #fff;
width: 939px;
margin: 0 auto;
text-align: left;
}
.head {
width: 939px;
height: 219px;
background: url(img/back-head.jpg) no-repeat;
}
.container-body {
width: 939px;
background: url(img/back-head-bottom.jpg) #dbdbdb no-repeat;
}
.container-left {
float: left;
}
.container-right {
float: right;
width: 665px;
}
.right-bannery {
float: right;
margin: 105px 0 0 0;
padding: 5px 0 40px 0;
border-left: solid 1px #fff;
text-align: center;
width: 168px;
}
.right-bannery span {
display: block;
font-size: 14px;
font-weight: bold;
margin: 0 0 20px 0;
}
.right-obsah {
float: left;
width: 480px;
margin: 49px 0 0 0;
color: #6684a0;
}
.right-obsah p {
margin: 10px 10px 10px 20px;
}
.right-obsah object {
}
.menu-left-top {
position: relative;
margin: 0 0 0 34px;
width: 212px;
height: 79px;
background: url(img/back-menu-top.jpg) no-repeat;
}
ul#mainMenu
{
padding: 0;
margin: 0;
list-style-type: none;
}
ul#mainMenu ul
{
padding: 0;
margin: -30px 0 0 168px;
background: #fff repeat-x;
list-style-type: none;
border: 6px solid #05388e;
}
ul#mainMenu li
{
margin: 0 15px;
border-bottom: 1px solid #a0a7af;
padding: 0 0 5px 0;
}
ul#mainMenu a
{
display: block;
width: 170px;
line-height: 20px;
font-size: 12px;
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 10px 0 0 0;
}
ul#mainMenu a:hover {
color: #d4d8e0;
}
ul#mainMenu ul a
{
display: block;
width: 165px;
font-size: 12px;
color: #305791;
font-weight: bold;
text-decoration: none;
padding: 10px 0 2px 0;
}
ul#mainMenu ul a:hover
{
color: #000;
}
ul#mainMenu ul
{
position:absolute;
visibility:hidden;
background-color:white;
}
ul#mainMenu li:hover ul, ul#mainMenu li.hover ul
{
visibility:visible;
}
ul#mainMenu li li
{
float:none;
border-bottom: 1px solid #05388e;
padding:0;
margin-bottom: -1px;
}
ul#mainMenu li
{
behavior: url(hover.htc);
}
.menu-back {
border-left: solid 6px #fff;
border-right: solid 6px #fff;
background: url(img/back-menu-body.jpg) #a0a7af repeat-x;
width: 200px;
margin: 0 0 0 34px;
}
.menu-left-bottom {
position: relative;
margin: 0 0 0 13px;
width: 256px;
height: 68px;
background: url(img/back-menu-bottom.jpg) no-repeat;
}
ul.adr-left-menu {
list-style-type: none;
color: #fff;
font-size: 10px;
line-height: 20px;
margin: 30px 0 0 15px;
padding: 0 ;
}
ul.adr-left-menu li img {
margin: 15px 0 0 15px;
}
ul.adr-left-menu li {
font-weight: normal;
}
.cedulka-cz {
position: absolute;
top: 131px;
right: 0;
width:211px;
height: 181px;
background: url(img/cedulka-cz.gif);
}
.cedulka-de {
position: absolute;
top: 131px;
right: 0;
width:211px;
height: 181px;
background: url(img/cedulka-de.gif);
}
.cedulka-esp {
position: absolute;
top: 131px;
right: 0;
width:211px;
height: 181px;
background: url(img/cedulka-esp.gif);
}
.cedulka-it {
position: absolute;
top: 131px;
right: 0;
width:211px;
height: 181px;
background: url(img/cedulka-it.gif);
}
.cedulka-uk {
position: absolute;
top: 131px;
right: 0;
width:211px;
height: 181px;
background: url(img/cedulka-uk.gif);
}
.cedulka-ru {
position: absolute;
top: 131px;
right: 0;
width:211px;
height: 181px;
background: url(img/cedulka-ru.gif);
}
ul.jazyky {
position: absolute;
margin: 0;
top: 0;
right: 10px;
}
ul.jazyky li, ul.pikto li {
float: left;
list-style-type: none;
}
ul.jazyky li a {
margin: 0 3px;
}
ul.pikto {
position: absolute;
margin: 0;
top: 25px;
right: 50px;
}
ul.pikto li a {
margin: 0 5px;
}
p.copy {
position: absolute;
right: 0;
bottom: -45px;
color: #305791;
font-size: 10px;
padding: 0;
margin: 0;
}
p.copy img {
vertical-align: middle;
margin: 0 15px 0 0;
}
p.copy a {
color: #305791;
font-size: 7pt;
}
p.copy a:hover {
color: #000;
}
p.pocasi img {
margin: 6px;
}
p.banner {
padding: 20px 0;
}
/* ---------------- dodelavky */
/*#form4 input, #form4 select */
#form4 .input-text {
margin: 5px 0 5px 10px;
width: 330px;
background: #d4d8e0;
padding: 3px;
font-size: 11px;
}
#form4 .input-text-2{
margin: 5px 0 5px 10px;
background: #d4d8e0;
padding: 3px;
font-size: 11px;
border:1px solid #05378e;
}
#form4 select {
margin: 5px 0 5px 10px;
width: 330px;
background: #d4d8e0;
padding: 3px;
font-size: 11px;
}
#form4 select {
width: 335px;
background: #fff;
}
#form4 select.input-select-maly{
margin: 5px 0 5px 10px;
width:55px;
border:1px solid #05378e;
background: #d4d8e0;
/*margin:0;*/
}
#form4 textarea {
margin: 5px 0 5px 10px;
height: 100px;
}
#form4 {
margin: 20px 0 0 0;
}
#form4 input.input-button{
float: right;
width: 70px;
color: #05388e;
background: #d4d8e0;
padding: 3px;
font-size: 11px;
}
#form4 input.input-pocet {
width: 70px;
color: #05388e;
background: #d4d8e0;
padding: 3px;
font-size: 11px;
border:1px solid #05378e;
margin: 5px 0 0 10px;
}
#form4 input.input-check{
margin: 5px;
}
input#casdo, input#casod {
width: 80px;
background: #fff;
margin: 5px 10px 5px 5px;
}
#pravy-sloupec-gallery ul {
padding: 0;
margin: 0;
list-style-type: none;
}
#pravy-sloupec-gallery ul li a img {
border: solid 2px #6684a0;
padding: 4px
}
#pravy-sloupec-gallery ul li {
margin: 0 0 10px 0;
}
#pravy-sloupec-gallery ul li a:hover img {
border: solid 2px #05388e;
padding: 4px
}
#galerie ul {
padding: 0;
margin: 0;
list-style-type: none;
}
#galerie li {
float: left;
line-height: 150px;
border: solid 1px #5f7eb0;
text-align: center;
width: 150px;
height: 150px;
margin: 8px 8px 8px 0;
}
#galerie li a img{
border: solid 2px #05388e;
vertical-align: middle;
}
#galerie li a:hover img {
border: solid 2px #fff;
}
#galerie li img{
vertical-align: middle;
}
a.vizitka {
display: block;
float: left;
width: 225px;
height: 145px;
border: solid 1px #305791;
text-decoration: none;
background: #fff;
margin: 25px 10px 0 0;
cursor: hand;
}
a:hover.vizitka {
border: solid 1px #000;
}
span.jm-lod {
display: block;
width: 225px;
padding: 3px 0;
text-align: center;
font-size:15px; font-weight:bold; color:#fff;
background: #05388e;
}
a:hover.vizitka span.jm-lod {
background: #305791;
}
span.img-lod {
display: block;
float: left;
margin: 3px;
}
span.pocet-lod {
display: block;
background: url(img/panacci.jpg) no-repeat;
float: right;
width: 81px;
height: 56px;
font-weight: bold;
color: #5f7eb0;
margin: 20px 2px 0 0;
font-size: 11px;
}
em.vrsek {
position: absolute;
font-weight: bold;
font-style: normal;
padding:15px 0 0 10px;
}
em.spodek{
position: absolute;
font-weight: bold;
font-style: normal;
padding:15px 0 0 33px;
color: #a2a2a2;
}
.flash-index {
width: 484px;
margin: 0 0 0 -8px;
background: url(img/back-flash.jpg) left no-repeat;
}
a.vizitka-plavba {
display: block;
float: left;
width: 450px;
height: 145px;
border: solid 1px #305791;
text-decoration: none;
background: #fff;
margin: 25px 10px 0 0;
cursor: hand;
}
img.viz-top {
position: absolute;
}
a:hover.vizitka-plavba {
border: solid 1px #000;
}
span.jm-plavba {
display: block;
width: 450px;
padding: 3px 0;
text-align: center;
font-size:15px; font-weight:bold; color:#fff;
background: #05388e;
}
a:hover.vizitka-plavba span.jm-plavba {
background: #305791;
}
span.img-plavba {
display: block;
float: left;
margin: 3px;
}
span.popis-plavba {
display: block;
float: right;
width: 305px;
height: 56px;
font-weight: bold;
color: #5f7eb0;
margin-top:5px;
font-size: 11px;
}
ul#strankovani {
margin: 10px 0 0 0;
}
ul#strankovani li a {
background: none;
border: solid 1px #f7f7f7;
font-size: 11px;
margin: 0 2px;
}
#kontakt-sloupec, p.banner {
font-size:11px;
}
/* styly pro platebni formulare atd */
input.disabled,
#form4 input.disabled {border:1px solid gray;background: gray; color: white;}
#voucher {
color: black;
}
#voucher table {
width: 100%;
background-color: white;
border: 2px solid #05388e;
}
#voucher td {
/* border: 1px dashed gray;*/
padding: 3px;
padding-left: 8px;
}
#voucher button {
margin: 20px;
margin-left: 200px;
padding-left: 20px;
padding-right: 20px;
}
#voucher .plavba{
color: #032054;
font-weight: bold;
}
#voucher h3{
color: #05388e;
font-size: 14px;
width: 100px;
}
/*
#voucher .mapka_evd{
background: white url(img/mapka-menu.gif) no-repeat bottom;
height: 120px;
}
#voucher .logo_evd{
background: white url(img/logo_evd.gif) no-repeat left;
width: 68px;
height: 68px;
}
*/
.centeredimage
{
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}