/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
    position:relative;
    margin:-3px auto;
    min-width:8em;
    width: 930px;

    margin-left:12px; /* default, width of left corner */
    margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
    background:transparent url(dialog3.png) no-repeat top right;
    _background-image:url(dialog3.gif);
}

.dialog .content {
    position:relative;
    zoom:1;
    _overflow-y:hidden;
    padding:0px 12px 0px 0px;
}

.dialog .t {
    /* top+left vertical slice */
    position:absolute;
    left:0px;
    top:0px;
    width:12px; /* top slice width */
    margin-left:-12px;
    height:100%;
    _height:1600px; /* arbitrary long height, IE 6 */
    background-position:top left;
}

.dialog .b {
    /* bottom */
    position:relative;
    width:100%;
}

.dialog .b,
.dialog .b div {
    height:30px; /* height of bottom cap/shade */
    font-size:1px;
}

.dialog .b {
    background-position:bottom right;
}

.dialog .b div {
    position:relative;
    width:12px; /* bottom corner width */
    margin-left:-12px;
    background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
    position:relative;
}

.dialog .wrapper {
    /* extra content protector - preventing vertical overflow (past background) */
    position:static;
    max-height:1000px;
/* overflow:auto;*/ /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
    margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
    padding:0em 0px 0em 0px;
}

.dialog h1 {
    padding-bottom:0px;
}



/* dialog contents */
div.idtr { text-align: right; }
div.idtc { text-align: center; }

h1 { 
    font-family: Impact, Charcoal, Arial Black; 
    font-weight: normal; 
    font-style: normal; 
    font-size: 20px;
}

.dialog .content .text {
    position: relative;
    padding: 65px 70px 50px 70px;
 
    /* tohle bude obecne.. (premistit) */
    color:#000000;
    font-size:14px;
    font-weight: normal;
    text-decoration: none;
    font-family:Tahoma, Geneva, Verdana;
    text-align: justify;

    z-index:10;
}

.dialog .content .text div, .dialog .content .text p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.dialog .content .text h1 {
    margin-top: 0.8em;
}

.dialog a, .dialog a:visited, .dialog a:active, .dialog a:hover {
    font-weight: bold;
    color:#000000;
    text-decoration:underline; 
}

.dialog a:hover {
    color:#ffffff;
}

/* ----------------------------------------------------------------------------- */
.dialog2 {
    position:relative;
    margin:-3px auto;
    min-width:8em;
    width: 930px;

    margin-left:12px; /* default, width of left corner */
    margin-bottom:0.5em; /* spacing under dialog2 */
}

.dialog2 .content,
.dialog2 .t,
.dialog2 .b,
.dialog2 .b div {
    background:transparent url(dialog4.png) no-repeat top right;
    _background-image:url(dialog4.gif);
}

.dialog2 .content {
    position:relative;
    zoom:1;
    _overflow-y:hidden;
    padding:0px 12px 0px 0px;
}

.dialog2 .t {
    /* top+left vertical slice */
    position:absolute;
    left:0px;
    top:0px;
    width:12px; /* top slice width */
    margin-left:-12px;
    height:100%;
    _height:1600px; /* arbitrary long height, IE 6 */
    background-position:top left;
}

.dialog2 .b {
    /* bottom */
    position:relative;
    width:100%;
}

.dialog2 .b,
.dialog2 .b div {
    height:30px; /* height of bottom cap/shade */
    font-size:1px;
}

.dialog2 .b {
    background-position:bottom right;
}

.dialog2 .b div {
    position:relative;
    width:12px; /* bottom corner width */
    margin-left:-12px;
    background-position:bottom left;
}

.dialog2 .hd,
.dialog2 .bd,
.dialog2 .ft {
    position:relative;
}

.dialog2 .wrapper {
    /* extra content protector - preventing vertical overflow (past background) */
    position:static;
    max-height:1000px;
/* overflow:auto;*/ /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog2 h1,
.dialog2 p {
    margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
    padding:0em 0px 0em 0px;
}

.dialog2 h1 {
    padding-bottom:0px;
}



/* dialog2 contents */
div.idtr { text-align: right; }
div.idtc { text-align: center; }

.dialog2 .content .text {
    position: relative;
    padding: 65px 70px 50px 70px;
 
    /* tohle bude obecne.. (premistit) */
    color:#000000;
    font-size:14px;
    font-weight: normal;
    text-decoration: none;
    font-family:Tahoma, Geneva, Verdana;
    text-align: justify;

    z-index:10;
}

.dialog2 .content .text div, .dialog2 .content .text p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.dialog2 .content .text h1 {
    margin-top: 0.8em;
}

.dialog2 a, .dialog2 a:visited, .dialog2 a:active, .dialog2 a:hover {
    font-weight: bold;
    color:#000000;
    text-decoration:underline; 
}

.dialog2 a:hover {
    color:#ffffff;
}

/* ----------------------------------------------------------------------------- */
/* textura */
.texture {
    margin-top: 18px;
    width: 910px;
    height: 100%;
    position: absolute;
    background: url(texture2.jpg);
    z-index:2;
}