html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { padding-bottom: 60px; background-image: none; overflow-x: hidden; }

#box-container {overflow:hidden;}
#container, #header, #footer { width: 100%; padding: 0 15px 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; }

#header-content, #footer-content, #main, #header-menu #header-content, #header-menu-bottom #header-content, #footer-top #footer-content, #footer-bottom #footer-content, .content, .navigation { width: 100%; margin: 0 auto 0 auto; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: none; }

#header { margin-bottom: 10px; border-bottom: 4px solid #d8d9d9; }
.logo { width: 60%; height: 40px; background-size: contain; -moz-background-size: contain; -webkit-background-size: contain; background-position: center; margin: 5px auto 5px auto; background-repeat: no-repeat; float: none; float: none; } 
.logo a { height: 40px; }
.search { display: none; position: relative; float: none!important; width: 100%!important; padding: 7px 10px 6px 10px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#search-mobile,#button-menu, #button-menu-close { position: absolute; top: 10px; right: 10px; display: block; width: 40px; height: 40px; }
#button-menu { top: 15px; right: auto!important; left: 15px; }
#button-menu img { max-width: 50%; }
#search-mobile img { max-width: 60%; }
#button-menu-close { font-size: 30px; font-weight: bold; top: -2px; color: #000; }

#box-header-menu { background: #d8d9d9 !important; width: 100%; height:100%; position: fixed; top:0;left:0; display: none; z-index: 100000; }
#header-menu, #header-menu-bottom { background: none; }
#header-menu ul li, #header-menu-bottom ul li { width:100%!important; float: none!important; margin: 0; padding: 6px 20px 6px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1em; text-transform: uppercase; text-align: left; border-bottom: 1px dotted #fff; list-style: disc; }
#header-menu ul li:hover, #header-menu ul li.selected, #header-menu ul li.current-menu-item,#header-menu-bottom ul li:hover, #header-menu-bottom ul li.selected, #header-menu-bottom ul li.current-menu-item { background: none!important; }
#header-menu-bottom ul li a,#header-menu ul li a  { color: #000; font-weight: bold; display: block; width: 100%; }

.head-articles a.img-apertura img { max-width: 100%; height: auto !important; margin: 0 0 10px 0 !important; }
.head-articles h2, .head-articles u { display: block; width: 100%; }
.head-articles .text-open { float: none; width: 100%; height: auto !important; }
.head-articles .information, ul.news li .information, ul.news-left li .information, ul.news-right li .information, ul.list li .information, .article .information { width: 100%; position: static; }
ul.list li .information .left { width: 40%; }
ul.news, ul.news li { width: 100%; margin-right: 0 !important; float: none; }
ul.news li h2, ul.news li h2 a, ul.news-left li h2, ul.news-left li h2 a, ul.news-right li h2, ul.news-right li h2 a { height: auto !important; overflow: visible; }
ul.news li img, ul.news-left img, ul.news-right img { width: 100%; max-width: 100%; height: auto !important; }
.sub-list { height: auto !important; overflow: visible; }
.article h1 { background: none !important; color: #000000 !important; padding: 0 !important; margin-bottom: 10px !important; font-size: 20px !important; line-height: 23px !important; }


.article p.attachment img { width: 100%; max-width: 100%; }

ul.list li a.list-image img { float: none !important; margin: 0 0 15px 0 !important; width: 100% !important; max-width: 100% !important; }

.padding-bottom-5 { padding-bottom: 5px; }

#container-background, .leaderboard { display: none; }