/* 
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 */
.div12{
    width: 12.5%;
    float: left;
}
.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%;
}

/* set colors */
.bg_green, .lightgreen{
    background: lightgreen;
}
.bg_red, .lightred{
    background: #ffcccb;
}
.bg_yellow, .lightyellow{
    background: lightyellow;
}
.bg_blue, .lightblue{
    background: lightblue;
}
.bg_silver, .lightsilver{
    background: #ddd;
}

.red{
    color: red;
}
.silver{
    color: silver;
}
.grey{
    color: grey;
}
.blue{
    color: blue;
}
.silver{
    color: silver;
}