/* Copyright 2014 Owen Versteeg; MIT licensed
*/
html{
	box-sizing: border-box;
}

.grid-container2 {
	width:100%;
	max-width:1140px;
	margin:0 auto;
	columns: 2;
	column-gap: 30px;
	padding: .5rem;
	}

.grid-container3 {
	width:100%;
	max-width:1140px;
	margin:0 auto;
	columns: 3;
	column-gap: 30px;
	padding: .5rem;
	}
.grid-container4 {
	width:100%;
	max-width:1140px;
	margin:0 auto;
	columns: 4;
	column-gap: 30px;
	padding: .5rem;
	}	
.grid-item {
	width: 100%;
	margin: 0 20 30 20;	
	border-radius:21px; 
	border: 1px solid #dddddd;
	padding:0px; 
	background-color:#f5f5f5;
	break-inside: avoid;
	page-break-inside: avoid;		
	}
.grid-item1 {
	width: 100%;
	margin: 0 0 30 0;	
	padding:0px; 
	break-inside: avoid;
	page-break-inside: avoid;		
	}
.containerres{
width: 100%;
max-width: 1140;
margin:0 auto;
overflow: hidden;
}

.btnres{background:#999;border-radius:6px;border:0;color:#fff;cursor:pointer;display:inline-block;margin:2px 0;padding:12px 30px 14px}

.btnres:hover{background:#888}
.btnres:active,.btn:focus{background:#777}
.btn-a{background:#0ae}.btn-a:hover{background:#09d}
.btn-a:active,.btn-a:focus{background:#08b}
.btn-b{background:#3c5}
.btn-b:hover{background:#2b4}
.btn-b:active,.btn-b:focus{background:#2a4}
.btn-c{background:#d33}
.btn-c:hover{background:#c22}
.btn-c:active,.btn-c:focus{background:#b22}
.btn-sm{border-radius:4px;padding:10px 14px 11px}
.btn,a{text-decoration:none}

.cabecera {
width:100%;
margin: 20px 0;
}
.cabecera2 {
width:100%;
margin: 20px 0;
display:none;
}
.rowres{
	box-sizing: border-box;
	overflow:none
	}
.colres{
	padding:20px 0;
	box-sizing: border-box;
	float:left
	}

.flexy{
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
	}  
	
.cres12{width:100%}
.cres11{width:91.66%}
.cres10{width:83.33%}
.cres9{width:75%}
.cres8{width:66.66%}
.cres7{width:58.33%}
.cres6{width:50%}
.cres5{width:41.66%}
.cres4{width:33.33%}
.cres3{width:25%}
.cres2{width:16.66%}
.cres1{width:8.33%}

h1res{font-size:3em}

.btnres,h2res{font-size:2em}



.btnres.btnres-close{background:#000;float:right;font-size:25px;margin:-54px 7px;display:none}

@media (min-width:1310px)
{
.containerres{margin:auto;width:100%}
	.hidden-md {
		display: none!important;
	}
	.hidden-lg {
		display: none!important;
	}
}

@media (max-width:870px){

	.rowres .colres {
		width:100%
	}
	
	.hidden-sm {
		display: none!important;
	}
	.hidden-xs {
		display: none!important;
	}
	.flexy{
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: start;
	}	
	.grid-container2 {
		columns: 1;
		}
	.grid-container3 {
		columns: 1;
		}	
	.grid-container4 {
		columns: 1;
		}		
}


@media (max-width:500px)
{.btnres.btnres-close{display:block}
}