/* ~-~-~-~-~-~ Houslova soutez Josefa Muziky (houslovka.open-art.cz) ~-~-~-~-~-~ */
/* ~-~-~-~-~- grafiku pomoci CSS pripravil: IdeFixx (www.sucharda.cz) -~-~-~-~-~ */
body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 90%;
	font-family: Georgia, 'Georgia CE', 'Times New Roman', 'Times CE', times, serif;
	color: #382c1e;
	background: #da923f url("bg-web.jpg");
}

/* ~-~ vseobecne ~-~ */
* { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .2em 0;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: -1px;
	color: #6c4d42;
}
h1 { margin: .4em 0; font-size: 170%; color: #382c1e; }
h2 { font-size: 160%; }
h3 { font-size: 150%; }

a { text-decoration: underline; font-weight: normal; color: #444f66; }
a:visited { color: #636; }
a:hover, a:active { text-decoration: underline; color: #8d3039; }

p {
	padding: .2em 0 1em 0;
	line-height: 145%;
/*	text-indent: 2%;*/
	font-size: 1em;
/*	background: url("bg-linky.png") repeat-y;*/
}
p.no { padding-bottom: 0; }

ul, ol { padding: .2em 0 1em 2em; line-height: 140%; list-style-position: inside; }
.no-pt { list-style: none; }
.pismenka { list-style-type: lower-alpha; }

hr, .hr { display: none; }
img { border: none; }
address { padding: 0 0 1em 0; font-style: normal; line-height: 145%; /*background: url("bg-linky.png") repeat-y;*/ }
sup { font-size: .6em; }

/* ~-~ hlavicka, design obsahu ~-~ */
#obal { margin: 0 auto; width: 770px; text-align: left; }

#logo { position: relative;	z-index: 2; margin: 9px 0 0 75px; height: 244px; }

#obsah { position: relative; z-index: 2; margin-top: 36px; background: url("bg-obal.png") repeat-y; }
#obsah-in { min-height: 140px; padding: 1.4em 30px 0 30px; background: url("bg-obal-top.jpg") 10px 0 no-repeat; }

.sloupek { float: left; margin: 1px 15px 0 0; padding-bottom: .5em; width: 160px; text-align: center; }
.sloupek .nadpis {
	position: relative; left: -20px; display: block;
	margin: 0 0 .3em 0; width: 170px;
	padding: 12px 0 17px 10px;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	color: #51616d;
	background: url("bg-nadpis-1.png") left bottom no-repeat;
}
.sloupek p { margin-left: 10px; text-align: left; font-size: .9em; }
.sloupek ul { margin: 0; padding: 0; list-style: none; text-align: left; }
.sloupek li a, .sloupek li strong {
	display: block; margin-bottom: 1px; padding: 2px 8px 4px 8px; color: #444f66; border-bottom: 1px solid #c6af71; background-color: #eac671;
}
.sloupek li strong { color: #382c1e; }
.sloupek li a:hover { color: #5a1f24; background-color: #c6af71; }

.dr-bek { margin-bottom: .3em; padding: 5px 2px; /*text-transform: lowercase;*/ font-size: .8em; }

.zvyrazni { color: #8d3039; }
.skrt { text-decoration: line-through; }

.foto { margin: 0 15px 0 0; padding-bottom: .5em; }
.foto img { padding: 7px; border: 1px solid #ddc078; background: url("bg-vzkaz.png"); }
.foto a:hover img { border: 1px solid #ccad61; }

#galerie { overflow: auto; padding-left: 58px; }
.album, .album-in { float: left; margin: 0 15px 15px 0; padding: 5px; width: 178px; text-align: center; background: url("bg-vzkaz.png"); }
.album-in { width: 170px; margin-right: 25px; background: none; }
.album p { padding: 0; }

.vlevo { float: left; }
.vpravo { float: right; margin: 0 0 0 15px; }

.center { text-align: center; }

.cleaner { clear: both; }
.cleaner-in { clear: both; background: url("bg-obal.png") repeat-y; }
.cleaner span, .cleaner-in  span { display: none; }

/* ~-~ hlavni nabidka ~-~ */
#menu {	position: absolute;	z-index: 2;	top: 240px; width: 770px; }
#menu ul { margin: 0; padding: 0; }
#menu li { float: left; list-style-type: none; /*background-color: #f5bd44;*/ }
/*#menu li:hover { background-color: #fff; }*/

#uvod, #uvod a, #uvod strong, #uvod a span, #uvod a:hover span, #uvod strong span {
	height: 49px; width: 80px; display: block; overflow: hidden; background-image: url("uvod.jpg");
}
#uvod { position: relative; top: 0; left: 0; }
#uvod a span, #uvod a:hover span, #uvod strong span, #uvod a strong span {
	position: absolute; top: 0; left: 0; background-image: url("uvod.jpg");
}
#uvod a span { background-position: 0 -98px; }
#uvod a:hover span { 			background-position: 0 -49px; }
#uvod strong span { 			background-position: 0 0; }
#uvod a strong span { 			background-position: 0 0; }
#uvod .aktiv a span { 			background-position: 0 0; }
#uvod .aktiv a:hover span { 	background-position: 0 -49px; }

#soutez { margin-top: 5px; }
#soutez, #soutez a, #soutez strong, #soutez a span, #soutez a:hover span, #soutez strong span {
	height: 50px; width: 91px; display: block; overflow: hidden; background-image: url("soutez.jpg");
}
#soutez { position: relative; top: 0; left: 0; }
#soutez a span, #soutez a:hover span, #soutez strong span, #soutez a strong span {
	position: absolute; top: 0; left: 0; background-image: url("soutez.jpg");
}
#soutez a span { 				background-position: 0 -100px; }
#soutez a:hover span { 			background-position: 0 -50px; }
#soutez strong span { 			background-position: 0 0; }
#soutez a strong span { 		background-position: 0 0; }
#soutez .aktiv a span { 		background-position: 0 0; }
#soutez .aktiv a:hover span {	background-position: 0 -50px; }

#historie { margin-top: 12px; }
#historie, #historie a, #historie strong, #historie a span, #historie a:hover span, #historie strong span {
	height: 47px; width: 102px; display: block; overflow: hidden; background-image: url("historie.jpg");
}
#historie { position: relative; top: 0; left: 0; }
#historie a span, #historie a:hover span, #historie strong span, #historie a strong span {
	position: absolute; top: 0; left: 0; background-image: url("historie.jpg");
}
#historie a span { 				background-position: 0 -94px; }
#historie a:hover span { 		background-position: 0 -47px; }
#historie strong span { 		background-position: 0 0; }
#historie a strong span { 		background-position: 0 0; }
#historie .aktiv a span { 		background-position: 0 0; }
#historie .aktiv a:hover span { background-position: 0 -47px; }

#foto { margin-top: 13px; }
#foto, #foto a, #foto strong, #foto a span, #foto a:hover span, #foto strong span {
	height: 47px; width: 74px; display: block; overflow: hidden; background-image: url("foto.jpg");
}
#foto { position: relative; top: 0; left: 0; }
#foto a span, #foto a:hover span, #foto strong span, #foto a strong span {
	position: absolute; top: 0; left: 0; background-image: url("foto.jpg");
}
#foto a span { 					background-position: 0 -94px; }
#foto a:hover span { 			background-position: 0 -47px; }
#foto strong span { 			background-position: 0 0; }
#foto a strong span { 			background-position: 0 0; }
#foto .aktiv a span { 			background-position: 0 0; }
#foto .aktiv a:hover span { 	background-position: 0 -47px; }

#kniha { margin-top: 13px; }
#kniha, #kniha a, #kniha strong, #kniha a span, #kniha a:hover span, #kniha strong span {
	height: 47px; width: 162px; display: block; overflow: hidden; background-image: url("kniha.jpg");
}
#kniha { position: relative; top: 0; left: 0; }
#kniha a span, #kniha a:hover span, #kniha strong span, #kniha a strong span {
	position: absolute; top: 0; left: 0; background-image: url("kniha.jpg");
}
#kniha a span { 				background-position: 0 -94px; }
#kniha a:hover span { 			background-position: 0 -47px; }
#kniha strong span { 			background-position: 0 0; }
#kniha a strong span { 			background-position: 0 0; }
#kniha .aktiv a span { 			background-position: 0 0; }
#kniha .aktiv a:hover span { 	background-position: 0 -47px; }

#podporuji { margin-top: 9px; }
#podporuji, #podporuji a, #podporuji strong, #podporuji a span, #podporuji a:hover span, #podporuji strong span {
	height: 49px; width: 152px; display: block; overflow: hidden; background-image: url("podporuji.jpg");
}
#podporuji { position: relative; top: 0; left: 0; }
#podporuji a span, #podporuji a:hover span, #podporuji strong span, #podporuji a strong span {
	position: absolute; top: 0; left: 0; background-image: url("podporuji.jpg");
}
#podporuji a span { 			background-position: 0 -98px; }
#podporuji a:hover span { 		background-position: 0 -49px; }
#podporuji strong span { 		background-position: 0 0; }
#podporuji a strong span { 		background-position: 0 0; }
#podporuji .aktiv a span { 		background-position: 0 0; }
#podporuji .aktiv a:hover span {background-position: 0 -49px; }

#kontakt, #kontakt a, #kontakt strong, #kontakt a span, #kontakt a:hover span, #kontakt strong span {
	height: 52px; width: 109px; display: block; overflow: hidden; background-image: url("kontakt.jpg");
}
#kontakt { position: relative; top: 0; left: 0; }
#kontakt a span, #kontakt a:hover span, #kontakt strong span, #kontakt a strong span {
	position: absolute; top: 0; left: 0; background-image: url("kontakt.jpg");
}
#kontakt a span { 				background-position: 0 -104px; }
#kontakt a:hover span { 		background-position: 0 -52px; }
#kontakt strong span { 			background-position: 0 0; }
#kontakt a strong span { 		background-position: 0 0; }
#kontakt .aktiv a span { 		background-position: 0 0; }
#kontakt .aktiv a:hover span {	background-position: 0 -52px; }

/* ~-~ paticka ~-~ */
#paticka { clear: both; padding: 43px 10px 0 10px; background: url("bg-obal-bottom.png") top no-repeat; }
#napis { position: relative; top: -12px; float: left; margin: 0 15px 0 18px; }
#paticka p { margin-top: 8px; font-size: .7em; text-indent: 0; color: #382c1e; }
#paticka a, #paticka a:visited { color: #382c1e; } #paticka a:hover { color: #8d3039; }
#odkazy { width: 607px; float: right; }
.stats {}

/* ~-~ doplnky ~-~ */
#top { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 301px; background: url("bg-top.jpg") 50% 0 no-repeat; }

.reklama { text-align: center; /*padding-bottom: 1.2em;*/ }

form input, fieldset input, fieldset select { margin-bottom: 0; }
form p { margin: 0; padding: 0; margin-bottom: 10px; }
fieldset { border: none; }
fieldset legend { font-size: 1.2em; font-weight: bold; }

#form-style p { margin: 0; padding: 0; /*background: none;*/ }