body{
	margin:0px;
	padding:0px;
	background-image:url(../images/Z-matrix.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
}

div.main {
	margin-left:auto;
	margin-right:auto;
    padding:0px;
	width:1000px;
	height:850px;
}

div.part-1{
	width:1000px;
	height:180px;
	float:left;
}

div.part-11{
	width:250px;
	height:180px;
	float:left;
}

div.part-12{
	width:500px;
	height:180px;
	float:left;
}

div.part-13{
	width:250px;
	height:180px;
	float:left;
}

img.brand{
	width:500px;
	height:150px;
	padding-top:20px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
	font-size:23px;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #cad1f5;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #afbcf6;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: #307492;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
	font-size:20px;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

div.link {
	width:1000px;
	height:45px;
	float:left;
	background-color: #4659b0;
	border-radius:8px;
}

div.link-1 {
	width:350px;
	height:50px;
	float:left;
}

div.link-2 {
	width:300px;
	height:50px;
	float:left;
}

div.link-3 {
	width:350px;
	height:50px;
	float:left;
}


div.part-2 {
	width:1000px;
	height:1500px;
	float:left;
}

div.part-21 {
	width:50px;
	height:800px;
	float:left;
}

div.part-22 {
	width:900px;
	height:1200px;
	float:left;
}

div.part-220 {
	width:900px;
	height:350px;
	float:left;
}

div.part-221 {
	width:900px;
	height:400px;
	float:left;
}

div.part-222 {
	width:900px;
	height:400px;
	float:left;
}

div.part-22-1 {
	width:287px;
	height:400px;
	float:left;
}

div.part-221-2 {
	width:300px;
	height:400px;
	float:left;
}

div.part-221-1 {
	width:300px;
	height:400px;
	float:left;
}

div.part-221-3 {
	width:300px;
	height:400px;
	float:left;
}

div.part-223 {
	width:900px;
	height:350px;
	float:left;
}

div.part-223-1 {
	width:290px;
	height:400px;
	float:left;
}

div.part-223-2 {
	width:300px;
	height:400px;
	float:left;
}

div.part-223-3 {
	width:300px;
	height:400px;
	float:left;
}

img.mat-1{
	width:280px;
	height:380px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

img.mat-2{
	width:280px;
	height:400px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

img.mat-3{
	width:300px;
	height:400px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

img.mat-4{
	width:300px;
	height:300px;
	padding-top:100px;
}

img.mat-10{
	width:300px;
	height:300px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

img.mat-7{
	width:300px;
	height:400px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.part-222-1 {
	width:300px;
	height:200px;
	float:left;
}

div.part-222-2 {
	width:300px;
	height:200px;
	float:left;
}

div.part-222-3 {
	width:300px;
	height:200px;
	float:left;
}

div.part-22-3 {
	width:300px;
	height:400px;
	float:left;
}

div.part-23 {
	width:50px;
	height:800px;
	float:left;
}

div.part-3 {
	width:1000px;
	height:400px;
	float:left;
}

div.part-31 {
	width:50px;
	height:400px;
	float:left;
}

div.part-32 {
	width:900px;
	height:400px;
	float:left;
}

div.part-32-1 {
	width:450px;
	height:400px;
	float:left;
}

div.part-32-2 {
	width:450px;
	height:400px;
	float:left;
}

img.mat-5{
	width:300px;
	height:300px;
	padding-top:50px;
	padding-left:100px;
}

img.mat-6{
	width:300px;
	height:300px;
	padding-top:50px;
}

div.part-33 {
	width:50px;
	height:400px;
	float:left;
}














img.circle {
	width:250px;
	height:400px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div.footer{
	width:1000px;
	height:200px;
	float:left;
	background: #8fa0e7; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #8fa0e7, #afbcf6); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #8fa0e7, #afbcf6); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #8fa0e7, #afbcf6); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom left, #8fa0e7, #afbcf6); /* Standard syntax */
}

div.footer-1{
	width:100px;
	height:200px;
	float:left;
}

div.footer-2{
	width:800px;
	height:200px;
	float:left;
}

div.footer-21{
	width:800px;
	height:50px;
}

div.footer-22{
	width:800px;
	height:130px;
}

div.footer-3{
	width:100px;
	height:200px;
	float:left;
}

div.footer-00{
	width:180px;
	height:50px;
	float:left;
}

div.footer-0{
	width:10px;
	height:50px;
	float:left;
}

div.footer-211{
	width:160px;
	height:50px;
	float:left;
}

div.footer-213{
	width:80px;
	height:50px;
	float:left;
}

div.footer-214{
	width:160px;
	height:50px;
	float:left;
}
a.tittle{
	text-decoration:none;
	color:#33568e;
	font-size:20px;
	text-align:center;
	display:block;
	padding-top:20px;
}

p.text{
	font-family:tahoma;
	font-size:16px;
	font-style:inherit;
	text-align:center;
	color:#33568e;
}

p.text-1{
	font-family:tahoma;
	font-size:16px;
	font-style:inherit;
	text-align:center;
	color:#33568e;
}

p.text-2{
	font-family:Times New Roman, serif;
	font-size:14px;
	font-style:inherit;
	text-align:center;
	color:#33568e;
}