body		{
			margin: 45px;
			padding: 0;
			font: normal 85% arial, helvetica, sans-serif;
			color: #000;
			background-color: #fff;
			width: 930px;
		}


div#preload { display: none; }

body a {
	color: #000;
	text-decoration: none;}
	
	a:link, a:visited, a:active {color: #7e746a; text-decoration: underline;}
  a:hover {color: #93e81a; background-color: #93e81a; background-image: url("images/green.gif");}


h1 {color: #93e81a; 	margin: 0px;	padding: 0px;}
h1 span {visibility : hidden;}

h2 {margin: 0px;	padding: 0px;}
h2 span {margin: 0px;	padding: 0px;}

h3 {margin: 0px;	padding: 0px;}
h3 span {margin: 0px;	padding: 0px;}


ul li {list-style-type: none}

/* css */

#sworks {
	width: 206px;
	height: 28px;
	position: relative;
	}
#sworks span {
	background: url(images/selectedworks.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
#typedesign {
	width: 206px;
	height: 28px;
	position: relative;
	}
	
#typedesign span {
	background: url(images/typedesign.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
	

#menu {
	margin: 0px;
	width: 940px;
	height: 40px;
}

#menu ul {
	margin: 0px;
	list-style-type: none;
}

#menu li a {
	  background-position: center;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	text-decoration: none;
}

#menu li a span { 
	visibility: hidden;
}


#menu li.title a {
	width: 317px;
	height: 90px;
	top: 29px;
	left: 40px;
	background-image: url("images/title.png");
}	


#menu li.about a {
	padding: 0px 10px 0px 10px;
	width: 47px;
	height: 22px;
	top: 40px;
	left: 644px;
	background-image: url("images/about_n.png");
}

#menu li.works a {
	padding: 0px 10px 0px 10px;
	width: 49px;
	height: 22px;
	top: 40px;
	left: 721px;
	background-image: url("images/works_n.png");
}

#menu li.contact a {
	padding: 0px 10px 0px 10px;
	width: 61px;
	height: 22px;
	top: 40px;
	left: 800px;
	background-image: url("images/contact_n.png");
}	

#menu li.phlog a {
	padding: 0px 10px 0px 10px;
	width: 47px;
	height: 22px;
	top: 40px;
	left: 891px;
	background-image: url("images/phlog_n.png");
}	

#menu li a:hover {
	background: none;
	background-color: #93e81a;
	background-image: url("images/green.gif");
}


.large {
	color: #93e81a;
  font-size: 12pt;
  font-weight: bold;
} 


#text {
  float: left;
	margin: 0px;
	padding: 0px;
	width: 450px;
	background-color: #000000;
	height: 400px;
	}

.textovy {
  margin: 0px;
  float : left;
  	padding: 0px 0px 0px 25px;
  	width: 360px;
  	height: 90px;
}



#back a {
  background: url("images/back_a.png") no-repeat;
  display: block;
  width: 75px; height: 21px;
  margin: 48px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
} 

#back a img {
  border: 0; /* zrušení řámečku kolem obrázku */
} 

#back a:hover img, #back a:focus img {
  z-index: -1;
  position: relative;
} 

#back a:hover {
  background-position: 0 0;
} 




/*#textbox  {			font: normal 85% arial, helvetica, sans-serif;
			width: 1000px;
			height: auto;
			margin: 0px; padding: 0px;
			float: left;
}*/


.textbox {
  padding: 0;
    margin: 0;
  	width: 930px;
  	height: auto;
}


.ccc1 {			font: normal 85% arial, helvetica, sans-serif;
			width: 250px;
			margin: 0px 0px 0px 0px;
	    padding: 2px 0 0 0;
			float: left;
			overflow: hidden;
}

.ccc2 {			font: normal 85% arial, helvetica, sans-serif;
			width: 500px;
			margin: 0px 0px 0px 0px;
	    padding: 2px 0 0 0;
			float: left;
			overflow: hidden;
}

.ccc3 {			font: normal 85% arial, helvetica, sans-serif;
			width: 900px;
			margin: 0px 0px 0px 0px;
	    padding: 2px 0 0 0;
			float: left;
			overflow: hidden;
}

/* --- THUMBNAILS --- */

p { clear: left; 
    font: normal 90% arial, helvetica, sans-serif;
    color: #7e746a; 
    	margin: 0;
	    padding: 0; 
	    
  }


.box	{			font: normal 85% arial, helvetica, sans-serif;
			width: 210px;
			height: 203px;
			margin: 10px 30px 0px 0px;
	    padding: 2px 0 0 0;
			float: left;
			overflow: hidden;
			background: url("images/boxbackg.gif") repeat-x;
		}

.box a {
  display: block;
  margin: 3px 0px 5px 0px;
} 

.box a img, .box a:focus img {
  border: 0; /* zrušení řámečku kolem obrázku */
  /*background-color: #f7f5e3;*/
 /*background-color: #eeece8;*/
} 

.box a:hover img {
  z-index: -1;
  position: relative;
  background-color: #93e81a; 
  background-image: url("images/green.gif");
} 

.box a:hover {
 		width: 210px;
		height: 130px;
		background-image: url("images/green.gif");
   /* background: url("thm/aktivni.gif") no-repeat;
    background-position: center;
    background-color: #93e81a;*/
} 

.box span {
    margin-top: 0px; margin-left: 7px;	padding: 0px;
}


.ppp {/*background-color: #ffffff; color: #7e746a;*/
			background: url("images/line.png") repeat-x;
      background-position: bottom left;
      padding: 10px 0px 5px 28px; /*border-bottom: 1px dotted; border-color: #7e746a;*/ 
}

.ppx {background-color: #e9e6de /*#7e746a*/; color: #000000;
      padding: 15px 0px 15px 28px;
}

.ppx a:link, .ppx a:visited, .ppx a:active {color: #000000; text-decoration: underline;}      
.ppx a:hover {color: #ffffff; background-image: url("images/green.gif");} 

.ddt  {color: #000000; padding: 0px; font-size: 9pt; line-height : 15px;}
.ddt a:link, .ddt a:visited, .ddt a:active {color: #000000; text-decoration: none;}
.ddt a:hover {color: #ffffff; background-image: url("images/green.gif");} 



.b_ambrozia	{background-color: #feee02;}

.b_boskovice	{background-color: #ffef16;}

.b_toxiqueposter	{background-color: #d41f31;}





.cntr {
text-align: center;
} 

#thumb {
  padding: 0;
    margin: 0;
  	width: 1000px;
}

#thumb ul{
  margin: 0 0 0 0;
 	padding: 0 0 0 0;
	list-style-type: none;
}

#thumb li a{
  width: 220px;	height: 220px;
	margin: 8px 0px 8px 0px;
	padding: 0;
  float: left;
  text-decoration: none;
  background-position: center;
	background-repeat: no-repeat;
}
	
#thumb li a span{
	margin: 0px;
	padding: 0px;
}




#thumb li a:hover {
  /*background-image: url("thm/aktivni.gif");*/
	/*background: none;*/
	/*background-color: #93e81a;*/
}	


#prevnext {
	position: relative;
	text-decoration: none;
}

.black {	background-color: #000000;
	}

.right {	text-align: right;
	}

.gray {	background-color: #eae7df;
	}

.tab {
	margin: 0px 0px 0px 20px;
	}