html{font-size:100.01%;} 
body{
font-size:.625em;
font-family:arial,helvetica,verdana,sans-serif;
color:#000;
margin:0;
padding:0;
text-align:center;
background:#fff;
}
a img, img{margin:0;padding:0;border:0;}
a{color:#000;outline:none;}
a:hover{text-decoration:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,table,td{margin:0;padding:0;}
table{font-size:1em;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
hr,.noScreen{display:none;}
.break{display:block;}
fieldset{padding:0;margin:0;border:0}
ul li{list-style-type:none}
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
.imgBlock{
position:relative;
display:block;
overflow:hidden;
}
.imgSpan{
position:absolute;
left:0;
top:0;
display:block;
background-position:top left;
background-repeat:no-repeat;
}
a .imgSpan{
cursor:pointer;
}
.marginRight10{margin-right:10px;}
.marginRight12{margin-right:12px;}
.marginBot12{margin-bottom:12px;}

.width160{width:160px;}
.width275{width:275px;}
.width300{width:300px;}
.width415{width:415px;}
.width420{width:420px;}

#page{
width:850px;
margin:0px auto;
text-align:left;
}
/*HEADER begin*/
#header{
width:850px;
height:59px;
position:relative;
margin:27px 0 0;
}
#header h2 a{
width:172px;
height:39px;
position:absolute;
top:0;
left:0;
}
#header h2 a span{
width:172px;
height:39px;
background:url(/gfx/header-skutr-logo.gif);
}
#header a.newsletter{
position:absolute;
top:25px;
left:535px;
text-transform:uppercase;
text-decoration:none;
}
#header a:hover.newsletter{
text-decoration:underline;
}
#header form#search fieldset{
position:absolute;
top:22px;
left:622px;
}
#header form#search label{
position:absolute;
top:3px;
left:0;
}
#header form#search input.inputText{
border:1px solid #787878;
background:#fff;
width:86px;
height:14px;
padding:1px 3px;
font-size:10px;
position:absolute;
top:0;
left:48px;
}
#header a.lang{
width:69px;
height:26px;
position:absolute;
top:20px;
right:3px;
}
#header a.lang span{
width:69px;
height:26px;
background:url(/gfx/header-english.gif);
}
/*HEADER end*/

/*MENU begin*/
ul#menu{
width:850px;
height:48px;
background:url(/gfx/menu-bg.gif) no-repeat;
font-size:13px;
text-transform:uppercase;
}
ul#menu li{
float:left;
margin:18px 15px 0 0;
}
ul#menu li.last{
margin-right:0 !important;
}
ul#menu a{
text-decoration:none;
padding:1px 3px;
}
ul#menu a:hover,ul#menu a.active{
background:#ff6666;
}
ul#menu li.green a{
padding-right:21px;
background:#fff url(/gfx/menu-icon-novinky.gif) no-repeat right 0;
}
ul#menu li.green a:hover,ul#menu li.green a.active{
background:#99ff99 url(/gfx/menu-icon-novinky.gif) no-repeat right 0;
}
ul#menu li.yellow a{
padding-right:29px;
background:#fff url(/gfx/menu-icon-skutr.gif) no-repeat right -2px;
}
ul#menu li.yellow a:hover,ul#menu li.yellow a.active{
background:#ffff00 url(/gfx/menu-icon-skutr.gif) no-repeat right -2px;
}
ul#menu li.lightBlue a{
padding-right:27px;
background:#fff url(/gfx/menu-icon-program.gif) no-repeat right 0px;
}
ul#menu li.lightBlue a:hover,ul#menu li.lightBlue a.active{
background:#66ffff url(/gfx/menu-icon-program.gif) no-repeat right 0px;
}
ul#menu li.darkBlue a{
padding-right:21px;
background:#fff url(/gfx/menu-icon-repertoar.gif) no-repeat right 0px;
}
ul#menu li.darkBlue a:hover,ul#menu li.darkBlue a.active{
background:#ccccff url(/gfx/menu-icon-repertoar.gif) no-repeat right 0px;
}
ul#menu li.pink a{
padding-right:25px;
background:#fff url(/gfx/menu-icon-partneri.gif) no-repeat right 0;
}
ul#menu li.pink a:hover,ul#menu li.pink a.active{
background:#ff99ff url(/gfx/menu-icon-partneri.gif) no-repeat right 0;
}
/*MENU end*/

#content{
margin:35px 0 18px;
width:850px;
position:relative;
}
.marginBot36{
margin-bottom:36px !important;
}
/*HOMEPAGE begin*/
#hpMap{
width:850px;
height:573px;
position:relative;
left:0px;
font-size:12px;
}
#hpMap a{
text-decoration:none;
}
a.hpImg{
background-position:left top;
background-repeat:no-repeat;
position:absolute;
}
a:hover.hpImg{
background-position:left bottom;
}
a .hpText{
position:absolute;
display:none;
}
a:hover .hpText{
display:block;
}
.hpImgSkutr{
width:424px;
height:277px;
background:url(/gfx/hp-skutr.gif);
top:11px;
left:-4px;
}
.hpImgSkutr .hpText{
top:32px;
left:30px;
}
.hpImgRepertoar{
width:295px;
height:120px;
background:url(/gfx/hp-repertoar.gif);
top:0;
left:289px;
}
.hpImgRepertoar .hpText{
top:14px;
left:13px;
}
.hpImgKontakt{
width:286px;
height:108px;
background:url(/gfx/hp-kontakt-act.gif) no-repeat right bottom !important;
top:87px;
left:344px;
}
a:hover.hpImgKontakt{
background:url(/gfx/hp-kontakt.gif) no-repeat right bottom !important;
}
.hpImgKontakt .hpText{
top:0px;
left:0px;
display:block;
color:#fff;
}
a:hover.hpImgKontakt .hpText{
cursor:pointer;
color:#000;
}
.hpImgMapa{
width:288px;
height:157px;
background:url(/gfx/hp-mapa.gif);
top:16px;
left:561px;
}
.hpImgMapa .hpText{
top:0px;
left:0px;
}
.hpImgSpolupracovnici{
width:180px;
height:178px;
background:url(/gfx/hp-spolupracovnici.gif);
top:0px;
left:660px;
}
.hpImgSpolupracovnici .hpText{
top:-2px;
left:5px;
}
.hpImgProgram{
width:249px;
height:143px;
background:url(/gfx/hp-program.gif);
top:255px;
left:128px;
}
.hpImgProgram .hpText{
top:80px;
left:90px;
}
.hpImgNovinky{
width:232px;
height:210px;
background:url(/gfx/hp-novinky.gif);
top:188px;
left:311px;
}
.hpImgNovinky .hpText{
top:40px;
left:60px;
}
.hpImgOhlasy{
width:338px;
height:250px;
background:url(/gfx/hp-ohlasy.gif);
top:154px;
left:513px;
}
.hpImgOhlasy .hpText{
top:15px;
left:188px;
}
.hpImgPratele{
width:300px;
height:115px;
background:url(/gfx/hp-pratele.gif);
top:423px;
left:-5px;
}
.hpImgPratele .hpText{
top:60px;
left:15px;
}
.hpImgPartneri{
width:53px;
height:90px;
background:url(/gfx/hp-partneri.gif);
top:472px;
left:278px;
}
.hpImgPartneri .hpText{
top:-30px;
left:90px;
}

.hpImgWorkshop{
width:212px;
height:204px;
background:url(/gfx/hp-workshopy.gif);
top:359px;
left:315px;
}
.hpImgWorkshop .hpText{
top:136px;
left:60px;
}
.hpImgGalerie{
width:431px;
height:264px;
background:url(/gfx/hp-galerie.gif);
top:293px;
left:466px;
}
.hpImgGalerie .hpText{
top:37px;
left:245px;
}
/*
a.textSkutr{
position:absolute;top:39px;left:56px;
}
a.textRepertoar{
position:absolute;top:15px;left:335px;
}
a.textKontakt{
position:absolute;top:92px;left:366px;
}
a.textOhlasy{
position:absolute;top:111px;left:703px;
}
a.textSpolupracovnici{
position:absolute;top:263px;left:25px;
}
a.textNovinky{
position:absolute;top:206px;left:425px;
}
a.textMapa{
position:absolute;top:197px;left:725px;
}
a.textProgram{
position:absolute;top:308px;left:295px;
}
a.textGalerie{
position:absolute;top:322px;left:695px;
}
a.textPartneri{
position:absolute;top:438px;left:49px;
}
a.textPratele{
position:absolute;top:498px;left:35px;
}
a.textWorkshop{
position:absolute;top:498px;left:405px;
}
#hpMapImg{
position:absolute;
top:0;
left:0;
width:885px;
height:573px;
}
*/
/*HOMEPAGE end*/

/*NOVINKY begin*/
.newsBox{
width:414px;
margin:0 0 14px;
height: 150px;
overflow: hidden;
}
.newsBoxText{
width:200px;
float:right;
}
.newsBox h3{
font-size:10px;
text-transform:uppercase;
font-weight:normal;
}
.newsBox h3 a{
background:#99ff99;
text-decoration:none;
}
.newsBoxText p{
padding:0 0 8px;
}
.newsBox p.more{
padding:0 !important;
}
.newsBox p.more,.newsBox p.more a{
color:#666;
text-decoration:none;
}
.newsBox p.more a:hover{
text-decoration:underline;
}
table.tabNews{
width:100%;
}
table.tabNews th,table.tabNews td{
vertical-align:middle;
text-align:left;
font-weight:normal;
padding:1px 15px 0;
}
table.tabNews th{
font-size:11px;
background:#99ff99;
padding:3px 15px;
}
table.tabNews td.name{
text-transform:uppercase;
}
.icons img{
margin:0 1px;
}
p.icons{
margin-top:2px;
}
table.tabNews td.alignRight{
text-align:right;
padding-right:0;
}
table.tabNews tr.first th,table.tabNews tr.first td{
padding-top:10px;
}
table.tabNews tr.last th,table.tabNews tr.last td{
padding-bottom:10px;
}
/*NOVINKY end*/

/*REPERTOAR begin*/
body#repertoar #content h2{
font-size:11px;
font-weight:normal;
padding:0;
display:block;
background:#ccccff;
padding:3px 15px;
margin:0 0 12px;
}
.repertoarBox{
width:414px;
margin:0 0 14px;
}
.repertoarText{
width:246px;
float:right;
}
.repertoarBox h3,.repertoarBoxBig h3{
font-size:10px;
text-transform:uppercase;
font-weight:normal;
}
.repertoarBox h3 a,.repertoarBoxBig h3 a{
text-decoration:underline;
}
.repertoarBox h3 a:hover,.repertoarBoxBig h3 a:hover{
text-decoration:none;
}
.repertoarBox p,.repertoarBoxBig p{
padding:0 0 8px;
}
.repertoarBox p.icons,.repertoarBoxBig p.icons{
padding:0 !important;
}

.repertoarBoxBig{
width:850px;
}
.repertoarBoxBig .repertoarImages{
width:324px;
float:left;
}
.repertoarBoxBig .repertoarImages img{
margin:0 0 12px;
}
.repertoarBoxBig .repertoarText{
width:508px;
float:right;
}
/*REPERTOAR end*/

/*WORKSHOPY begin*/
body#workshopy #content h1{
background:#ff6666;
padding:3px 15px;
margin:0 0 12px;
font-size:11px;
font-weight:normal;
}
/*WORKSHOPY end*/

/*KONTAKT begin*/
body#kontakt #content h3{
background:#ff6666;
padding:3px 15px;
margin:0 0 12px;
font-size:11px;
font-weight:normal;
}
body#kontakt h4{
padding:0 0 6px;
font-size:10px;
font-weight:normal;
}
/*KONTAKT end*/

/*SKUTR begin*/
body#skutr #content h2{
font-size:11px;
font-weight:normal;
padding:0;
display:block;
background:#ffff00;
padding:3px 15px;
margin:0 0 12px;
}
img.skutrImg{
margin:0 17px 0 0;
}
.skutrBox{
width:156px;
}
.skutrBox2{
width:283px;
}
.skutrBox h3,.skutrBox2 h3{
font-size:10px;
text-transform:uppercase;
font-weight:normal;
}
.skutrBox h3 a{
text-decoration:underline;
}
.skutrBox h3 a.iconSkutr1{
background:url(/gfx/skutr-icon-1.gif) no-repeat 0 0;
padding:0 0 0 15px;
}
.skutrBox h3 a.iconSkutr2{
background:url(/gfx/skutr-icon-2.gif) no-repeat 0 0;
padding:0 0 0 15px;
}
.skutrBox2 h3 a{
background:#ffff00;
text-decoration:none;
}
#mapForm fieldset{
position:relative;
margin:25px 0 10px;
}
#mapForm fieldset .clearfix{
margin:0 0 5px;
}
#mapForm select{
float:left;
width:150px;
background:#ffff00;
margin:0 5px 0 0;
border:1px solid #a5a521;
font-size:12px;
font-family:arial;
}
#mapForm fieldset input.btn{
background:#ffff00;
position:absolute;
top:20px;
right:0;
font-size:12px;
font-family:arial;
cursor:pointer;
width:115px;
}
#mapBg{
width:850px;
height:460px;
background:url(/gfx/map.gif) no-repeat;
position:relative;
}
#mapBg .bubble{
background:#ffff00;
font-size:12px;
width:250px;
padding:5px 10px;
position:absolute;
}
#mapBg .bubble h3{
font-size:12px;
font-weight:normal;
padding:0 0 7px;
}
#mapBg .bubble h4{
font-size:12px;
font-weight:normal;
}
#mapBg .bubble p{
padding:0 0 2px;
}
#mapBg .bubble p.more{
padding:0 0 7px;
float:right;
}
/*SKUTR end*/

/*GALERIE begin*/
body#galerie #content h2{
font-size:11px;
font-weight:normal;
padding:0;
display:block;
background:#ff6666;
padding:3px 15px;
margin:0 0 12px;
text-transform:uppercase;
}
.galleryItem{
width:150px;
float:left;
margin:0 5px 0 0;
padding:0 0 12px;
position:relative;
text-align: center;
margin: auto;
}
.galleryItem img{
height:100px;
text-align: center;
margin: auto;
}
.galleryItem .icons img{
width:auto;
}
.galleryItem .play{
background:url(/gfx/player-arrow.png) no-repeat 0 0;
width:27px;
height:32px;
position:absolute;
top:37px;
left:60px;
}
.galleryItemPrehled{
height: 100px;
float:left;
margin:10px 5px 0 0;
padding:0 0 12px;
position:relative;
}
.galleryItemPrehled img{
height:100px;
}
* html .galleryItem .play{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/player-arrow.png', sizingMethod='image');
}
.galleryItem h4{
font-size:11px;
font-weight:normal;
padding:0 0 3px;
}
.noMargin{
margin-right:0 !important;
}
.audioItem{
float:left;
width:260px;
margin:0 35px 0 0;
padding:0 0 14px;
position:relative;
}
.audioItem h4{
font-size:11px;
font-weight:normal;
width:165px;
padding:0 0 7px;
}
.audioItem .icons{
position:absolute;
top:2px;
right:0;
}
/*GALERIE end*/

/*PROGRAM begin*/
#accordion table{
width:100%;
}
#accordion table th,#accordion table td{
vertical-align:middle;
text-align:left;
font-weight:normal;
padding:1px 15px 0 0;
}
#accordion table td.alignRight{
text-align:right;
padding-right:0 !important;
}
ul.archivList{
padding:0 0 20px !important;
}
ul.archivList li{
float:left;
font-size:12px;
margin:0 80px 0 0;
}
ul.archivList li a{
text-decoration:none;
}
ul.archivList li a:hover{
text-decoration:underline;
}
#accordion{
font-size:10px;
padding:0 0 20px;
}
#accordion li.accordionLi{
margin:4px 0;
padding:0;
}
#accordion li h3{
text-decoration:none;
display:block;
width:820px;
padding:4px 15px;
background:#66ffff;
font-weight:normal;
font-size:10px;
}
#accordion li h3 a:hover{
background:#66ffff;
}
#accordion li h3.selected a{
background:#66ffff;
}
#accordion li h3.selected a:hover{
background:#66ffff;
}
ul#accordion p{
padding:0 0 10px;
}
#accordion ul.accordionContent{
padding:15px 0 5px;
}
/*PROGRAM end*/

/*PARTNERI begin*/
body#partneri #content h4{
font-size:10px;
font-weight:normal;
}
/*PARTNERI end*/

a.titleMore{position:absolute;right:10px;text-decoration:none;}
a:hover.titleMore{text-decoration:underline;}

#footer{
width:848px;
height:145px;
border:1px solid #c6c6c6;
}

body#skutr #footer{
background:#ffff00 url(/gfx/footer-skutr.gif) no-repeat right top;
}
body#novinky #footer{
background:#99ff99 url(/gfx/footer-novinky.gif) no-repeat 0 0;
}
body#repertoar #footer{
background:#ccccff url(/gfx/footer-repertoar.gif) no-repeat 140px 0;
}
body#galerie #footer{
background:#ff6666 url(/gfx/footer-galerie.gif) no-repeat 25px 0;
}
body#program #footer{
background:#66ffff url(/gfx/footer-program.gif) no-repeat 668px 0;
}
body#kontakt #footer{
background:#ff6666 url(/gfx/footer-kontakt.gif) no-repeat right top;
}
body#partneri #footer{
background:#ff99ff url(/gfx/footer-partneri.gif) no-repeat right top;
}
body#workshopy #footer{
background:#ff6666 url(/gfx/footer-workshopy.gif) no-repeat left top;
}
.foto_novinka{
	margin-right: 5px;
	margin-bottom: 5px;
}
.repertoarText h3{
	font-weight: bold;
}