/* general */

* {
margin: 0;
padding: 0;
border: 0;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 80%;
color: #666666;
text-align: center;
background: #b2b2b2 url("../grafika/bg.jpg") repeat-x;
}

a, a:link {
color: #00a8bd;
color: #007583;
text-decoration: underline;
}

a:visited {
color: #00a8bd;
color: #007583;
}

a:hover, a:active, a:focus {
color: #00a8bd;

}

.blue {
color: #007583;
}

.lightblue {
color: #00a8bd;
}

/* logo */
h1 {
width: 409px;
height: 285px;
color: #007583;
font-size: 190%;
text-transform: uppercase;
float: left;
}

h1 a {
display: block;
}

/* aktivni polozka menu */
h2 {
height: 95px;
font-size: 100%;
font-weight: bold;
color: white;
overflow: hidden;
text-align: center;
position: relative;
}

h3 {
font-size: 110%;
font-weight: bold;
color: #007583;
text-transform: uppercase;
margin: 0 0 10px 0;
}

h3.first {
margin-top: 0;
}

#inner h3 {
margin: 0;
margin-left: 250px;
}

h4 {
font-size: 115%;
color: #999;
margin: 0;
}

h4:before {
content: "";
}

p {
margin: 10px 0;
line-height: 150%;
font-size: 95%;
}

ul {
margin: 10px 0;
line-height: 200%;
}

li {
margin-left: 30px;
list-style: square;
}

.cistic {
_height: 1px;
_width: 1px;
_font-size: 1px;
_line-height: 1px;
_margin: -1px -1px 0 0;
clear: both;
}

.strong {
font-weight: bold;
}

img.left {
margin: 20px 70px 20px 0;
float: left;
}

img.right {
border: 1px solid #fae637;
margin: 0 0 20px 20px;
float: right;
}

input {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
=font-size: 85%;
border: 1px solid rgb(194,194,194);
}
textarea {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 90%;
=font-size: 85%;
border: 1px solid rgb(194,194,194);
}
/***************** layout *************/

#main {
width: 866px;
margin: 0 auto;
text-align: left;
background: white url("../grafika/bg2.jpg") repeat-y;
}

#foto {
width: 397px;
height: 275px;
padding: 10px 60px 0 0;
text-align: right;
color: #00a8bd;
font-size: 80%;
background: url("../grafika/foto.jpg") no-repeat;
float: left;
}




/*** menu ***/

ul#menu {
width: 828px;
height: 95px;
font-size: 100%;
margin: 0;
padding: 0 0 0 38px;
line-height: 100%;
background: url("../grafika/bg3.jpg") no-repeat 0 0;
float: left;
}

ul#menu li {
width: 146px;
height: 95px;
line-height: 95px;
margin: 0;
padding: 0;
list-style: none;
color: white;
display: block;
background: #007583 url("../grafika/menu.jpg") no-repeat 0 0;
text-transform: uppercase;
position: relative;
float: left;
}

ul#menu li#prvni {
width: 146px;
}

ul#menu li#druhy {
width: 141px;
}

ul#menu li#treti {
width: 148px;
}

ul#menu li#ctvrty {
width: 105px;
}

ul#menu li#paty {
width: 116px;
}

ul#menu li#sesty {
width: 134px;
}

li#prvni span,
li#druhy span,
li#treti span,
li#ctvrty span,
li#paty span,
li#sesty span {
width: 146px;
height: 95px;
display: block;
background: url("../grafika/menu.jpg") no-repeat 0 -95px;
position: absolute;
left: 0;
top: 0;
text-align: center;
overflow: hidden;
}

li#druhy span {
width: 141px;
background: url("../grafika/menu.jpg") no-repeat -146px -95px;
}

li#treti span {
width: 148px;
background: url("../grafika/menu.jpg") no-repeat -287px -95px;
}

li#ctvrty span {
width: 105px;
background: url("../grafika/menu.jpg") no-repeat -435px -95px;
}

li#paty span {
width: 116px;
background: url("../grafika/menu.jpg") no-repeat -540px -95px;
}

li#sesty span {
width: 134px;
background: url("../grafika/menu.jpg") no-repeat -656px -95px;
}

li#prvni a, li#prvni a:link,
li#druhy a, li#druhy a:link,
li#treti a, li#treti a:link,
li#ctvrty a, li#ctvrty a:link,
li#paty a, li#paty a:link,
li#sesty a, li#sesty a:link {
width: 146px;
height: 95px;
color: white;
text-align: center;
display: block; /*dulezite*/
position: absolute;
left: 0;
top: 0;
background: url("../grafika/menu.jpg") no-repeat 0 0;
overflow: hidden;
}

li#druhy a, li#druhy a:link {
width: 141px;
background: url("../grafika/menu.jpg") no-repeat -146px 0;
}

li#treti a, li#treti a:link {
width: 148px;
background: url("../grafika/menu.jpg") no-repeat -287px 0;
}

li#ctvrty a, li#ctvrty a:link {
width: 105px;
background: url("../grafika/menu.jpg") no-repeat -435px 0;
}

li#paty a, li#paty a:link {
width: 116px;
background: url("../grafika/menu.jpg") no-repeat -540px 0;
}

li#sesty a, li#sesty a:link {
width: 134px;
background: url("../grafika/menu.jpg") no-repeat -656px 0;
}

li#prvni a:hover, li#prvni a:focus, li#prvni a:active,
li#druhy a:hover, li#druhy a:focus, li#druhy a:active,
li#treti a:hover, li#treti a:focus, li#treti a:active,
li#ctvrty a:hover, li#ctvrty a:focus, li#ctvrty a:active,
li#paty a:hover, li#paty a:focus, li#paty a:active,
li#sesty a:hover, li#sesty a:focus, li#sesty a:active {
color: #ccc;
background: url("../grafika/menu.jpg") no-repeat 0 -95px;
}

li#druhy a:hover, li#druhy a:focus, li#druhy a:active {
background: url("../grafika/menu.jpg") no-repeat -146px -95px;
}

li#treti a:hover, li#treti a:focus, li#treti a:active {
background: url("../grafika/menu.jpg") no-repeat -287px -95px;
}

li#ctvrty a:hover, li#ctvrty a:focus, li#ctvrty a:active {
background: url("../grafika/menu.jpg") no-repeat -435px -95px;
}

li#paty a:hover, li#paty a:focus, li#paty a:active {
background: url("../grafika/menu.jpg") no-repeat -540px -95px;
}

li#sesty a:hover, li#sesty a:focus, li#sesty a:active {
background: url("../grafika/menu.jpg") no-repeat -656px -95px;
}


/**obsah**/

#pruh {
width: 828px;
padding-left: 38px;
background: url("../grafika/bg2.jpg") repeat-y;
float: left;
}

#vnitrni {
width: 828px;
margin: 20px 0;
background: url("../grafika/tecky.jpg") repeat-y;
}

.text {
width: 203px;
padding: 0 30px;
min-height: 140px;
_height: 140px;
float: left;
}

.text p {
font-size: 90%;
=font-size: 85%;
line-height: 130%;
}

.last {
background: none;
}

#obsah {
width: 866px;
background: url("../grafika/bg2.jpg") repeat-y;
float: left;
}

#inner {
width: 650px;
min-height: 300px;
_height: 300px;
padding: 40px 70px 20px 108px;
background: url("../grafika/sub.jpg") no-repeat top left;
float: left;
}

#inner2 {
width: 650px;
min-height: 300px;
_height: 300px;
padding: 40px 70px 20px 108px;
float: left;
}
/* partneri */

.logo, .part {
width: 180px;
margin: 20px 70px 0 0;
text-align: right;
float: left;
}

.partner {
width: 400px;
margin-top: 20px;
float: left;
}

/* fotogalerie */

.partner img {
margin: 0 10px 10px 0;
border: 1px solid #999;
}

.partner a:hover img {
border: 1px solid #00a8bd;
}

.logo img {
margin: 0 10px 10px 0;
border: 1px solid #999;
}

.logo a:hover img {
border: 1px solid #00a8bd;
}

/* propozice zavodu */

#navigace {
font-size: 110%;
font-weight: bold;
color: #007583;
text-transform: uppercase;
margin: 0 0 10px 0;
}

#navigace a, #navigace a:link {
font-weight: normal;
color: #999;
text-decoration: underline;
}

#navigace a:visited {
color: #999;
text-decoration: none;
}

#navigace a:hover, #navigace a:focus, #navigace a:active {
color: #00a8bd;
text-decoration: underline;
}

.foto {
width: 280px;
margin: 20px 10px 0 0;
float: left;
}

.propozice {
width: 360px;
margin-top: 20px;
float: left;
}

.foto1 {
width: 200px;
margin: 20px 20px 0 0;
float: left;
}

.propozice1 {
width: 430px;
margin-top: 20px;
float: left;
}


.text-siroky {
width: 660px;
margin-top: 20px;
float: left;
}



/* paticka */


#paticka {
width: 866px;
height: 40px;
line-height: 40px;
font-size: 90%;
=font-size: 85%;
color: #999;
float: left;
clear: both;
}

#paticka a, #paticka a:link,
#foto a, #foto a:link {
color: #999;
}

#paticka a:visited,
#foto a:visited {
color: #999;
}

#paticka a:hover, #paticka a:active, #paticka a:focus,
#foto a:hover, #foto a:active, #foto a:focus {
color: #00a8bd;
}

#paticka #vlevo {
width: 296px;
padding: 0 0 0 70px;
float: left;
}

#paticka #vpravo {
width: 430px;
font-size: 90%;
padding: 0 70px 0 0;
text-align: right;
text-transform: uppercase;
float: left;
}

.oddelovac {
margin: 0 7px;
color: #007583;
}

/* fotogalerie */

td.gal-item {
  width: 130px;
  height: 130px;
  background-color: #eee;
}

td.gal-item img {
  margin: 0px;
  padding: 0px;
}