img, table { max-width:95%; } #fuentes {font-size:0.8rem} #footer {font-size:0.7rem} .boton-social {padding:7px} body { margin: 0; padding: 0; background: #FFFFFF url(images/img1.gif) repeat-x; text-align: justify; font-family: Montserrat, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; text-align: left; color: #848484; }  h2, h3, h4, h5, h6 { margin: 0; }  h2 {  letter-spacing: -1px; font-size: 1.7em; font-weight: normal; color: #31576F; }  h2 em { font-weight: bold; font-style: normal; }  h3 { height: 25px; background: #0077A7 url(images/img3.gif) repeat-x left bottom; padding: 13px 0 0 20px;  font-size: 1em; color: #FFFFFF; }  h4 { font-size:1.3em; color: #8B8B8B; }  h5 { font-size:0.75em; line-height:100%; margin-top:0.5%; }  p, ol, ul { line-height: 180%; }  ul { margin-left: 0; padding-left: 0; list-style-position: inside; }  a { color: #6B6B6B; }  a:hover { text-decoration: none; }  .image { float: left; margin: 0 20px 0 0; }  .bg1 { padding: 0 20px 20px 20px; border-top: 1px solid #FFFFFF; background: #FFFFFF url(images/img4.gif) repeat-x; text-align: left;  }  .bg2 { padding: 20px; border-top: 1px solid #CBE1EF; background: #FFFFFF url(images/img4.gif) repeat-x; }  #header { width: 90%; height: 160px; margin: 0 auto; }  #header * { margin: 0; padding: 0;  color: #FFFFFF; }  #header h1 { float: left; padding: 55px 0 0 10px; font-size: 2.2em; }  #header h2 { float: left; padding: 91px 0 0 10px; font-size: 1.2em; font-weight: normal; }  #header ul { float: right; margin: 0; padding: 82px 0 0 0; list-style: none; }  #header li { display: inline; }  #header a { display: block; float: left; height: 25px; margin: 0 0 0 8px; padding: 12px 20px 0 20px; background: #ABBA47 url(images/img2.gif) repeat-x; text-decoration: none; font-weight: bold; }  @media (min-width: 767px) { #menu-fijo {display:none !important;} #content { width: 95%; margin: 0 auto; }  #colOne { float: left; width: 20%; font-size:0.9em; }  #colTwo { float: right; width: 80%; line-height:160%; font-size:1em; } }  @media (max-width: 768px) {  #content { height:100%; position:relative; width: 90%; margin: 0 auto; }  #colOne { position:absolute; top:100%; width: 100%; margin: 0 auto; font-size:1.1em; }  #colTwo { width: 100%; font-size:1.2em; margin: 0 auto; line-height:140%; } #header h1 { font-size:1.7em; } h2 { font-size:1.4em; } }  #footer { clear: both; width: 90%; margin: 0 auto; padding: 30px 0; background: url(images/img7.gif) repeat-x }  #footer p { margin: 0; text-align: center;  }  #imagen { position: relative; left:1%; z-index: 1; margin-top: 0.5%; margin-bottom: 0.5%} #anuncioarriba { margin-top:1%;margin-bottom:1%;clear:both } #anuncio { position:relative; left:1%; width:50%; margin-top:3.5%; }  .derecha { float:right; }  .izquierda { float:left; margin-right:3%; }  .arriba { margin-bottom:1%; } @media (max-width:766px) {#anuncio, #anuncioarriba, #imagen {width:100% !important; float:none !important;} img{max-width:90% !important;} table{float:none !important; max-width:90% !important;} div {max-width:95% !important; float:none !important;} #header, #content, #cse-search-box, .bg1, .g-plusone, .fb-like, .twitter-share-button, #fb-root, .bg2, #footer {width:95% !important; float:none !important;} #menu-fijo {max-width:100% !important;position:fixed!important;width:100%!important;top:0%!important;left:0%!important;margin:0 0 2em 0!important;text-align:center!important;border: thin outset #ffffff !important; background: #f0ffff!important;z-index:5 !important;} #menu-fijo div {float:left !important;width:33% !important;padding:0.25em 0em 0.25em 0em !important} #menu-fijo a {text-decoration: none !important;} }