/* reset css*/
html,body,h1,h2,h3,h4,h5,h6,p,address,img,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: normal;font-size: 100%;font-family: Arial;vertical-align: baseline;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
ul {list-style: none;}
body {background: white; line-height: 1; font-size: 62.5%; font-family: Arial, Sans serif; color: #010101;}
sub, sup { position:relative; font-size: 75%; }
sub {top:0.4em;}
sup {bottom:0.4em;}
p { padding: 0 0 0.4em 0; font-family: Tahoma, Sans serif;}

a {color: #C40001; text-decoration: underline;}
a:hover {color: #25211E;}

a.help-link {color: #000;}
table.center {margin-left: auto; margin-right: auto;}

#center {
	position: relative;
	width: 955px;
	margin-top: 20px;
	text-align: center;
	border: 1px solid #E2E2E2;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#header {width: 955px; height: 70px; padding: 10px 0 0 0; }
#haslerka {position: absolute; display: block; top: -17px; right: 0px; z-index:1} 
#stenata {position: absolute; display: block; top: -23px; right: 10px; z-index:1} 
#naira {position: absolute; display: block; top: -24px; right: -12px; z-index:1}
#foto_img {position: absolute; display: block; top: -21px; right: -16px; z-index:1}  
#foto_img2 {position: absolute; display: block; top: 12px; right: -14px; z-index:1} 
#arwen {position: absolute; display: block; top: 370px; left: 0px; z-index:-1} 
#ico_rodokmen {
	left: 500px;
	float: left;
	position: absolute;
	white-space: nowrap;
}


#kontakt-image {
	width: 300px;
	height: 240px;
	float: right;
}

#sloupec {
	height: 300px;
	width: 300px;
	float: left;
	padding: 10px 40px 10px 0px;

}

#karta_rodice {
	padding: 5px;
	height: 385px;
	width: 319px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 8px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

#karta_rodice a {	font-family: Arial, Helvetica, sans-serif; 	
	font-style: italic;	text-decoration: none;}

#foto {
	height: 120px;
	width: 120px;
	float: left;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	 display: table-cell;
}

#stenata_10 {
	height: 300px;
	width: 668px;
	float: left;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	display: table-cell;
}

#foto a {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-decoration: none;
}

#foto_blank {
	height: 122px;
	width: 122px;
	float: left;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	 display: table-cell;
}

.vystavy_blok  {
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 10px;
	padding-right: 200px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 190px;
}

.zavody_blok  {
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 350px;
}
.vystavy_title  {
	background-color: #CCCCCC;
	color: #000000;
	font-weight: bold;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

.zkouska  {
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 10px;
	padding-right: 200px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#obr {position: relative;  left: 20px;} 
#logo {position: absolute; display: block; top: 0px; left: 0px;} 


#menu ul {height: 48px;width: 942px; padding-left: 2px; background: url(../img/menu-back.jpg) repeat-x;}
#menu ul li {float: left; height: 48px; background: url(../img/menu-divide.jpg) right center no-repeat;}
#menu ul li.last {background: transparent; width: 70px;}
#menu a {display: block; float: left;height: 32px; padding: 16px 11px 0 12px; font-size: 13px; line-height: 16px; color: #fff; text-decoration: none; font-family: Arial, Sans serif;}
#menu a:hover { background: url(../img/menu-over.jpg) repeat-x;}
#menu a.activ {color: black; text-decoration: none;}

#content {width: 955px; padding: 10px 0 0 0; text-align: left;}

#catalogue-box {float: left; width: 193px; border: 1px solid #black; background: url(../img/catalogue-box-head2.jpg) repeat-x;}
#catalogue-box h2 {height: 36px; font-size: 17px; font-weight: bold; margin: 0 0 0 15px; padding: 14px 0 0 20px; background: url(../img/bullet-h-b.gif) center left no-repeat; color: #fff;}

#catalogue-box div {background-color: #EAEAEA; padding: 3px 0 5px 30px;}
#catalogue-box a {text-decoration: none;}
#catalogue-box a:hover {text-decoration: underline;}
#catalogue-box a.subcat {display: block; padding: 0 0 0 15px; font-size: 11px; color: #D22916; background: url(../img/catalogue-bullet.gif) 5px 4px no-repeat;}

#catalogue-box div.maincat {padding: 5px 0px 5px 35px; background: url(../img/catalogue-plus.gif) 14px 4px no-repeat #F6F6F6; border-bottom: 1px solid #EAEAEA; font-size: 11px; font-weight: normal; cursor: pointer; cursor: hand;}
#catalogue-box div.maincat-activ {padding: 5px 0 5px 35px; background: url(../img/catalogue-minus.gif) 14px 4px no-repeat #EAEAEA; border-bottom: 1px solid #EAEAEA; font-size: 11px; font-weight: normal; cursor: pointer; cursor: hand; }
.maincat a, .maincat strong {cursor: pointer; cursor: hand;}
.maincat strong {font-weight: normal;}


#catalogue-box a.maincat {display: block; padding: 3px 5px 5px 35px; background-color: #F6F6F6; border-bottom: 1px solid #EAEAEA; font-size: 11px; font-weight: normal; color: #000;}

/* menu pes */
#catalogue-box div.pes {padding: 5px 0px 5px 35px; background: url(../img/stopa-ico-plus.gif) 14px 4px no-repeat #F6F6F6; border-bottom: 1px solid #EAEAEA; font-size: 11px; font-weight: normal; cursor: pointer; cursor: hand;}
#catalogue-box div.pes-activ {padding: 5px 0 5px 35px; background: url(../img/stopa-ico-minus.gif) 14px 4px no-repeat #EAEAEA; border-bottom: 1px solid #EAEAEA; font-size: 11px; font-weight: normal; cursor: pointer; cursor: hand;}
#catalogue-box a.pes {display: block; padding: 3px 5px 5px 35px; background-color: #F6F6F6; border-bottom: 1px solid #EAEAEA; font-size: 11px; font-weight: normal; color: #000;}

.pes a, .pes strong {cursor: pointer; cursor: hand;}
.pes strong {font-weight: normal;}



#inside {float: left; margin: 0 0 0 10px; width: 742px;   font-size: 11px;  font-size: 12px; line-height: 17px; background:url(../img/stopy.gif) repeat-y ; background-position: 50px 20px;}
#inside .inside-head {padding: 10px; background: url(../img/news-box-head.jpg)  repeat-x; }
#inside h1 {height: 26px;font-size: 17px;font-weight: bold;	margin: 0 0 20px 5px; 
padding: 0px 0 0 0px; color: #353535; text-align: left; vertical-align: middle;}


#odkazy {float: left; margin: 0 0 0 10px; width: 365px;   font-size: 12px;  font-size: 12px; line-height: 17px; background:url(../img/stopy.gif) repeat-y ; background-position: 50px 20px;}
#odkazy .odkazy-head {padding: 10px; background: url(../img/news-box-head.jpg) repeat-x; }
#odkazy h1 {height: 26px; font-size: 17px; font-weight: bold; margin: 0 0 20px 5px;
	padding: 0px 0 0 0px; color: #353535; text-align: left; vertical-align: middle; }

#kontakt {
	float: left;
	margin: 0 0 0 10px;
	width: 742px;
	font-size: 12px;
	font-size: 12px;
	line-height: 17px;
	background-position: right top;
	background-image: url(../img/kontakt.jpg);
	background-repeat: no-repeat;

}

#kontakt .inside-head {padding: 10px; background: url(../img/news-box-head.jpg)  repeat-x; }
#kontakt h1 {
	height: 26px;
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 20px 5px;
	padding: 0px 0 0 0px;
	color: #353535;
	text-align: left;
	vertical-align: middle;
}


#text-page.home-text-page {	border: 1px solid #EAEAEA; margin-bottom: 10px;}
#text-page.home-text-page .text {display: block; margin: 0 10px; font-family:Arial, Helvetica, sans-serif}
#text-page.home-text-page .text2 {
	display: table;
	font-family:Arial, Helvetica, sans-serif;
	height: 700px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}

#text-page.home-text-page .text3 {
	display: table;
	font-family:Arial, Helvetica, sans-serif;
	height: 700px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	width: 600px;
}

#text-page.home-text-page .odchovy {	font-family:Arial, Helvetica, sans-serif;
	height: 640px;	margin-top: 0;	margin-right: 10px;	margin-bottom: 0; margin-left: 10px;
}

#text-page h3 {font-size: 14px; font-weight: bold; margin-bottom: 6px;}
#text-page #vata-image {width: 230px; height: 105px; display: block; float: right;}
#text-page #right-img {	float: right; margin-left: 50px; margin-bottom: 50px;}


#pata {

	width: 954px;
	height: 63px;
	color: #A9A9A9;
	border: none;
	margin: 0 auto;
}

#pata div {	float: left; margin: 5px 0px; font-size: 11px; font-style: italic;}
#pata .webmaster {margin-left: 620px;}
#pata .webmaster a {color: black; text-decoration: none;}
#pata .webmaster a:hover {color: red;}
#counter a { text-decoration: none; margin-left: 50px; width: 100px;}
#counter  { width: 100px;}


.maintitle{
	font-size: 12px;
   line-height: 18px;
	width: 100%;
	margin:0px;
	color: #ffffff;
	font-weight: bolder;
	background:#5E6970;
}






/* CSS hacks for opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
  #item-list .action .favorites {width: 50px; font-size: 12px; margin-top: 0px;}
}