/* CSS Document */

* {
	margin:0;
	padding:0;
}

body, html {
	background-color:#000; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px !important;
}


/* NEWS */
#eye-catcher { position:absolute; top: 15px	; left: 280px; width: 500px; display:block; color:#984542;}


/* language */	
	#language 		{ position:absolute; top: 5px;	left: 794px;  width:163px; 	height: 52px;}
	#language ul 	{ margin:0; padding:0;}
	#language li 	{ list-style-type:none; margin:10px; padding:0; display:inline; float:left;}
	#language a		{ color: #a46b47 !important;font-size:12px; font-weight:normal;}
	
	
/* Background of all sites*/
#hlavni-strana,#zivotopis,#philharmonia-octet,#brahms-trio-prague,#kalendar,#audiogalerie,#galerie,#klinika,#vino, #hodnoceni-vin,#cesty-za-vinem,#zajimavosti,#kontakt, #error{
	width:880px;
	height: 578px;
}
#hlavni-strana		{background: url(../images/main.jpg) no-repeat 0 85px;} 		/* main */
#zivotopis			{background: url(../images/zivotopis.jpg) no-repeat 0 85px;} /* životopis */
#philharmonia-octet {background: url(../images/philharmonia-octet.jpg) no-repeat 0 85px;} /* životopis */
#brahms-trio-prague {background: url(../images/brahms-trio-prague.jpg) no-repeat 0 85px;} /* životopis */
#kalendar			{background: url(../images/kalendar.jpg) no-repeat 0 85px;} 	/* kalendar */
#audiogalerie		{background: url(../images/audiogalerie.jpg) no-repeat 0 85px;} 	/* audiogalerie */
#galerie			{background: url(../images/fotogalerie.jpg) no-repeat 0 85px;} 	/* fotogalerie */
#klinika			{background: url(../images/klinika.jpg) no-repeat 0 85px;} 	/* hornová klinika*/
#hodnoceni-vin,#cesty-za-vinem,#zajimavosti,#vino
					{background: url(../images/vino.jpg) no-repeat 0 85px;} 	/* O víně */
#kontakt,#error		{background: url(../images/kontakt.jpg) no-repeat 0 85px;} 	/* Kontakt */


/* Texts for INDEX */
#hlavni-strana p {
	color:#984542;
	display:block;
	padding: 5px 5px 0 380px;
	font-size: 11px !important;
	}
#hlavni-strana span{
	padding-left:300px;
}

/* hlavní strana VÍNO*/
.vino{ 	padding: 240px 0 0 145px; width: 200px;}
.vino a{ 	color:#8b3f3c; font-size:10px; text-decoration:none;}
.vino img{ 	border-color:#8b3f3c; margin: 3px 0;}
.vino h3 { font-weight:normal; font-size:11px; margin: 5px 0 0 0 }

/* */ 

#home
{
	height: 135px;
	width: 228px;
	display:block;
	float:left;
}
/* MENU */
#menu
{
	height: 88px;
}

#menu2, #menu3  {
	width: 180px;
	float: left;
	padding-top: 77px;
}
#menu2 a, #menu3 a { text-decoration:none;}
#menu2 span, #menu3 span { display:block; height:30px; width: 180px; }

#menu li, #menu2 li , #menu3 li { list-style-type:none;}

/* OBSAH */

#error p{ padding: 100px 5px 0 0;}
#error ul{ padding: 10px 0; width: 400px;}
	#content {
		padding:0;
		overflow:auto;
		height: 485px;
		width: 525px;
		margin: 0 0 0 170px;
		float:left;
	}
	#content p{
		color:#000;
		font-size:14px;
		margin: 15px;
		display:block;
		width: 600px;
	}
	#content a{
		color:#000;
		font-size:14px;
	}
	#content h2{
		color:#000;
		font-size:18px;
		margin: 15px;
	}
	#content img { float: left; padding:10px;}
/* fotogalerie */
	#fotogalerie { 
		padding:0;
		overflow:auto;
		height: 485px;
		width: 700px;
		margin: 0 0 0 180px;
		float:left;
	}
 	#fotogalerie h2 {float:left; display:block; width:300px;}
	#fotogalerie a { color:#fff;}
	
	.album { display:block; width: 160px!important; height:180px!important; float:left; margin: 5px;}
	.album img { padding:3px !important; border:1px solid #ccc;}
	.album p { padding: 10px 0 0 10px !important;}
	.album a, .fotka a{ cursor:pointer !important; font-weight:normal; font-size:13px; text-decoration:none!important;}
	
	.fotka {  display:block; width: 100px!important; height:180px!important; float:left;  margin: 5px;}
	.fotka img { padding:3px !important; border:1px solid #ccc;}
	.image_description {  color:#fff; }	
	.fotka { width:200px !important;}
	.album a:hover{ text-decoration:underline;}
	
#main-aktuality {
		padding:0;
		overflow:auto;
		height: 470px;
		width: 675px;
		margin: 15px 0 0 200px;
		float:left;
	}
	.new-item { color: #e6bda6; padding-top: 28px;  text-decoration: none!important; }
	.new-item a { color: #e6bda6; text-decoration: none!important;}
	.new-date { display:block; float: left;font-weight:bold; width: 120px;color: #a18474;}
	.new-text { display:block; float:left; width: 500px; margin: 2px 0 5px 0;}
	.new-heading{ font-weight:bold; font-size:14px;}	

/* články */
	.article { color: #e6bda6; font-size:12px;}
	.article p { color: #e6bda6; display:block; width: 650px; margin-top: -100px;}
	.article h2 { float:left; display:block; width:440px;}
	.article-date { color: #a18474 !important;  width: 300px !important; margin-top: 5px!important; }
	.article a { color: #a18474; text-decoration:underline;}
	.article a:hover { color: #fff;}

/* články */
	.akce{ color: #e6bda6; font-size:12px;}
	.akce p { color: #e6bda6; display:block; width: 640px; overflow:auto;}
	.akce h2 { float:left; display:block; width:350px;}
	.akce-date { color: #a18474 !important;  width: 300px !important; margin-top: 5px!important; }
	.akce a { color: #a18474; text-decoration:underline;}
	.akce a:hover { color: #fff;}

/* klinika */
	#content-clinic {
		padding-left: 0px;
		color:#000;
		overflow:auto !important;
		height: 485px !important;
		width: 556px !important;
	}
	#content-clinic h2 { color: #000 !important;}
	#content-clinic p { color: #000 !important;}
	#content-clinic .perex { height: 50px;}
	.perex { display:block; color: #000; margin-top: 10px; }
	.perex a { color: #000; text-decoration:none; cursor:pointer;}
	.perex h2 { float:left; display:block; width:450px;}
	.perex-date { display:block; float: left;font-weight:bold; width: 200px;color: #000;}
	.perex-text { float:left; display:block; width:450px!important; }
	.perex-text span { font-weight:bold; font-size:14px;}
	
	/* výpis článků */
	#clanek {
		padding: 0 10px 0 200px;
		color:#000;
		overflow:auto !important;
		height: 480px !important;
		width: 665px !important;
	}
	#clanek a { color: #000; text-decoration:underline; cursor:pointer;}
	#clanek h2 { float:left; display:block; width:300px;}
	#clanek p { margin: 15px 0;}
	#clanek-date { display:block; float: left;font-weight:bold; width: 200px;color: #000;}
	#clanek-text { display:block; float:left; width: 500px;}
	#clanek-text span { font-weight:bold; font-size:14px;}
 
 /* VÍNO */
 
#hodnoceni-vin h2,#cesty-za-vinem h2,#zajimavosti h2,#vino h2 ,#hodnoceni-vin p,#cesty-za-vinem p,#zajimavosti p,#vino p { margin:0; padding:0;}
#hodnoceni-vin #content,#zajimavosti #content,#vino #content { margin:10px 0 0 30px; padding:0; }
#vino #content {  width: 625px !important}
#hodnoceni-vin #content { height: 475px !important; width: 665px !important; }
#hodnoceni-vin .perex {display:block; height: 26px; }

#cesty-za-vinem #content, #zajimavosti #content  {margin:0 0 0 30px;
		padding-left: 0px;
		color:#000;
		overflow:auto !important;
		height: 480px !important;
		width: 665px !important;}
#cesty-za-vinem .perex,  #zajimavosti .perex   { display:block; color: #000; margin-top: 20px; height: 150px;}
#cesty-za-vinem #content img, #zajimavosti #content img{ margin: 0 10px 10px 0; border: 1px solid #fff; padding:5px;}
#cesty-za-vinem #content h2, #zajimavosti #content h2{ margin: 0;}

/* ZIVOTOPIS */
#zivotopis .article p { width: 475px;}
#philharmonia-octet .article p { width: 475px;}
#brahms-trio-prague .article p { width: 475px;} 

/* AUDIOGALERIE */
#audiogalerie #content{color:#e6bda6; overflow:auto; height: 485px; color:#FFFFFF; width: 708px;}
#audiogalerie h2 {float:left; display:block; width:300px; color:#fff;}
#audiogalerie p ,#audiogalerie a { margin-top:0; color:#fff;}
.item { }
.item span { display:block;}

/* KONTAKT */
/*#kontakt  #content { margin:10px 0 0 205px; padding:0;}*/
#kontakt h2, #kontakt p, #kontakt label{ margin:0; padding:0; color:#e6bda6; !important; }
#kontakt form { margin-top: 10px;}
.submit { margin-top: 7px;}
/* Formulář */
form { 
	padding: 50px 0 0 0;
	margin-left: 20px;
	width: 300px;
	float:left;
	}
label {
	padding-top:3px;
	color:#643200;
	font-size:14px; 
	font-weight:bold;
	width:50px;
	display:block;
}

textarea, input{ background-color:#c8bea8; border: 1px #000 solid; padding:3px; margin: 3px 0;}
textarea{ width: 230px; height: 150px;}


/* ERROR */

#error #content a,#error #content p,  #error #content li{ color:#fff !important; font-size: 12px; }
#error #content h2 { margin: 20px 0 0 0; color:#fff !important; font-size: 16px; }
#error #content p { display:block; margin:10px 0; padding:0;}
#error #content {
		padding:0;
		overflow:auto;
		height: 485px;
		width: 680px;
		margin: 0 0 0 198px;
		float:left;
}
#error #content .article{
		width: 500px;

}
#error #content form{
	display:block !important;
	width: 500px !important;
	margin: 15px 0;
	padding:0;
}

/* CLEANER */
hr { clear:both; visibility:hidden; width:1px;}

/* FONTS */
h1 { color:#fff}
h2 { font-size: 1.4em;}