﻿body{
	margin:0px;
	padding:0px;
	background-image:url(../images/Z-brac.png);
	width:100%;
	min-height: 100%;
	background-size:cover;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
    padding:0px;
	position:absolute;	
}

div.main {
	margin-left:auto;
	margin-right:auto;
    padding:0px;
	width:1000px;
	height:850px;
}

div.empty{
	width:1000px;
	height:100px;
	float:left;
	background-color:#8FB2C3;
}

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: #ccd4c3;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #d6ccbe;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: #33568e;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
	font-size:20px;
}

.dropdown-content a:hover {background-color: #ccd4c3}

.dropdown:hover .dropdown-content {
    display: block;
}

div.link {
	width:1000px;
	height:45px;
	float:left;
	background-color: #779a8c;
	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:350px;
	float:left;
}

div.part-21 {
	width:100px;
	height:350px;
	float:left;
}

div.part-22 {
	width:800px;
	height:350px;
	float:left;
}

div.part-221 {
	width:400px;
	height:350px;
	float:left;
}

img.brac-1{
	width:380px;
	height:313px;
	padding-top:32px;
	padding-left:10px;
	border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

img.brac-1:hover {opacity: 0.5;}

div.part-222 {
	width:400px;
	height:350px;
	float:left;
}

div.part-23 {
	width:100px;
	height:350px;
	float:left;
}

div.part-3 {
	width:1000px;
	height:350px;
	float:left;
}

div.part-31 {
	width:100px;
	height:350px;
	float:left;
}

div.part-32 {
	width:800px;
	height:350px;
	float:left;
}

div.part-321 {
	width:400px;
	height:350px;
	float:left;
}

img.brac-1{
	width:380px;
	height:313px;
	padding-top:32px;
	padding-left:10px;
}

div.part-322 {
	width:400px;
	height:350px;
	float:left;
}

div.part-33 {
	width:100px;
	height:350px;
	float:left;
}

div.footer{
	width:1000px;
	height:200px;
	float:left;
	background: #d6e0e8; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #aec7be, #dcdedc); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #aec7be, #dcdedc); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #aec7be, #dcdedc); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom left, #aec7be, #dcdedc); /* 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;
}