* {margin:0; padding:0}
body {font-family:Trebuchet MS; font-size:12px; background:#F2F2F2}
img {border:0}

a{text-decoration:none; color:#E22D31}
a:hover {text-decoration:none; color:#000000}

.topBg {background:#FFFFFF; width:100%}
#top {width:960px; height:145px; margin:0 auto}
#top .logo{width:165px; height:38px; margin:30px 0 0 10px; float:left}
#top .text{width:325px; height:35px; margin:70px 20px 0 0; float:right; text-align:right}
#top .text span{text-transform: uppercase}

.contentBg{background:#FFFFFF; width:100%; padding:0}
#content{width:960px; margin:0 auto}
#content .flash{ position: relative; width:287px; height:106px; float:left; margin:20px 0 20px -10px;}
#content .flash p{ position: absolute; top: 32px; left: 51px; font-size: 14px;}
#content .obsah{width:650px; float:right; padding:20px 0; color:#969696}

.bottomBg {background:url('image/bottom-bg.png') repeat-x; width:100%; height:10px; padding:20px 0; color:#999999}
#bottom{width:960px; margin:0 auto;/* border-top:1px solid #999999;*/ padding:0 0 70px 0; text-align:center}

#menu {width:960px; height:40px; margin:0 auto; background:url('image/menu.jpg')}
#menu .menu{border:none; border:0px; margin:0px; padding:0; font-size: 12px}
#menu .menu ul{height:40px; list-style:none; margin:0; padding:0}
#menu .menu li{float:left;padding:0px}

#menu .menu  li.cerveny{background:url('image/menuc.jpg')}
#menu .menu  li.cerveny a:hover{background:url('image/menuc0.jpg')}


#menu .menu li a{color:#FFFFFF; display:block; line-height:40px; margin:0px; padding:0px 17px; text-align:center; text-decoration:none}
#menu .menu li a:hover, .menu ul li:hover a{background:url('image/menu0.jpg'); color:#FFFFFF; text-decoration:none}
#menu .menu li ul{background:#44464B; display:none; height:auto;  padding:0px 0px; margin:0px; border:0px; position:absolute; z-index:200; /*top:1em; /*left:0;*/}
#menu .menu li:hover ul{display:block}
#menu .menu li li {display:block; float:none; margin:0px; padding:0px; width:100%}
#menu .menu li:hover li a{background:none}
#menu .menu li ul a{display:block; line-height:35px; height:35px; font-size:12px; font-style:normal; margin:0px; padding:0px 20px 0px 15px; text-align:left}
#menu .menu li ul a:hover, .menu li ul li:hover a{background:#01A4DB; border:0px; color:#ffffff; text-decoration:none}

div#animace {margin:20px auto 0 auto; width:960px; height:320px; overflow:hidden; position:relative}
div#animace ul {position:absolute; top:0; list-style:none; padding:0; margin:0}
ul#tabs {left:0; z-index:2; width:320px}
ul#tabs  h2{padding:0; font-size:17px}
ul#tabs li {font-size:12px}
ul#tabs li img {padding:5px; border:none; float:left; margin:10px 25px 0 10px}
ul#tabs li a span {position: absolute; top: 17px; left: 90px;}
ul#tabs li a {position: relative; color:#FFFFFF; text-decoration:none; display:block; padding:10px; height:60px; outline:none; background:url('image/feature-tab.png')}
ul#tabs li a:hover {text-decoration:none}
ul#tabs li a.current {background:url('image/feature-tab-current.png'); color:#FFF}
ul#tabs li a.current:hover {text-decoration:none; cursor:default}
ul#output {right:0; width:680px; height:320px; position:relative}
ul#output li {position:absolute; width:680px; height:320px}
ul#output li a {position:absolute; bottom:15px; right:15px; padding:8px 12px; text-decoration:none; font-size:11px; color:#FFF; background:#E22D31}
ul#output li a:hover {background: #000000}

.jcarousel-skin-tango .jcarousel-container {}
.jcarousel-skin-tango .jcarousel-direction-rtl {direction:rtl}
.jcarousel-skin-tango .jcarousel-container-horizontal {width:650px; height:106px; padding:0}
.jcarousel-skin-tango .jcarousel-clip {overflow:hidden}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:650px; height:106px}
.jcarousel-skin-tango .jcarousel-item {width:650px; height:106px}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0; margin-right: 10px}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left:10px; margin-right:0}
.jcarousel-skin-tango .jcarousel-item-placeholder {background:#fff; color:#000}

.velkyNadpis h3{font-size:18px; margin:0 0 15px 0}
.velkyNadpis h2{font-size:18px; margin:0 0 15px 0}
/**slider****/
.slider{width:1038px; height:200px; padding:20px 0 0 0; margin:0 auto}
.box-top {overflow:hidden; width:960px; background:0; float:left; position:relative; left:0}

#left, #right{ cursor:pointer}	

#katalogMenu{float:left; width:190px; margin:20px 0 0 0}
#katalogMenu li{margin:1px 0 0 0; list-style:none}
#katalogMenu  a{padding:7px 0 7px 7px; display:block; color:#000000; text-decoration:none; background:#E9E9E9; border-left:7px solid #E9E9E9}
#katalogMenu  a:hover{display:block; color:#FFFFFF; text-decoration:none; background:#070707; border-left:7px solid #E22D31}

#katalog{width:740px; float:right; margin:20px 0 40px 0}
#katalog hr{border-bottom:1px solid #CCCCCC; border-top:0; border-left:0; border-right:0; height:1px; margin:20px 0}
#katalog p{margin:0 0 30px 0}
.zidleBox{width:185px; float:left; text-align:center}
.zidleBox a{color:#000000; text-decoration:none}
.zidleBox a:hover{color:#E22D31; text-decoration:none}

.krajniBox {padding:0}
.box-top ul { list-style:none; padding:0; }
.box-top ul li {width:180px; padding:0 7px 0 8px; display:inline-block; float:left; height:190px;}	
.box-top ul li img{margin-left: 6px;}
.box-top ul li .name-box{padding:10px 10px 11px 10px; position:relative; background:url(name_box.png) left top no-repeat; width:160px; height:44px; font-size:0.91em;}
/*.box-top ul li .name-box a{color:#7C7D7C; text-decoration:none;}*/


.box-left{width:39px; height:52px; padding:0; margin:34px 0 0 0; text-align:center; font-size:0; float:left; line-height:0; cursor:pointer; background:url(image/slider_p.png) left top no-repeat;}
.box-left:hover{background:url(image/slider_q.png) left top no-repeat;}
.box-right { width:39px; height:52px; padding:0; margin:34px 0 0 0; text-align:center; font-size:0; float:right; line-height:0; cursor:pointer; background:url(image/slider_n.png) left top no-repeat;}
.box-right:hover{background:url(image/slider_o.png) left top no-repeat;}
/**slider****/

.karta{width:305px; height:300px; float:left; margin:40px 20px 0px 0}
.kartaNadpis{font-size:16px; font-weight:bold; padding:0 0 10px 0}
.kartaPopis{padding:15px  10px 0 10px}
.krajni {margin-right:0}
.clear {clear:both;}