﻿body {
}


.box1 {
width: 210px;
height:65px;
padding: 5px 10px;
background: url(../images/box1.jpg) no-repeat;

color: Black;
margin-bottom: 0px;
margin-top: 0px;
border-radius: 5px;
text-align:left;
display: flex;
float:none ;

}

/*.box1:hover {
background-color: #FFDB58;
}*/


.box2 {
width: 205px;
height:65px;
padding: 9px 15px;

background: url(../images/box2.jpg) no-repeat;
color: Black;
margin-bottom: 0px;
margin-top: 0px;
border-radius: 5px;
text-align:left;
display: flex;
float :none;
}

/*.box2:hover {
background-color: #C34A2C;
}*/


.box3 {
width: 205px;
height:65px;
padding: 9px 15px;

background: url(../images/box3.jpg) no-repeat;
color: Black;
margin-bottom: 0px;
margin-top: 0px;
border-radius: 5px;
text-align:left;
display: flex;
float :none;
}

/*.box3:hover {
background-color: #7F525D;
}*/


.box4 {
width: 190px;
height:65px;
padding: 9px 15px;

background: url(../images/box4.jpg) no-repeat;
color: Black;
margin-bottom: 0px;
margin-top: 0px;
border-radius: 5px;
text-align:left;
display: flex;
float :none;
}

/*.box4:hover {
background-color: #659EC7;
}*/

.box5 {
width: 205px;
height:20px;
padding: 9px 15px;

background-color: #728C00;
color: Black;
margin-bottom: 0px;
margin-top: 0px;
border-radius: 6px;
text-align:left;
display: flex;
float :left;
}

.box5:hover {
background-color: #667C26;
}


.box6 {
width: 205px;
height:20px;
padding: 9px 15px;

background-color: #806517;
color: Black;
margin-bottom: 0px;
margin-top: 0px;
border-radius: 6px;
text-align:left;
display: flex;
float :left;
}

.box6:hover {
background-color: #827839;
}

.box7 {
width: 205px;
height:20px;
padding: 9px 15px;

background-color: #25383C;
color: Black;
margin-bottom: 0px;
margin-top: 0px;
border-radius: 6px;
text-align:left;
display: flex;
float :left;
}

.box7:hover {
background-color: #736F6E;
}


.box8 {
width: 205px;
height:20px;
padding: 9px 15px;

background-color: #F88017;
color: Black;
margin-bottom: 0px;
margin-top: 0px;
border-radius: 6px;
text-align:left;
display: flex;
float :left;
}

.box8:hover {
background-color: #F88158;
}

.box9 {
width: 205px;
height:20px;
padding: 9px 15px;

background-color: #46C7C7;
color: Black;
margin-bottom: 0px;
margin-top: 0px;
border-radius: 6px;
text-align:left;
display: flex;
float :left;
}

.box9:hover {
background-color: #7BCCB5;
}


.box10 {
width: 205px;
height:20px;
padding: 9px 15px;

background-color: #347235;
color: Black;
margin-bottom: 0px;
margin-top: 0px;
border-radius: 6px;
text-align:left;
display: flex;
float :left;
}

.box10:hover {
background-color: #387C44;
}

.box11 {
width: 205px;
height:20px;
padding: 9px 15px;

background-color: #008080;
color: Black;
margin-bottom: 0px;
margin-top: 0px;
border-radius: 6px;
text-align:left;
display: flex;
float :left;
}

.box11:hover {
background-color: #4E8975;
}

.box12 {
width: 205px;
height:20px;
padding: 9px 15px;

background-color: #571B7E;
color: Black;
margin-bottom: 0px;
margin-top: 0px;
border-radius: 6px;
text-align:left;
display: flex;
float :left;
}

.box12:hover {
background-color: #7E587E;
}
.button-home {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #a12727;
    border-radius: 8px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    text-shadow: #591717 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
.button-home:hover,
.button-home:focus {
    background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
    background: -moz-linear-gradient(top, #ff5959, #b62f2f);
    background: linear-gradient(to bottom, #ff5959, #b62f2f);
    color: #ffffff;
    text-decoration: none;
}
.button-home:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
    background: -moz-linear-gradient(top, #982727, #982727);
    background: linear-gradient(to bottom, #982727, #982727);
}
.button-home:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAEx0lEQVRIia2VfWhVdRjHP/ecc7frvXvVtbeYzusLy5fJjHxBSVkGUkynJf4ziJQCq1mJEYJJEtEfEQUGEUqiQVR/aC++FtV0c7pw0ticOt3ddvd2d7fde3ffz73nnF9/nDO9hEmDHng48OP5fV+e5+H8ZGYY9QspXlfG6ifymSNpxMdUkjPFeGQ0vVVyXIw2C6P3rAg2faR2fr61+fud2bvKHDj+F4JfGsu+E7EhISKDQkSGhIj7hBi5JHqPbbv1aS3r/1kvzZhBCFBDVgYh5gd7Ie5tH1a9cuj9306+6NyVWa7M3IMBqTDoBiBMQpMZ16JNWS806l+GIh/49l7kHIA8U/iGFWKHOz+y1KZOQnYe6BroCdCToMWxF8yVKnKiz7Zdu/PVYIyEXF1EztPlLOwOMGlKenRsmZ/e4fJ3Lo12XcbmuUD27DngKAQtDloS0jFyy+a5SoJX9G9uqL/LR7ay9+CBhh92b3hs90s1tlWbK6by1ZiI3Q4SfBjhunlsyHOwTFGwJ5MqmudPXGXlYHeCljDdCLCl/BXHzg9+Yft6O4cb3nz9EK55Jl4qSHrCYwx6vf1To4Otnr6Ri8fbROvZXjwWx2ygsqqIqlef5OXnFlFb4S6VnOv3gK5bkgTqWBeb955ersRT6AQ8ILnuC7YXzpPcs+e7qTHcNVqooW7HoDE0MnwvMuFrudkz/uvRZlqavNzYd5Fz3jDvvZvn2+dUvWBzmkPXIdthZ0ERc5WbfnpEaABbbgUI40FXJGEusSTIKiqT3MWPL0YyFq+ondq1fafPaG/vurD+cPj5z65yePNyNpYagZWgmgSGDSbbkGQU5coQt6OBcXKLgyaBTZi7lbF+5keAAUjgsAWkrMlwFeaah6W8WbeR1JXoqgke6AZ1AGRQun0M+QPhUK4aKADjAbicAc60GwMxchf/tTEiMTTAOPgMS1atLdmCMQV6GsL3QA2ABFoaQ0kYhCZDqndBsLuAnCJANl1IwsS/70RH7+3H1x5nRCV8ooOPjzZQW19XeDy/ODsHtRcS45gDgLgfhsNMKIAWiOMhOVqN4QOnCxxOsNlBsmUsqI4oBmeNgjEmAgfXyO+459sXy0oaUnfN9trNFpKCgT5CV4fwKABjUbpRqEcRQBT0KGiAJJkp28AGSh4UFsLqpVQi0iBSpstsU/h0Jm5Ch5/LkaTpgA4fHQKwKdbYFEw1imGldSZbabMSzMEbFrgBWieMDKOd7OAIYCgAl/roSajgzLMA7KZNBJCTcSZbRJn/YGERqJBuBb8HzvRz8vwtLmOV0zXKkD9CqLKUAuwgpiDQbra1sBLk5UBJBomU4UAF0QfRFggmodlP076fOWBJNAlSOqHxMN5KOwViFMa7YVgQlUGJ9uNweSCnHLKrQCoFHCA00Ccg3gNTXkgJjDP9nNr/E28bBv5pg9PvgTY1yT29i2r/OPRp+PZfYE8gRvyNdTSuLWdjSYAcpQ2UWSBbm4wG0TTGjQDdx65z5Ewn3wLhjAY+eHCGE3SNhdj+V5yu106ze2CS64DReIqWHAdL6paxafVcnipyUZyloERUQnfG6fmxkz/u+GgFJqxpPDzqqlnzST0nnFm4/7UIHNbY8wAnM3wRJSBrJhf+S/wNbS430494JFMAAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}

.link

{
	font-family: Century Gothic; 
	font-size: 11pt;
	color:White;
}

.homeimg {
    border: 2px solid #ddd;
    border-radius: 6px;
    padding: 5px;
	height:380px;
	width:800px;
    
}

.blink {
  -moz-animation-duration: 1800ms;
  -moz-animation-name: blink;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  
  -webkit-animation-duration: 1800ms;
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  
  animation-duration: 1800ms;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  font-size:10pt;
  color:#333;
  text-align:justify;
  font-weight:normal;
}

@-moz-keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0;
  }
}

@-webkit-keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0;
  }
}

@keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0;
  }
}