/* "Simpliste" template. Renat Rafikov. http://cssr.ru/simpliste/ */

@import url('reset.css');
@import url('skin.css');


/* Columns 
-------
.col_33 | .col_33 | .col_33
.clearfix
-------
.col_75 | .col_25
.clearfix
-------
.col_66 | .col_33
.clearfix
-------
.col_50 | .col_50
.clearfix
-------
.col_100
-------
*/
.col_25
{
    width: 23%;
    margin: 0 2% 0 0;
    float: left;
}

.col_33
{
    width: 31%;
    margin: 0 2% 0 0;
    float: left;
}

.col_50
{
    width: 48%;
    margin: 0 2% 0 0;
    float: left;
}

.col_66
{
    width: 64%;
    margin: 0 2% 0 0;
    float: left;
}

.col_75
{
    width: 73%;
    margin: 0 2% 0 0;
    float: left;
}

.col_100
{
    width: 98%;
    margin: 0 2% 0 0;
}

.col_25.wrap
{
    width: 25%;
    margin: 0;
}

.col_33.wrap
{
    width: 33%;
    margin: 0;
}

.col_50.wrap
{
    width: 50%;
    margin: 0;
}

.col_66.wrap
{
    width: 66%;
    margin: 0;
}

.col_75.wrap
{
    width: 75%;
    margin: 0;
}

.col_100.wrap
{
    width: 100%;
    margin: 0;
}
/* End columns */


/* Helper classes */
.center
{
    text-align: center;
}

.left
{
    text-align: left;
}

.right
{
    text-align: right;
}

.img_floatleft
{
    float: left;
    margin: 0 10px 5px 0;
}

.img_floatright
{
    float: right;
    margin: 0 0 5px 10px;
}

img
{
    max-width: 100%;
}
/* End helper classes */

@media only screen and (max-width:480px)
{ /* Smartphone */

}

@media only screen and (max-width:700px)
{ /* Tablet */
    .col_25,
    .col_33,
    .col_66,
    .col_50,
    .col_75
    {
        width: 98%;
        float: none;
    }
}


@media print
{ /* Printer */
    *
    {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    a, a:visited
    {
        color: #444 !important;
        text-decoration: underline;
    }

        a[href]:after
        {
            content: " (" attr(href) ")";
        }

    abbr[title]:after
    {
        content: " (" attr(title) ")";
    }

    pre, blockquote
    {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead
    {
        display: table-header-group;
    }

    tr, img
    {
        page-break-inside: avoid;
    }

    img
    {
        max-width: 100% !important;
    }

    @page
    {
        margin: 0.5cm;
    }

    p, h2, h3
    {
        orphans: 3;
        widows: 3;
    }

    h2, h3
    {
        page-break-after: avoid;
    }

    .header, .footer, .form
    {
        display: none;
    }

    .col_33, .col_66, .col_50
    {
        width: 98%;
        float: none;
    }
}