/*  
Theme Name: KHAMORO
Description: Šablona pro prezentaci khamoro.cz
Author: Tomáš Gažůr
Author URI: http://www.tomasgazur.cz
*/



body {
  margin: 0 auto;
  font-family: Verdana;
  color: #4d4d4d;
	font-size: 10px;
}

	/* HEADER / HLAVIcKA */

#main {
  background: url('img/html_bg.jpg') left top no-repeat;
  margin: 0 auto;
	width: 1280px;
	height: 720px;
	/*position: relative;*/
	/*z-index: 1;*/
}

#container {
	width: 100%; 
	height: 100%; 
	left: 0px; 
	top: 0px; 
	position: absolute; 
	z-index: 0;
}

#header {
	height: 240px;
	width: 1280px;
}

#header .logo {
	float: left;
	height: 54px;
	width: 219px;
	padding: 38px 0 0 24px;
}

#header .onas {
  background: url('img/onas.png') left top no-repeat;
	float: left;
	height: 106px;
	width: 189px;
	position: relative;
	top: 17px;
	left: 50px;
}

#header .onasactive {
  background: url('img/onas_hover.png') left top no-repeat;
	float: left;
	height: 106px;
	width: 189px;
	position: relative;
	top: 17px;
	left: 50px;
}

#header .onas:hover {
  background: url('img/onas_hover.png') left top no-repeat;
}

#header .aboutus {
  background: url('img/header_aboutus.png') left top no-repeat;
	float: left;
	height: 115px;
	width: 222px;
	position: relative;
	top: 17px;
	left: 25px;
}

#header .aboutusactive {
  background: url('img/header_aboutus_hover.png') left top no-repeat;
	float: left;
	height: 115px;
	width: 222px;
	position: relative;
	top: 17px;
	left: 25px;
}

#header .aboutus:hover {
  background: url('img/header_aboutus_hover.png') left top no-repeat;
}

#header .ofestivalu {
  background: url('img/ofestivalu.png') left top no-repeat;
	float: left;
	height: 138px;
	width: 241px;
	position: relative;
	top: 90px;
	left: 18px;
}

#header .ofestivaluactive {
  background: url('img/ofestivalu_hover.png') left top no-repeat;
	float: left;
	height: 138px;
	width: 241px;
	position: relative;
	top: 90px;
	left: 18px;
}

#header .ofestivalu:hover {
  background: url('img/ofestivalu_hover.png') left top no-repeat;
}

#header .about-festival {
  background: url('img/header_festival.png') left top no-repeat;
	float: left;
	height: 141px;
	width: 236px;
	position: relative;
	top: 90px;
	left: 5px;
}

#header .about-festivalactive {
  background: url('img/header_festival_hover.png') left top no-repeat;
	float: left;
	height: 141px;
	width: 236px;
	position: relative;
	top: 90px;
	left: 5px;
}

#header .about-festival:hover {
  background: url('img/header_festival_hover.png') left top no-repeat;
}

#header .kontakt {
  background: url('img/kontakt.png') left top no-repeat;
	float: left;
	height: 92px;
	width: 227px;
	position: relative;
	top: 17px;
	left: -105px;
}

#header .kontaktactive {
  background: url('img/kontakt_hover.png') left top no-repeat;
	float: left;
	height: 92px;
	width: 227px;
	position: relative;
	top: 17px;
	left: -105px;
}

#header .kontakt:hover {
  background: url('img/kontakt_hover.png') left top no-repeat;
}

#header .contact {
  background: url('img/header_contact.png') left top no-repeat;
	float: left;
	height: 92px;
	width: 223px;
	position: relative;
	top: 17px;
	left: -135px;
}

#header .contactactive {
  background: url('img/header_contact_hover.png') left top no-repeat;
	float: left;
	height: 92px;
	width: 223px;
	position: relative;
	top: 17px;
	left: -135px;
}

#header .contact:hover {
  background: url('img/header_contact_hover.png') left top no-repeat;
}

#header .minulerocniky {
  background: url('img/minulerocniky.png') left top no-repeat;
	float: left;
	height: 109px;
	width: 232px;
	position: relative;
	top: 105px;
	left: -110px;
}

#header .minulerocnikyactive {
  background: url('img/minulerocniky_hover.png') left top no-repeat;
	float: left;
	height: 109px;
	width: 232px;
	position: relative;
	top: 105px;
	left: -110px;
}

#header .minulerocniky:hover {
  background: url('img/minulerocniky_hover.png') left top no-repeat;
}

#header .years {
  background: url('img/header_years.png') left top no-repeat;
	float: left;
	height: 128px;
	width: 215px;
	position: relative;
	top: 105px;
	left: -135px;
}

#header .yearsactive {
  background: url('img/header_years_hover.png') left bottom no-repeat;
	float: left;
	height: 128px;
	width: 232px;
	position: relative;
	top: 105px;
	left: -135px;
}

#header .years:hover {
  background: url('img/header_years_hover.png') left bottom no-repeat;
	height: 128px;
	width: 232px;
}

#header .odkazy {
  background: url('img/odkazy.png') left top no-repeat;
	float: left;
	height: 154px;
	width: 224px;
	position: relative;
	top: -103px;
	left: 350px;
}

#header .odkazyactive {
  background: url('img/odkazy_hover.png') left top no-repeat;
	float: left;
	height: 154px;
	width: 224px;
	position: relative;
	top: -103px;
	left: 350px;
}

#header .odkazy:hover {
  background: url('img/odkazy_hover.png') left top no-repeat;
}

#header .links {
  background: url('img/header_links.png') left top no-repeat;
	float: left;
	height: 154px;
	width: 224px;
	position: relative;
	top: -125px;
	left: 300px;
}

#header .linksactive {
  background: url('img/header_links_hover.png') left top no-repeat;
	float: left;
	height: 154px;
	width: 224px;
	position: relative;
	top: -125px;
	left: 300px;
}

#header .links:hover {
  background: url('img/header_links_hover.png') left top no-repeat;
}

.flagcs {
	float: left;
	height: 115px;
	width: 143px;
	position: relative;
	top: 46px;
	left: 140px;
}

.flagen {
	float: left;
	height: 115px;
	width: 143px;
	position: relative;
	top: 65px;
	left: 168px;
}

.lang_sel_sel {
	display: none;
}

#menu {
	width: 135px;
	margin: 0;
	position: absolute;
	height: 223px;
	padding: 0;
	top: 447px;
}

#content {
	width: 720px;
	margin: 0 auto;
	height: 450px;
	padding: 0 0 0 35px;
	color: #4d4d4d;
	_position: absolute;
	top: 240px;
}

#content ul {
	padding: 5px 0 5px 35px;
	list-style: square;
}

#content ul li {
	padding: 0 0 5px 0;
}

#content p {
	padding: 5px 0 5px 0;
	float: left;
}

#content2 {
	width: 795px;
	margin: 0 auto;
	height: 450px;
	padding: 0;
	color: #4d4d4d;
	_position: absolute;
	top: 240px;
}

#text {
	overflow: auto;
	width: 720px;
	top: 45px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	height: 370px;
	color: #4d4d4d;
}

#text2 {
	overflow: auto;
	width: 720px;
	margin: 0;
	padding: 0 15px 0 0;
	float: left;
	position: relative;
	height: 355px;
	color: #4d4d4d;
}

#text2 a {
	color: #3DD441;
}

#text3 {
	overflow: auto;
	width: 795px;
	top: 1px;
	margin: 0;
	padding: 0 0 0 21px;
	float: left;
	position: relative;
	height: 370px;
	color: #4d4d4d;
}

.festival {
  background: url('img/content_ofestivalu.jpg') 30px top no-repeat;
}

.about-festival {
  background: url('img/content_aboutfestival.jpg') 30px top no-repeat;
}

.festival h1, .about-festival h1 {
	display: none;
}

.festival a, .about-festival a {
  color: #FE00FB;
}

.odkazy {
  background: url('img/content_odkazy.jpg') 30px top no-repeat;
}

.links {
  background: url('img/content_links.jpg') 30px top no-repeat;
}

.odkazy h1, .links h1 {
	display: none;
}

.odkazy a, .links a {
  color: #FEA803;
}

/*
.partneri {
  background: url('img/partneri_nadpis.png') 30px top no-repeat;
}

.partners {
  background: url('img/partners.png') 30px top no-repeat;
}

*/

.partneri h1, .partners h1 {
	margin-left:  25px;
}

.kontakt {
  background: url('img/content_kontakt.jpg') 30px top no-repeat;
}

.contact {
  background: url('img/content_contact.jpg') 30px top no-repeat;
}

.kontakt h1, .contact h1 {
	display: none;
}

.kontakt a, .contact a {
  color: #821EBC;
}

.rocniky {
  background: url('img/content_rocniky.jpg') 30px top no-repeat;
}

.c-years {
  background: url('img/content_years.jpg') 30px top no-repeat;
}

.rocniky h1, .c-years h1 {
	display: none;
}

.rocniky a, .c-years a {
  color: #62C6C8;
}

.nas {
  background: url('img/content_onas.jpg') 30px top no-repeat;
}

.about {
  background: url('img/content_about-us.jpg') 30px top no-repeat;
}

.nas h1, .about h1 {
	display: none;
}

.nas a, .about a {
  color: #26E42A;
}

.leftside {
	width: 340px;
	float: left;
	|margin-top: 25px;
}

.rightside {
	width: 290px;
	float: right;
	padding-right: 15px;
	|padding-top: 25px;
}

#footer {
  background: url('img/footer_bg.png') left top no-repeat;
	width: 814px;
	height: 22px;
	margin: 0 auto;
	color: #4d4d4d;
	margin: 8px 0 0 252px;
}

#footer p {
	font-size: 10px;
	text-align: center;
	padding-top: 7px;
}

#footer a {
	color: #4d4d4d;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.fotka { float: left; margin: 4px 8px 0 0;}

h1 { font-size: 22px; padding-top: 13px; padding-bottom:13px; }
h2 { font-size: 10px; padding-top: 13px; width: 100%; float: left; }

#clear, .clear { clear: both;}
img { border: 0;}

* { margin: 0; padding: 0;}