@charset "utf-8";
/* CSS Document */
body { font: normal 0.7em Arial, Helvetica, sans-serif; color: #fff; background: #750c6b url(images/bgbody.jpg) repeat-x left top; text-align: center; margin: 0px; padding: 0px; }
div { text-align: left; position: relative; margin: 0; padding: 0; outline: none; }
ul, ol { margin: 0px; padding: 0px; list-style: none; }
p { font-size: 1.2em; margin: 0px; padding: 0px; color: white; line-height: 1.4em; }
a { font-size: 1em; color: #FFFFFF; text-decoration: underline; margin: 0px; padding: 0px; outline: none; font-weight: bold; }
a:hover { color: #fcee3d; }
img { border: none; }
form, fieldset 
{ margin: 0px; padding: 0px; }
h1
{ font-family: Arial Black, Helvetica Black, Arial, Helvetica, sans-serif; font-size: 2.5em; font-weight: bold; color: #000; margin: 0px; padding: 0px; }
h2, h3, h4, h5, h6
{ font-family: Arial Black, Helvetica Black, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #FFFFFF; margin: 0px; padding: 0px; }

/* layout */
#container { width: 988px; margin: 0 auto 0 auto; overflow: hidden; padding-bottom: 200px; }
#author { position: absolute; top: 0px; right: 20px; }
#author a { font-weight: normal; text-decoration: none; color: white; background: #000; display: block; padding: 2px 4px; }
#author a:hover { background-color: black; }
.mainimage { width: 988px; height: 290px; display: block; margin-top: -1px; }
#contentpart { width: 988px; min-height: 511px; _height: 511px; background: url(images/bgcontent.jpg) no-repeat left top; }
.content-navigacia { left: 252px; width: 560px; }
.content-press { left: 252px; width: 560px; }
.content-kontakty { left: 252px; width: 560px; }
.content-informacie { left: 252px; width: 560px; }
.content-lineup { left: 0; width: 988px; text-align: center; }
.content-ofestivale { left: 252px; width: 560px; }
.content-home { left: 162px; width: 650px; background: url(images/news.gif) no-repeat;  }
.content-news { left: 162px; width: 650px; background: url(images/news.gif) no-repeat;  }
.content-historia { left: 162px; width: 750px; }
.content-registracia { left: 162px; width: 750px; }
table.program { width: 988px; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; text-align: left; margin-left: 30px; }
th { text-align: left; }

/* menu styles */
#menu { width: 988px; height: 68px; overflow: hidden; }
#menu li {display: block; float: left; }
#menu a { display: block; height: 50px; background: url(images/menu.jpg) no-repeat; text-indent: -9000px; }
#menu span { display: block; height: 50px; background: url(images/menu.jpg) no-repeat; text-indent: -9000px; } 

#menu .m1 a { margin-left: 162px; width: 83px; }
#menu .m1 a:hover { background-position: 0 -68px; }
#menu .m1 span { margin-left: 162px; width: 83px; background-position: 0 -68px; }

#menu .m2 a { width: 100px; background-position: -83px top; }
#menu .m2 a:hover { background-position: -83px -68px; }
#menu .m2 span { width: 100px; background-position: -83px -68px; }

#menu .m3 a { width: 77px; background-position: -183px top; }
#menu .m3 a:hover { background-position: -183px -68px; }
#menu .m3 span { width: 77px; background-position: -183px -68px; }

#menu .m4 a { width: 98px; background-position: -260px top; }
#menu .m4 a:hover { background-position: -260px -68px; }
#menu .m4 span { width: 98px; background-position: -260px -68px; }

#menu .m5 a { width: 70px; background-position: -358px top; }
#menu .m5 a:hover { background-position: -358px -68px; }
#menu .m5 span { width: 70px; background-position: -358px -68px; }

#menu .m6 a { width: 86px; background-position: -428px top; }
#menu .m6 a:hover { background-position: -428px -68px; }
#menu .m6 span { width: 86px; background-position: -428px -68px; }

#menu .m7 a { width: 61px; background-position: -514px top; }
#menu .m7 a:hover { background-position: -514px -68px; }
#menu .m7 span { width: 61px; background-position: -514px -68px; }

#menu .m8 a { width: 81px; background-position: -575px top; }
#menu .m8 a:hover { background-position: -575px -68px; }
#menu .m8 span { width: 81px; background-position: -575px -68px; }

/* funckne styly stranka */
.content-navigacia h1 { color: #fcee3d; width: 206px; height: 48px; background: url(images/navigacia.gif) no-repeat;  }
.content-navigacia h1 span { display: none;  }
.content-navigacia h2 { padding: 15px 25px 4px 65px; text-transform: uppercase; }
.content-navigacia p { padding: 0 25px 0 65px; }

.content-press h1 { width: 206px; height: 48px; background: url(images/press.gif) no-repeat; color: #fcee3d;  }
.content-press h1 span { display: none;  }
.content-press h2 { padding: 15px 25px 4px 65px; text-transform: uppercase; }
.content-press p { padding: 0 25px 0 65px; }
.content-press span { color: black; padding: 0 5px 5px 0px; font-weight: bold; }

.content-home h2 { padding: 15px 25px 4px 125px; font-size: 1.6em; color: black; }
.content-home p { padding: 0 25px 8px 125px; font-weight: bold; }
.content-home a { padding: 0 0 0 125px; text-decoration: none; color: #fcee3d; font-size: 1.2em; font-weight: bold; }
.content-home p a { padding: 0 0 0 0; text-decoration: none; color: #fcee3d; font-size: 1.2em; font-weight: bold; }
.content-home a span { font-size: 0.9em; }
.content-home a:hover { color: black; }
.content-home div { margin-bottom: 10px; }

.content-news h2 { padding: 15px 25px 12px 125px; font-size: 1.6em; color: black; }
.content-news h3 { padding: 15px 25px 12px 125px; font-size: 1.3em; color: black; }
.content-news p { padding: 0 25px 16px 125px; font-weight: bold; }
.content-news a { padding: 0 0 0 125px; text-decoration: none; color: #fcee3d; font-size: 1.2em; font-weight: bold; }
.content-news a.inline { padding: 0 0 0 0; text-decoration: none; color: #fcee3d; font-size: 1.2em; font-weight: bold; }
.content-news a span { font-size: 0.9em; }
.content-news a:hover { color: black; }

.content-kontakty h1 { width: 206px; height: 58px; background: url(images/kontakty.gif) no-repeat; color: #fcee3d;  }
.content-kontakty h1 span { display: none;  }
.content-kontakty h2 { padding: 15px 25px 4px 115px; text-transform: uppercase; }
.content-kontakty p { padding: 0 25px 0 115px; }

.content-informacie h1 { width: 206px; height: 58px; background: url(images/informacie.gif) no-repeat; color: #fcee3d;  }
.content-informacie h1 span { display: none;  }
.content-informacie h2 { padding: 15px 25px 4px 65px; text-transform: uppercase; }
.content-informacie p { padding: 0 25px 0 65px; }

.content-lineup h1 { width: 206px; height: 58px; background: url(images/lineup.gif) no-repeat; color: #fcee3d; margin: 0 auto 0 auto;  }
.content-lineup h1 span { display: none;  }

.content-ofestivale h1 { width: 206px; height: 58px; background: url(images/ofestivale.gif) no-repeat; color: #fcee3d;  }
.content-ofestivale h1 span { display: none;  }
.content-ofestivale h2 { padding: 15px 25px 4px 65px; text-transform: uppercase; }
.content-ofestivale h3 { padding: 15px 25px 12px 65px; font-size: 1.1em; font-weight: normal; color: black; }
.content-ofestivale p { padding: 0 25px 8px 65px; }

.content-historia h1 { width: 206px; height: 58px; background: url(images/historia.gif) no-repeat; color: #fcee3d;  }
.content-historia h1 span { display: none;  }
.content-historia h2 { padding: 15px 25px 4px 0; text-transform: uppercase; }
.content-historia p { padding: 0 25px 0 0; font-weight: bold; }
.content-historia span { color: black; }
.content-historia .rocnik { width: 250px; float: left; padding-bottom: 30px; }
.content-historia .row { clear: left; width: 750px; }

.program td, .program th { width: 164px; }
.day { color: black; text-transform: uppercase; font-size: 1.6em; padding: 15px 0 15px 0; }
.time { color: black; font-size: 1.2em; padding: 2px 0 2px 0; }
.time span { font-size: 0.6em; color: #FFB7E2; margin-left: 3px; vertical-align: top; }

.content-registracia h1 { width: 206px; height: 58px; background: url(images/registracia-djs.gif) no-repeat; color: #fcee3d;  }
.content-registracia h1 span { display: none;  }

#myform { font-size: 1em; font-family: Arial, Helvetica, sans-serif; }
fieldset { width: 250px; float: left; border: none; }
label { display: block; padding: 3px 0 3px 0; }
#myform select { width: 200px; }
#myform input { width: 200px; border: 1px solid gray; font-size: 1em; font-family: Arial, Helvetica, sans-serif; }
#myform textarea  { width: 200px; border: 1px solid gray; font-size: 1em; font-family: Arial, Helvetica, sans-serif; height: 50px; }
#myform input.submit { color: white; background: black; height: 25px; font-size: 1.1em; margin-top: 24px; clear: left; _float: left; }
span.povinne { clear: left; _float: left; display: block; padding-top: 24px; _width: 200px; }

div.fcbk { width: 155px; height: 40px; position: absolute; left: 704px; top: 173px; }
.fcbk a { display: block; width: 155px; height: 40px; text-indent: -9000px; background: url(images/transparent-bg.gif) repeat; }

div.pokec { width: 75px; height: 25px; position: absolute; left: 877px; top: 180px; }
.pokec a { display: block; width: 75px; height: 25px; text-indent: -9000px; background: url(images/transparent-bg.gif) repeat; }

div.musiq1 { width: 60px; height: 60px; position: absolute; left: 614px; top: 163px; }
.musiq1 a { display: block; width: 60px; height: 60px; text-indent: -9000px; background: url(images/transparent-bg.gif) repeat; }