html,body,div,ul,ol,li,p,h1,h2,h3,h4,h5,h6{padding:0; margin:0; list-style:none; }

body {
  background:#000 url(bg_body.gif) 50% 0 repeat-y;
  color: #fff;
	font:0.75em Arial, sans-serif;
}
#content {
  width:960px;
  margin:0 auto;
  position:relative;
  background:url(bg_content.jpg) 0 0 no-repeat;
}
#head {
  position:absolute;
  top:22px; left:0;
  height:102px; width:100%;
  background:url(bg_header.png) 100% 0 no-repeat;
  color:#fff;
  line-height:1.5em;
}
#menu {
  position:absolute;
  left:0; top:125px;
  width:100%; height:335px;
}
#main {
	float: left;
	position: relative;
	right: 0; top:0;
	margin: 130px 0 0 0;
	padding:15px 30px;
	width: 900px;
	background:#1E1E1E;
}
body.hp #main {
	margin: 470px 0 0 0;
	padding:0 30px;
	background:transparent;
}

#footer {
	clear: both;
	padding:15px 30px;
	margin-top:30px;
	background: #0C0C0C;
	color:#666;
	font-size:0.9em;
}

/*********** DOPLNKY LAYOUTU ***********/
/* head */
#logo{height:100px; width:265px; float:left; position:relative; margin-left:38px;}
#logo a {display:block; overflow:hidden; width:0; height:100px; padding-left:265px; background:url(logo.gif) 0 0 no-repeat; position:absolute; top:0; left:0; }

#menu-top{position:absolute; bottom:0; right:30px; margin:0; }
#menu-top li{position:relative; display:block; float:left; height:25px;  z-index:4;}
#menu-top li a {text-decoration:none;color:#fff;text-align: center; margin:0 20px; padding:0 20px; height:100%; float:left; display:inline; }
#menu-top li a:hover {color:#D51313;}
#slider{position:absolute; border-bottom:3px solid #D51313;z-index:1; width:110px; height:25px; margin:0; cursor:pointer;}

/* menu */
#menu li a {display:block; width:0; overflow:hidden; position:absolute;}
#menu li.mazlicci a {display:block;  height:152px; padding-left:124px; top:10px; left:26px; background:url(mazlicci.jpg) 0 0 no-repeat;}
#menu li.skoly a {display:block;  height:152px; padding-left:114px; top:10px; left:150px; background:url(skoly.jpg) 0 0 no-repeat;}
#menu li.darkove a {display:block;  height:144px; padding-left:112px; top:18px; left:493px; background:url(darkove.jpg) 0 0 no-repeat;}
#menu li.aranzovane a {display:block;  height:153px; padding-left:110px; top:0px; left:605px; background:url(aranzovane.jpg) 0 0 no-repeat;}
#menu li.jedle a {display:block;  height:140px; padding-left:132px; top:0px; right:65px; background:url(jedle.jpg) 0 0 no-repeat;}
#menu li.rodinne a {display:block;  height:117px; padding-left:107px; top:162px; left:101px; background:url(rodinne.jpg) 0 0 no-repeat;}
#menu li.tehotenske a {display:block;  height:142px; padding-left:121px; top:156px; left:260px; background:url(tehotenske.jpg) 0 0 no-repeat;}
#menu li.baby a {display:block;  height:142px; padding-left:127px; top:174px; left:381px; background:url(baby.jpg) 0 0 no-repeat;}
#menu li.detske a {display:block;  height:133px; padding-left:111px; top:187px; right:210px; background:url(detske.jpg) 0 0 no-repeat;}

/* footer*/
#footer p{font-size:100%;  margin:0; padding:0;}
#footer a{color:#666;}

/* main */
#main p{font-size:110%; margin:0.7em 0; line-height:1.4em; }
#main ul,#main ol{margin:0.5em 0; }
#main ul li,#main ol li{margin-left:2em; font-size:120%; }
#main table{font-size:120%; }
#main table th,#main table td{vertical-align:middle; }
#main table thead th{text-align:center; }
#main table caption{caption-side:bottom; font-style:italic; text-align:left; }


#main .photo {text-align:center; width:660px; margin:20px auto;}
#main .item {width:200px; height: 180px; margin:5px 8px; float:left; display:inline /*fix IE bug*/; text-align:center; }
#main .item .foto {border:2px solid #d7e8f0;}

#main .homeleft {float: left; width: 370px; border: 0px solid yellow; }
#main .novinky {float: left; width: 510px; padding-left: 20px; border: 0px solid yellow; }
#main .novinky a {color: white;}


body.hp div { display:none; }

body.hp {
	background:url('background_homepage.jpg') 0px -20px repeat-x;
}

body.hp div#split { 
	display:block; 
	text-align:center;
	height:200px;
	margin:150px auto 10px auto;
	vertical-align:top;
}

body.hp div#split img {
	margin-left:50px;
}



/********* STRANKY *********/

/* Homepage*/

/************ OBECNE ************/
h1,h2,h3,h4,h5,h6{font-weight:bold; padding:0 0 0.2em 0; color:#ff0000; }
h1{margin:1em 0 10px 0; font-size:150%; text-transform:uppercase;  }
h2{font-size:130%;}
h3{font-size:120%;}
h4{font-size:110%;}
form,fieldset,legend{margin:0; padding:0; border:none; }
form{font-size:110%; width:80%; margin:0 auto; }
fieldset{margin:0.5em 0; }
fieldset legend{font-size:120%; font-weight:bold; color:#333; }
fieldset fieldset legend{font-size:130%; }

/*******  SPECIFICKE **************/
.hidden{display:none;}
.skrt{text-decoration:line-through;}
.cistic{clear:both; font-size:0; height:0; line-height:0;}
.cistic hr{display:none;}
.bold{font-weight:bold;}
a{text-decoration:underline; color:#004D6C; }
a:hover{text-decoration:none;}
a img {border:none; }
#main a img {border:none; }
label.overlabel{color:#333; position:absolute; top:-1000px; left:2px;}
label.overlabel-apply{position:absolute; top:4px; left:4px; z-index:1; color:#333; font-size:110%; }
.floatleft {float:left;}
.floatright {float:right;}
img.floatleft {margin:15px 10px 0 0;}
img.floatright {margin:15px 0 0 10px;}