/**************************************************
Css diseño para web adaptativa DKPiles
**************************************************/

/*________
_/ Global \____________________________________________________________*/
body {
    font-family: 'Signika Negative', sans-serif;
    font-size:100%;
    background-color: #f0f0f0;
}

a {
    text-decoration: none;
    color: inherit;
}
a:visited {color: inherit;}
a:hover   {color:#3C1AFB;}

.container_main {background-color: #f0f0f0;}

/*______
_/ Menú \______________________________________________________________*/
.MainMenu {
    background-color: #f0f0f0;
    border-bottom: solid 1px gray;
}
.Logo {
    width: 206px;
    height: 63px;
    background-image: url(/images/logo_DKPiles.png);
}
.ElementOfMenu{
    line-height: 63px; /*Misma altura que el logo*/
    font-size: 1.5em;
}
#IconList {
    width: 57px;
    height: 50px;
    background: url(/images/list.png) no-repeat 0 0;
}
#IconList:hover {
    background: url(/images/list.png) no-repeat 0 -50px;
}


/*_______________
_/ Elementos web \_____________________________________________________*/
#el1 {padding-top: 63px;}






/*____________________________
_/ Elementos en tablet y movl \________________________________________________*/
@media screen and (max-width: 885px) {
    /* Aquí van las reglas CSS necesarias - modifica las prodiedades*/
    #TituloSlider { font-size: 3em; }
}
@media screen and (max-width: 645px) {
    /* Aquí van las reglas CSS necesarias - modifica las prodiedades*/
    #TituloSlider { font-size: 2em; }
    /*#el5s1 { max-width: 90%; }
    #el5s2 { max-width: 90%; }*/
}
@media screen and (max-width: 453px) {
    /* Aquí van las reglas CSS necesarias - modifica las prodiedades*/
    #TituloSlider { font-size: 1.5em; }
}
@media screen and (max-width: 400px) {
    /* Aquí van las reglas CSS necesarias - modifica las prodiedades*/
    #TituloSlider {
        font-size: 1rem;
    }
}
@media screen and (max-width: 320px) { /* iphone 4 */
    /* Aquí van las reglas CSS necesarias - modifica las prodiedades*/
    
}