body {
margin:0;
padding:0;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', verdana, sans-serif; 
/* font-family: trebuchet, 'trebuchet MS', verdana, sans-serif; */
/*font-family:verdana, helvetica, sans-serif;*/
background: #666;
text-decoration: none;
}

img {
border-width: 0;	
}

a {
color: #66b;
text-decoration: none;
font-size: 120%;	
}
a:hover {
color: red;
text-decoration: underline;
}

/*logo*/
#header {
margin-left: auto;
margin-right: auto;
background: url(images/header.gif);
height: 120px;
width: 670px;
margin-bottom: 0;
padding-bottom: 0;
}
#header h1 {
margin-bottom: 0;
margin-top: 0;
padding: 0;
font-size: 0;
text-indent: -999px;
}
#header a {
display: block;	
height: 120px;
width: 670px;
margin-bottom: 0;
padding: 0;
}
#header a:hover {
text-decoration: none;	
}

#foto {
margin: 10px 0 10px 0;
}

#foto img {
display: block;
margin: auto;
}

h2 {
font-family: 'Lucida Grande', 'Lucida Sans Unicode', verdana, sans-serif; 
}

h3 {
font-size: 16px;
margin: 0;
padding: 0 2px 0 2px;
}

h4 {
font-size: 12px;
margin: 0;
padding: 2px;
}

/*ctverce vsechny*/

#nav a {
display: block;
width: 270px;
height:70px;
margin: 15px;
padding: 10px;
text-align: center;
text-transform: uppercase;
text-decoration: none;	
font-size: 18px;
letter-spacing: 0.1em;
color: #555;
}

/*index menu obdelniky*/
#nav a.pip {
background: #76f2f2;	
}

#nav a.pip:hover {
background: #0ac6c6;
color: black;
}

#nav a.pip.active {
background: #099292;
color: #fff;	
}

#nav a.toys {
background: #fa6060;	
}

#nav a.toys:hover {
background: #c2072e;
color: black;
}

#nav a.toys.active {
background: #c00808;
color: #fff;
}

#nav a.puppets {
background: #85dd85;	
}

#nav a.puppets:hover {
background: #66cc33;
color: black;
}

#nav a.puppets.active {
background: #41ad0b;
color: #fff;
}

#nav a.sculptures {
background: #e8e245;	
}

#nav a.sculptures:hover {
background: #b5af0b;
}

#nav a.sculptures.active {
background: #8f8a08;
color: #fff;
}

#nav a.paintings {
background: #15f6be;	
}

#nav a.paintings:hover {
background: #2bf80e;
}

#nav a.paintings.active {
background: #1db907;
color: #fff;
}

#nav a.teatrotoc {
background: #f7941d;	
}

#nav a.teatrotoc:hover {
background: #f86503;
}

#nav a.teatrotoc.active {
background: #f26522;
color: #fff;
}

/****LAYOUT******/

#master {
width: 640px;
background:#eee;
padding: 15px;
margin: 0 auto;
font-size: 80%;
}

#master2 {
width: 640px;
background:#fff;
padding: 15px;
margin: 0 auto;
font-size: 80%;
link: #000;
vlink: #808080;
alink: #808080;
text-align:center;
}	
	

#content {
padding: 15px;
}

#content .section {
background: #fff;
padding: 17px;
margin-bottom: 10px;
color: #666666;
}

#content .section img {
display: block;
float: left;
padding-bottom: 15px;
}

/****classes*****/

.imagel {
float: left;
margin: 0 0 10px 0;
padding-right: 21px;
}

.imager {
float: right;
margin: 0 0 10px 0;
padding: 0;
}



/****classes*****/

/*box obsahuje prvni 2 ctverce menu */
.box {
font-family: helvetica, arial, verdana, sans-serif;
width: 320px;
height: 120px;
float: left;
overflow: hidden;
padding: 0;
margin: 0;
}

.box img {
padding: 15px;
display: block;	
}

.nahoru {
padding: 0 15px;	
text-align: center;
}

.cleaner {
clear: both;
}

.mail {
align: center;
}