/*
  ucetni-dane.eu
  cascading style sheets
  css 2.1 compliant
  http://www.w3.org/tr/css21/
  author: Hlav�cek Webdesign
  www.hlavacek-webdesign.cz
*/

body
	{
	color: #000;
	font: 90% 'Arial CE', 'Verdana', Times, serif;
	text-align: center;
	margin:0;
	padding:0;
	}
	
	
#web{position: relative;
			z-index: 0;
			width: 1241px;
			margin: 0 auto;
			text-align: left;
			padding: 0 0 0 0;
			background: #fff url("../images/site-left.jpg") 190px 0 no-repeat; }	
.blocks1 { width: 260px; float:left; position: relative;}

.block1 h2{ margin: 0 30px 0 0;}
.block2 h2{ margin: 0 30px 0 0;}
.block3 h2{ margin: 0 30px 0 0;}

.block1,.block2,.block3 	{ position: relative; float:left; margin:0; padding:0;}

.block1 h2,.block2  h2,.block3 h2 { position: relative; z-index: 1; padding: 0; font-size: 14px; overflow: hidden;  cursor:pointer;}

.block1 h2.header1,
.block1 h2.header2,
.block1 h2.header3,
.block1 h2.header4,
.block1 h2.header5,
.block2 h2.header6,
.block2 h2.header7,
.block2 h2.header8,
.block2 h2.header9,
.block2 h2.header10,
.block2 h2.header11,
.block2 h2.header15,
.block3 h2.header12,
.block3 h2.header13,
.block3 h2.header14,
.block3 h2.header16 { height: 70px; width:250px; }


.block1 h2 span,.block2  h2 span,.block3 h2 span 	{ position: absolute; top: 0; left: 0; z-index: 2; margin: 0; padding: 0;  cursor:pointer;}

h2.header1 span 	{ background: url("../images/menu-houslove-1.gif") 0 0 no-repeat; height: 70px; width:250px;}
h2.header2 span 	{ background: url("../images/menu-kytarove-2.gif") 0 0 no-repeat; height: 70px; width:250px}
h2.header3 span 	{ background: url("../images/menu-bici-3.gif") 0 0 no-repeat; height: 70px; width:250px}
h2.header4 span 	{ background: url("../images/menu-akordeonove-4.gif") 0 0 no-repeat; height: 70px; width:250px}
h2.header5 span 	{ background: url("../images/menu-klavirni-5.gif") 0 0 no-repeat; height: 70px;  width:250px}
.block2 h2.header6 span 	{ background: url("../images/menu-dechove-6.gif") 0 0 no-repeat; height: 70px;  width:250px;}
.block2 h2.header7 span 	{ background: url("../images/menu-zobcova_fletna-7.gif") 0 0 no-repeat; height: 70px; width:250px }
.block2 h2.header8 span 	{ background: url("../images/menu-pricna_fletna-8.gif") 0 0 no-repeat; height: 70px; width:250px}
.block2 h2.header9 span 	{ background: url("../images/menu-saxofon-9.gif") 0 0 no-repeat; height: 70px; width:250px}
.block2 h2.header10 span 	{ background: url("../images/menu-trubka-10.gif") 0 0 no-repeat; height: 70px; width:250px}
.block2 h2.header11 span 	{ background: url("../images/menu-klarinet-11.gif") 0 0 no-repeat; height: 70px; width:250px}
.block2 h2.header15 span 	{ background: url("../images/menu-pozoun.gif") 0 0 no-repeat; height: 70px; width:250px}
.block3 h2.header12 span 	{   background: url("../images/menu-orchestr-12.gif") 0 0 no-repeat; height: 70px; width:250px}
.block3 h2.header13 span 	{ background: url("../images/menu-pevecke-13.gif") 0 0 no-repeat; height: 70px;  width:250px}
.block3 h2.header14 span 	{ background: url("../images/menu-sbor-14.gif") 0 0 no-repeat; height: 70px; width:250px }
.block3 h2.header16 span 	{ background: url("../images/menu-folklor.gif") 0 0 no-repeat; height: 70px; width:250px }


#page
	{

	margin: 0;
	text-align: left;
	padding: 0 0 0 0;
	}

#prihlaseni {}

h2 { margin: 0 0 0.5em 0; font-size: 1.5em; }
h3 { margin: 0 0 1em 0; font-size: 1.2em; }
a  				{ color: #38499c; background-color: inherit; background-image: none; }
a:visited 		{ color: #38499c; background-color: inherit; background-image: none; }
a:visited:hover { color: #38499c; background-color: inherit; background-image: none; }
a:hover 		{ color: #38499c; background-color: inherit; background-image: none; text-decoration: none; }
a.external_link:hover, a.external_link:focus { color: inherit; background: inherit; } /* odkaz na str�nku na jin�m webu */
a.e-mail:hover, a.e-mail:focus { color: #38499c; background: inherit; } /* odkaz na e-mail */
a img 			{ border: none; }
span.hidden		{ display: none; }
hr.hidden 		{ display: none; }
.clear { width: 1px; clear: both;}

/* accessibility */
#accessibility { display: none; }

/* header */
#header { position: relative; width: 1241px; height: 53px; margin: 0; padding: 0; background: none; }
#header h1 { z-index: 1; margin: 0; padding: 0; font-size: 14px;  width: 1241px; height: 53px; }
#header h1 a { display: block; position: relative; width: 1131px; height: 53px; padding: 0; overflow: hidden; }
#page>#header h1 a { width: auto; }
#header h1 a span { position: absolute; top: 0; left: 0; z-index: 2; width: 1131px; height: 53px; margin: 0; padding: 0; background: url("../images/logo.gif") 0 0 no-repeat; cursor: pointer; }

/* menu */

#menu ul { display: block; float: left; font-size: 0.9em; margin: 0; padding: 0; list-style-type: none;}
#menu li { position: relative;z-index: 1; margin: 0; padding: 0; font-size: 10px; display: block; height: 273px; overflow: hidden; float:left;}
#menu li span 	{ position: absolute; top: 0; left: 0; z-index: 2;  height: 273px; margin: 0; padding: 0; cursor:pointer;}

.souteze			{ width: 119px;}
.skola				{ width: 155px;}
.hudebni-oddeleni	{ width: 161px;}
.prihlaska			{ width: 200px;}
.akce				{ width: 150px;}
.kontakt			{ width: 195px;}

.souteze span			{ width: 119px; background: url("../images/top-menu-souteze-1.jpg") 0 0 no-repeat;}
.skola span				{ width: 155px; background: url("../images/top-menu-skola-1.jpg") 0 0 no-repeat;}
.hudebni-oddeleni span	{ width: 161px; background: url("../images/top-menu-hudebni_oddeleni-2.jpg") 0 0 no-repeat;}
.prihlaska span			{ width: 200px; background: url("../images/top-menu-prihlaska-3.jpg") 0 0 no-repeat;}
.akce span				{ width: 150px; background: url("../images/top-menu-akce-4.jpg") 0 0 no-repeat;}
.kontakt span 			{ width: 195px; background: url("../images/top-menu-kontakt-5.jpg") 0 0 no-repeat;}

/* content */
#content 		{ position: relative; width: 841px; margin: 0 0 0 250px; padding: 0; color: inherit;}


/* text pages */
#article 		{ margin: 0 20px 20px 35px;}
#article h2		{ color:#38499c; }

#main-article 		{ padding: 280px 20px 20px 35px; color:#38499c; }
#main-article h2	{ color:#38499c; }

.prihlaskaTitle		{ color:#38499c; margin: 0 0 0 35px; }

/* footer */
#footer 	{ padding: 0 20px 0 75px; color:#999; font-size: 0.9em; }
#footer a	{ color:#999; }
#footer #projekty strong	{ font-weight: normal; }



/* mainpage blocks */

/* order form */
.n1 {
	font-family: Tahoma;
	color: #0000;
	font-size: 1.4em;
	font-weight: bold;
}
.n2 {
	font-family: Tahoma;
	color: #000000;
	font-size: 1.4em;
	font-weight: bold;
}
.m1 {
	font-family: Tahoma;
	color:#38499c;
	font-size: 1.2em;
	font-weight: bold;
}
.m2 {
	font-family: Tahoma;
	color: #000000;
	font-size: 1em;
	padding-left: 3px;
}
.hr {
	color: #000000;
	background-color: #FFFFFF;
	border-width: 0px;
	height: 1px;
}

.photo-from-album { min-height: 200px; margin: 10px;}
.photo-from-album img { border:2px solid #38499c;}

/* FOTOGALERIE */

.galleries {
    margin-bottom: 20px;
    margin-left: 35px;
    margin-right: 20px;
    margin-top: 0;
}
.galleries .fotka, .galleries .album{ margin: 10px; float: left; border: 1px solid #fff; padding:0;height: 261px; width: 161px; overflow: hidden; background: #fff; color: #000000;}

.galleries .fotka img { max-height: 161px;}