html{font-size:106.5%}
body{font-size:76.5%;font-family:Trebuchet MS,Arial,sans-serif}
body {width: 980px; margin: 0 auto; padding:0; background: #444444; color: #ffffff;line-height: 1.5em;}
li,ul,ol,p,input,select,textarea,form,h1,h2,h3,h4,h5,h6{padding:0;margin:0;list-style:none;}

a {color: #fff87d; text-decoration: underline;}
a:hover {color: #ffffff; text-decoration: none;}
#textWrap a.externalLink, #rightPanel a.externalLink {background: url(../images/external-link.gif) top right no-repeat; padding: 0 15px 0 0;}

h1 {}
h2 {color: #fff87d; text-transform: uppercase; padding: 10px 0; font-size: 170%; font-weight: normal; line-height: 120%;}
h3 {}

.right {float: right;}
hr {display: none;}
ul, li {padding: 0; margin: 0; list-style: none;}

#textInner ul {padding: 5px; margin: 10px 10px 30px 20px; border-bottom: 1px solid #292929; border-left: 3px solid #292929;}
#textInner h3 {color:#fff87d;}
#textInner ul li {padding: 0 0 0 10px; background: transparent url(../images/arrowmore.gif) left 6px no-repeat;}

/* 2. layout */
#wrap1 {width: 100%; position: relative; background:#000000 url(../images/back.gif) 16px top repeat-y;float: left; margin: 0; padding:0;}
#wrap2 {width: 100%; margin: 0 auto;}
#wrap3 {}
#wrap4 {}
#wrap5 {}

#headWrap {width: 100%; background: #000000; margin: 0; padding: 0;}
#logo span {display: none;}
#logo {}
#logo a {display:block;background:url(../images/logo.gif) center 19px no-repeat; width: 247px; height: 50px; padding: 12px 18px; z-index: 95;}
#logo a:hover {border-top:3px solid #fff87d;background:url(../images/logo.gif) center 16px no-repeat; height: 47px;}

#flash {background: url(../images/header.jpg) top left no-repeat; border-top: 3px solid #ffffff; height: 260px;}
#flash-inner {height: 260px; margin: 0 0 0 16px; width: 260px; background: url(../images/transparent.png) top left repeat; overflow: hidden;}
/*#flash-inner:hover {background: #292929;}*/
#flash #perex {width: 260px; background: url(../images/corner.png) left bottom no-repeat; padding: 0; height: 260px;}
#flash #perex #perexInner {overflow: auto; margin: 0 0 20px 0; height: 204px; padding: 18px;}

/* Faux Absolute Positioning */
#wrapBreadcrumb {font-size:80%; width: 100%; text-align: right; color: #989898; line-height: 1.2em;}
#wrapBreadcrumb a {color: #989898;}
#wrapBreadcrumb a:hover {color: #ffffff;}
#textWrap {float: right; 	width: 704px;	display: block;	position: relative;}
.inner {float: left;	position: relative;	left: 704px;}
#textInner {width: 379px; margin-left: -704px;padding-bottom: 20px;text-align: justify;}
#rightPanel {width: 225px;padding: 0 0 0 25px;margin-left: -300px; margin-bottom: 10px;}

#text {padding: 135px 25px 5px 25px;}
#textInner p {margin: 0 0 15px 0; text-align: justify;}
#textInner h2 {text-align: left;}

#rightPanel {border-left: 1px solid #292929;}
#rightPanel h3 {font-weight: normal; font-size: 100%;}
#rightPanel img {border: 0px;}
#rightPanel .more li {padding: 5px 10px 0 20px; margin: 0;background: url(../images/icon-i.png) 0px 8px no-repeat;}
#rightPanel .more {margin: -8px 0 20px 0;}

/*bez praveho sloupce*/
#textWrap .innerWide {width: 654px;}

.videoWrap {width: 634px; background: #222222; margin: 10px 0; text-align: center; padding: 10px;}

.news {margin: 0 0 20px 0;}
div.more li, a.more, #filesWrap a {/*display: block;*/ padding: 0 0 0 8px; background: transparent url(../images/arrowmore.gif) left 6px no-repeat;}

.bullet {padding: 10px 0;}
.bullet li {background: transparent url(../images/arrowmore.gif) left center no-repeat; padding: 0 12px; margin: 0 0 0 25px;}

#icons {position:absolute;width:679px;top:360px;left:301px;}
#icons span {text-align: center;}
#icons div a .icontext {position: relative; top: -20px; height: 30px; display: block; overflow: hidden;}
#icons div a {color: #ffffff; text-decoration: none; width: 100px; height: 100px; text-align: center; font-size: 11px; letter-spacing: -0.025em; margin: 0 35px 0 0;  line-height: 14px; display: block; float: left;}
#icons div a:hover {color: #fff87d;}
#icons div a .ico {width: 63px; height: 90px; margin: 0 auto; display: block;cursor: hand;}
#icons div a.icon0 .ico {background: url(../images/icon-w01.png) -63px 0px no-repeat;}
#icons div a.icon0:hover .ico {background: url(../images/icon-w01.png) 0px 0px no-repeat;}
#icons div a.icon1 .ico {background: url(../images/icon-w02.png) -63px 0px no-repeat;}
#icons div a.icon1:hover .ico {background: url(../images/icon-w02.png) 0px 0px no-repeat;}
#icons div a.icon2 .ico {background: url(../images/icon-w03.png) -63px 0px no-repeat;}
#icons div a.icon2:hover .ico {background: url(../images/icon-w03.png) 0px 0px no-repeat;}
#icons div a.icon3 .ico {background: url(../images/icon-w04.png) -63px 0px no-repeat;}
#icons div a.icon3:hover .ico {background: url(../images/icon-w04.png) 0px 0px no-repeat;}
#icons div a.icon4 .ico {background: url(../images/icon-w05.png) -63px 0px no-repeat;}
#icons div a.icon4:hover .ico {background: url(../images/icon-w05.png) 0px 0px no-repeat;}

#fotoWrap {text-align: center; overflow: hidden; width: 100%;}
.foto {margin: 15px;}
.foto img {border: 0px;}

.imgdetail a, .foto a {position: relative;}
.imgdetail a span, .foto a span {position: absolute; right: 0px; bottom: 0px; width: 57px; height: 32px; font-size:0px; color: red;}
.imgdetail a span {background: url(../images/detail.png) -57px 0px no-repeat;}
.foto a span {background: url(../images/zoom.png) -57px 0px no-repeat;}
.imgdetail a:hover span, .foto a:hover span {background-position: 0px 0px;}

#secondMenuWrap {float: left; margin: 15px 0 0 16px;}
#secondMenu li strong {text-decoration: underline; font-size: 110%; padding: 0; margin: 0; font-weight: normal; color: #fff87d;}
#secondMenu li a:hover strong {text-decoration: none;}
#secondMenu li span {text-decoration: none; font-size: 11px; line-height: 14px; color: #ffffff; padding: 0 0 5px 0; margin: 0; display: block; height: 25px; overflow: hidden;}
#secondMenu li a {text-decoration: none; display: block; width: 220px; color: #fff87d; padding: 5px 10px 5px 30px; margin: 0 0 5px 0;background: url(../images/arrow.png) 10px 8px no-repeat;}
#secondMenu li a:hover {color: #ffffff;background: #222222 url(../images/arrow-hover.png) 10px 8px no-repeat;}

/*#secondMenu li ul {margin: 0 0 10px 0;}*/

/* druha uroven */
/*#secondMenuWrap #secondMenu ul ul li {font-size:110%; }*/
/*#secondMenuWrap #secondMenu ul ul li a {background: transparent url(../images/arrowmore.gif) 30px 6px no-repeat; text-decoration: underline; margin: 0; padding: 0 0 0 40px;}*/
/* nezobrazovat dalsi vnorene */
#secondMenuWrap #secondMenu ul ul, #secondMenuWrap #secondMenu ul ul ul {display: none;}


#topMenuWrap {position:absolute;width:680px;top:0px;left:300px;text-transform:uppercase;font-size:90%;}
#topMenu li {display:inline;padding:0;}
#topMenu li a {padding:47px 7px 7px 7px;line-height:20px;color:#ffffff;text-decoration:none;background:#000000;border-bottom: 3px solid #ffffff; _height:20px; _width: 20px; _white-space: nowrap; }
#topMenu li a:hover {color:#fff87d;background:#292929;border-bottom: 3px solid #fff87d;}
#topMenu ul a {display:block;}

/* druha uroven */
#topMenu {width: 100%;}
#topMenu ul li {float: left;display: block;}
#topMenu ul ul {position: relative; top: 77px; width: 145px; margin: 0; padding: 0;}
#topMenu ul ul li {float: none; display: block; float:left;width: 100%;padding:0;margin:0;}
#topMenu ul ul li a {float: left; width: 100%; background: transparent url(../images/transparent.png) top left repeat; border: 0px; padding: 7px; margin:0;}
#topMenu ul ul li a:hover {border-bottom: 3px solid #fff87d; padding: 7px 7px 4px 7px;}
#topMenu ul ul {position: absolute; visibility:hidden; display:none;}
/*#topMenu ul li:hover ul, #topMenu ul li.hover ul {visibility:visible; display: block;}*/

/* IE6 */
#topMenu ul li, #topMenu ul li li {_behavior: url(/stylesheets/hover.htc);}
#topMenu ul li {_display: block; _float: left;}

/* nezobrazovat dalsi vnorene */
#topMenuWrap #topMenu ul ul ul {display: none;}

#footerWrap {width: 944px; float: left; padding: 10px; margin: 20px 0 0 16px; background: #202020; color: #6c6c6c;}
#footer a {color: #6c6c6c;}
#footer a:hover {color: #ffffff;}

#partnersWrap {width: 944px; float: left; font-size: 80%; padding: 5px 0 5px 16px; margin: 0; background: #000000; color: #ffffff;}
#partners img {border: 0px; height: 30px; margin: 0;}
#partners a img {margin: 0 0 0 0;}
#partners a {color: #6c6c6c; margin: 0 15px 0 0;}
#partners a:hover {color: #ffffff; border-bottom: 2px solid #fff87d;}


/* vypis, seznam */
#listWrap {float: right; width: 704px;	display: block;	position: relative;}
#listWrap .inner {float: left;	position: relative;	left: 704px; width: 654px; padding: 135px 25px 25px 25px; margin-left: -704px;}
#list img {width: 150px;}
#itemWrap {float: left; margin: 15px 0;}
#list .item {width: 484px; display: block; float: left; padding: 0 0 12px 0; border-bottom: 1px solid #222222;}
#list .item a.img {float: left; margin: 0 15px 0 0;}
#list a img {border: 0px none;}
#list h3 {font-weight: normal;font-size: 130%; margin: 10px 0 10px 0; /*text-transform: uppercase;*/}
#list .more {display: inline; margin: 0;}

.reference, .listRef {width: 100%; float: left; margin: 0 0 15px 0;}


/* fotogalerie */
#galleryWrap {float: right; width: 704px;	display: block;	position: relative;}
#galleryWrap .inner {float: left;	position: relative;	left: 704px; width: 654px; padding: 135px 25px 5px 25px; margin-left: -704px;}

#photogalleryWrap {margin: 20px 0 0 0; padding: 0 0 20px 0; float: left; font-size: 11px; line-height: 14px;}

#photogalleryWrap img {border: 0px; margin: 0; padding: 0;}

#photogalleryWrap .photo {border: 1px solid #222222; padding: 1px; margin: 0 9px 18px 0; width: 150px; float: left;}
#photogalleryWrap .photoInner {width: 150px; display: block; text-align: center;  height: 150px; _height: 154px;}
#photogalleryWrap .photo:hover {border: 1px solid #444444;}

#photogalleryWrap span {width: 140px; position: absolute; margin: -40px 0 0 0; padding: 5px; height: 30px; overflow: hidden; background: #121212;}
#photogalleryWrap .photo:hover span {background: #292929;}
/*
#photogalleryWrap a.help {position: relative; margin: 0 0 0 2px; text-decoration: none; width: 8px; height: 8px; padding: 0px; font-weight: bold; background: #222222; text-align: center; color: #fff87d;}
#photogalleryWrap a.help:hover span {display: block; position: absolute; top: 0px; left: -152px; height: 60px; width: 140px; padding: 5px; color: #ffffff; background: url(../images/transparent.png) top left repeat; overflow: auto; margin: 0;}
#photogalleryWrap a.help span {display: none;}
*/