﻿body{
	margin:0px;
	padding:0px;
	background-image:url(../images/Z-Nimset.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: #dde0dd;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #d4e3dc;
    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: #b6cfc3;
	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:1000px;
	float:left;
}

div.part-21 {
	width:100px;
	height:620px;
	float:left;
}

div.part-22 {
	width:250px;
	height:820px;
	float:left;
}

div.part-221 {
	width:250px;
	height:410px;
	float:left;
	margin-top:10px;
}

div.part-222 {
	width:250px;
	height:410px;
	float:left;
}

div.part-23 {
	width:25px;
	height:620px;
	float:left;
}

div.part-24 {
	width:250px;
	height:1000px;
	float:left;
}

div.part-242 {
	width:180px;
	height:180px;
	float:left;
	margin-top:20px;
	margin-left:35px;
	background-color:#c7d0df;
}

div.part-241 {
	width:250px;
	height:370px;
	float:left;
	margin-top:10px;
}

div.part-243 {
	width:250px;
	height:400px;
	float:left;
	margin-top:20px;
}

div.part-25 {
	width:25px;
	height:620px;
	float:left;
}

div.part-26 {
	width:250px;
	height:950px;
	float:left;
}

div.part-261 {
	width:180px;
	height:180px;
	float:left;
	margin-top:30px;
	margin-left:35px;
	background-color:#c8aabd;
}

div.part-262 {
	width:250px;
	height:370px;
	float:left;
	margin-top:20px;
}

div.part-263 {
	width:180px;
	height:180px;
	float:left;
	margin-top:80px;
	margin-left:35px;
	background-color:#eddaa5;
}

div.part-27 {
	width:100px;
	height:620px;
	float:left;
}

img.nim-1 {
	width:250px;
	height:365px;
	outline: 1px solid #cec3c1;
    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove 5s infinite;
}

img.nim-2 {
	width:250px;
	height:400px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    50% {outline: 5px solid #c7a6bde;}
}

/* Standard syntax */
@keyframes mymove {
    50% {outline: 5px solid #c7a6bd;}
}

img.nim-5 {
	width:250px;
	height:365px;
	outline: 1px solid #cec3c1;
    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */
    animation: mymove 5s infinite;
}

div.footer{
	width:1000px;
	height:200px;
	float:left;
	background: #b6cfc3; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #b6cfc3, #fff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #b6cfc3, #cfff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #b6cfc3, #fff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom left, #b6cfc3, #fff); /* 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;
}
