/* Reset ------------------------------------- */
* {
    margin: 0;
    padding: 0;
    border: 0;    
    zoom: 1;
    box-sizing: content-box;
}

/* Fonty ------------------------------------- */
@font-face {
    font-family: 'open_sanslight';
    src: url('http://c.delameweby.cz/font/open-sans/cs-en/opensans-light-webfont.eot');
    src: url('http://c.delameweby.cz/font/open-sans/cs-en/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/open-sans/cs-en/opensans-light-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/open-sans/cs-en/opensans-light-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/open-sans/cs-en/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('http://c.delameweby.cz/font/open-sans/cs-en/opensans-regular-webfont.eot');
    src: url('http://c.delameweby.cz/font/open-sans/cs-en/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/open-sans/cs-en/opensans-regular-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/open-sans/cs-en/opensans-regular-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/open-sans/cs-en/opensans-regular-webfont.svg#open_sansregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'open_sansbold';
    src: url('http://c.delameweby.cz/font/open-sans/cs-en/opensans-bold-webfont.eot');
    src: url('http://c.delameweby.cz/font/open-sans/cs-en/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/open-sans/cs-en/opensans-bold-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/open-sans/cs-en/opensans-bold-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/open-sans/cs-en/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoblack';
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-black-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-black-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-black-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoblack_italic';
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-blackitalic-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-blackitalic-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-blackitalic-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-blackitalic-webfont.svg#robotoblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-bold-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-bold-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-bold-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold_italic';
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-bolditalic-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-bolditalic-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-bolditalic-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-bold-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-bold-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-bolditalic-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-bolditalic-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-bolditalic-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-italic-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-italic-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-italic-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-light-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-light-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-light-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-lightitalic-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-lightitalic-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-lightitalic-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-regular-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-regular-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoitalic';
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-italic-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-italic-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-italic-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-light-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-light-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-light-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight_italic';
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-lightitalic-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-lightitalic-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-lightitalic-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-medium-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-medium-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-medium-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium_italic';
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-mediumitalic-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-mediumitalic-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-mediumitalic-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-regular-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-regular-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-regular-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotothin';
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-thin-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-thin-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-thin-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotothin_italic';
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-thinitalic-webfont.eot');
    src: url('http://c.delameweby.cz/font/roboto/cs/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-thinitalic-webfont.woff') format('woff'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-thinitalic-webfont.ttf') format('truetype'),
         url('http://c.delameweby.cz/font/roboto/cs/roboto-thinitalic-webfont.svg#robotothin_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Pomocne ----------------------------------- */
.clear     { display: block; clear: both; width: 100%; height: 0; }

.left      { text-align: left      !important;      }
.center    { text-align: center    !important;      }
.right     { text-align: right     !important;      }
.justify   { text-align: justify   !important;      }
.fleft     { float: left           !important;      }
.fright    { float: right          !important;      }

.hidden    { display: none;  }

.unselectable {
    -moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Barvy ------------------------------------- */
.c-white   { color: #ffffff !important; }
.c-black   { color: #000000 !important; }

/* Pozadi ------------------------------------ */
.bg-white  { background: #ffffff !important;     }
.bg-black  { background: #000000 !important;     }

/* Ikony ------------------------------------- */
.icon {
    display: inline-block;      
    position: relative; 
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background: transparent url('../img/sprite.png') no-repeat 0 0 ;    
}   
    .icon.size36                    { width: 36px; height: 36px;            }
    .icon.size36.i-icon1            { background-position: 0 0;             }
    .icon.size36.i-icon2            { background-position: 0 -36px;         }
    .icon.size36.i-icon3            { background-position: 0 -72px;         }
    .icon.size36.i-icon4            { background-position: 0 -108px;        }
    .icon.size36.i-icon5            { background-position: 0 -144px;        }    

/* Text -------------------------------------- */
h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
    display: block;
    padding: 0.4em 0 0 0;
    margin: 0 0 0.7em 0;    
    font-weight: normal;
    line-height: 1.2em;    
}

h1, .h1 {
    font-size: 45px;  
    font-family: 'open_sanslight', 'Arial', 'Helvetica', sans-serif;
    text-transform: uppercase;
    padding: 0em 0 0 0;
    margin: 0 0 0.4em 0;
}    

    h1 strong,
    .h1 strong {
        display: inline-block;
        padding: 0 10px;
        background: #ffea00;        
        font-family: 'open_sanslight', 'Arial', 'Helvetica', sans-serif;
    }

    h1 strong span,
    .h1 strong span {
        font-family: 'open_sansbold', 'Arial', 'Helvetica', sans-serif;   
    }

h2, .h2 {          
    font-size: 40px; 
    text-transform: uppercase;   
    font-family: 'open_sanslight', 'Arial', 'Helvetica', sans-serif;
}    

    h2 strong,
    .h2 strong {
        display: inline-block;
        padding: 0 10px;
        background: #ffea00;        
        font-family: 'open_sanslight', 'Arial', 'Helvetica', sans-serif;
    }

h3, .h3 {    
    font-size: 15px;    
    text-transform: uppercase;
    font-family: 'open_sansregular', 'Arial', 'Helvetica', sans-serif;
}    

    h3 strong,
    .h3 strong {
        display: inline-block;
        padding: 5px 10px;
        background: #ffea00;        
        font-family: 'open_sansregular', 'Arial', 'Helvetica', sans-serif;
    }    

h4, .h4 {
    font-size: 14px;       
}    

h5, .h5 {        
    font-size: 12px;        
}    

hr {
    display: block;
    clear: both;
    height: 1px;
    color: #28556c;    
    background: #28556c;
    border: 0;
    margin: 15px 0 15px 0;
}

p {    
    margin-bottom: 1.5em;    
}

b, strong {    
    font-weight: normal;    
    font-family: 'robotobold', 'Arial', 'Helvetica', sans-serif;
}

ul {
    list-style: none;        
}

/* Form prvky -------------------------------- */

label {
    display: inline-block;        
    padding: 0 0 10px 0;    
    min-width: 60px;
}

input {
    outline: none;
    vertical-align: middle;    
}

input[type="text"],
input[type="file"],
input[type="submit"],
button,
select,
textarea {
    font-family: 'open_sansregular', 'Arial', 'Helvetica', sans-serif;
}

input[type="text"],
input[type="password"],
input[type="file"],
textarea,
select {    
    width: 165px;    
    height: 16px;
    line-height: 16px;
    padding: 11px 11px;
    font-size: 14px;
    background: #3f3f3f;
    color: #fff;    
    margin-bottom: 1px;
}

input[type="radio"],
input[type="checkbox"] {
    width: 14px;
    height: 14px;
}

input[type="text"][disabled],
input[type="password"][disabled],
textarea[disabled],
select[disabled] {
    color: #aaa;
    border: 1px solid #eee;
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.15);
}

textarea {
    display: block;
    min-height: 100px;   
    width: 220px; 
    resize: vertical;
}

/* Buttony ----------------------------------- */            

button,
.button,
input[type="submit"] {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    padding: 0 50px;    
    text-decoration: none;           
    text-transform: uppercase;
    font-size: 19px;
    cursor: pointer;
    font-weight: normal;    
}        

    /* Black */
    button,
    button.button-black,
    .button,
    .button.button-black,
    input[type="submit"],
    input[type="submit"].button-black {
        color: #fff;
        background: #0e0e0e;
    }

        button:hover,
        button.button-black:hover,
        .button:hover,
        .button.button-black:hover,
        input[type="submit"]:hover,
        input[type="submit"].button-black:hover {
            color: #fff;
            background: #363636;            
        }

        button[disabled],
        input[type="submit"][disabled] {
            color: #fff;
            background: #ddd;
        }
        
    /* Small */
    .button-small,
    input[type="submit"].button-small {        
        height: 28px;
        line-height: 28px;
        padding: 0 30px;        
        font-size: 15px;          
    }



/* Odkazy ------------------------------------ */

a {
    text-decoration: underline;
}
    
    a {
        color: #000000; /*#57b8e8*/
        font-weight: bold;
    }

        a:hover {
            color: #000000; /*#28556c*/
            text-decoration: none;
        }    

a img {
    border: 0;
    text-decoration: none;
}        

/* Tabulky ----------------------------------- */
table {
    border-collapse: collapse;    
    margin: 0 0 2em 0;    
}    

    td, th {
        vertical-align: top;
        font-weight: normal;
        text-align: left;        
        padding: 0;
    }
    
form table {
    line-height: 38px;
}    

form td {
    padding: 5px 10px 5px 0;
}    

/* Html / Body ------------------------------- */
html, body {
    height: 100%;
    min-width: 920px;
    min-height: 100%;    
}

body {
    position: relative;
    font-family: 'robotolight', 'Arial', 'Helvetica', sans-serif;
    font-size: 14px;       
    line-height: 1.35em;
    background: #f7f7f7 url('../img/bg.jpg') center 0;
    color: #000;         
}

/* Layout ------------------------------------ */
.body-wrap {
    position: relative;
    z-index: 1;
    height: auto;
    min-height: 100%;
}

.footer-wrap {
    position: relative;
    z-index: 2;
    height: 72px;
    margin-top: -72px;    
}

.container {
    position: relative;
    width: 920px;    
    margin: 0 auto;
}

.top { 
    position: relative;
    z-index: 2;
    height: 95px;   
    margin: 0 0 101px 0;    
    background: url('../img/bg-top.png') no-repeat center bottom;
}
    .top .container {
        height: 95px;
    }

    .top:after {
        display: none;
    }

.menu {
    width: 640px;
    height: 30px;
}    

    .top .menu {
        position: absolute;
        bottom: 8px;
    }

    .menu li {
        float: left;
        height: 30px;
        line-height: 30px;
        margin-left: 15px;
    }

    .menu li.last {
        float: right;
    }

    .menu a  {
        position: relative;
        display: block;
        background: #000;
        color: #fff;
        padding: 0 15px;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: normal;
        font-family: 'open_sanslight';
    }

    .menu a:hover {
        background: #555;
    }

    .menu .a1 {   
        top: -3px;
        left: -15px;                     
        transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);  
        -ms-transform: rotate(2deg);  
    }

    .menu .a2 {
        top: -10px;
    }

    .menu .a3 {
        
    }

    .menu .a4 {
        top: -3px;
        transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);  
        -ms-transform: rotate(-2deg); 
    }

.submenu {
    position: absolute !important;
    top: -70px;
    left: 0;
    z-index: 1 !important;
    width: 640px;    
    font-size: 15px;    
}        

    .submenu li {
        float: left;
        height: 43px;
        line-height: 43px;
        margin-left: 15px;
    }    

    .submenu li:first-child {
        margin-left: 0;
    }

    .submenu a  {
        position: relative;
        display: block;
        background: #000;
        color: #fff;
        padding: 0 30px;
        text-transform: uppercase;
        text-decoration: none;
    }    

    .submenu a:hover {
        background: #555;
    }

    .submenu a.active {        
        color: #ffea00;
        font-size: 24px;
    }

    .submenu .a1 {   
        
    }

    .submenu .a2 {
        top: -3px;
        left: -10px;                     
        transform: rotate(4deg);
        -webkit-transform: rotate(4deg);
        -moz-transform: rotate(4deg);  
        -ms-transform: rotate(4deg);
    }

    .submenu .a3 {
        top: -3px;
        left: -15px;                     
        transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);  
        -ms-transform: rotate(-2deg);  
    }

    .submenu .a4 {
        top: 5px;
        left: -15px;
        transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);  
        -ms-transform: rotate(-2deg); 
    }

.logo {
    display: block;
    width: 96px;
    height: 85px;
    overflow: hidden;
}

    .top .logo {
        position: absolute;
        left: 50%;
        bottom: -43px;
        margin-left: -48px;
    }

    .logo img {
        display: block;        
    }

.login {
    position: relative;
    min-height: 500px;    
}

    .login-wrap {
        position: relative;
        z-index: 2;
        width: 375px;
        padding: 50px 0 0 0; 
        margin: 0 auto;
        text-align: right;
    }

    .login h1 {
        margin: 0 0 1px 0;
        padding: 0;
    }

    .login h2 {
        margin: 0 0 4px 0;
        padding: 0;
    }

    .login h3 {
        position: relative;
        right: 40px;
        margin: 0;
        padding: 0;
    }    

    .login .button-small {
        position: relative;
        top: 4px;
        right: 120px;  
        transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);  
        -ms-transform: rotate(5deg);           
    }    

    .login .name {
        position: relative;
        right: 110px;
    }

    .login .pass {
        position: relative;
        right: 80px;
    }

    .login input[type="submit"] {
        position: relative;
        right: 20px;
        transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);  
        -ms-transform: rotate(-5deg);
        letter-spacing: 1.5px;        
    }

.page {
    padding: 0 0 72px 0;
}    

.content {    
    padding: 0 0 30px 0;
    min-height: 400px;
}    

    .content * {
        position: relative;    
        z-index: 4;    
    }

    .il1 .content:before,
    .il2 .content:before,
    .il3 .content:before,
    .il4 .content:before,
    .il5 .content:before,
    .il6 .content:before {
        content: '';
        display: block;
        position: absolute;
        z-index: 3;        
    }

    .il1 .content:before {        
        top: -196px;
        left: -64px;
        width: 359px;
        height: 317px;
        background: transparent url('../img/il1.png') no-repeat center center;
    }

    .il2 .content:before,
    .il3 .content:before,
    .il4 .content:before,
    .il5 .content:before,
    .il6 .content:before {        
        top: -196px;
        right: -130px;
        width: 457px;
        height: 565px;        
    }

    .il2 .content:before {
        background: transparent url('../img/il2.png') no-repeat center center;
    }

    .il3 .content:before {
        background: transparent url('../img/il3.png') no-repeat center center;   
    }

    .il4 .content:before {
        background: transparent url('../img/il4.png') no-repeat center center;   
    }

    .il5 .content:before {
        background: transparent url('../img/il5.png') no-repeat center center;   
    }

    .il6 .content:before {
        background: transparent url('../img/il6.png') no-repeat center center;   
    }

    .content-left {
        width: 600px;
        float: left;
    }
    
    .content-right {
        width: 280px;
        float: right;
    }

    .content .column {
        float: left;
        width: 280px;
        margin-left: 40px;
    } 

    .content .column:first-child {
        margin-left: 0;
    }

.bottom {
    background: transparent url('../img/bg-bottom.png') no-repeat center 50px;
}    

.rozcestnik {    
    height: 166px;
    margin: 0 0 20px 0;
}

    .rozcestnik li {
        float: left;
        width: 166px;
        height: 166px;
        margin: 0 0 0 22px;
    }

    .rozcestnik li:first-child {
        margin-left: 0;
    }

    .rozcestnik a {
        position: relative;
        display: block;
        width: 166px;
        height: 166px;
        background: #ffea00;
        text-decoration: none;
        color: #000;
        text-align: center;
        font-size: 16px;        
    }

    .rozcestnik .icon {
        position: relative;
        top: 40px;
    }

    .rozcestnik strong {
        position: absolute;
        bottom: 0;
        width: 166px;
        display: block;
        background: #0e0e0e;
        color: #fff;
        font-family: 'open_sanslight', 'Arial', 'Helvetica', sans-serif;
        text-transform: uppercase;
        height: 53px;
        line-height: 53px;        
    }

    .rozcestnik a:hover strong {
        background: #3e3e3e;
    }

    .rozcestnik .r1 strong {
        left: 5px;  
        bottom: -5px;      
        transform: rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);  
        -ms-transform: rotate(-1deg);
    }

    .rozcestnik .r2 strong {
        left: 7px;  
        bottom: 5px;      
        transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);  
        -ms-transform: rotate(2deg);
    }

    .rozcestnik .r3 strong {
        left: 7px;  
        bottom: -2px;      
        transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);  
        -ms-transform: rotate(-2deg);
    }

    .rozcestnik .r4 strong {
        left: -3px;  
        bottom: 0;      
        transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -moz-transform: rotate(-2deg);  
        -ms-transform: rotate(-2deg);
    }

    .rozcestnik .r5 strong {
        left: 8px;  
        bottom: 6px;      
        transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);  
        -ms-transform: rotate(2deg);
    }

.novinky {

}   

    .novinka {
        background: #ffea00;
        padding: 14px;
        margin: 0 0 40px 0;
    } 

    .novinka h2 {
        font-size: 18px;
        font-family: 'robotobold', 'Arial', 'Helvetica', sans-serif;
        text-transform: none;
        padding: 0;
        margin: 3px 0 10px 0;
    }

    .novinka p {
        margin: 0 0 13px 0;
    }
    
        .novinka p.nomargin {
            margin: 0 0 0px 0;
        }

    .novinka .date {
        width: 20px;
        line-height: 17px;
        margin: 0 10px 10px 0;
        float: left;
    }

    .novinka .more {
        display: inline-block;
        background: #000;
        padding: 0 4px;
        text-decoration: none;
        color: #fff;
    }
    
    .novinka .more-koment {
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        color: #fff;
        display: inline-block;
        width: 280px;
        height: 40px;
        line-height: 40px;
        background: #6a6a6a url(../img/koment.png) scroll 260px 16px no-repeat;
        margin-left:-14px;
        top:14px;
    }
    
        .novinka.vypis.wide .more-koment {
            width: 600px;
            background-position: 570px 16px;
            font-weight: normal;
        }
        
    .novinka.vypis {
        float: left;
        width:260px;
        margin-right:20px;
        margin-bottom: 20px;
    }
    
    .novinka.vypis.wide {
        width:572px;
    }
    
        .novinka.vypis.wide img {
            max-width: 560px;
        }

.fotogalerie {
    overflow: hidden;
    margin-left: -40px;
}   

    .fotogalerie li {
        float: left;
        position: relative;
        width: 280px;
        height: 226px;
        margin: 0 0 40px 40px;
        
        background-color: #fff;
        overflow: hidden;
    }

    .fotogalerie li.nl {
        clear: both;
    }

    .fotogalerie img {
        position: absolute;        
        top: 0;
        left: 0;
    }

    .fotogalerie h2,
    .fotogalerie .h2 {
        position: absolute;
        top: 0;
        left: 0;
        padding: 4px 10px 0 10px;
        margin: 0;
        font-size: 15px;
        font-family: 'open_sansbold', 'Arial', 'Helvetica', sans-serif;
        background: #ffea00;
        text-transform: none;
        color: #000;
    }

    .fotogalerie h3 {
        position: absolute;
        top: 21px;
        left: 0;       
        background: #ffea00;
        font-size: 15px;        
        padding: 2px 10px 2px 10px;
        background: #ffea00;
        color: #000;
        letter-spacing: 1px;
    }        

    .fotogalerie .more {
        display: block;
        position: absolute;
        right: 0;
        bottom: 40px;
        background: #000;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 30px;
        padding: 0 20px 0 10px;
        letter-spacing: 0.5px;
        font-weight: normal;
    }

    .fotogalerie .more:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: 9px;
        border-left: 4px solid #ffea00;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
    }

    .fotogalerie .more:hover {
        background: #333;
    }
    
    .fotogalerie .more-koment {
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        color: #fff;
        display: inline-block;
        width: 280px;
        height: 40px;
        line-height: 40px;
        background: #6a6a6a url(../img/koment.png) scroll 260px 16px no-repeat;
        top:186px;
        left:0px;
        position: absolute;
        font-weight: normal;
    }

.fotogalerie-detail {
    margin-left: -20px;
    width:900px;
}
    .fotogalerie-detail img {
        margin-left:20px;
        margin-bottom:20px;
    }
    
.anketa {
    background: #3f3f3f;
    color: #fff;
}    
    .anketa a {
        font-weight: normal;
    }
    .anketa h2 {  
        float: left; 
        clear: both;
        padding: 4px 10px 0 10px;
        margin: 0;
        font-size: 15px;
        font-family: 'open_sansbold', 'Arial', 'Helvetica', sans-serif;
        background: #ffea00;
        text-transform: none;
        color: #000;
    }

    .anketa h3 {   
        float: left; 
        clear: both;
        background: #ffea00;
        font-size: 15px;        
        padding: 2px 10px 2px 10px;
        background: #ffea00;
        color: #000;
        letter-spacing: 1px;
    }

    .anketa ul {
        padding: 20px 20px 10px 20px;
        clear: both;
    }

    .anketa li {
        position: relative;
        margin:  0 30px 30px 0;
        width: 245px;
        float: left;
    }

    .anketa li span {
        display: block;
        position: absolute;
        bottom: -4px;
        right: 0;
        color: #ffea00;
    }

    .anketa .more {
        display: inline-block;
        position: relative;
        background: #000;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 30px;
        padding: 0 20px 0 10px;
        letter-spacing: 0.5px;
    }

    .anketa .more:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        right: 9px;
        border-left: 4px solid #ffea00;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
    }

    .anketa .more:hover {
        background: #333;
    }

    .anketa .progressbar {
        width: 186px;
    }

.progressbar {
    position: relative;
    background: #343434;
    height: 4px;
    margin: 5px 0;
}    

    .progressbar .progress {
        position: absolute;
        top: 0;        
        bottom: 0;
        left: 0;
        width: 50%;
        background: #fff;
    }

.footer {
    color: #696969;
    background: #0e0e0e;
    height: 72px;
}

    .footer .container {
        height: 72px;
        line-height: 72px;        
    }    

.echo {
    background-color: #FFEA00;
    color: #000;
    font-weight: bold;
    padding:10px 10px;
    width: 580px;
    font-size: 18px;
}

.flashsubmit ,
#spanButtonPlaceHolder {
    background-color: #FFEA00;
    color: #000;
    
    display: inline-block;
    width:150px;
    height:26px;
    line-height:26px;
    font-size:13px;
    text-transform: uppercase;
    text-align: center;
}
#btnCancel {
    background-color: #000000;
    color: #fff;
    display: inline-block;
    width:150px;
    height:26px;
    line-height:26px;
    font-size:13px;
    text-transform: uppercase;
}


#fsUploadProgress ,
#fsUploadProgress2 {
    min-height: 100px;
}
.progressWrapper .progressContainer {
    background-color: #A0A0A0;
    margin-top:2px;
    padding:3px 6px;
}
.progressWrapper .progressContainer.blue {
    color: #343434;
}   
.progressWrapper .progressContainer.green {
    color: #FFCC00;
}
.progressWrapper .progressBarInProgress {
    background-color: #308800;
    display: inline-block;
    height: 4px;
}

.komentare {
  background-color: #DBDBDB;
}
.komentare h3 {
  margin:0px;
  width:100%;
  color: #fff;
  background-color:#000;
  text-align: center;
  height: 30px;
  line-height: 30px;
  padding:0px;
}
.komentar ,
.komentar2 {
  margin:10px 20px;
}
.komentar2 textarea {
  min-height: 50px;
  width: 535px;  
}
.komentar p {
    display: block;
}
.komentar p span ,
.komentar p strong {
    float: left;
}
.komentar a {
  float: left;
}
.komentar a img {
    max-height: 70px;
    max-width:  70px;
    margin-right: 20px;
}

.sin-slavy {
    padding-top: 400px;
}
.sin-slavy p {
    margin:0px;
    padding:0px;
}
.sin-slavy p a.sin {
    display: inline-block;
    width:280px;
    height:40px;
    background: #000 url('../img/foto1.png') scroll left top no-repeat;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
    font-weight: normal;
}

/*
.content > ul,
.content > ol {    
    margin: 0 0 30px 0;    
    padding: 0 0 0 30px;
}

.content > ul {
    padding: 0 0 0 15px;
}

    .content > ul li {
        padding: 2px 0;
    }

    .content > ul li {
        padding: 5px 0 5px 16px;
        background: transparent url('../img/li-dot-red.png') no-repeat 0px 12px; 
    }

.content > table {
    margin: 0 0 30px 0;
    border: 1px solid #d3d4d5;
}    

    .content > table td,
    .content > table th {
        padding: 10px 16px;
        border-right: 1px solid #d3d4d5;
    }

    .content > table th {
        background: #ff0033;
        color: #fff;        
    }

    .content > table .diff td {
        background: #f7f7f7;
    } 
*/


.heslosend {
    display: none;
}
.button.yellow {
    background-color: #FFEA00;
    color: #000;
}

.komentareinline {
    width:630px;
    font-weight: normal;
}
.komentareinline .komentare {
    display: none;
    top:10px;
    left:-14px;
    width: 600px;
    margin-bottom: -23px;
}
.komentareinline .komentare textarea {
    width:540px;    
}

.uvodhlavicka {
    background-color: #000;
    padding: 4px 8px;
    text-transform: uppercase;
}
.uvodhlavicka p {
    margin:0px;
    color:#fff;
}
.uvodhlavicka p.fleft {
    float: left;
}
.uvodhlavicka p.fright {
    float: right;
}
.fotowide {
    width: 600px !important;
    height: 350px !important;
}
.fotowide .foto1 {
    width: 600px;
    height: 155px;
    background-position: center center;
}
.fotowide .foto2 {
    height: 155px;
    width: 200px;
    background-position: center center;
    float: left;
}
.fotowide .foto1 a ,  
.fotowide .foto2 a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.fotogalerie .fotowide .more-koment {
    top:155px;
    width: 600px;
    background-position: 570px center;
    font-weight: normal;
}
#mas {
    overflow: hidden;
    height: 100000px;
}
.footer a , .footer a:hover {
    color: #fff;
}
.buttonsadd {
}
.buttonsadd a {
    display: inline-block;
    height: 40px;
    padding:0 25px;
    line-height: 40px;
    background-color: #FFEA00;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    margin-right: 40px;
}