﻿body { background-color: #f6f5f5; background-attachment: fixed; 
padding: 0px; margin: 0px; font-size: 16px; font-family: verdana, sans-serif, Arial 
}
@media only screen 
 and (min-width: 320px) 
and (max-width: 480px){
body { font-size: 16px;
}
}
#base { width: 100%; max-width: 962px; min-width: 320px; height: 1000px; padding: 0px; margin-top: -1em; margin-left: auto; margin-right: auto; 
background-color: #001180; z-index: 50
}
a:link { text-decoration: none; cursor: pointer; color: #2F97EC;  
}
a:visited { color:#2F97FF}
a:hover { color:#00ff00; border-color: #660000
}
a:active { color:#00ff00
}
img { max-width: 100%; z-index: 9999; margin-top: 0.35px
}
h1.h11 { font-size: 1.375em; margin: 0.50em 6px 0px 0.30em; font-family: "Times new roman"; font-weight: 400; color: #ffffff; letter-spacing: 0.08em
}
#logo { float: left; width: 64px; height: auto; margin: 0px; padding-top: 3px; background-color: #001180 
}
#header1 { width: 100%; min-height: 110px; min-width: 320px; margin: 0px; padding-top: 0.7em; background-color: #001180 
}
#header11 { width: 100%; height: auto; min-width: 320px; margin: 0px; padding: 0px; 
}
#header111 { width: 100%; min-width: 320px; height: auto; margin-top: 5px; padding: 0px;
}
#header2 { text-align: center; margin-left: auto; margin-right: auto; margin-top: 4px; font-size: 1.2em; line-height: 1.6em; color: #ffffff; background-color: #001180; border: 1px solid #c5c6c6;
	border-radius: 10px
}
.floor { position: relative; display: block; width: 100%; min-width: 320px; height: auto; min-height: 4px; 
}
.floor1 { float: left; display: block; width: 100%; min-width: 320px; height: 8px; background-color: #eeeeee;
}
.fshare { position: absolute; top: 20px; left: 14em;  width: 220px; padding: 0px; height: 24px; margin-right: 5px;
}
.share-in { float: left; width: 100px; height: 43px; padding: 0px; margin: 0px
} 
.syspos { font-family: Times new roman; font-style: italic; font-size: 0.875em; color: #fbbc09; text-align: center; letter-spacing: 0.5em	
}
.super { position: relative; top: -0.18em; font-size: 80%;
}
#cont-h { float: left; width: 100%; max-width: 960px; min-width: 320px; height: auto; background-color: #ffffff; border-left: 1px solid #c5c6c6; 
	border-right: 1px solid #c5c6c6; border-bottom: 1px solid #c5c6c6; border-top-left-radius: 60px
}
/* dropmenu elements start */
.dmenu { position: relative; top: -6px; left: 0px; width: 8em; height: 30px; text-decoration: none; z-index: 99;  padding: 0px; margin: 0px;
font-size: 20px; color: #ffffff; font-family: "Times new roman"; 
}
.dmenu a:link { text-decoration: none; color: #ffffff	
}
.dmenu a:visited { text-decoration: none; color: #ffffff	
}
.dmenu a:hover { color: #00ff00
}
.dmenu a:active { color: #ffffff	
}
#drop { float:left; padding: 0px; margin: 0px; list-style: none;
} 
#drop li { position: relative; top: 5px; left: 0px; height: 30px; font-size: 20px; font-weight: 400; text-align: left; background-color: #001180; 
line-height: 20px; border: none; list-style: none; padding: 0px 0px; margin-left: 5px
}
#drop li:hover { color: #ffffff;  
}
#drop li ul { display: none; width: 1em; height: auto; position: absolute; left: 0px; top: 20px; margin: 0; padding: 0; 
}
#drop li:hover ul { display: block; color: #ffffff
}
#drop li ul li { width: 10em; height: 35px; text-align: left; line-height: 18px; padding-left: 3px; padding-top: 5px; cursor: pointer; color: #ffffff; background-color: #001180
}
#drop li ul li:hover { color: #ffffff
}
#drop li ul li ul { display: none; width: 2em; height: auto; position: relative; left: 7em; top: -34px; 
}
#drop li ul li ul li { display: none; width: 2em; height: 35px; line-height: 1.1em;  padding-left: 3px; padding-top: 5px; background-color: #001180; border-left: 1px solid #c5c6c6
}
#drop li ul li:hover ul { display: block; 
}
#drop li ul li:hover ul li { display: block; color: #00ff00;
}
.auto-style2 {
	vertical-align: middle;
	font-weight: 400;
}
/* dropmenu elements end */
.addthis_button { float:right; padding-right: 2%
}

.h11 { font-size: 1.375em; margin: 0.50em 6px 0px 0.30em; font-family: "Times new roman"; font-weight: 400; color: #ffffff; letter-spacing: 0.08em
}
.h12 { margin: 0px 0.375em 0.25em 0.50em; font-weight: 400; font-size: 1.15em; color: #ffffff; letter-spacing: 0.125em; font-family: "Times new roman"; 
}
.h13 { color: #333333; font-size: 1.2em; letter-spacing: 0.2em; font-family: "Times new roman"; font-weight: 400;
}
.tablet { display: block; height: 1.5em; margin-left: auto; margin-right: auto; border: 1px solid red
}
.envelope { position: absolute; top: 0.25em; right: 1em; width: 2.5625em; height: 1.5em; border: none; 
}
.frames-r {  float: right; width: 19em; height: auto; margin-bottom: 1em; padding: 0px 0px 0px 10px	
}
.frames1 { float: left; width: 18.75em; min-height: 31.75em; margin: 0.25em 0.1em 0.6em 0.4em; padding: 0.2em; border: 1px solid #ffffff
}
p.content { float: left; width: 18.75em; font-size: 1em; margin-top: 0px; padding-top: 0.25em; line-height: 1.2; color: #323232
}

@media only screen 
 and (min-width : 320px) 
and (max-width : 480px){
.frames1 { float: left; width: 95vw; min-height: 31.75em; margin: 2vw; padding: 2vw; border: 1vw solid #ffffff
}
p.content { float: left; width: 91vw; font-size: 1em; margin-top: 0; padding: 0.25em; line-height: 1.2; color: #323232
}
}
/* Pop windows elements for mini start */
.popup-trigger { display: block; margin: 0 auto; padding: 0.1em; max-width: 9em; height: 1.2em; font-weight: 400; color: #999999; cursor: pointer; }
.popup { display: none; position: absolute; top: 3em; left: 25%; width: 50%; height: auto; margin-left: -350px; padding: 0.25em 0.1875em;
  					background-color: #ffffff; color: #333; font-size: 1em; line-height: 1.1em; border: 0.25em solid #aaaaaa; z-index: 9999;}
.popup-mobile { position: relative; top: -0.250em; left: 0; margin: 1em 0 0 0; width: 100%;}
.popup-btn-close {position: absolute; top: 0.5em; right: 1em; color: #2F97EC; font-size: 1em; font-weight: bold; cursor: pointer;}
.popy { vertical-align: top; width: 100%; min-width: 18em; max-width: 18.375em; height: auto; background-color: #dddddd; border: 0.125em solid #bbbbbb; 
					margin-left: auto; margin-right: auto; margin-top: 0.5em; text-align: center }
@media only screen 
 and (min-width : 320px) 
and (max-width : 480px){
.popy { vertical-align: top; width: 100%; min-width: 18em; max-width: 100%; height: auto; background-color: #dddddd; border: 0.125em solid #bbbbbb;
	 margin-left: auto; margin-right: auto; margin-top: 0.5em; text-align: center
}
}
/* Pop windows elements end */
/* Div for big popups start */
.popdiv { width: 100%; max-width: 50em; min-width: 20em; height: auto
}
@media only screen 
 and (min-width : 320px) 
and (max-width : 480px){
.popdiv { vertical-align: top; width: 100%; min-width: 18em; max-width: 20em; height: auto; background-color: #dddddd; border: 0.125em solid #bbbbbb;
	 margin-left: auto; margin-right: auto; text-align: left
}
}
.priv { width: 80%; height: auto; min-width: 300px; margin-top: 0.125em; margin-left: auto; margin-right: auto; font-size: 1em; 
line-height: 150%; font-family: verdana, sans-serif, Arial
}
.declare { width: 80%; height: auto; margin-top: 12px; 	margin-left: auto;	margin-right: auto;	font-size: 16px; line-height: 150%; 
font-family: verdana, sans-serif, Arial; text-align: right;
}
/* Pop windows elements end */
.vip { float: left; color: #820429; font-size: 1em; font-weight: 900; margin: 0px; padding: 0px; line-height: 120%;
}
.vip a:link { color: #ee0000; text-decoration: none; background-color: #ffffff; 	
}
.vip a:visited { color: #ee0000
}
.vip a:hover { color: #00ff00; cursor: pointer;	
}
.vip a:active { color: #00ff00	
}
h3 { display: block; width: 19em; margin: 0.06em 0 0.6em 0.3em; text-align: left; font-size: 1.1em; color: black; font-style: normal; 
letter-spacing: 0.07em; font-weight: 600; padding: 0px
}
h3.bis { display: block; width: 19em; margin: 0.02em 0 0.02em 0.3em; text-align: left; font-size: 1.0em; color: black; font-style: normal; 
letter-spacing: 0.07em; font-weight: 600; padding: 0px
}
.pane { float: left; width: 308px; height: 350px; background-color: #ffffff; padding: 0px 12px 0px 0px; 
}
.intro { font-size: 1em; font-weight: 700; color: #000000; line-height: 1em; text-align: left; width: auto; padding: 0; margin: 20px 0px 7px 10px
}
ul.land { list-style-type: square; padding: 0px; margin: 0px 0px 0px 1.25em
} 
li.landl { font-size: 1em; line-height: 1.2em; color: #000000; text-align: left; padding: 0px
}
.warrant {  float: left; width: 87%; min-width: 17.5em; height: auto; margin-top: 10px; margin-left: auto; margin-right: auto; border: 1px solid #eeeb77; 
	border-radius: 1em; background-color: #fffc99;
}
p.subbtit3 { float: left; font-size: 1.1em; color: black; font-weight: 500; line-height: 1em; margin: 0px; padding: 5px; margin-left: 10px
}
.p-opi { float: left; width: 18.75em; height: auto; font-size: 1em; color: black; background-color: #ffffdd; margin: 5px 5px 3px 10px
}
p.phone { font-size: 1.1em; color: #001180; text-align: center
}
.cta { float: left; width: 318px; height: 350px;
}
.notice { float: left;  width: 300px; height: auto; padding: 6px;
} 
ul.secure { list-style-type: square; padding: 0px; margin: 0px;	font-weight: 400; 
} 
li.secure1 { font-size: 1em; line-height: 1.3em; color: #000000; text-align: left; padding: 0px; margin-left: 1.2em
}
#colorind { float: left; width: 98%; max-width: 940px; min-width: 316px; height: 1.5em; margin: 5px 0.5% 5px 0.5%; background-color: #001180;
  font: italic 0.75em arial, sans-serif; color: #ffffff; letter-spacing: 0.125em; text-align: left; padding-right: 0.125em; padding-bottom: 0.3em
}
#colorind a {color: #ffffff; text-decoration: none; 
}
.polis { float: left; width: 98%; max-width: 940px; min-width: 316px;; height: 2.5em; background-color: #f6f5f5; padding : 0px 0px 0px 0.5em; 
}
.polis a:link { color: #999999
}
.polis a:visited { color: #999999
}
.polis a:hover { color: #00aa00
}
.polis a:active { color: #00ff00
}

@media only screen 
 and (min-width : 320px) 
and (max-width : 480px)
{	
#colorind { font-size: 0.75em;
}
}