* {margin: 0; padding: 0;}


body {	padding: 0;
	color: #333;
	background: url(../img/bgBody.gif) top left repeat-x;
	background-color: #F9CC60;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 80%;
	text-align: center;
	padding-bottom: 10px;
}

table {font-size: 100%;}

/* layout */

#obal {background: url(../img/bgObal.gif) top left repeat-y; text-align: left; margin: 0 auto; width: 1000px;}
#main {background: url(../img/bgMain.jpg) top left no-repeat; border: solid #FDEFCE; border-width: 0 1px 1px 1px;}
#header {position: relative; height: 151px;}
#leftHolder {position: relative; z-index: 2; float: left; width: 199px;}
#left {margin-bottom: 1.33em;}
#projektyHolder {position: relative; z-index: 1; float: right; width: 799px; height: 149px;}
#projekty {margin: 18px 0 0 12px;}
#centerHolder {float: left; width: 552px;}
#center {margin: 10px 30px 0 25px;}
#rightHolder {float: right; width: 247px;}
#right {margin: 15px 10px;}
#footer {color: #600; background: url(../img/bgFooter.gif) top left repeat-y; font-size: 85%; padding: 2px 0;}

/* header */

h1#logo {position: absolute; top: 10px; left: 18px;}
h1#logo a, h1 a span {background: url(../img/Logo.png) top left no-repeat; display: block; width: 161px; height: 130px;}
h1#logo a {position: relative; z-index: 1; overflow: hidden;}
h1#logo a span {position: absolute; z-index: 2; top: 0; left: 0;}

/* left */

p#nastroje {font-size: 85%; margin: 10px 0 0 10px; padding-bottom: 20px;}
p#nastroje a {color: #600; background: top left no-repeat; text-decoration: none; display: block; float: left; padding-left: 15px; margin-right: 7px;}
p#nastroje a#search {background-image: url(../img/bgSearch.jpg);}
p#nastroje a#sitemap {background-image: url(../img/bgMap.jpg); padding-left: 27px;}
p#nastroje a#en {background-image: url(../img/bgEn.jpg); padding-left: 22px;}
p#nastroje a#cz {background-image: url(../img/bgCZ.jpg); padding-left: 22px;}
p#nastroje a:hover {text-decoration: underline;}

ul#menu {background: #FFF1C5; list-style: none; margin: 0 6px 5px 5px; padding-bottom: 2px;}
ul#menu ul, ul#menu ul ul, ul#menu li:hover ul ul {display: none; list-style: none; border: solid #fc6; border-width: 0 1px 1px 1px;}
ul#menu li {border-top: 1px solid #fc6; position: relative;}
ul#menu li a {color: #600; background: url(../img/bgMenu.gif) top right no-repeat; font-weight: bold; text-decoration: none; display: block; margin: 2px; padding: 2px 10px;}
ul#menu li:hover ul, ul#menu li:hover ul li:hover ul {background: #FFF1C5; display: block; position: absolute; top: 0; left: 188px; width: 188px;}
ul#menu li:hover ul a {background-color: #FFF1C5;}
ul#menu li a:hover, ul#menu li:hover a, ul#menu li:hover li:hover a, ul#menu li:hover li:hover li a:hover {background-color: #FBE2A5;}
ul#menu li:hover li:hover li a {background-color: #FFF1C5;}

#ucet {background: url(../img/ucetTop.gif) top left no-repeat; background-color: #FFF1C5; margin: 10px 6px 10px 5px; padding-top: 9px;}
#ucetBot {background: url(../img/ucetBot.gif) top left no-repeat; height: 9px;}
#ucet p, #ucet p a {color: #600; font-size: 130%; font-weight: bold; text-align: center; text-transform: lowercase; line-height: 1.4em;  }
#ucet p a { text-decoration: none; font-size: 100%; }
#ucet p a:hover { color: #4b0000; }
#ucet p.small {color: #a58c4f; font-size: 110%; font-weight: bold; text-align: center; text-transform: lowercase; line-height: 1.3em;}

.box {background: url(../img/bgBox.gif) 100% 2px no-repeat; font-size: 85%; border-top: 1px solid #600; margin: 10px 6px 0 5px; padding: 10px 15px 0 15px;}
.box p {line-height: 1.3em; margin-bottom: 1.33em;}
.box a {color: #c30;}
.box a:hover {text-decoration: none;}
.box form {margin-bottom: 1.33em;}

input#newsletter, .loginText {color: #600; background: #F7BF38; font-size: 85%; border: 1px solid #c90; margin-bottom: 7px; padding: 2px 0; width: 156px;}
input#sbt, #login, #logout {color: #c90; background: #600; font-size: 85%; font-weight: bold; text-transform: lowercase; border: 0; padding: 1px 7px 2px 7px;}

.newsletter-form {color: #600; background: #F7BF38; font-size: 85%; border: 1px solid #c90; margin-bottom: 7px; padding: 2px 0;}

#searchForm {width: 50%}
input#vyhledavani {color: #600; background: #F7BF38; font-size: 85%; border: 1px solid #c90; margin-bottom: 7px; padding: 2px 0; width: 156px;}
input#goSearch {color: #c90; background: #600; font-size: 85%; font-weight: bold; text-transform: lowercase; border: 0; padding: 1px 7px 2px 7px;}

/* projekty */

.projekt {float: left; margin-right: 5px;}
.projekt, .projekt a, .projekt a span {display: block; width: 128px; height: 109px;}
.projekt a, .projekt a span {background: top left no-repeat;}
.projekt a {position: relative; z-index: 1; overflow: hidden;}
.projekt a span {position: absolute; z-index: 2; top: 0; left: 0;}
.projekt a:hover, .projekt a span:hover {background-position: bottom;}

#p1, #p1 span {background-image: url(../img/projekt1.jpg);}
#p2, #p2 span {background-image: url(../img/projekt2.jpg);}
#p3, #p3 span {background-image: url(../img/projekt3.jpg);}
#p4, #p4 span {background-image: url(../img/projekt4.jpg);}
#p5, #p5 span {background-image: url(../img/projekt5.jpg);}

/* center */

h2.defaultH2 {font-size: 130%; margin-bottom: 10px;}
p.defaultP {font-size: 95%; line-height: 1.4em; margin-bottom: 1.33em;}
#center table table{border:solid 1px #F7BF38; border-collapse: collapse; border-spacing: 0px; }
#center table table TD { border:solid 1px #F7BF38; padding: 3px; background-color:#FFF1C5;}
#center UL {margin-left:15px; list-style:disc;}
#center OL {margin-left:25px; }
#center h4,#center h5 {font-size: 100%; margin-top: 10px; font-weight:bold;}
#center IMG {margin: 20px; *margin: 5px;}

/* right */

h3, h3 a {color: #600; text-decoration: none;}
h3 {background: #fc6; font-size: 95%; font-weight: bold; margin-bottom: 5px; padding: 2px 10px;}
h3 a:hover {color: #c30;}

#right p {color: #fff; font-size: 95%; line-height: 1.3em; margin-bottom: 1.33em;}
#right p a {color: #F7BF38;}
#right p a.right {display: block;}
#right p a:hover {color: #600; text-decoration: none;}

/* footer */

#footer p {text-align: center;}

p#footerLeft {float: left; width: 199px;}
p#footerLeft a {color: #600; text-decoration: none;}
p#footerLeft a:hover {text-decoration: underline;}

p#footerCenter {float: left; width: 552px;}

p#footerRight {color: #969385; font-size: 95%; float: right; width: 247px;}
p#footerRight a {color: #969385; text-decoration: none;}
p#footerRight a:hover {text-decoration: underline;}

/* obecne tridy */

.clnr {font-size: 0; clear: both; width: 100%;}
.fr {float: right;}
.fl {float: left;}

.ir, .il {border: 0; margin: 4px 0 5px 0;}
.ir {margin-left: 15px;}
.il {margin-right: 15px;}

.right { text-align: right;}

/* pridane vlastnosti - 24.5.2007 */
.nahoru {float: right; padding: 15px 0}
.err {font-weight: bold; color: red}

/* pridane vlastnosti - 12.5.2010 */
.box a.noborder img
{
  border: none;
}