.content {
	align-content: center;
	width: 75%;
	margin: 0 auto;
}

.leftIndice {
	margin-left: 5%;
	float: left;
	width: 68%;
	text-align: left;
}

.rightIndice {
	margin-right: 5%;
	float: left;
	width: 19%;
	text-align: right;
}

.leftmenu {
	padding-left: 5px;
	padding-top: 5px;
	margin-right: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	width: 49%;
	text-align: right;
}

.rightmenu {
	padding-top: 5px;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	width: 49%;
}

.leftmenu2 {
	padding-left: 5px;
	padding-top: 5px;
	margin-right: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	width: 29%;
	text-align: right;
}

.rightmenu2 {
	padding-top: 5px;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	width: 69%;
}

.left {
	padding-left: 5px;
	padding-top: 5px;
	margin-left: 5px;
	float: left;
	width: 49%;
}

.right {
	padding-top: 5px;
	padding-left: 0px;
	margin-left: 5px;
	float: left;
	width: 49%;
}

.leftb {
	padding-top: 5px;
	padding-left: 0px;
	margin-left: 0px;
	float: left;
	width: 49%;
}

.rightb {
	padding-top: 5px;
	padding-left: 0px;
	margin-left: 0px;
	float: left;
	width: 49%;
}

.col1 {
	padding-right: 10px;
	text-align: left;
	width: auto;
	float:left;
}

.col2 {
	padding-left: 5px;
	text-align: left;
	width: auto;
	float:left;
}

#col1b {
	padding-left: 5px;
	text-align: right;
	width:28%;
	float:left;
}

#col2b {
	padding-left: 5px;
	text-align: left;
	width:68%;
	float:left;
}



.leftGeneral {
	padding-top: 5px;
	padding-left: 0px;
	margin-left: 0px;
	float: left;
	width: 33%;
}

.centerGeneral {
	padding-top: 5px;
	padding-left: 0px;
	margin-left: 0px;
	float: left;
	width: 33%;
}

.rightGeneral {
	padding-top: 5px;
	padding-left: 0px;
	margin-left: 0px;
	float: left;
	width: 33%;
}

.leftGeneral2 {
	padding-top: 5px;
	padding-left: 0px;
	margin-right: 5px;
	float: left;
	width: 10%;
}

.rightGeneral2 {
	padding-top: 5px;
	padding-left: 0px;
	margin-left: 0px;
	float: left;
	width: 89%;
}

#col1General {
	padding-left: 5px;
	text-align: right;
	width:53%;
	float:left;
}

#col2General {
	padding-left: 5px;
	text-align: left;
	width:43%;
	float:left;
}








.contentRes {
	align-content: center;
	width: 90%;
	margin: 0 auto;
}

.leftRes {
	padding-left: 5px;
	padding-top: 5px;
	margin-left: 5px;
	float: left;
	width: 20%;
}

.rightRes {
	padding-top: 5px;
	padding-left: 5px;
	margin-left: 5px;
	float: left;
	width: 75%;
}

#col1a {
	padding-left: 5px;
	text-align: right;
	width:100%;
	float:left;
}

#col2a {
	padding-left: 5px;
	text-align: right;
	width:32%;
	float:left;
}

#col3a {
	padding-left: 5px;
	text-align: right;
	width:32%;
	float:left;
}

#col4a {
	padding-left: 5px;
	text-align: right;
	width:32%;
	float:left;
}









@media screen and (max-width: 1448px) {
	.leftmenu {
		width: 48%;
	}
	.rightmenu {
		width: 48%;
	}
	.leftmenu2 {
		width: 28%;
	}
	.rightmenu2 {
		width: 68%;
	}
	.left {
		width: 100%;
	}
	.right {
		width: 100%;
	}
	.leftb {
		width: 49%;
	}
	.rightb {
		width: 49%;
	}

	.leftGeneral2 {
		width: 15%;
	}
	
	.rightGeneral2 {
		width: 84%;
	}
}

@media screen and (max-width: 1295px) {
	.leftb {
		width: 100%;
	}
	.rightb {
		width: 100%;
	}


	.leftRes {
		width: 30%;
	}
	
	.rightRes {
		width: 58%;
	}
	
	#col2a{
		padding-left: 5px;
		text-align: right;
		width:27%;
		float:left;
	}
	
	#col3a{
		padding-left: 5px;
		text-align: right;
		width:27%;
		float:left;
	}
	
	#col4a{
		padding-left: 5px;
		text-align: right;
		width:27%;
		float:left;
	}
	
}

@media screen and (max-width: 1126px) {
	#col1General{
		padding-left: 5px;
		text-align: right;
		width:58%;
		float:left;
	}
	
	#col2General{
		padding-left: 5px;
		text-align: left;
		width:28%;
		float:left;
	}
}

@media screen and (max-width: 1002px) {
	.leftGeneral {
		width: 100%;
	}
	
	.centerGeneral {
		width: 100%;
	}
	
	.rightGeneral {
		width: 100%;
	}
}   
	

@media screen and (max-width: 970px) {
	.leftGeneral2 {
		width: 20%;
	}
	
	.rightGeneral2 {
		width: 79%;
	}
}

@media screen and (max-width: 782px) {
	.content {
		width: 100%;
	}
	.leftmenu {
		text-align: center;
		width: 100%;
	}
	.rightmenu {
		margin-top: 0px;
		padding-left: 0px;
		text-align: center;
		width: 100%;
	}
	.leftmenu2 {
		text-align: center;
		width: 100%;
	}
	.rightmenu2 {
		margin-top: 0px;
		padding-left: 0px;
		text-align: center;
		width: 100%;
	}
	.left {
		width: 100%;
	}
	.right {
		width: 100%;
	}
	.col1 {
		text-align: center;
		width: 100%;
	}
	.col2 {
		text-align: center;
		width: 100%;
	}
	#col1b {
		text-align: left;
		width: 90%;
	}
	#col2b {
		text-align: left;
		width: 90%;
	}

	.leftRes {
		width: 100%;
	}
	
	.rightRes {
		width: 100%;
   }
   #col1a{
	text-align: left;
	width:100%;
   }


   .leftIndice {
	width: 100%;
	margin-left: 0%;
	}

	.rightIndice {
	width: 100%;
	text-align: left;
	margin-right: 0%;
	}


}
	

@media screen and (max-width: 336px) {
	#col1General{
		text-align: left;
		width:100%;
	}
	
	#col2General{
		width:100%;
	}
}


















.control {
	display: inline-block;
	position: relative;
	padding-left: 0px;
	cursor: pointer;
	padding-top: 0px;
	margin-top: 0px;
  }
  .control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
  }
  .controlIndicator {
	position: absolute;
	top: 0px;
	left: 0;
	height: 20px;
	width: 20px;
	background: #219BCD;
  }
  .controlRadio .controlIndicator {
	border-radius: 25%;
}
  .control input:checked ~ .controlIndicator {
	background: #219BCD;
  }
  .controlIndicator:after {
	content: '';
	position: absolute;
	display: none;
  }
  .control input:checked ~ .controlIndicator:after {
	display: block;
  }
  .controlRadio .controlIndicator:after {
	left: 6px;
	top: 6px;
	height: 8px;
	width: 8px;
	border-radius: 25%;
	background: #fff;
  }