/* ===================== ZAKLADNI HTML PRVKY */
body	{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #fff;
	margin: 0px;
	padding: 0px;
	width: 100%;
	line-height: 1.5em;
	font-size: 12px;
	background:#000;
	height:100%;
}

/* --- odkazy --- */
a 						{color: #b5806b; text-decoration: none;}
a:hover 				{color: #b5806b; text-decoration: underline;}

/* --- ikonky k odkazum --- 
a[href$='.doc'], a[href$='.rtf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/doc.png) no-repeat center right;}
a[href$='.txt'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/txt.png) no-repeat center right;}
a[href$='.xls'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/xls.png) no-repeat center right;}
a[href$='.rss'], a[href$='.atom'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/rss.png) no-repeat center right;}
a[href$='.vcard'] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/vcard.png) no-repeat center right;}
a[href$='.pps'], a[href$='.ppt']		{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pps.png) no-repeat center right;}
a[href$='.pdf'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/pdf.png) no-repeat center right;}
a[href$='.fla'], a[href$='.swf'] 	{padding: 5px 20px 5px 0; background: transparent url(../img/ico/swf.png) no-repeat center right;}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/zip.png) no-repeat center right;}
a[href$='.css'] 							{padding: 5px 20px 5px 0; background: transparent url(../img/ico/css.png) no-repeat center right;}
a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] 		
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/avi.png) no-repeat center right;}
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] 
												{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mp3.png) no-repeat center right;}
a[href *="icq.com"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/icq.png) no-repeat center right;}
a[href ^="callto:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}
a[href ^="skype:"] 						{padding: 5px 20px 5px 0; background: transparent url(../img/ico/skype.png) no-repeat center right;}  
a[href ^="mailto:"], a.mail			{padding: 5px 20px 5px 0; background: transparent url(../img/ico/mailto.png) no-repeat center right;}
a.out											{padding: 5px 20px 5px 0; background: transparent url(../img/ico/external.png) no-repeat center right;}
a.print										{padding: 5px 20px 5px 0; background: transparent url(../img/ico/print.png) no-repeat center right;}
*/
/* --- zakladni html prvky ---*/
em, i					{font-style: normal;}
hr						{display: block; clear: both; /*color: #626262; background: #626262; height: 1px; */border: 0px; margin: 10px 0px 10px 0px;}
p 						{text-align: left; margin: 0px 0px 10px 0px; line-height: 1.3em;color: #fff;}
strong 					{color:#555249;}
code 					{font-size: 140%; font-weight: bold;}
.div-bad {
        padding: 10px;
        border: 3px solid red;
        background: white;
        color: #613438;
		margin-bottom:20px;
}
.div-good {
        padding: 10px;
        border: 3px solid green;
        background: white;
        color: #613438;
		margin-bottom:20px;
}

.div-aktualita {
	display:block;
	margin-bottom:15px;
	font-size:10px;
	line-height:13px;
}
.div-aktualita h3 {
	margin:0 0 5px 0;
}


/* --- seznamy --- */
ul						{margin: 5px 0px 5px 5px; padding: 0px; text-align: left; list-style: none;}
li						{padding: 0px 0px 0px 15px;color:#303030; margin: 0px; background: url(../img/li_sipka.gif) no-repeat 0px 7px;}
ol						{padding: 4px 0px 0px 20px; margin: 0 0 10px 0;}
ol li					{background:none; padding:0;}

/* --- obrazky --- */
img 								{border: 0px;}
a img.galerie, img.galerie	{border: 1px solid #626262; padding: 4px; background: #ffffff;}
a:hover img.galerie 			{border: 1px solid #666666; padding: 4px; background: #ffffff;}
img.border, img.ramecek		{border: 1px solid #8d6b41; padding: 2px;}
a:hover img.border			{border: 1px solid #000000;}
img.icon							{vertical-align: -3px; margin: 0px 3px 0px 1px;}
img.toleft						{margin: 0px 10px 10px 0px;}
img.toright						{margin-left: 10px;}

/* --- horni a dolni indexy --- */
sub, sup 			{vertical-align: baseline; position: relative;}
sub 					{top: 0.4em;}
sup 					{bottom: 0.4em;}

/* --- tabulky --- */
table.nice						{width: 390px; font-size: 0.9em;}
table.nice tr td 				{padding: 2px 4px 2px 4px;	font-size: 1em; border: 1px solid #dddddd;}
table.nice tr td.item		{background: url(../img/bcg_th.gif) repeat-x #f5f5f5 bottom; font-weight: bold; width: 160px;}
table.nice tr th				{background: url(../img/bcg_th.gif) repeat-x #f5f5f5 bottom; font-weight: bold; width: 120px;}
table.nice tr td.long		{width: 250px;}
table.short						{width: 230px;}
table.medium					{width: 350px;}
table.none 						{border: none;}
table.poslat-mail				{width:400px; margin-left:10px;}
table.poslat-mail td			{vertical-align:top;}
table.table-galerie tr td		{padding-right:15px; text-align:center; color:#976d33; vertical-align:top; width:155px; height:120px}
/* --- hlavicky --- */
h1, h2, h3, h4, h5, h6		{clear: both; color: #FFF; font-size: 1.3em; margin: 0px;}
h1								{padding: 0px;	padding: 0px 0px 00px 0px; margin-bottom:5px; font-size: 13px; font-weight:bold; }
h2									{font-size: 12px; font-weight:bold; margin: 5px 0px 3px 0px;color:#990033; text-transform:none}
h3 								{font-size: 12px;  font-weight:bold;}
h4									{font-size: 12px;  font-weight:bold;}

/* --- formulare --- */
input, textarea				{width:200px; font-family:  'Trebuchet MS', Verdana, 'Geneva CE', Arial, Helvetica, sans-serif; font-size: 0.95em;}
input,textarea							{border: 1px solid #d7cccd; margin-bottom: 5px; vertical-align:middle; margin-right:10px; padding: 3px; background: #ffffff;}
/*input.submit					{background: #dddddd; border: 1px solid #999999; color: #000000; width: 150px; height: 25px; font-size: 0.90em; padding: 0px 0px 2px 0px; text-transform: uppercase; text-decoration: none; text-align: center; font-weight: normal; cursor: pointer;}*/
input.hledat {
	float: left;	
	text-decoration:none;
	padding:3px 6px 4px 5px;
	vertical-align:middle;
	border:none;
	cursor:pointer;
	font-size:10px;
	
	color:#613438;
	width:51px;
	height:24px;
	background:url(../img/searchbutt.jpg) no-repeat;
}
input.button {
	border:none;
	cursor:pointer;
	font-size:10px;
	
	color:#fff;
	width:70px;
	height:25px;
	background:#990033;

	text-transform:uppercase;
	font-weight:bold;
}
input.radio						{vertical-align: -6px;}
input.checkbox					{border: 0px;}
textarea							{border: 1px solid #d7cccd; margin-bottom: 5px; padding: 3px;  background: #fafafa;}
form								{margin: 0px; padding: 0px;}
legend							{background: url(../img/bcg_mid_top.gif) no-repeat top; border: 1px solid #0d6a06; background: #269411; color: #ffffff; font-weight: bold; padding: 2px 10px 2px 10px;}
label 							{margin: 4px 10px 3px 10px; width: 90px; float: left; text-align: right;}
label.kratsi 					{width: 80px;}
label.pravy 					{margin: 4px 10px 3px 10px; width: 100px; float: right; text-align: left;}
label.povinny 					{color: #004080;}

/* --- globalni tridy --- */
.kurziva 		{font-style:italic}
.clear			{clear: both;}
.smaller			{font-size: 0.85em;}
.small 			{font-size: 0.8em;}
.bigger 			{font-size: 1.05em;}
.gray 			{color: #666666;}
.blue 			{color: #004080;}
.red				{color: #ed1c24;}
.green			{color: #008000;}
.black			{color: #000;}
.bold 			{font-weight: bold;}
.right 			{text-align: right;}
.right_li		{float:right; margin-top:-20px;}
.center			{text-align: center;}
.left				{text-align: left;}
.toblock			{text-align: justify;}
.toleft			{display: block; float: left;	text-align: left;}
.toright			{display: block; float: right; text-align: left;}
.border			{display: block; border: 1px solid #b89263; padding: 0px 10px 0px 10px;}
.nomargin		{margin: 0px;}
.error			{display: block; color: #000000; font-weight: bold; text-align: center; margin-bottom: 10px; background: #d0d0d0; padding: 2px 0px 2px 0px; border: 1px solid #999999;}
.error a			{color: #000000;}
.hidden			{display: none;}
.bad				{background: #ff0000; border: 1px solid #dddddd; color: #ffffff; padding: 2px 5px 2px 5px; font-weight: bold;}
.odsazeni		{padding:0px 8px 0px 8px; color:#d7cccd;}
.odeslat {background-color:#3b1e22;	color:#FFFFFF;	font-weight:bold; width:100px;}
.underline {text-decoration:underline;}
.huge 			{font-size:19px;}
p.margin12		{margin-top:12px;}
.hidden			{visibility:hidden}
.plnawidth 		{width:100%}

#oddelovac {
	height:11px;
	width:180px;
	background:url(../img/hr.gif) no-repeat;
}

/*======================== seznamy */
.podmenu2				  { font-size: 12px;  color: #613438; list-style-type: none; margin: -0px 0px 0px 0px; padding: 0px 4px 2px 15px;  position:absolute; min-width: 100px; width:110px; background: #ffffff; border: 1px solid #d7cccd; visibility: hidden; z-index: 10; display:block;}
.podmenu2 li		  {font-size: 12px;  color: #613438; text-align: left; float:none; padding: 0px 4px 0px 0px; margin: 3px 0px 3px 0px; background: #ffffff; _height: 15px;}
.podmenu2 a:link 		{ font-size:12px; color: #613438;}

.podmenu2 a				{font-size: 12px;  color: #613438; display:block;  padding: 4px 0px 4px 0px; margin: 0px; width:150px;}
/*.podmenu2 a:hover	{font-size: 11px;   text-decoration: underline; background: #d7cccd;}*/
.podtrzeni-podmenu2 {border-bottom: 1px solid #000;}
.podmenu2 h3  			{font-size:12px; font-weight:normal; display:inline;}


/* ======================================== */

/* ========================== BLOKOVE PRVKY */

#layout {
	margin:auto;
	width:1000px;
}
#layout #contentHolder {
	height:450px;
	width:1000px;
	margin:0 0 40px 0;
	padding-top:40px;
}
#layout #contentHolder.contact {
	background:url("../img/contact_bcg2.gif") no-repeat 165px 0;
}
#layout #contentHolder #leftColumn {
	width:105px;
	height:100%;
	display:block;
	float:left;
}
#layout #contentHolder #rightColumn {
	width:95px;
	height:100%;
	display:block;
	float:left;
}
#layout #contentHolder #content{
	width:800px;
	height:100%;
	display:block;
	float:left;
}
#layout #contentHolder #content #contact{
	display:block;
	float:left;
	margin:245px 0 0 30px;
}


#layout #contentHolder #content #newsLeft {
	display:block;
	float:left;	
		
	height:350px
}

#layout #contentHolder #content #newsLeft.text {
	width:500px;
	float:none;
	margin:auto;
}

#layout #contentHolder #content #newsLeft.projects {
	width:100%;
	text-align:center;
}

#layout #contentHolder #content #newsRight {
	display:block;
	float:left;
	padding-left:20px;
	width:405px;
/*	height:350px*/
}
#layout #contentHolder #content #newsBottom {
	display:block;
	float:left;
	width:100%;
	height:60px;
	padding-top:40px;
}
#layout #contentHolder #content #newsBottom.projects {
	height:40px;
	padding-top:20px;
}
	#newsBottom #leftSipka{
		float:left;
		display:block;
	}
	#newsBottom #middle{
		float:left;
		display:block;
		width:778px;
		text-align:center;
	}
	#newsBottom #rightSipka{
		float:right;
		display:block;
	}
	#newsBottom .strankovani {
		background:url("../img/triangle.jpg") no-repeat;	
		margin: 0 5px;
	}
	#newsBottom .strankovani:hover, #newsBottom .selected {
		background:url("../img/triangle_hover.jpg") no-repeat;	
	}
#layout #contentHolder #content #contentInner {
	width:800px;
	height:350px;
	display:block;
	float:left;	
}
#layout #contentHolder #content #contentInner .clanek{
	width:250px;
 	height:80px;
 	display:block;
 	float:left;
 	margin-right:25px;
 	margin-bottom:5px;
}
#layout #contentHolder #content #contentInner .claneknomargin{
	width:250px;
 	height:80px;
 	display:block;
 	float:left;
 	margin-right:0px;
 	margin-bottom:5px;
}
	#contentInner .nahled {
		width:80px;
		height:80px;
		display:block;
		float:left;
	}
	#contentInner .popisek {
		width:155px;
		height:70px;
	/*	border:1px solid #4f4c4d;*/
		float:right;
		display:block;
		padding:5px;
	}
	
#museumBtn {
	width:95px;
	height:95px;
	background:url("../img/muzeum_small.jpg") no-repeat;
	display:block;
	float:left;
	margin-top:300px;
}
#layout #contentHolder #content #contentInnerProjects .projekt{
	display:block;
	float:left;
	width:150px;
	height:150px;
	background-repeat:no-repeat;
	margin: 0 0 1px 0;
}
#layout #contentHolder #content #contentInnerProjects {
	width:750px;
	height:450px;
	display:block;
	float:left;
	/*background:url("../img/projects_bcg.gif") no-repeat;*/
	margin-left:25px;	
}

#layout #contentHolder #content #contentInnerProjects .projekhgt:hover{
	width:148px;
	height:148px;
	border:1px solid #4f4c4d;
	background-position:-2px -2px;
	background-repeat:no-repeat;
}

#layout #contentHolder #content #contentInnerHigh {
	width:800px;
	height:400px;
	display:block;
	float:left;	
}	

#layout #contentHolder #content #contentInnerHigh .vystava{
	width:100%;
	display:block;
	float:left;
	min-height:80px;
	margin-bottom:20px;
}
#layout #contentHolder #content #contentInnerHigh .nahledVystava{
	display:block;
	float:left;
	width:80px;
	height:80px;
	margin-right:20px;
}
#layout #contentHolder #content #contentInnerHigh .popisekVystava{
	display:block;
	float:left;
	min-height:79px;
	width:700px;
/*	border-bottom:1px #71625b solid;*/
}

#layout #contentHolder #content .mapLink{
	float:right;
	display:block;
	margin-right:150px;
	font-weight:bold;
	margin-top:250px;
}
#menu {
	width:1000px;
	height:40px;
	background:url("../img/logo.jpg") no-repeat;
	position:absolute;
	bottom:50px;
	left:50px;
}
	#menu ul {
		padding:17px 0 0 150px;
	}
	#menu ul li {
		display:inline;
		padding-left:17px;
	}
	#menu ul li a{
		height:10px;
		color:#fff;
	}
	#menu ul li a#newsBtn {
		background:url("../img/menubtns/news.jpg") no-repeat bottom;
	}
	#menu ul li a#newsBtn:hover, #menu ul li a#newsBtn.selected {
		background:url("../img/menubtns/news_hover.jpg") no-repeat 0 bottom;
	}
	#menu ul li a#projectsBtn {
		background:url("../img/menubtns/projects.jpg") no-repeat bottom;
	}
	#menu ul li a#projectsBtn:hover, #menu ul li a#projectsBtn.selected {
		background:url("../img/menubtns/projects_hover.jpg") no-repeat bottom;
	}
	#menu ul li a#pressBtn {
		background:url("../img/menubtns/press.jpg") no-repeat bottom;
	}
	#menu ul li a#pressBtn:hover, #menu ul li a#pressBtn.selected {
		background:url("../img/menubtns/press_hover.jpg") no-repeat bottom;
	}
	#menu ul li a#publicationsBtn {
		background:url("../img/menubtns/publications.jpg") no-repeat bottom;
	}
	#menu ul li a#publicationsBtn:hover, #menu ul li a#publicationsBtn.selected {
		background:url("../img/menubtns/publications_hover.jpg") no-repeat bottom;
	}
	#menu ul li a#exhibitionsBtn {
		background:url("../img/menubtns/exhibitions.jpg") no-repeat bottom;
	}
	#menu ul li a#exhibitionsBtn:hover, #menu ul li a#exhibitionsBtn.selected {
		background:url("../img/menubtns/exhibitions_hover.jpg") no-repeat bottom;
	}
	#menu ul li a#studioBtn {
		background:url("../img/menubtns/studio.jpg") no-repeat bottom;
	}
	#menu ul li a#studioBtn:hover, #menu ul li a#studioBtn.selected {
		background:url("../img/menubtns/studio_hover.jpg") no-repeat bottom;
	}
	#menu ul li a#contactBtn {
		background:url("../img/menubtns/contact.jpg") no-repeat bottom;
	}
	#menu ul li a#contactBtn:hover, #menu ul li a#contactBtn.selected {
		background:url("../img/menubtns/contact_hover.jpg") no-repeat bottom;
	}
	#menu ul li a#enBtn {
		background:url("../img/menubtns/en.jpg") no-repeat bottom;
	}
	#menu ul li a#enBtn:hover, #menu ul li a#enBtn.selected {
		background:url("../img/menubtns/en_hover.jpg") no-repeat bottom;
	}
	#menu ul li a#czBtn {
		background:url("../img/menubtns/cz.jpg") no-repeat bottom;
	}
	#menu ul li a#czBtn:hover,#menu ul li a#czBtn.selected {
		background:url("../img/menubtns/cz_hover.jpg") no-repeat bottom;
	}
	#menu ul li a#separator {
		background:url("../img/menubtns/separator.jpg") no-repeat bottom;
		cursor:text;
	}
	#menu ul li a#newsBtnCz {
		background:url("../img/menubtns/aktuality.jpg") no-repeat bottom;
	}
	#menu ul li a#newsBtnCz:hover, #menu ul li a#newsBtnCz.selected {
		background:url("../img/menubtns/aktuality_hover.jpg") no-repeat 0 bottom;
	}
	#menu ul li a#projectsBtnCz {
		background:url("../img/menubtns/projekty.jpg") no-repeat bottom;
	}
	#menu ul li a#projectsBtnCz:hover, #menu ul li a#projectsBtnCz.selected {
		background:url("../img/menubtns/projekty_hover.jpg") no-repeat bottom;
	}
	#menu ul li a#pressBtnCz {
		background:url("../img/menubtns/tisk.jpg") no-repeat bottom;
	}
	#menu ul li a#pressBtnCz:hover, #menu ul li a#pressBtnCz.selected {
		background:url("../img/menubtns/tisk_hover.jpg") no-repeat bottom;
	}
	#menu ul li a#publicationsBtnCz {
		background:url("../img/menubtns/clanky.jpg") no-repeat bottom;
	}
	#menu ul li a#publicationsBtnCz:hover, #menu ul li a#publicationsBtnCz.selected {
		background:url("../img/menubtns/clanky_hover.jpg") no-repeat bottom;
	}
	#menu ul li a#exhibitionsBtnCz {
		background:url("../img/menubtns/vystavy.jpg") no-repeat bottom;
	}
	#menu ul li a#exhibitionsBtnCz:hover, #menu ul li a#exhibitionsBtnCz.selected {
		background:url("../img/menubtns/vystavy_hover.jpg") no-repeat bottom;
	}
	#menu ul li a#studioBtnCz {
		background:url("../img/menubtns/ostudiu.jpg") no-repeat bottom;
	}
	#menu ul li a#studioBtnCz:hover, #menu ul li a#studioBtnCz.selected {
		background:url("../img/menubtns/ostudiu_hover.jpg") no-repeat bottom;
	}
	#menu ul li a#contactBtnCz {
		background:url("../img/menubtns/kontakt.jpg") no-repeat bottom;
	}
	#menu ul li a#contactBtnCz:hover, #menu ul li a#contactBtnCz.selected {
		background:url("../img/menubtns/kontakt_hover.jpg") no-repeat bottom;
	}