html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body { margin: 0 auto; }
footer, header { position: relative; clear: both; }
.left-column, .right-column, .side-nav, footer, header {border: 1px solid  #ccc; padding: 1.25em; margin: .5em; }

/* LAYOUT STYLES */
#Content, #Alphaindex {height: 80vh; overflow: scroll; overflow-x: hidden;}

html, body {height: 100%;}

body {background-image: url("/Blank-Template_files/Background-Analglypta-grey.gif");}


#Content::-webkit-scrollbar, -webkit-overflow-scrolling:touch; overflow:auto; #Alphaindex::-webkit-scrollbar, #Quick::-webkit-scrollbar, body::-webkit-scrollbar {display: none;} /* NO SCROLLBARS COLUMNS AND BODY*/


<!-- NO FUNCIONA, DE ALGUNA FORMA HAY QUE ACCEDER A LAS IMG DE DENTRO DEL HTML CARGADO CON JAVASCRIPT -->
<!-- CSS PARA LAS IMAGENES Y ASI HACEN RESIZE SEGUN EL PARENT QUE ES #Content en la plantilla -->
#Content img {height: auto;  max-width: 100%; max-height: 100%;}
<!-- CSS PARA LAS IMAGENES Y ASI HACEN RESIZE SEGUN EL PARENT QUE ES #Content en la plantilla -->

/* LAYOUT STYLES */
a {text-decoration:none;}

/* CENTER NAVTOP AND NAVLEFT ELEMENTS*/
ul.navTop, ul.navLeft {display: inline-block;}
ul {text-align: center;}
/* CENTER NAVTOP AND NAVLEFT ELEMENTS*/


/* QUICKLINKS BOX-SHADOW*/
.linkshadow {
  -moz-box-shadow:    7px 4px 10px 2px #888;
  -webkit-box-shadow: -7px 4px 10px 2px #888;
  box-shadow:         7px 4px 10px 2px #888;
}

	
.scroll-wrapper {
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;

	/* important:  dimensions or positioning here! */
}

.scroll-wrapper iframe {
	-webkit-overflow-scrolling: touch;
	/* nada! */
}

.demo-iframe-holder {
  position: fixed; 
  right: 0; 
  bottom: 0; 
  left: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

.demo-iframe-holder iframe {
  height: 100%;
  width: 100%;
}

.iframe {
	-webkit-overflow-scrolling: touch;
}

.navTop {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.navTop > li,
.navTop > li > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-decoration: none; /* REMOVE THE UNDERLINE OF TEXT IN HEADER AND FOOTER ELEMENTS*/
}



.inline-items {
  margin-top: 0;
}

.inline-items li {
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.inline-items li:first-child {
  margin-left: 0;
  border: none;
  padding-left: 0;
  padding-right: 10px;
}

.inline-items li:last-child {
  padding-right: 0;
}

 
/* MEDIA QUERIES */
@media screen and (min-width: 47.5em ) {
  .side-nav { width: auto;}

  .columns-container { 
    float: left;
  }

  .left-column { 
    margin-right: 20em;
    float: centre;
  }

	
}

@media screen and ( min-width: 62.5em ) {

  .side-nav {
    width: 9.5em;
    margin-right: -10.75em;
    float: left;
  }

  .left-column {
    margin-left: 10.7em;
  }

  .navLeft > li,
  .navLeft > li > a {
    display: block;
    *display: block;
    zoom: 1;
  }

  .inline-items li { padding-left: 0; border: none;}
    
}