/********************
---| GLOBAL TAGS | ***/
*
{
    margin: 0;
    padding: 0;
    outline: none;
}
html
{
    height: 100%;
}
body
{
    min-width: 640px;
    height: 100%;
}
img
{
    border: none;
}

/* => Slider <= */
#slider-wrap
{
    height: 362px;
}

#slider
{
    height: 100%;
    padding-top: 8px;
}


/* => SLIDE PREV AND NEXT ARROWS <= */
.slider-prev, .slider-next
{
    text-indent: -9999px;
    width: 64px;
    height: 64px;
    background: url("../CLP/CLP_04.png") no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -19px;
    z-index: 999;
    opacity: .5;
    -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out; /* FF4+ */
    -ms-transition: all 0.3s ease-out; /* IE10? */
    -o-transition: all 0.3s ease-out; /* Opera 10.5+ */
    transition: all 0.3s ease-out;
    display: none;
}
.slider-prev
{
    left: 12px;
}
.slider-next
{
    right: 12px;
    background: url("../CLP/CLP_05.png") no-repeat;
}

.slider-prev:hover, .slider-next:hover
{
    opacity: 1;
}


/* => SLIDER NAV o o o <= */
.slider-nav
{
    position: absolute;
    bottom: 5px;
    left: 50%;
    list-style: none;
    overflow: hidden;
    padding: 2px;
    z-index: 10;
    margin: 0;
}

.slider-nav li
{
    float: left;
}

.slider-nav li a
{
    display: block;
    width: 8px;
    height: 8px;
    overflow: hidden;
    padding: 0px;
    margin: 8px;
    background: url("../images/sprite.png") no-repeat -234px -144px;
    text-decoration: none;
    text-indent: -999px;
}

.slider-nav li a:hover, .slider-nav li a.selected
{
    background-position: -225px -144px;
}

/* => HOLY SLIDES <= */

.slider div.section
{
    display: none;
}
.slider div.first
{
    display: block;
}

/* slider-sections, .slider-sections div.section {width:998px;height: 462px;}  */

.slider-sections
{
    margin: 0 auto;
    position: relative;
}
.slider-sections div.section
{
    position: absolute;
    top: 0;
    left: 0px;
    padding-left: 79px;
}



.button
{
    float: left;
    width: auto !important;
    list-style: none;
}
.button a, .button button, .button input
{
    /* Standard black button */
    font-size: 15px; /*font-family: 'lucida sans',arial,helvetica,sans-serif;*/
    line-height: 18px;
    color: #fff !important;
    text-decoration: none;
    padding: 5px 14px 6px 13px;
    display: block;
    width: auto;
    position: relative;
    z-index: 2;
    border: none;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    background: #313131; /* Old browsers */
    background: -moz-linear-gradient(top, #313131 0%, #222222 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #313131 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #313131 0%,#222222 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #313131 0%,#222222 100%); /* IE10+ */
    background: linear-gradient(top, #313131 0%,#222222 100%); /* W3C */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.button a:hover, .button input:hover, .button button:hover, .button a:focus, .button input:focus, .button button:focus
{
    background: #464646; /* Old browsers */
    background: -moz-linear-gradient(top, #464646 0%, #393939 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #464646 0%,#393939 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #464646 0%,#393939 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #464646 0%,#393939 100%); /* IE10+ */
    background: linear-gradient(top, #464646 0%,#393939 100%); /* W3C */
}
