body{
    font-family: arial;
    padding:0;
    margin:0;
    font-size:100%;
    background:#ffffff;
}

#mainContainer{
    position: relative;
    width:850px;
    padding:10px;
    margin-left:auto;
    margin-right:auto;
    
    height:auto;
    margin-bottom:70px;
}

.logo_container{
    float:left;
    //background:red;
    
}


#right_colum{
    float:left;
    //background:blue;
    position: relative;
    top:30px;
}   

#header{
    clear:both;
    display: block;
    margin-top:20px;
    margin-bottom:0px;
    position: relative;
    width:100%;
    height:auto;
    background:white;
    color:black;
    background:#951e6c;
}

#mobile_nav{
    display:none;
    position: relative;
    color:#cb76ae;
    font-size:110%;
}

#mobile_nav span{
    position: relative;
    top:-5px;
}

#logo{
    margin-top:0.5em;
    width:250px;
    height:187px;
    
}

.menu{
    width:100%;
    height:40px;
    background:#6c174f;
    
    
}

.menu a span{
    position: relative;
    top:-5px;
}

.menu a{
    position: relative;
    float:right;
    color:#ffffff;
    font-size:110%;
    margin-top:10px;
    padding-left:10px; 
    padding-right:10px;
}




.text_ruta{
    position: relative;
    top:25px;
    width:400px;
    color:#ffffff;
    font-weight: bold;
}

.text_ruta h3{
    font-size: 150%;
    margin-left:20px;
}


h2{
    position: relative;
    font-size:180%;
    font-weight: bold;
    line-height: 1em;
}

.section{
    margin-top:50px;
    border-bottom: 3px dashed #c3c3c3;
}

a{
    color:#008100;
    font-weight:bold;
    cursor: pointer;
    text-decoration: inherit;
}

a:hover{
    text-decoration: underline;
}

p{
    font-size:120%;
}


.fotter{
    margin-top:60px;
    position: relative;
    text-align:center;
    color:black;
    font-size:100%;
}

.fotter h3{
    position: relative;
    font-weight: bold;
    line-height: normal;
    font-size:180%;
    line-height: 1em;
    margin-top:0px;
}

.fotter a{
    position:relative;
    top:-10px;
    line-height: 1em;
    font-size:1.2em;
}

.fotter i{
    font-size:4em;
    padding:0;
}

@media (max-width: 870px) {
    #mainContainer{
        width:100%;
        padding:0;
    }
    
    #header{
        margin-top:0;
        height:auto;
    }
    
    .menu{
        display: none;
        position: relative;
        height:auto;
        padding:0px;
        height:auto;
    }
    
    .menu a{
    float:none;
    }
    
    p{
        padding-left:10px;
		padding-right:5px;
    }
    
     h2{
        padding-left:10px;
		padding-right:5px;
    }
    
    img{
        width:100%;
    }
    
    .logo_container{
        text-align: center;
        float:inherit;
        width:100%;
        height:187px;
    }
    
    #right_colum{
        top:-40px;
        float:inherit;
        height:150px;
        text-align:center;
    }
    
  
    
    .text_ruta{
        float:inherit;
        width:100%;
        height:100px;
        font-size:100%;
        
    }
    
    #mobile_nav{
        display:inline-block;
        
    }
    
    

}