/* \*/
* html #tlc, * html #trc {
height: 1%;
behavior: url(hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
}
/* */

.tlc, .trc { zoom: 1 }

/* CURVEBOX */
.dialog1
	{
	float: left !important;
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	/*margin-top: 3em;*/
	padding: 0;
	text-align: left;
	/*width:33%;				/* <-- use this to tie width to viewport size */
	background-color: #f9eff0;
	}
 	
.dialog1 .bcontent
	{
	behavior: url(hover.htc);
	padding:1em 1.16em;
	}

.dialog1 .bcontent h1
	{
	}
		
.dialog1 .bcontent p
	{
	}
		
.dialog1 .tlc, .dialog1 .trc, .dialog1 .blc, .dialog1 .brc
	{
	behavior: url(hover.htc);
	background-color: transparent;
	background-repeat: no-repeat;
	}

.dialog1 .tlc
	{
	behavior: url(hover.htc);
	background-image:url(tl.png);
	background-position: 0% 0%;
	}

.dialog1 .trc
	{
	behavior: url(hover.htc);
	background-image:url(tr.png);
	background-position: 100% 0%;
	}
	
.dialog1 .blc
	{
	behavior: url(hover.htc);
	background-image:url(bl.png);
	background-position: 0% 100%;
	}

.dialog1 .brc
	{
	behavior: url(hover.htc);
	background-image:url(br.png);
	background-position: 100% 100%;
	}

.dialog1 .tb, .dialog1 .bb
	{
	behavior: url(hover.htc);
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
.dialog1 .tb
	{
	behavior: url(hover.htc);
	background-image:url(tl.png);
	background-position: 0% 0%;
	}

.dialog1 .bb
	{
	behavior: url(hover.htc);
	background-image:url(bb.gif);
	background-position: 50% 100%;
	}
	
.dialog1 .rb
	{
	behavior: url(hover.htc);
	background-image:url(mr.png);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.dialog1 .lb
	{
	behavior: url(hover.htc);
	background-color: #f9eff0;
	background-image:url(ml.png);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
			

/*/*/
/* CURVEBOX */
.dialog2
	{
	behavior: url("csshover3.htc"); 
	float: left !important;
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	/*margin-top: 3em;*/
	padding: 0;
	text-align: left;
	/*width:33%;				/* <-- use this to tie width to viewport size */
	background-color: #f3ddde;
	}
 	
.dialog2 .bcontent
	{
	behavior: url("csshover3.htc"); 
	padding:1em 1.1em;
	}

.dialog2 .bcontent h1
	{
	}
		
.dialog2 .bcontent p
	{
	}
		
.dialog2 .tlc, .dialog2 .trc, .dialog2 .blc, .dialog2 .brc
	{
	behavior: url("csshover3.htc"); 
	background-color: transparent;
	background-repeat: no-repeat;
	}

.dialog2 .tlc
	{
	behavior: url("csshover3.htc"); 
	background-image:url(tl2.png);
	background-position: 0% 0%;
	}

.dialog2 .trc
	{
	behavior: url("csshover3.htc"); 
	background-image:url(tr2.png);
	background-position: 100% 0%;
	}
	
.dialog2 .blc
	{
	behavior: url("csshover3.htc"); 
	background-image:url(bl2.png);
	background-position: 0% 100%;
	}

.dialog2 .brc
	{
	behavior: url("csshover3.htc"); 
	background-image:url(br2.png);
	background-position: 100% 100%;
	}

.dialog2 .tb, .dialog2 .bb
	{
	behavior: url("csshover3.htc"); 

	background-repeat: repeat-x;
	}
			
.dialog2 .tb
	{
	behavior: url("csshover3.htc"); 
	background-image:url(tl2.png);
	background-position: 0% 0%;
	}

.dialog2 .bb
	{
	behavior: url("csshover3.htc"); 
	background-image:url(bb.gif);
	background-position: 50% 100%;
	}
	
.dialog2 .rb
	{
	behavior: url("csshover3.htc"); 
	background-image:url(mr2.png);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.dialog2 .lb
	{
	behavior: url("csshover3.htc"); 
	background-color: #f3ddde;
	background-image:url(ml2.png);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}