/* CSS Document */

form {
	width:60%;
	border:1px solid #ccc;
	margin:20px;
	padding:20px;
}

label {
	font-size:13px;
	display:block;
	width:100%;
}
textarea {
	resize:vertical;
	max-height:300px;
	min-height:100px;
}

input, textarea {
	margin-bottom:20px;
	width:100%;
	padding:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
		
}
input:focus, textarea:focus {
	border:1px solid #1668c4;
}

input[type="submit"] {
	margin-bottom:0px;
	background:#1668c4;
	color:#fff;
	border:none;
}
input[type="submit"]:hover {
	background:#4a88f4;
	cursor:pointer;
}




div#lista1 {
	width:100%;
	color:#49427B;
	background-color:#ffffff;
	text-align:center;

}


.infoA  {
	width:33.5%;

	padding:30px;
	float:left;	
	background-color:#CACAD9;
	box-sizing:border-box;
	
}
.infoC  {
	width:33.5%;
	
	padding:30px;
	background-color:#CACAD9;
	box-sizing:border-box;
	float:right;
	
}
.infoB  {
	width:33%;
	
	padding:30px;
	background-color:#CACAD9;
	box-sizing:border-box;
	float:left;
	
}



div#lista2 {
	width:100%;
	color:#006699;
	background-color:#ffffff;
	text-align:center;

}

.info1  {
	width:33.5%;

	padding:20px;
	float:left;	
	box-sizing:border-box;
	
}
.info2  {
	width:33.5%;
	
	padding:20px;
	text-align: justify;
	box-sizing:border-box;
	float:right;
	
}
.info3  {
	width:33%;
	padding:20px;
	box-sizing:border-box;
	float:left;
	
}
div#lista2  ul {
	list-style:none;
}
div#lista2 ul li {
	margin-top:15px;
	font-family:tahoma;
	font-size:16px;
	background-color:#0099FF;
	width:160px;
	padding-top:10px;
	border-bottom:10px;
	border-radius:0px 20px 20px 10px;
	padding-left:15px;
	box-shadow:5px 0px 10px #939393;
	-webkit-transition:padding-left 0.6s;
	color:#FFFFFF;
	}
div#lista2 ul li:hover {
	padding-left:30px;}
	
	
	
div#lista3 {
	width:100%;
	background-color:#D6D9DF;
		text-align:center;	
	
	}
	
.info4  {
	width:50%;
	color:#666666;
	padding:30px;
	float:left;	
	box-sizing:border-box;
	
}
.info5  {
	width:50%;
	color:#666666;
	padding:30px;
	text-align : justify;
	box-sizing:border-box;
	float:left;
	
}	


div#lista3  ul {
	list-style:none;
}
div#lista3 ul li {
	margin-top:15px;
	font-family:tahoma;
	font-size:16px;
	background-color:#0099FF;
	width:160px;
	padding-top:10px;
	border-bottom:10px;
	border-radius:0px 20px 20px 10px;
	padding-left:15px;
	box-shadow:5px 0px 10px #939393;
	-webkit-transition:padding-left 0.6s;
	color:#FFFFFF;
	}
	
div#lista3 ul li:hover {
	padding-left:30px;}
	
	
div#lista4 {
	width:100%;
	height:800px
	margin-top:05px;
	background-color:#ffffff;
	color:#5D9BE8;
	text-align:center;	
	}
.info7  {
	width:100%;
	padding:60px;
	float:left;	
	text-align:center;
	box-sizing:border-box;
	
}
.info8  {
	width:40%;
	padding:30px;
	box-sizing:border-box;
	float:left;
	
}	
	
	
	
div#lista4  ul {
	list-style:none;
}
div#lista4 ul li {
	margin-top:15px;
	font-family:tahoma;
	font-size:16px;
	background-color:#0099FF;
	width:160px;
	padding-top:10px;
	border-bottom:10px;
	border-radius:0px 20px 20px 10px;
	padding-left:15px;
	box-shadow:5px 0px 10px #939393;
	-webkit-transition:padding-left 0.6s;
	color:#FFFFFF;
	}
div#lista4 ul li:hover {
	padding-left:30px;}
	
div#lista6 {
	width:100%;
	height:800px
	margin-top:05px;
	background-color:#9cc6d6;
	color:#C1272C;
	text-align:center;
}

.info9  {
	width:50%;
	padding:30px;
	float:left;	
	box-sizing:border-box;
	
}
.info10  {
	width:50%;
	padding:30px;
	box-sizing:border-box;
	float:left;
	
}


div#lista6  ul {
	list-style:none;
}
div#lista6 ul li {
	margin-top:15px;
	font-family:tahoma;
	font-size:16px;
	background-color:#0099FF;
	width:160px;
	padding-top:10px;
	border-bottom:10px;
	border-radius:0px 20px 20px 10px;
	padding-left:15px;
	box-shadow:5px 0px 10px #939393;
	-webkit-transition:padding-left 0.6s;
	color:#FFFFFF;
	}
div#lista6 ul li:hover {
	padding-left:30px;}


	
div#lista5 {
	width:100%;
	height:800px
	margin-top:05px;
	background-color:#666666;
	
		
	
}
div#lista5  ul {
	list-style:none;
}
div#lista5 ul li {
	margin-top:15px;
	font-family:tahoma;
	font-size:16px;
	background-color:#0099FF;
	width:160px;
	padding-top:10px;
	border-bottom:10px;
	border-radius:0px 20px 20px 10px;
	padding-left:15px;
	box-shadow:5px 0px 10px #939393;
	-webkit-transition:padding-left 0.6s;
	color:#FFFFFF;
	}
div#lista5 ul li:hover {
	padding-left:30px;}
	
	
@media screen and (max-width: 800px) {
	.info1 {
	     width:100%;
	}
	.info2 {
	     width:100%;
	}
	.info3 {
	     width:100%;
	}
	.info4 {
	     width:100%;
	}
	.info5 {
	     width:100%;
	}
	.info6 {
	     width:100%;
	}
	.info7 {
	     width:100%;
	}
	.info8 {
	     width:100%;
	}
	.info9 {
	     width:100%;
	}
	.info10 {
	     width:100%;
	}
	.infoA {
	     width:100%;
	}
	.infoB {
	     width:100%;
	}
	.infoC {
	     width:100%;
	}
	
}