html, body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, li, p, img, a, form, fieldset, legend, input, textarea, label, dl, dt, dd {
 margin: 0;
 padding: 0;
}

body { 
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 12px; 
 color: #000;
 background-color: #f8efdf;
}

a:link, a:visited {
 color: #cd242c;
}

a:hover {
 text-decoration: none;
}

img {
 border: none;
}

hr, .invi, #left h2 {
 display: none;
}

#page {
 width: 750px;
 position: relative;
 overflow: hidden;
 margin: 0 0 20px 10px;
	background: #fff url(../img/design/bg-page.png) left top repeat-x; 
}

#top {
 font-family: Arial, Helvetica, sans-serif;
 position: relative;
 overflow: hidden;
 height: 175px;
	background: url(../img/design/bg-top-1.jpg) right bottom no-repeat; 
}

#page.p1 #top { background-image: url(../img/design/bg-top-2.jpg); }
#page.p2 #top { background-image: url(../img/design/bg-top-3.jpg); }
#page.p3 #top { background-image: url(../img/design/bg-top-4.jpg); }
#page.p4 #top, #page.p5 #top { background-image: url(../img/design/bg-top-5.jpg); }
#page.p6 #top { background-image: url(../img/design/bg-top-6.jpg); }

#top ul {
 width: 100%;
 overflow: hidden;
 margin-bottom: 7px;
}

#top li {
 float: left;
	height: 20px;
	padding: 0 21px;
	list-style: none;
	background: url(../img/design/divider.gif) right top no-repeat; 
}

#top li a {
 position: relative;
 top: 0;
 left: 0;
	font-weight: bold;
	color: #fff;
 line-height: 20px;
}

#top p {
 position: absolute;
 top: 70px;
 left: 174px;
 font-size: 16px;
 font-weight: bold;
}

#top li span {
	height: 20px;
 line-height: 20px;
	color: #fff;
}

#top #lang {
 position: absolute;
 top: 4px;
 right: 5px;
}

#top #lang img {
 margin-left: 3px;
}

/* Hlavní menu -------------------------------------------------------------- */

#menu, #menu ul {
 width: 780px;
 height: 34px;
 overflow: hidden;
}

#menu li {
 float: left;
	list-style: none;
	position: relative;
	border-right: 1px solid #afafaf;
}

#menu li a { 
 padding: 9px 7px 10px 6px;
	font-weight: bold;
 line-height: 34px;
	color: #fff;
 text-decoration: none;
 font-family: "Arial CE", Arial , Helvetica, sans-serif; 
}

#menu li a:hover, #menu li#act a {
	background: #b5131b url(../img/design/bg-hover.gif) 0 1px repeat-x;
}

/* Layout ------------------------------------------------------------------- */

#cols {
 width: 100%;
 overflow: hidden;
}

/* Left --------------------------------------------------------------------- */

#left {
 width: 150px;
 overflow: hidden;
 padding: 83px 0 20px 0;
}

#left li {
 list-style: none;
 margin: 0 0 10px 12px;
 font-size: 12px;
 padding-left: 16px;
 font-weight: bold;
	background: url(../img/design/icon-dot.gif) 0 5px no-repeat;
}

#left li span {
 font-weight: normal;
}

/* HP Box ------------------------------------------------------------------- */

#text #hp-box {
 position: relative;
 overflow: hidden;
 width: 566px;
 height: 156px;
 background: url(../img/design/box-1.png) left top no-repeat; 
 margin-top: 25px;
}

#text #hp-box div {
 width: 181px;
 float: left;
}

#text #hp-box h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 margin: 4px 0 18px 10px;
 color: #fff;
 font-size: 12px;
}

#text #hp-box h3 {
 line-height: 1.4em;
 margin: 0 5px 0 10px;
 font-size: 12px;
 height: 42px;
}

#text #hp-box p {
 line-height: 1.4em;
 margin: 0 0 9px 10px;
 width: 120px;
}

#text #hp-box #rock h3, #text #hp-box #rock p, #text #hp-box #rock a {
 margin-left: 23px;
}

#text #hp-box a {
 width: 61px;
 height: 19px;
 display: block;
 color: #fff;
 margin-left: 10px;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
 background: url(../img/design/btn-1.gif) left top no-repeat;
}

#text #hp-box a:hover {
 color: #eee;
 background: url(../img/design/btn-1.gif) left top no-repeat;
}

/* Text --------------------------------------------------------------------- */

#text {
 width: 576px;
 float: right;
}

#text h1 {
 font-family: "Arial CE", Arial , Helvetica, sans-serif; 
 margin: 36px 0 25px 0;
 color: #cd242c;
 font-size: 18px;
 font-weight: normal;
}

#text h2, #text h3 {
 font-family: "Arial CE", Arial , Helvetica, sans-serif; 
 margin: 20px 13px 4px 0;
 color: #333;
 font-size: 14px;
 position: relative;
}

#text h3 {
 font-size: 12px;
}

#text h2 a {
 color: #464692;
}

#text p {
 position: relative;
 margin: 4px 13px 15px 0;
 line-height: 1.6em;
}

#text sup {
 color: #cd242c;
}

#text img.float-left {
 float: left;
 margin: 7px 15px 10px 0;
 border: 1px solid #000;
}

#text img.float-right {
 float: right;
 margin: 4px 15px 5px 15px;
 border: 1px solid #000;
}

#text p.info {
 text-align: left;
 font-size: 11px;
 color: #666;
 padding: 0 3px;
 margin: 4px 13px 22px 0;
 font-weight: normal;
 background: #fff url(../img/design/grad.png) left top repeat-y;
}

#text ul, #text ol {
 margin: 17px 0;
}

#text ul li {
 position: relative;
 margin: 5px 13px 2px 0;
 padding-left: 16px;
 list-style: none;
	background: url(../img/design/icon-dot.gif) 0 6px no-repeat;
 line-height: 1.6em;
}

#text ul li a.yamaha-class{
 color: #464692;
}

#text ul li ul {
 margin: 8px 15px;
}

#text ol li {
 position: relative;
 margin: 5px 13px 2px 25px;
 line-height: 1.6em;
}

#text dl {
 margin: 17px 0;
 position: relative;
 clear: both;
}

#text dl dt {
 position: relative;
 padding-left: 16px;
 list-style: none;
	background: url(../img/design/icon-dot.gif) 0 8px no-repeat;
 line-height: 2em;
 font-weight: bold;
 clear: both;
 display: inline;
 float: left;
 padding-right: 5px;
}

#text dl dd {
 line-height: 2em;
 margin-right: 13px;
}

#text address {
 font-style: normal;
 line-height: 1.6em;
 margin-bottom: 20px;
}

#text p#top-link {
 margin: 28px 13px 22px 0;
 text-align: right;
}

#text p#top-link a {
 padding-right: 20px;
 margin-left: 15px;
 background: url(../img/design/icon-top.gif) 100% 3px no-repeat;
}

#text p#top-link a.aback {
 background-image: url(../img/design/icon-back.gif);
}

#text form {
 margin: 10px 0;
}

#text fieldset {
 text-align: center;
 border: 1px solid #aaa;
 margin-right: 13px;
 padding: 0 15px 15px 15px;
}

#text fieldset img {
 margin: 10px auto;
}

#text legend {
 padding: 5px;
 margin-bottom: 5px;
 font-weight: bold;
 font-size: 13px;
}

#text select {
 font-size: 1.1em;
}

#text label {
 cursor: pointer;
}

#text .btn1 {
 cursor: pointer;
 background-color: #cd242c;
 border: 1px solid #000;;
 color: #fff;
 font-size: 1.1em;
 padding: 0 10px;
}

#text .inp1 {
 background-color: #fff;
 color: #000;
 font-size: 1.1em;
 width: 135px;
 padding: 1px;
 margin-right: 10px;
}

#text p.letters {
 font-weight: bold;
 width: 100%;
 text-align: center;
}

#text p.letters a {
 margin-right: 7px;
}

#text p.photo {
 margin: 0;
 width: 100%;
 margin-top: 20px;
 overflow: hidden;
 position: relative;
}

#text p.photo a {
 float: left;
 margin: 0 24px 20px 0;
 width: 120px;
 height: 96px; 
 background: url(../img/design/bg-image.gif) right bottom no-repeat; 
}

#text .schools {
 width: 560px;
 position: relative;
 overflow: hidden;
 border-bottom: 1px solid #ddd;
 margin-bottom: 17px;
}

#text .schools h2 {
 margin-top: 3px;
}

#text .schools ul {
 width: 180px;
 float: right;
 margin-top: 0;
}

#text .schools ul li {
 line-height: 1.5em;
 background-position: 0 5px;
}

a.ext {
 padding-right: 14px;
 background: url(../img/design/ext.gif) 100% 3px no-repeat; 
}

/* Elektronicka prihlaska --------------------------------------------------- */

#page.p6 #text fieldset {
 text-align: left;
}

#page.p6 #text fieldset span {
 color: #cd242c;
}

#page.p6 #text input, #page.p6 #text textarea {
 margin-bottom: 12px;
 width: 520px;
 padding: 1px;
 font-size: 11px;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color: #555;
}

#page.p6 #text input.rad {
 margin-bottom: 12px;
 width: auto;
 padding: 1px;
 font-size: 11px;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color: #555;
}

#page.p6 #text input.btn1 {
 margin: 9px 10px 0 0;
 width: 110px;
 padding: 0;
 font-size: 12px;
 color: #fff;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#page.p6 #text select {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 width: 100%;
 font-size: 12px;
}

#page.p6 #text select option {
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* tabulka ------------------------------------------------------------------ */

#text table {
 width: 560px;
 border-collapse: collapse;
 margin: 18px 0 20px 0;
}

#text table th {
 text-align: left;
 padding: 2px 5px 2px 0;
 border-bottom: 1px solid #333;
}

#text table td {
 padding: 0 5px 0 0;
}

#text table td.line {
 vertical-align: top;
 border-bottom: 1px solid #aaa;
}

#text table td input {
 width: 25px;
 padding: 0;
 text-align: center;
 font-size: 11px;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 color: #000;
}

#text table td img {
 margin: 3px 0 0 0;
 _margin: 3px 0;
}

#text textarea.ta {
 margin-bottom: 12px;
 width: 98%;
 _width: 97%;
 padding: 1px;
 font-size: 11px;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 overflow: auto;
 color: #555;
}

#text table td strong {
 color: #333;
}

#text table td small {
 color: #666;
}

#text table .price {
 text-align: right;
 padding-right: 50px; 
}

#text table select {
 font-size: 11px;
}

/* Paticka ------------------------------------------------------------------ */ 

#foot {
 height: 18px;
	line-height: 18px;
	font-size: 11px;
	padding-left: 7px;
	background: #000 url(../img/design/bg-foot.gif) left top repeat-x;
}

#foot, #foot a {
	color: #fff;
}

#foot a#rss {
	padding-right: 13px;
	background: url(../img/design/rss.gif) 100% 3px no-repeat;
}

.pruhledne {
 position: absolute;
 top: 390px;
 left: 234px;
 border: 1px solid #000;
 width: 435px;
 height: 120px;
 background-color: #ed9915;   
 opacity: 0.8;   
 filter: alpha(opacity=80);   
 -moz-opacity: 0.8;   
 -khtml-opacity: 0.8;
 font-size: 18px;
 padding-top: 20px;
 text-align: center;
 cursor: pointer;
}