/* ------ general
-----------------------------------------------*/

body {

}

/* ------ mobilyslider
-----------------------------------------------*/

.backSlide {
position: relative;
height: 40em;
overflow: visible;
}

#content {
width:100%;
margin:0px auto 0;
}

a.frase {
padding:10px;
font-size:16px;
color:#d7037e;
text-align:center;
float:right;
margin-top:100px;

}

.msg {
width:200px;
height:350px;
display:block;
position:absolute;
z-index:1000000;
background:#000;
opacity:0.8;
margin-top:-100px;

}


.slider {
/*float:left;
position:relative;*/
padding-bottom:26px;

}

.sliderContent {
float:left;
width:100%;
max-height:40em;
clear:both;
position:relative;
overflow:visible;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:5000000000;
background-image:url(../gfx/prev_next.png);
width:42px;
height:42px;
position:absolute;
top:50%;
margin-top:-34px;
}

.prev {
background-position:0 0;
left:15px;
}

.prev:hover {
background-position:0 -44px;
}

.next {
right:15px;
background-position:-44px 0;
}

.next:hover {
background-position:-44px -44px;
}

.sliderContent .item {
position:absolute;
width:100%;
height:auto;
background:#fff;
}

.sliderContent .item img{
width:100%;
height:auto;
max-height: 45em;
}

.sliderBullets {
position:absolute;
bottom:50px;
left:50%;
z-index:50;
margin-left:-45px;
}

.sliderBullets a {
display:block;
float:left;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:10px;
height:11px;
background:url(../gfx/bullets.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -11px;
}

.sliderContent a {
outline:none;
}

a {
}

a img {
border:none;
}

@media screen and (max-width:615px) and (min-width:530px) {
    .sliderArrows a {
    top:6em;
    margin-top:0px;
    z-index:100;
    }
    .sliderBullets {
    display:none;
    }

    .backSlide {
    position: relative;
    height: 8em;
    overflow: visible;
    }
}

@media screen and (max-width:530px) and (min-width:480px) {

    .sliderArrows a {
    top:6em;
    margin-top:0px;
    z-index:100;
    }
    .sliderBullets {
    display:none;
    }

    .backSlide {
    position: relative;
    height: 8em;
    overflow: visible;
    }

}


@media screen and (max-width:480px) {

    .sliderArrows a {
    top:1em;
    margin-top:0px;
    z-index:100;
    }
    .sliderBullets {
    display:none;
    }

    .backSlide {
    position: relative;
    height: 8em;
    overflow: visible;
    }

}