/* ------------------------------------------ */
/* Webová galerie Azael --------------------- */
/* Style pro slideshow ---------------------- */
/* ------------------------------------------ */



/* Reset css
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: #fff;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}



/* Basic formatting
----------------------------------------------- */
html {height: 100%;}
body {color: #000; font: 16px/1em "Trebuchet MS", Verdana; height: 100%; background: #000;}

#slideshow {padding: 30px 0; margin: 0 auto; width: 100%;}
#slideshow .centerdiv {margin: 0 auto;}
#slideshow img {border: 0px solid #aaa;}
#slideshow a, #slideshow a:visited {text-decoration: none;}

.fadein {position: relative;}
.fadein img {position: absolute; left: 0;}
.fadein a {display: block;}



/* Alerts
----------------------------------------------- */
.alert-bad {border: 1px solid red; width: 350px; font-size: 0.75em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../images/cancel.jpg) no-repeat 8px 4px #ffe3e3; margin: 10px 0 12px 2%; color: #000;}
.alert-info {border: 1px solid #f7df5a; width: 350px; font-size: 0.75em; padding: 5px 5px 5px 35px; font-weight: bold; background: url(../images/info.jpg) no-repeat 8px 4px #fffca2; margin: 10px 0 12px 2%; color: #000;}
.alert-bad a, .alert-good a, .alert-info a {color: #606060;}
.alert-bad a:hover, .alert-good a:hover, .alert-info a:hover {color: #000;}
.center {position: relative; left: 50%; margin: 0 0 0 -195px; width: 410px; padding-bottom: 10px; clear: both;}