/* 
INFO
Name: CSS - Core
Author: Jiří Petrák

DESCRIPTION
This is core css file with standarts that make css code better for each browser.
*/

/* main */
html, body{
    height: 100%;
}
*{
    padding: 0;
    margin: 0;
    border: 0;
}
*{
    outline-width: 0;
}

/* displaying */
.block{
    display: block;
    text-align: justify;
}
.table{
    display: table;
}
.table_cell{
    display: table-cell;
}
.none{
    display: none;
}
.hidden{
    visibility: hidden;
}

/* styling elements */
.italic{
    font-style: italic;
}
.bold{
    font-weight: bold;
}
.uppercase{
    text-transform: uppercase;
}
.underline{
    text-decoration: underline;
}
.nounderline{
    text-decoration: none;
}

/* links img */
a:hover img, a img, img:link, img:visited, img:hover, img:active{
    border: none;
}
img,a{
    border-width: 0px;
}
.small{
    font-size: 90%;
}

/* width element */
.width15{
    width: 15px;
}
.width20{
    width: 20px;
}
.width30{
    width: 30px;
}
.width40{
    width: 40px;
}
.width45{
    width: 45px;
}
.width60{
    width: 60px;
}
.width80{
    width: 80px;
}
.width100{
    width: 100px;
}
.width150{
    width: 150px;
}
.width200{
    width: 200px;
}
.width250{
    width: 250px;
}
.width300{
    width: 250px;
}
.width350{
    width: 250px;
}
.width400{
    width: 250px;
}
.width450{
    width: 250px;
}
.width500{
    width: 250px;
}
.width550{
    width: 250px;
}
.width600{
    width: 250px;
}

/* div block */
.div20{
    width: 20%;
    float: left;
}
.div25{
    width: 25%;
    float: left;
}
.div33{
    width: 33.3333333%;
    float: left;
}
.div50{
    width: 48%;
    float: left;
}
.div80{
    width: 80%;
    float: left;
}
.div50_margin{
    margin-left: 4%;
}
.div66{
    width: 66.666666%;
    float: left;
}
.div75{
    width: 75%;
    float: left;
}
.div100{
    width: 100%;
}

/* spacing */
.minispace{
    height: 2.5px;
}
.smallspace{
    height: 5px;
}
.middlespace{
    height: 10px;
}
.space{
    height: 20px;
}
.doublespace{
    height: 30px;
}
.padding{
    padding: 15px;
}
.nowrap{
    white-space: nowrap;
}
.breakword{
    overflow-wrap: break-word;
}
.clear{
    clear: both;
}

/* positions */
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
.alignleft{
    text-align: left;
}
.alignright{
    text-align: right;
}
.aligncenter{
    text-align: center;
}
.floatleft{
    float: left;
}
.floatright{
    float: right;
}
.middle{
    vertical-align: middle;
}

/* cursors */
.pointer{
    cursor: pointer;
}

/* boxes */
.wide_form select, .wide_form input[type=text], .wide_form input[type=password], .wide_form input[type=submit], .wide_form textarea{
    width: 100%;
}


/* old old old */
body, html{
    margin: 0;
    padding: 0;
    /*width: 100%;*/
    /*height: 100%;*/
}
a:hover img, a img, img:link, img:visited, img:hover, img:active{
    border: none;
}
table, td{
    vertical-align: top;
    border: 0px;
    text-align: left;
}
.width90{
    width: 90px;
}
.width95{
    width: 95px;
}
.width100{
    width: 100px;
}
.width120{
    width: 120px;
}
.width150{
    width: 150px;
}
.width200{
    width: 200px;
}
.width250{
    width: 250px;
}
.width300{
    width: 300px;
}
.size25{
    width: 25%;
}
.size30{
    width: 30%;
}
.size33{
    width: 33%;
}
.size50{
    width: 50%;
}
.size70{
    width: 70%;
}
.size75{
    width: 75%;
}
.size100{
    width: 100%;
}
.none{
    display: none;
}
.alignleft{
    text-align: left;
}
.alignright{
    text-align: right;
}
.aligncenter{
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.floatleft{
    float: left;
}
.floatright{
    float: right;
}
.center{
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.table{
    display: table;
}
.i{
    font-style: italic;
}
.clear{
    clear: both;
}
.smallspace{
    margin-bottom: 5px;
}
.space{
    margin-bottom: 20px;
}
.doublespace{
    margin-bottom: 40px;
}
.small{
    font-size: small;
}
.relative{
    position: relative;
}
.red{
    color: red;
}
.blue{
    color: blue;
}
.yellow{
    color: yellow;
}
.grey{
    color: grey;
}
.silver{
    color: silver;
}
.fill_white{
    fill: white;
}

@media print {
    .top_navigation, #sidebar, .top_box, .button, button, .space_print_none, sup, .video-container {
        display: none;
    }
}
.mobile_display{
    display: none;
}

@media screen and (max-width:760px){
    .size50, .div33, .div50, .div66, .div75{
        width: 100%;
    }
    .div50_margin{
        margin: 0;
    }
    .div25{
        width: 50%;
    }
}