body {
	margin:10px;
	padding:10px;
	background:#FFF;
	color:#000;
	background-color: #FFEFD5;
	font-family: arial,verdana,sans-serif;
	font-size: 12pt;
}

#container {
	width: 960px;
	background: #ffc;
	margin:auto;
	border:1px solid #000;
	-webkit-box-shadow: 2px 2px 7px #777;
}

#header {
	height:121px;
	border-bottom:1px solid #000;
	background:#ffffCC;
	text-align:center;
}

#left {
	margin-left:-199px;
	float:left;
	width:200px;
	position:relative;
	left:-2px;
}

#middle {
	border-left:1px solid #000;
	background: #FFDAB9;
	margin-left:200px;
}

#inner {
	width: 739px;
	float:left;
	margin-right:-1px;
	padding: 0 0 7px 9px;
}

#footer {
	clear:both;
	border-top:1px solid #000;
	padding:5px;
	background: #ffc;
	text-align:center;
	font-size: 12px;
}

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
 /* mac hide \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End hide */

h1 {
	font-size: 40px;
	text-align: center;
	margin: 0;
	padding: 0;
	padding-top: 20px;
}

#headeraddress { width: 180px; font-size: 12px; float:left; padding-top: 9px; }

#headerhours h4 { margin: 4px 0 2px 0; font-size: 12px; }
#headerhours table { border-collapse: collapse; margin: 0 auto; }
#headerhours td { padding: 0 2px; }
#headerhours { width: 180px; font-size: 10px; float: right; }

#logo { float: left; }
#text-fantazia { background-image: url('../images/text-fantazia.png'); }

#menu ul { padding: 0; margin: 0; display: block; }
#menu li { padding: 0; margin: 0; display: block; }
#menu a { display: block; }
/* Sirky u jednotlivych a-ciek su preto, lebo inac IE pridava prazdy riadok za
 * kazdy </li> (kvoli whitespacu medzi </li> a <li>). */
#menu li a { padding-left: 10px; width: 190px; color: #001; font-weight: bold; }
#menu li li a { padding-left: 20px; width: 180px; color: #11e; font-weight: normal; }
#menu li li li a { padding-left: 35px; width: 165px; }
#menu > ul > li { margin: 12px 0; }

#contact { float: left; width: 300px; margin-left: 30px; }
#hours { width: 340px; float: right; }

.sdw {
	display: table;
	-webkit-box-shadow: 2px 2px 4px #aaa; 
	border-radius: 4px;
	margin-bottom: 4px;
}

.sdw img {
	border: 0; display: block;
	border-radius: 4px;
	-webkit-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
}

#dummy { -webkit-perspective: 1000; }

.sdw img:hover {
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
}

a { text-decoration: none; color: blue; }
a:hover { text-decoration: underline; }

.todo { background: yellow; }

tr.regular { color: black; }