﻿/* 
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;
}

/* 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;
}

/* links img */
a:link, a:visited, a:active, a:hover img{
    text-decoration: none;
}
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;
}
.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;
}
.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:link, a:visited, a:active, a:hover img{
    text-decoration: none;
}
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;
}
.green{
    color: green;
}
.black{
    color: black;
}
.blue{
    color: blue;
}
.silver{
    color: silver;
}
span.blue{
    color: blue;
}
span.yellow{
    color: yellow;
}