/********************************************
   AUTHOR:  			Erwin Aligam 
   WEBSITE:   			http://www.styleshout.com/
        TEMPLATE NAME: 	ablaze
   TEMPLATE CODE: 	S-0009
   VERSION:          2.1	          	
*******************************************
*******************************************
   HTML ELEMENTS
*******************************************
cleaned by http://www.cleancss.com/
 top elements */
* {
    margin:0;
    padding:0;
}

html {
    height:100%;
}

.wrapper {
    min-height:100%;
}

body {
    font:normal 0.8em 'Trebuchet MS', Arial, Sans-serif;
    color:#A32312;
    text-align:center;
    height:100%;
    background-image:url(../images/bg_summer.png);
    background-attachment:fixed;
    overflow:auto;
    margin:0;
    padding:0;
}

.bg_image {
    background-image:url(../images/bg_summer.png);
    background-attachment:fixed;
    overflow:auto;
    min-height:100%;
}

/* links */
a {
    color:#BD5117;
    background-color:inherit;
    text-decoration:none;
    white-space:nowrap;
}

a:hover {
    color:#EDA33B;
    background-color:inherit;
    white-space:nowrap;
}

/* headers */
h1,h2,h3 {
    font:bold 1.3em 'Trebuchet MS', Arial, Sans-serif;
    color:#610909;
}

h1 {
    font-size:1.6em;
}

h2 {
    font-size:1.4em;
    text-decoration:none;
}

h3 {
    font-size:1.1em;
}

#main h1 {
    font:normal 1.5em 'Trebuchet MS', Arial, Sans-serif;
    color:#999;
}

#sidebar h2 {
    font:bold 1.4em 'Trebuchet MS', Arial, Sans-serif;
    color:#610909;
    padding:7px 0 7px 7px;
}

p,h1,h2,h3 {
    margin:0;
    padding:10px 15px;
}

ul,ol {
    margin:10px 5px;
    padding:0 10px;
}

ul span,ol span {
    color:#EB742A;
}

/* images */
img {
    border:none;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;
}

img.float-right {
    margin:5px 0 5px 15px;
}

img.float-left {
    margin:5px 15px 5px 0;
}

a.border img {
    border:3px solid #BD5117;
}

code {
    text-align:left;
    display:block;
    overflow:auto;
    font:500 1em/1.5em 'Lucida Console', 'courier new', monospace;
    background:#1a1a1a;
    margin:5px 0;
    padding:10px;
}

acronym {
    cursor:help;
    border-bottom:1px solid #777;
}

blockquote {
    background-image:url(../images/bgwhite90.png);
    font:bold 1.3em/1.5em 'Trebuchet MS', Sans-serif;
    color:red;
    border:3px dashed red;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;
    margin:15px;
    padding:0 0 0 20px;
}

/* form elements */
form {
    /*background-image:url(../images/bgwhite90.png);
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;*/
    margin:15px;
    padding:0;
}

label {
    display:block;
    font-weight:700;
    margin:5px 0;
}

input {
    border:1px solid #EB742A;
    font:normal 1em Verdana, sans-serif;
    color:#EB742A;
    background:#fff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    padding:2px;
}

textarea {
    width:250px;
    border:1px solid #EB742A;
    font:normal 1em Verdana, sans-serif;
    height:100px;
    display:block;
    color:#fff;
    background:#EB742A;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    padding:2px;
}

input.button {
    font:bold 1em Tahoma, Sans-serif;
    border:1px solid #EB742A;
    color:#fff;
    background:#EB742A;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    margin:0;
    padding:2px 3px;
}

/* search form */
.searchform form {
    position:absolute;
    top:10px;
    right:10px;
    background-color:transparent;
    border:none;
    margin:0;
    padding:0;
}

.searchform input.textbox {
    width:130px;
    background:#fff;
    color:#000;
    height:20px;
    border:1px solid #7E050A;
    vertical-align:top;
    margin:0 3px;
    padding:0 2px;
}

.searchform input.button {
    font:bold 12px Arial, Sans-serif;
    background:#fff;
    color:#000;
    width:70px;
    height:22px;
    border:none;
    vertical-align:top;
    padding:3px 5px;
}

/***********************
          LAYOUT
************************/
#header-content,#footer-content,#content {
    width:960px;
}

/* header */
#header {
    background:url(../images/headerbg_summer.png) repeat-x 0 0;
    height:120px;
    text-align:left;
}

#header-content {
    position:relative;
    margin:0 auto;
    padding:0;
}

#header-content #header-back {
    position:absolute;
    left:-150px;
    width:300px;
    height:200px;
    background:url(../images/headerbg_summer_pic.png) no-repeat;
    margin:0;
    padding:0;
}

#header-content #logo {
    position:absolute;
    font:bold 50px Verdana, 'Trebuchet Ms', Sans-serif;
    letter-spacing:-2px;
    top:5px;
    left:20px;
    margin:0;
    padding:10px 0 0;
}

#header-content #logo a img {
    border:0;
}

#header-content #slogan {
    position:absolute;
    font:bold 12px 'Trebuchet Ms', Sans-serif;
    text-transform:none;
    color:#fff;
    top:30px;
    left:320px;
    margin:0;
    padding:0;
}

/* header menu */
#header-content ul {
    position:absolute;
    right:20px;
    top:70px;
    font:bolder 1.3em 'Trebuchet MS', sans-serif;
    color:#fff;
    list-style:none;
    margin:0;
    padding:0;
}

#header-content li {
    display:inline;
}

#header-content li h1 {
    font:bolder 1em 'Trebuchet MS', sans-serif;
    margin: 0px;
    padding: 0px;
    color: #610909;
    display:inline;
}

#header-content li h2 {
    font:bolder 0.8em 'Trebuchet MS', sans-serif;
    margin: 0px;
    padding: 0px;
    color: #610909;
    display:inline;
}

#header-content li a {
    margin-left:10px;
    float:left;
    display:block;
    background-image:url(../images/bgwhite60.png);
    color:#610909;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    padding:3px 12px;
}

#header-content li a:hover{
    background-image:url(../images/bgwhite90.png);
    color:#610909;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}

#header-content li a:hover h1, #header-content li a:hover h2{
    color:#610909;
}

#header-content li a#topmenutagname {
    margin-left:2px;
    font:0.8em "Trebuchet MS", sans-serif;
    padding:10px 6px 3px;
}

/* content */
#content-wrap {
    overflow:auto;
    padding-bottom:38px;
}

#content {
    text-align:left;
    margin:0 auto;
    padding:0;
}

/* sidebar */
#sidebar {
    float:right;
    width:250px;
    padding:0;
    padding-bottom: 10px;
}

#sidebar ul.sidemenu {
    list-style:none;
    padding-top:5px;
    margin:0;
}

#sidebar ul.sidemenu li {
    padding:0;
}

#sidebar ul.sidemenu a {
    display:block;
    font-weight:700;
    color:#A32312;
    height:1.5em;
    text-decoration:none;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    padding:.3em 0;
}

#sidebar ul.sidemenu a.odkaz {
    border-bottom:1px dashed #EDA33B;
    line-height:1.2em;
    padding:.3em 0 .3em 10px;
}

#sidebar ul.sidemenu a.odkaz:hover {
    border-left:5px solid #EDA33B;
    padding:.3em 0 .3em 5px;
}

#sidebar .sidebox {
    background-image:url(../images/bgwhite90.png);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    /*margin:5px 15px 10px;*/
}

#sidebar .sidebox2 {
    background-image:url(../images/bgwhite90.png);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    margin-bottom: 10px;
    padding:5px  10px 5px;
}

.kategorie {
    text-align:center;
    margin:5px 10px 10px;
    padding-bottom: 5px;
}

.kategorie a {
    color:#A32312;
    font-weight:700;
    margin:3px;
}

/* main */
#main {
    margin:10px 0;
    padding:0 260px 0 0;
}

/* footer */
#footer {
    position:relative;
    margin-top:-38px;
    height:38px;
    clear:both;
    background-image:url(../images/bgwhite90.png);
    font-size:95%;
    text-align:left;
}

#footer h2,#footer p {
    padding-left:0;
}

#footer-content {
    margin:0 auto;
}

#footer-content a {
    text-decoration:none;
    color:#A32312;
}

#footer-content a:hover {
    text-decoration:underline;
    color:#EDA33B;
}

#footer-content ul {
    list-style:none;
    margin:0;
    padding:0;
}

#footer-content .col {
    width:32%;
    padding:0 5px 30px 15px;
}

#footer-content .col2 {
    width:30%;
    padding:0 0 30px;
}

/* alignment classes */
.float-left {
    float:left;
}

.float-right {
    float:right;
}

.align-left {
    text-align:left;
}

/* additional classes */
.clear {
    clear:both;
}

.comments {
    text-align:right;
    border:1px dashed #EDA33B;
    margin:20px 15px 10px;
    padding:5px 10px;
}

/* klimax*/
.center {
    text-align:center;
}

.decorateur {
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:15px;
    margin-top:12px;
    overflow:hidden;
    background-image:url(../images/bgwhite90.png);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}

.error {
    color:#D8000C;
    background-color:#FFBABA;
    background-image:url(../images/0_error.png);
    background-position:7px 50%;
    background-repeat:no-repeat;
    padding-left:50px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    margin:0 10px;
}

.info {
    color:#00529B;
    background-color:#C6DBFF;
    background-image:url('../images/0_info.png');
    background-position:10px 50%;
    background-repeat:no-repeat;
    padding-left:50px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    margin:0 10px;
}

.success {
    color:#4F8A10;
    background-color:#DFF2BF;
    background-image:url('../images/0_success.png');
    background-position:10px 50%;
    background-repeat:no-repeat;
    padding-left:50px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    margin:0 10px;
}

.warning {
    color:#9F6000;
    background-color:#FEEFB3;
    background-image:url('../images/0_warning.png');
    background-position:10px 50%;
    background-repeat:no-repeat;
    padding-left:50px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    margin:0 10px;
}

.decorateur p {
    text-align:justify;
}

.decorateur .small {
    text-align:justify;
    font-size:8px;
    color:#A32312;
}

.butt a:hover img {
    border:3px solid #EDA33B !important;
    opacity:0.5px;
}

a.image_overlay {
    overflow:hidden;
    position:relative;
    float:left;
    list-style:none;
    text-decoration:none;
    border:3px solid #BD5117;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    margin:0 20px 20px 0;
}

a.image_overlay:hover {
    border:3px solid #EDA33B !important;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}

/*image overlay - prekryti hlavni ho obrazku textem*/
.decorateur .image_overlay a {
    text-decoration:none;
    display:block;
}

/* IE8 fix, background colour appears behind img for uknown reason set negative z-index */
.decorateur .image_overlay img {
    display:block;
    z-index:-1;
    position:static;
}

/* Reset relative position, as this plays havoc with good browsers */
.decorateur a:hover:after /*default bottom*/ {
    text-decoration:none;
    content:"Kliknutím zobrazíte galerii";
    color:#A32312;
    position:absolute;
    height:40px;
    line-height:40px;
    text-align:center;
    background-image:url(../images/bgwhite90.png);
    display:block;
    left:0;
    bottom:0;
    width:460px;
}

.image_overlay a.center:hover:after {
    top:50%;
    margin-top:-20px;
}

.image_overlay a.top:hover:after {
    top:0;
    right:0;
}

.url {
    text-decoration:underline;
    background-image:url(../images/url.gif);
    background-position:2px 50%;
    background-repeat:no-repeat;
    padding:2px 2px 2px 17px;
}

.url:hover {
    background-image:url(../images/url.gif);
    background-position:2px 50%;
    background-repeat:no-repeat;
    background-color:#BD5117;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;
    padding:2px 2px 2px 17px;
}

.url2 {
    text-decoration:underline;
}

.url3 {
    text-decoration:none;
}

.url2:hover,.url3:hover {
    background-color:#BD5117;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;
}

.current {
    background:#FFF;
}

.paginator {
    background-image:url(../images/bgwhite90.png);
    text-align:right;
    font-size:90%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    margin:1em 0;
    padding:10px 5px;
}

.paginator a,.paginator span {
    margin-right:0.1em;
    color:#EDA33B;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;
    padding:0.2em 0.5em;
}

.paginator a {
    border:1px solid #BD5117;
    text-decoration:none;
    color:#A32312;
}

.paginator a:hover {
    border:1px solid #EDA33B;
    color:#EDA33B;
}

.paginator span.button {
    border:1px solid #EDA33B;
}

.paginator .current {
    border:1px solid #BD5117;
    color:#EDA33B;
    font-weight:700;
    background-color:#BD5117;
}

/*Opera Fix*/
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;
}

a.border:hover img,* html a.border:hover img,* html .butt a:hover img,* html a.image_overlay:hover {
    border:3px solid #EDA33B !important;
}

a.no-border,a.no-border:hover {
    border:none;
}

#header-content #logo a:hover img,* html #header-content #logo a:hover img,#zavinac img {
    border:0 solid #EB742A !important;
}

#sidebar ul.sidemenu a:hover,.kategorie a:hover {
    color:#EDA33B;
}

.align-right,.decorateur .first {
    text-align:right;
}

.butt a img,* html .butt a img {
    border:3px solid #BD5117 !important;
}

a.url:hover:after,a.url2:hover:after,a.url3:hover:after {
    height:0;
    display:none;
    left:0;
    bottom:0;
    width:0;
}