body {
font-size: 12px;
font-family: Verdana, "Helvetica CE", "Arial CE", sans-serif;
margin: 1em auto;
padding: 0;
color: #000;
background-color: #eee;
}
a, a:visited {
color: #C00;
text-decoration: underline;
}
a:hover {
color: #000;
text-decoration: none;
}
img {
margin: 0;
}
p {
font-family: Verdana, "Helvetica CE", "Arial CE", sans-serif;
line-height: 1.4em;
text-align: left;
text-indent: 0px;
margin: 15px 0 0 0;
padding: 0px;
font-size: 1.0em;
color: #000;
}
h1 {
font-size: 1.2em;
color: #248;
letter-spacing: 0.1em;
margin: 0;
padding: 0;
}
#logo h2 {
font-size: 3em;
font-weight: normal;
color: #fff;
letter-spacing: 0.5em;
padding: 10px 0;
margin: 0;
}
#logo h3 {
font-size: 1.2em;
font-weight: normal;
color: #fff;
letter-spacing: 0.2em;
padding: 10px;
margin: 0;
}
h3.data {
font-size: 1.0em;
font-weight: bold;
color: #000;
letter-spacing: 0em;
padding: 1em 0.5em 0.3em;
margin: 1em 0;
clear: both;
border-bottom: 1px dashed #333;
}

/* NAVIGACE - MENU */
#navigace ul
{
height: auto;
margin: 0;
font-size: 1.1em;
border-top: 1px solid #049;
border-bottom: 1px solid #049;
position: relative;
padding: 0;
margin: 0;
background-color: #fd3;
float: left;
width: 100%;
font-weight: bold;
}
#menuMainList li { 
display: inline; 
}
#menuMainList li a {
float: left; padding: 0.1em 1em; background-color: #fd3; color: #000; text-decoration: none; border-right: 1px solid #ccc;
}
#menuMainList li a:hover {
background-color: #aaa!important; color: #000;
}
#menuMainList li a.selected {
background-color: #ccc; color: #000;
}
#menuSub {
position: absolute; left:0; top: 1.45em; font-size: 1em; width:100%; z-index: 100;
}
#menuSubList {
background: #ccc!important;
}
#menuSubList {
display: inline; float: left; 
}
#menuSubList li a {
font-size: 0.9em; background-color: #ccc!important; color: #000;
}
#menuSubList li a:hover {
background-color: #aaa!important; color: #000;
}
#menuSubList li a.selected {
background-color: #aaa; color: #000;
}


/* RUZNE */
div.peekaboo {width: 100%; text-align: left;}
div.data-item {width: 50%; text-align: left; padding: 0.2em 1em; border-bottom: 1px solid #fff;}
div.data-item:hover {border-left: 5px solid #049; border-bottom: 1px solid #049;}
div.data-item span {width: 8em; float: left;}

a.pix, a.pix:visited {background-color: #fff; padding: 0 .5em}
a.pix:hover {background-color: #c00;}
a.pix img, a.pix:visited img {border: 1px solid #000; margin: 10px 0 3px 0; padding: 0px; -moz-opacity: 0.8; filter: alpha(opacity=80);}
a.pix:hover img {border: 1px dashed #c00; -moz-opacity: 1; filter: alpha(opacity=100);}



/* cLASS - tridy */
.data-item {width: 80px; text-align: center; font-size: 0.9em;}
.note {clear: left; font-size: 0.9em; padding-top: 5px;}
.float-left { float: left; }
.float-right { float: right; }
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.clear-left {clear: left;}
.hidden {display: none;}
.noborder {border: none;}
.ramecek-vnitrni {padding: 0 20px 20px 20px;}
.news {padding: 0 0 1em 0;}
.news span {color: #248;}

/* TEXTOVA CAST */
#hlavni {
text-align: left; background-color: #fff; color: #000; margin-top: 1em;
}

.seznam li {list-style-type: circle; line-height: 1.5em; color: #000;}

#planeShow {margin-top: 1em; font-size: 1.2em; clear: left;}
#planeShow a {color: #049!important; text-decoration: underline; font-weight: bold; padding: 0.5em;}
#planeShow a:hover {color: #fff!important; text-decoration: none; background: #00f; padding: 0.5em;}
#planeShow img {vertical-align:middle; padding-right: 2em;}

/* VENKOVNI RAMECEK */
#ramecek-venkovni {
width: 750px;
margin: 10px auto 0;
padding: 0;
background-color: #fff;
border: 1px solid #049;
}

/* LOGO */
#logo {
height: 130px;
background: url(../pix/katana-logo.jpg) no-repeat center left;
text-align: right;
margin: 0;
padding: 1px 0 0 0;
}
#logotext {
padding: 20px;
}

/* JAZYK */
#lang {
text-align: right;
padding: 0 10px 0 0;
position: relative;
top: 2em;
}
#lang img {
border: 1px solid #000;
margin-top: 5px;
}
#lang a img { 
margin-left: 6px;
-moz-opacity: 0.5; 
filter: alpha(opacity=50); 
}
#lang a:hover img { 
-moz-opacity: 1; 
filter: alpha(opacity=100); 
}

/* PATICKA */
#copyright {
clear: both;
color: #049;
text-align: center;
font-size: 0.8em;
padding: 0;
margin: 0 0 10px 0;
}
#copyright a, #copyright a:visited {
color: #049;
text-decoration: none;
}
#copyright a:hover {
color: #049;
text-decoration: underline;
}

#tel {background: url(../pix/icon_tel.gif) left center no-repeat; padding-left: 15px; float:left; width: 3em;}
#mail {background: url(../pix/icon_mail.gif) left center no-repeat; padding-left: 15px; float:left; width: 3em;}

h2.gallery {color: #000; font-weight: bold; padding: 0; border-bottom: 1px dotted #333; margin-top: 25px;}

.fotoSection {
width: 110px; border: 1px solid blue; padding: 0.5em; margin: 0.5em; background: #fff; text-align: center; float: left;
}
.fotoSection img {
border: 1px solid #000; padding: 1px; -moz-opacity: 0.75; filter: alpha(opacity=75); 
}
div.fotoSection:hover {
font-weight: bold; background: #ff9; border: 1px dashed red;
}
div.fotoSection:hover img {
-moz-opacity: 1; filter: alpha(opacity=100); 
}
.fotoSection2 img {
border: 1px solid #000; padding: 1px; margin: 0.5em; -moz-opacity: 0.75; filter: alpha(opacity=75); 
}
.fotoSection2 img:hover {
border: 1px dashed blue; padding: 1px; -moz-opacity: 1; filter: alpha(opacity=100); 
}

h2 {font-size: 1.1em;}
h4 {width: 100%; background: red; clear: both;}

h2.gallery {color: #000; font-size: 1.0em; font-weight: bold; padding: 0; border-bottom: 1px dotted #333; margin-top: 25px;}

.video {text-align: left;}
.video img {border: 1px solid #000; margin: 0.5em;}
.video h4 {text-decoration: none; font-size: 1.0em; color: #00c; background: #fff;}
.video span {font-size: 0.9em; padding: 1.5em 0;}

#w3org {text-align: right;}
#w3org img {border: 0px solid #fff;}

#banners img {border: 0px solid #fff;}

.column {width: 10em; float: left;}

div.model {border: 1px solid #fff; padding: 0.5em;}
div.model:hover {border: 1px solid #049; background: #eee; padding: 0.5em;}
div.model h3 {padding: 0; margin: 0; font-size: 1.0em;}
h2.cenik {border-bottom: 1px dashed #000; font-size: 1.1em;}

div.end {border: 1px solid #d22; background-color: #ffc; color: #d22; padding: 0 1em; margin: 1em; text-align: center;}
.end h2 {font-size: 2em; font-weight: normal; letter-spacing: .2em;}
.end h5 {font-size: 1em;}