@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:959px){
	
	body{
		overflow-y:auto;
	}
	
	#mobile-detector{
		display:inline;
	}
	.guru-gallery-holder > div > a.close{
		width:2em;
		height:2em;
		background-position:center center;
	}
	
	div.table-wrapper,
	div.table-wrapper.noscroll{
		padding-left:0;
		padding-right:0;
	}
	
	div.table-wrapper > var,
	div.table-wrapper.noscroll > var{
		display:none;
		visibility:hidden;
	}
	
	div.table-wrapper > div,
	div.table-wrapper.noscroll > div{
		white-space:normal;
		overflow-x:auto;
		overflow-y:auto;
	}
	
	p.cucusquare{
		display:block;
		float:none;
		margin:2em;
		width:auto;
	}
	
	div#logo,
	body.inside div#logo{
		padding:0.5em 1em 0.5em 1em;
		height:4em;
		top:0;
		left:50%;
		-moz-transform:translateX(-50%);
		-o-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		transform:translateX(-50%);
		width:auto;
		background-color:transparent;
		border-bottom:none;
	}
	div#logo var,
	body.inside div#logo var,
	div#logo.inicio var{
		height:5.5em;
		width:6em;
	}
	
	
	#menu{
		height:auto;
		display:block;
		position:relative;
		top: 0;
		margin-top:6rem;
		font-size:0.8em;
	}
	
	#menu > div{
		display:block;
		padding:0;
	}
	
	#menu > div > a{
	}
	
	body.inside #menu{
		width:100%;
	}
	body.inside #menu > div > a,
	body.inside #menu > div > a:visited,
	body.inside #menu > div > a:active{
		min-width:0;
		max-width:none;
		font-size:0.9em;
		padding-bottom:0;
		margin:0 1% 0 1%;
	}
	body.inside #menu > div{
		padding:0.5em 0 0.5em 0;
	}
	body.inside #menu > div:after{
		display:none;
	}
	body.inside #menu > div > a > var{
		height:2em;
	}
	
	body.inside #menu > div > a > span > span{
		display:none;
		visibility:hidden;
	}
	
	aside,
	body.inside aside,
	footer,
	body.inside footer{
		display:block;
		position:relative;
		width:auto;
		text-align:center;
		top:0;
		left:0;
	}
	
	
	aside,
	aside.left,
	aside.right{
		margin-bottom:0.2em;
		text-align:center;
		background-color:#222;
		margin:0;
		padding-bottom:0.2rem;
	}
	
	footer{
		margin:0;
		padding:0.5rem;
	}
	
	
	div[role=main]{
		height:auto;
		overflow:auto;
		padding-top:1rem;
		padding-bottom:1rem;
		position:relative;
	}
	
	div[role=main] > h1,
	div[role=main] > a.promo,
	div[role=main] > a.promo:visited,
	div[role=main] > a.promo:active{
		position:static;
	}
	
	div[role=main] > a.promo,
	div[role=main] > a.promo:visited,
	div[role=main] > a.promo:active{
		top:6rem;
		width:100%;
		min-width:0;
		max-width:none;
		font-size:0.75em;
		padding:0;
	}
	div[role=main] > a.promo > var{
		background-position:center right;
		padding:1em;
	}
	div[role=main] > a.promo > span{
		padding:1em;
	}
	
	div#centered-content{
		position:relative;
		width:auto;
		display:block;
		min-width:0;
		max-width:none;
		top:0;
		left:0;
		height:auto; 
	}
	div#centered-content > div{
		height:auto;
		overflow:auto;
		width:auto;
		display:block;
	}
	
	div#centered-content > div > header{
		padding:1rem 0 1rem 0;
		margin-bottom:0;
		font-size:0.8em;
	}
	div#centered-content > div > h3{
		margin-top:2rem;
		margin-bottom:2rem;
	}
	div#centered-content > div > section{
		padding:0 1em 2rem 1em;
	}
	div.squares > div{
		margin-left:0;
		margin-right:0;
		margin-bottom:2em;
		display:block;
		width:auto;
	}
	div.table-wrapper div.squares > div{
		min-width:0;
	}
	
	div#gr-modal > div{
		min-width:0;
		max-width:none;
		width:90%;
		height:80%;
		height:-webkit-calc(90% - 3em);
		height:-moz-calc(90% - 3em);
		height:-ms-calc(90% - 3em);
		height:-o-calc(90% - 3em);
		height:calc(90% - 3em);
	}
	
	div#gr-modal.open > div{
		top:3em;
		min-width:0;
		max-width:none;
		width:90%;
		height:80%;
		height:-webkit-calc(90% - 3em);
		height:-moz-calc(90% - 3em);
		height:-ms-calc(90% - 3em);
		height:-o-calc(90% - 3em);
		height:calc(90% - 3em);
	}
	
	div#gr-modal > div > h1{
		padding:1em;
		font-size:0.9em;
		position:relative;
	}
	
	div#gr-modal > div > h1 > a,
	div#gr-modal > div > h1 > a:visited,
	div#gr-modal > div > h1 > a:active{
		float:none;
		position:absolute;
		top:-2.5em;
		right:0
	}
	
	div#gr-modal > div > div.content{
		padding:1em;
		width:auto;
		height:80%;
		height:-webkit-calc(100% - 7em);
		height:-moz-calc(100% - 7em);
		height:-ms-calc(100% - 7em);
		height:-o-calc(100% - 7em);
		height:calc(100% - 7em);
		overflow:auto;
	}
	
	div#centered-content > div > section{
		padding-right:1em !important;
	}
	
	aside.right, body.inside aside.right{
		font-size:1em;
		width:auto;
	}
	
	div.horisquares{
		white-space:normal !important;
	}
	
	div.horisquares > div{
		width:auto;
		vertical-align:auto;
		display:block;
	}
	
	
}