body {
	margin: 0;
	padding: 0;
	/*font-family: 'source-sans-pro', Helvetica, Arial, sans-serif;*/
	font-family:Roboto, Times, serif; -webkit-text-stroke:0.15px; 
	font-size: 14px;
	background: #ffffff;
	text-decoration:none;
}
html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }
#content { padding-bottom: 3em; }
.demo_wrapper {
	width: 75%;
	margin: 0 auto;
}

#content 
{
/*    min-height:200px;
    padding-top:15px;*/
    padding-bottom:100px;
    margin-bottom:50px;
    /*width:70%;
    padding-left:15%;
    padding-right:15%;
    text-align:justify;
    display:block;
    font-family:Roboto, Times, serif; -webkit-text-stroke:0.15px; 
    position:relative;*/
}
#footer {
    /*position:relative;*/
   width:100%;
    bottom:0px;
    padding-left:10px;
    padding-top:10px;
    margin-top:30px;
    text-decoration:none;
    border-top:1px solid black;
    font-size:2;
    background:#ffffff;
    background-color:#ffffff;
    color:#000000;
    position:fixed;
    z-index:1000;
    /*letter-spacing:2px;*/
}
@media only screen and (max-device-width: 800px), screen and (max-width: 800px) {
  .demo_wrapper {
    width: 80%;
  }  
}
.demo_block {
	width: 100%;
}
#Logo
{
    padding-left:20px;
}


/*Image Tiles*/

* { box-sizing: border-box; }

body { font-family: sans-serif; }

/* ---- grid ---- */

.grid {
  background: #FFF;
  max-width: 100%;
  padding-left:15%;
  padding-right:15%;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

.grid-item {
  width: 160px;
  height: 120px;
  float: left;
  background: #EEE;
  border: 1px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
}

.grid-item--width2 { width: 320px; }
.grid-item--width3 { width: 480px; }
.grid-item--width4 { width: 640px; }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }


.grid-item--gigante {
  width: 320px;
  height: 360px;
}

.grid-item:hover {
  background: #A2C;
  border-color: white;
  cursor: pointer;
}



