html, body {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  font-family: Arial;
}

p {
  margin-top: 5px;
  margin-bottom: 5px;
}

h3 {
  font-size: 16px;
  font-weight: bold;
  color: #007CC3;
  margin-bottom: 5px;
}

h4 {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #E9A00A;
  margin: 0px;
  padding: 0px;
  margin-bottom: 7px;
}

.header {
  width: 100%;
  background-image: url(images/line.jpg);
  background-repeat: repeat-x;
  text-align: right;
}



#footer {
  height: 69px;
  width: 100%;
  background-image: url(images/foot.jpg);
  background-color: #76C8EE;
  background-repeat: no-repeat;
  text-align: right;
}

#logo {
  background-image: url(images/logo.jpg);
  width: 283px;
  height: 85px;
}

.logo {
  background-image: url(images/line.jpg);
}


.pp {
  padding-left: 15px;
}

.c1 {
  vertical-align: top;
  padding: 5px;
}

.p1 {
  padding: 0px 5px 5px 0px;
}

.p2 {
  padding: 0px 0px 5px 0px;
}

.p3 {
  padding: 0px 0px 5px 5px;
}

.p4 {
  padding-top: 5px;
}

.p5 {
  padding-bottom: 5px;
}

.leftmenu {
  width: 100%;
  border: 1px solid #93d2f4;
  border-top: 3px solid #007CC3;
  font-size: 11px;
}

.leftmenu td {
  vertical-align: top;
}

.leftmenu a {
  display: block;
  width: 100%;
  text-align: left;
  text-decoration: none;
  color: #515151;
  font-weight: bold;
}

.leftmenu a:hover {
  background-color: #e7f5fd;
  color: black;
}

.mainmenu {
  width: 100%;
  border: 1px solid #93d2f4;
  margin-top: 7px;
  font-size: 11px;
}

.mainmenu td {
  vertical-align: top;
}

.mainmenu a {
  display: block;
  width: 100%;
  text-align: left;
  text-decoration: none;
  color: #515151;
  font-weight: bold;
}

.mainmenu a:hover {
  background-color: #e7f5fd;
  color: black;
}

.menuservis {
  margin-top: 10px;
  width: 100%;
  border: 1px solid #93d2f4;
  font-size: 11px;
}

.menuservis td {
  vertical-align: top;
}

.menuservis a {
  display: block;
  width: 100%;
  text-align: left;
  text-decoration: none;
  color: #515151;
  font-weight: bold;
}

.menuservis a:hover {
  background-color: #e7f5fd;
  color: black;
}

.mainmenu2 {
  width: 100%;
  border: 1px solid #93d2f4;
  margin-top: 7px;
  font-size: 11px;
}

.mainmenu2 td {
  vertical-align: top;
}

.mainmenu2 a {
  display: block;
  width: 100%;
  text-align: left;
  text-decoration: none;
  color: #515151;
  font-weight: bold;
}

.mainmenu2 a:hover {
  background-color: #e7f5fd;
  color: black;
}

.t1 {
width: 100%;
border: 0px;
border-top: 3px solid #007CC3;
}

.t2 {
margin-top: 10px;
width: 100%;
border: 1px solid #93d2f4;
}

.t3 {
margin-top: 10px;
margin-bottom: 10px;
width: 97%;
border: 1px solid #93d2f4;
}

.t4 {
width: 100%;
border: 1px solid #93d2f4;
border-top: 3px solid #007CC3;
}

a {
  text-decoration: none;
  color: blue;
}

a:hover {
  color: red;
}

.sheader {
  background-color:  #1E64CC;
  text-align: center;
  font-weight: bold;
  color: #FFFF66;
  font-size: 13px;
}

.lheader {
  background-color:  #93d2f4;
  text-align: center;
  font-weight: bold;
  color: #FFFF66;
  font-size: 13px;
}

.plheader {
  background-color:  #66FF66;
  text-align: center;
  font-weight: bold;
  color: #FFFF66;
  font-size: 13px;
}

.sheader2 {
  background-color:  #77C7EC;
  text-align: center;
  font-weight: bold;
  color: #FFFF66;
  font-size: 13px;
}

.sheader3 {
  background-color:  red;
  text-align: center;
  font-weight: bold;
  color: #FFFF66;
  font-size: 13px;
}

.steps {
  width: 100%;
}

.steps tr{
vertical-align: top;
}

.step {
border: 1px solid #93d2f4;
}

.step .stext {
  height: 85px;
  vertical-align: middle;
  text-align: center;
  font-size: 11px;
  padding: 3px;
  color: #400080;
}

.enter, .submit {
  width: 80px;
}

form {
  padding: 0px;
  margin: 0px;
}

input {
  font-size: 11px;
}

.i1 {
  width: 96%;
}

#banner {
  margin-top: 12px;
  margin-right: 2px;
}

#banner2 {
  padding-top: 5px;
  padding-right: 2px;
}

.links td {
text-align: justify;
}

img {
  border: 0px;
  padding: 0px;
  margin: 0px;
}

.clink {
color: black;
}

.clink:hover {
color: orange;
}

.description {
  font-size: 11px;
}

.mark {
  margin: 0px;
  margin-bottom: 5px;
  text-align: right;
  font-size: 11px;
}

.art p {
  padding: 0px;
  margin: 0px;
}

.r1, .r2, .r3 {
    display: block;
    height: 1px;
}

.r3 { margin: 0 3px; }
.r2 { margin: 0 2px; }
.r1 { margin: 0 1px; }
#rounded-box-3 .inner-box, #rounded-box-3  b {
    background-color: #A6FFFF;
}

.inner-box {
    padding:1em;
}
.r1, .r2, .r3 {
    overflow: hidden; 
    font-size:1px;
}
.v1, .v2, .v3, .v4, .v5 {
	height: 1px;
	font-size: 1px;
	display: block;
	overflow: hidden;
	border: 1px solid #B8C3C8;
	border-width: 0 1px;
 
}
.v1 {margin: 0 5px; background: #B8C3C8;}
.v2 {margin: 0 3px; border-width: 0 2px;}
.v3 {margin: 0 2px;}
.v4 {margin: 0 1px;}
.v5 {margin: 0 1px;}
.text {
  border: 1px solid #B0BCC2;
  border-width: 0 1px;
  padding: 0 12px;
}
.style29 {color: #FF0000}
/* =Hoverbox Code= */ 
.hoverbox { cursor: default; list-style: none; }
.hoverbox a { cursor: default; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position: absolute; top: 20px; left: -90px; z-index: 1; }
.hoverbox img { background: #F8F1DC; border-color: black; border-style: solid; border-width: 0px; color: inherit; padding: 1px; vertical-align: top; }
.hoverbox li { background: #F8F1DC; color: inherit; display: inline; float: left; margin: 3px; padding: 0px; position: relative; }
.hoverbox .preview { border-color: black; }
/* ----------------- */
}