/* MAIN */

html {
  margin: 0;
  padding: 0;
}


body {
	font-family: Arial, Tahoma, Verdana, Courier, Arial Narrow, Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	width: auto;
	color: #494949;
	text-align: center;
	background-image: url(design/design2_1x5.png);
	background-repeat: repeat-x;
	font-size: 14px;
}

p {
   margin: 1em 0em 0em 0em;
   text-indent: 2em;
}


h1 {
  margin: 0px 0px 10px 0px;
  font-size: 20px;
  font-family: Verdana, Courier, Arial Narrow, Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 25px;
  height: 25px;
}

h2 {
  font-size: 14px;
  font-family: "Arial Black", Arial, Tahoma, Verdana, Courier, Helvetica, sans-serif;
  font-weight: bold;
  padding-bottom: 4px;
  text-align:center;
}

h3 {
  margin: 0 0 10 0;
  font-size: 14px;
  font-family: "Arial Black", Arial, Tahoma, Verdana, Courier, Helvetica, sans-serif;
  font-weight: bold;
  background-color: #ba5310;
  padding-bottom: 4px;
  text-align:center;
}

h4 {
  margin: 0 0 0 0;
  font-size: 14px;
  font-family: Tahoma, Verdana, Courier, Arial Narrow, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

h5 {
  margin: 5 0 5 0;
  font-size: 13px;
  font-family: Arial, Tahoma, Verdana, Courier, Arial Narrow, Helvetica, sans-serif;
  font-weight: bold;
  color: #6b3009;
}

a:link, a:visited {
	font-weight: normal;
	color: #494949;
}

a:hover {
	font-weight: normal;
	color: #851207;
}


.mrknete-odkazy a:link, .mrknete-odkazy a:visited {
	font-weight: bold;
	color: #907ce4;
	
}

.mrknete-odkazy a:hover {
	font-weight: bold;
	color: #872519;
	
}


.pngfix {
   behavior: url(http://www.tiptop-q.cz/scripts/iepngfix.htc);
}



/* CONTENT */

.main {
	position: absolute;
  width: 1000px;
  left: 50%;
  margin: 0px 0px 0px -500px;
  background-color: #d8a42b;
  text-align: left;
}

.main-intro {
  position: absolute;
  width: 810px;
  height: 620px;
  top: 50%;
  left: 50%;
  margin: -315px 0px 0px -405px;
  overflow: hidden;
  background-color: #d8a42b;
  text-align: left;
}

.des-top {
  background-image: url(design/design2_1x1.png);
  background-repeat: repeat-y;
}

.des-leftt {
  background-image: url(design/design2_3x1.png);
  background-repeat: repeat-y;
}

.des-midl {
  background-color: #fefcf8;
  background-image: url(design/design2_2x2.png);
  background-repeat: no-repeat;
}


.des-rightt {
  background-image: url(design/design2_3x2.png);
  background-repeat: repeat-y;
}

.des-midr {
  background-color: #fefcf8;
  background-image: url(design/design2_2x4.png);
  background-repeat: no-repeat;
}

.des-midll {
  background-image: url(design/design2_3x1.png);
  background-repeat: repeat-y;
}

.des-midrr {
  background-image: url(design/design2_3x2.png);
  background-repeat: repeat-y;
}
.mainback {
  background-color: #fdf9f2;
  background-image: url(design/design2_2x3.png);
  background-repeat: no-repeat;
}

.footerback {
  background-image: url(design/design2_4x1.png);
  background-repeat: no-repeat;
}



.patka-text {
  font-size: 10px;
  text-align: center;
  margin-top: 32px;
  color:  #494949;
}

input {
  border: 0px solid black;
}





.rounded {
   width: 250px; margin: 0px 0px 15px 0px;
}

.rounded-violet {
  /*position: relative; top: 0px; left: 0px; */ width: 250px; margin: 0px 0px 15px 5px;
}

.rounded-green {
  /*position: relative; top: 0px; left: 0px; */ width: 250px; margin: 0px 0px 15px 5px;
}

.rounded-red {
  /*position: relative; top: 0px; left: 0px;*/  width: 250px; margin: 0px 0px 15px 5px;
}

.rounded-orange {
  /* position: relative; top: 0px; left: 0px;*/ ;
}

.rounded-violet-free {
  /*position: relative; top: 0px; left: 0px;*/
}

.rounded-green-free {
  /*position: relative; top: 0px; left: 0px;*/
}

.rounded-red-free {
  /* position: relative; top: 0px; left: 0px;*/
}




.rounded-inner {
  background-color: #ffffff;
  padding: 5px 5px 5px 5px;
}

.rounded-inner-violet {
  background-color: #907ce4;
  padding: 5px 5px 5px 5px;
}

.rounded-inner-green {
  background-color: #79cd8a;
  padding: 5px 5px 5px 5px;
}

.rounded-inner-red {
  background-color: #d27171;
  padding: 5px 5px 5px 5px;
}

.rounded-inner-style {
  background-color: #ef8742;
  padding: 0px 0px 0px 0px;
  color: white;
  
}

.rounded-inner-orange {
  background-color: #eebe3a;
  padding: 10px 10px 10px 10px;
  background: url(images/novinky-back.png);
  background-repeat: repeat;
  background-position: top left;
}

.rounded-inner-orange2 {
  padding: 10px 0px 10px 0px;
  background: url(images/novinky-back.png) repeat top left;
  width: 497px;
}


.rounded-inner-orange-hrajeme {
  background-color: #eebe3a;
  padding: 0px 10px 0px 10px;
}




.rounded-content {
  margin: 0px 0px 0px 0px;
  padding: 10px 5px 3px 0px;
  _padding: 10px 0px 3px 0px;
 background-color: #ef8742;

}


.background-hohner {
  background: url(images/hohner.png) no-repeat top left;
}

.background-guitar {
  background: url(images/guitar.png) no-repeat top left;
}
 
.background-small-violet {
  background-color: #ef8742; 
  background-image: url(http://www.tiptop-q.cz/design/backsmallviolet.png);
  background-repeat: repeat-x;
}

.background-small-green {
  background: #ef8742;
  background-image: url(http://www.tiptop-q.cz/design/backsmallgreen.png);
  background-repeat: repeat-x;
}

#novinky {
  width: 538px; margin: 0px 7px 5px 5px;
}

.novinky-inner {
  width: 520px; padding-top: 5px; overflow: auto; margin-left: 5px;
}

.abbey {
  clear:both;
  margin-left: 5px;
  margin-bottom: 10px;
}

#abbey-round {
 /*  position: relative; top: 0px; left: 0px;*/  width: 800px; height: 320px; margin: 0px 0px 5px 0px;
}

.abbey-inner {
  background: #ef8742;
}

.konc-bude {
  border-left: 10px solid #eebe3a;
  border-bottom: 1px solid white;
  padding-left: 10px;
}

.konc-byl {
  border-left: 10px solid silver;
  border-bottom: 1px solid white;
  padding-left: 10px;
}

.konc-line {
  padding-bottom: 5px;
  padding-right: 10px;
}

.mrknetena-1 {
  border-left: 10px solid #79cd8a;
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  padding-left: 10px;
}

.mrknete-odkazy {
  margin-top: 0px;
  text-indent: 0px; 
  font-weight: bold; 
  text-align: center;
}

.hrali-jsme {
  margin-top: 0px;
  text-indent: 0px; 
  font-weight: bold; 
  text-align: center;
  color:#e8e8e8;
}

.shortnews {
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  padding: 0px 10px 0px 10px;
  width: 472px;
  overflow: hidden;
}

.centercontainer {
  width: 810px;
}

div#rpics {position: absolute; left: 325px; top: 25px; width: 250px;}
div#rpics ul{list-style-type: none;margin:0 15px;padding:0}
div#rpics li{float:left;width:250px;margin: 10px 10px 0px 0;background-color: #656565}
div#rpics li img{display: block;margin:5px 10px;border: 0px}