.menu_btn {
background: rgb(21,215,210); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(21,215,210,1) 0%, rgba(21,187,216,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,215,210,1)), color-stop(100%,rgba(21,187,216,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(21,215,210,1) 0%,rgba(21,187,216,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(21,215,210,1) 0%,rgba(21,187,216,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(21,215,210,1) 0%,rgba(21,187,216,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(21,215,210,1) 0%,rgba(21,187,216,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15d7d2', endColorstr='#15bbd8',GradientType=0 ); /* IE6-9 */
    background: url(/images/menu_bg.png) center center no-repeat;
    background-size: 80px 15px;
    display:block;
    height:42px;
    width:95px;
}
.menu_movil{width:1000px;margin:0 auto;height:42px;}
.menu_movil_1{
background: rgb(21,215,210); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(21,215,210,1) 0%, rgba(21,187,216,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(21,215,210,1)), color-stop(100%,rgba(21,187,216,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(21,215,210,1) 0%,rgba(21,187,216,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(21,215,210,1) 0%,rgba(21,187,216,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(21,215,210,1) 0%,rgba(21,187,216,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(21,215,210,1) 0%,rgba(21,187,216,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15d7d2', endColorstr='#15bbd8',GradientType=0 ); /* IE6-9 */
	
}
 
#menu {
    height:100%;
    position:absolute;
    background:#ddd;
    top:0;
    bottom:0;
    height:100%;
    width:240px;
    left:-240px;
    z-index:9999;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
border-right:solid 1px #666;    
}
 
#menu ul {
    padding:0;
    margin:0;
    list-style:none;
    color:white;
}
 
#menu ul li {
    padding-left:20px;
    line-height:47px;
    border-bottom:1px solid #fff;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    
}
 
#menu ul li.active {
    background:#fbce52; 
}
 
#menu ul li:hover {
}
 
#menu ul li a {
    color:#666;
    text-decoration:none;
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    display:block;
}

 
.close {
    display:block;
    background:#373737 url(/images/croix.png) center center no-repeat;
    height:42px;
    width:42px;
    position:absolute;
    top:0;
    right:-42px; 
}
 
#logo {
    padding-left:20px;
    max-width:309px;
    display:block;
}
 
.article {
    width:450px;
    float:left;
    margin:10px;
    border-top:3px solid #f2b33d;
    background:#2f2f2f; 
}
 
.article img {
    border-bottom:3px solid #353535;    
}
 
h2 {
    font-weight:300;
    color:white;
    padding-left:15px;
}
 
.article p {
    color:#595959;
    padding:0 15px;
    font-size:11px;
    line-height:18px;
    text-align:justify; 
}
 
a.read_more {
    color:white;
    padding-left:15px;
    text-decoration:none;
    background:url(../img/fleche.png) no-repeat 140px center;
    height:25px;
    display:block;
    line-height:25px;
    margin-bottom:15px;
}
 
 
 
/* Disable iOS/WinMobile font size changes */
@media screen and (max-width: 600px),
screen and (max-device-width: 480px) {
    html {
        -ms-text-size-adjust: none;
        -webkit-text-size-adjust: none;
    }
}
 
/* ==== Media Queries ==== */
 
/* Wide Screen */
@media (min-width : 1280px) {
     
    #page {
        width:1280px;
    }
     
    .article {
        width:400px;
    }
     
}
 
/* Default Screen */
@media (min-width : 960px) and (max-width : 1280px) { 
     
    #page {
        width:960px;
    }
 
}
 
/* Tablet Screen Big */
@media (min-width : 720px) and (max-width : 960px) {
     
    #page {
        width:720px;
    }
     
    .article {
        width:330px;
    }
 
}
 
/* Tablet Screen Small */
@media (min-width : 640px) and (max-width : 720px) {
     
    #page {
        width:640px;
    }
     
    .article {
        width:600px;
    }
     
}
 
/* Mobile Screen Wide */
@media (max-width : 640px) {
     
    #page {
        width:100%;
        padding:0;
    }
     
    .menu_btn {
        right:10px; 
    }
     
    #logo {
        width: 70%; 
    }
     
    .article {
        width:auto;
    }
 
}