body {margin: 0px; padding: 0px; width: 100%; height: 100%;}
h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px; font-size: 1.1em; display: inline-block;}
a:active, a:link, a:visited {color: #fff; text-decoration: none;}
a:hover {color: #00f; text-decoration: underline;}

@font-face {font-family: 'Comfortaa'; font-style: normal; font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/comfortaa/v4/-DackuIFgo7Hfy3rR14C3_Y6323mHUZFJMgTvxaG2iE.eot);
  src: local('Comfortaa'), local('Comfortaa-Regular'), url(http://themes.googleusercontent.com/static/fonts/comfortaa/v4/-DackuIFgo7Hfy3rR14C3_Y6323mHUZFJMgTvxaG2iE.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/comfortaa/v4/-DackuIFgo7Hfy3rR14C3z8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}

.targetL {position: absolute; right: 0; bottom: 0;}
.targetR {position: absolute; left: 0; bottom: 0;}
.imgfool {width: 5em; border: 0.2em transparent dotted;}
.imgfool:hover {border: 0.2em #fff dotted;}

.dEsQ {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: #fff; z-index: 1;}
div > div.dEsQ {position: fixed}
.xEsQ {position: absolute; width: 100%; top: 0px; height: 100%; left: 0px; background-color: #fff; z-index: 1;}

.headlogo {width: 10em;}
.lapisfon {width: 100%;}
.mainbody {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2;}
.columnu {padding: 0.4em 0px 2em 0px;}

.leftcolum {width: 17em; padding: 1em 0px 0px 0.6em; margin-bottom: 2em;}
.lefticon {border: 1px #5d4d50 solid; background-color: #fff; border-radius: 0px 0px 1em 1em; width: 100%;}
.iconcolum {width: 100%; margin-bottom: 1em;}
.txticon {font-size: 1.4em; padding: 0px 0.6em 0.6em 0.6em; text-align: center;}

.eTitle, .eTitle2 {position: relative; left: 0.4em; top: 0px; text-align: left; font: italic normal 1.24em/1.2em calibri, monospace, tahoma, arial; background-color: #5d4d50; padding: 0.42em 0px; margin-bottom: 1.0em; border: 1px transparent solid; border-radius: 0.2em; box-shadow: -0.4em -0.4em 1em #8ab8f4;}

.eTitle2 {color: #fff;}
.eTitle2:hover {background-color: #fff; color: #00f; box-shadow: -0.4em -0.4em 1em #9f9596; border: 1px #5d4d50 solid;}
.eTitle2:hover > h3 > span.wit {color: #8ab8f4;}
.eTitle2:hover > h3 > .messtt {color: #00f;}

.wit {font-style: normal; font-size: 1.3em; line-height: 0.05em; color: #0033ff; margin: 0px 0px 0px 0.6em; height: 0.2em;}
.messtt {margin-left: 0.3em; padding: 0.2em 0.2em;}
a.messtt {color: #fff;}
a.messtt:hover {color: #00f;}

.dldt {text-indent: 2em; padding: 0px 1em 1em 1em; text-align: justify;}
.eTitle:hover {background-color: #fff; box-shadow: -0.4em -0.4em 1em #9f9596; border: 1px #5d4d50 solid;}
.eTitle:hover > h3 > span.wit {color: #8ab8f4;}
.eTitle:hover > h3 > a.messtt {color: #00f;}

.eBlock {background-color: #cfc; border: 1px #fff solid; border-radius: 0.2em 0.2em 1.2em 1.2em; padding: 0px 0px 0.4em 0px; margin-bottom: 0.3em;}
.ePubl {background-color: #fff; border: 1px #fff solid; border-radius: 0.2em; padding: 0.4em 1em 0.4em 0.4em; font: bold 1.1em/1.1em Comic Sans MS, calibri, monospace, tahoma, arial; color: #048144;}
.ePubl a:active, .ePubl a:link, .ePubl a:visited {color: #000;}
.ePubl a:hover {color: #00f;}
.eMessage {background-color: #fff; color: #000; padding: 0.4em 0.6em 0.8em 0.6em; border: 1px #048144 solid; border-radius: 0.2em 0.2em 1.2em 1.2em; text-align: justify; text-indent: 1em;  margin: 0.2em 0px; font: italic normal 1.0em/1.0em calibri, monospace, tahoma, arial;}
.eSourse {background-color: #fff; color: #000; padding: 0.2em; text-align: left; text-indent: 1em;  margin: 0px; font: italic normal 1.0em/1.0em calibri, monospace, tahoma, arial;}


.eDetails {padding: 0.4em 0.4em 0px 1.4em; text-align: left; margin: 0.2em; color: #000; font: normal 0.8em/0.8em calibri, monospace, tahoma, arial;}
.eDetails a:active, .eDetails a:link, .eDetails a:visited, .eSourse a:active, .eSourse a:link, .eSourse a:visited {color: #048144;}
.eDetails a:hover, .eSourse a:hover {color: #00f;}

.hadcnt {padding: 0.4em 1em;}
#pu2, #pu3 {display: none;}

.logotitle {text-align: center; font: italic bold 2.0em Comic Sans MS, calibri, monospace, tahoma, arial;}
.content {width: 98%; padding: 4em 0 2em 1em; text-align: center;  color: #fff; font: 1.2em/1.0em calibri, monospace, tahoma; padding: 0.2em; background: url('/IMG/gradB.png') repeat; border-radius: 1em;}

.zoom {width: 20em; position: absolute; top: 0px; left: 0px; z-index: 2; box-shadow: 0.4em 0.4em 1.4em #000;}
.zoom2 {width: 20em; position: absolute; top: 0px; right: 0px; z-index: 2; box-shadow: -0.4em 0.4em 1.4em #000;}

.zoom:hover  {z-index: 20; box-shadow: 1em 2em 4em #000;}
.zoom2:hover  {z-index: 20; box-shadow: -1em 2em 4em #000;}

.txtimg {text-align: center; margin-bottom: 0.4em; height: 4em; font-family: 'Comfortaa'; font-size: 0.92em; background-color: #3a2501; padding: 0.6em; border: 1px #000 solid; border-radius: 0.4em;}
.txtimg h4 {font-size: 1.0em;}
.lef {box-shadow: -0.4em -0.4em 1em #ddd;}
.righ {box-shadow: 0.4em -0.4em 1em #ddd;} 

.topleft {position: relative; left: 0px; width: 100%; height: 30em;}
.topright {position: relative; right: 0px; width: 100%; height: 30em;}

.dldthead {font-size: 1.4em; font-style: normal; text-align: center; margin-bottom: 2em;}
.banner {text-align: center;}

.contshad {width: 100%; background: url('/IMG/TRANS.png') repeat; border: 1px transparent solid; border-radius: 1em; text-align: center; font: italic bold 1.4em/1.6em monospace, tahoma, arial; height: 18em;}
.contshad:hover {background: url('/IMG/FBW.png') repeat; box-shadow: 0em -0.6em 1em #aaa;}

.footB {width: 94%; color: #fff; margin: 0px auto 2em auto; font: italic bold 1.2em/1.6em monospace, tahoma, arial; text-align: center; background-color: #5d4d50; padding: 1em; border: 1px #5d4d50 solid; border-radius: 1em;  box-shadow: -0.4em -0.4em 2em #5d4d50, -0.4em 0.4em 2em #5d4d50, 0.4em 0.4em 2em #5d4d50, 0.4em -0.4em 2em #5d4d50;}

.headcat {width: 100%; padding: 0; margin: 0 .4em .4em -1em; color: #8ab8f4; background-color: #3a2501; border: 1px #3a2501 solid; border-radius: 1em;}

.logofont {text-align: center; font: italic bold 2.2em monospace, tahoma, arial; color: #ffa;}
.logocont {text-align: center; margin-bottom: 1em; font: italic bold 1.6em monospace, tahoma, arial; color: #ffa;}

.footT {margin: 0px auto;}

#tooltip {background: #fff; border: 1px solid #000; border-radius: 0.6em; box-shadow: 1em -0.4em 2em #000; color: #000; font: italic bold 1.2em/1.2em monospace, tahoma, arial; letter-spacing: 0.06em; text-align: center; padding: 0.4em 1.2em; position: absolute; visibility: hidden; z-index: 10000;}

.pe-thumbs {width: 96%; height: 40em; margin: 1em auto 1em -1.2em; position: relative;}
.pe-thumbs:before {content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.pe-thumbs li {float: left; position: relative; list-style: none;}
.pe-thumbs li a, .pe-thumbs li a img {display: block; position: relative; border: 0px;}
.pe-thumbs li a img {width: 6em; opacity: 0.3;}
.pe-thumbs li a div.pe-description {width: 20em; height: 10em; background: rgba(0,0,0,0.8); position: absolute; top: 0px; left: -20em; color: white; display: none; z-index: 1001;}

.mnutitle {background-color:  #3a2501; color: #fff; padding: .4em; font-size: 1.2em; font-weight: bold; text-transform: uppercase; border-radius: 0 .4em .4em 0; margin: .6em 1.4em .6em -.3em; border: 1px #000 solid;}
#domian02, #domian04, #domian06, #domian08, #domian10, #domian12, #domian14, #domian16, #domian18, #domian20, #domian22, #domian24, #domian26, #domian28 {display: none;}
.domianhref {position: absolute; top: .4em; left: 0; background-image: url('FTRANS.png'); text-align: left; color: #3a2501; font: italic bold 1.2em tahoma, arial; padding-left: .8em; width: 100%; z-index: 2;}
a.domianhref {color: #3a2501; font: italic bold 1.2em tahoma, arial; padding-left: .8em;}
.domianhref:hover {color: #00f!important; text-decoration: underline;}
.srcepu {position: relative; top: 0; left: 0; width: 18em; height: 2.5em; border: 0; z-index: 1;}
.newmnu {position: relative; left: 0; top: 0; margin: 1em 0 0 0; width: 17em;}
.newpos {position: relative; top: 0; left: -.4em; height: 3em;}

.newpos:hover > #domian02 {display: block;} .newpos:hover > #domian01 {display: none;} .newpos:hover > #domian04 {display: block;}
.newpos:hover > #domian03 {display: none;} .newpos:hover > #domian06 {display: block;} .newpos:hover > #domian05 {display: none;} .newpos:hover > #domian08 {display: block;} .newpos:hover > #domian07 {display: none;} .newpos:hover > #domian10 {display: block;} .newpos:hover > #domian09 {display: none;} .newpos:hover > #domian12 {display: block;} .newpos:hover > #domian11 {display: none;} .newpos:hover > #domian14 {display: block;} .newpos:hover > #domian13 {display: none;} .newpos:hover > #domian16 {display: block;} .newpos:hover > #domian15 {display: none;} .newpos:hover > #domian18 {display: block;} .newpos:hover > #domian17 {display: none;} .newpos:hover > #domian20 {display: block;} .newpos:hover > #domian19 {display: none;} .newpos:hover > #domian22 {display: block;} .newpos:hover > #domian21 {display: none;} .newpos:hover > #domian24 {display: block;} .newpos:hover > #domian23 {display: none;} .newpos:hover > #domian26 {display: block;} .newpos:hover > #domian25 {display: none;} .newpos:hover > #domian28 {display: block;} .newpos:hover > #domian27 {display: none;} .newpos:hover > #domian30 {display: block;} .newpos:hover > #domian29 {display: none;} .newpos:hover > #domian32 {display: block;} .newpos:hover > #domian31 {display: none;} .newpos:hover > #domian34 {display: block;} .newpos:hover > #domian33 {display: none;} .newpos:hover > #domian36 {display: block;} .newpos:hover > #domian35 {display: none;} .newpos:hover > #domian38 {display: block;} .newpos:hover > #domian37 {display: none;}
#pu1, #pu2, #pu3, #pu4, #pu5, #pu6, #pu7, #pu8, #pu9, #pu10, #pu11, #pu12, #pu13 {display: none;}

#gbF7, #gbF1, #gbF2, #message, .commSbmFl, .securityCode {font-size: 1em; padding: 0.2em 0;}
#secImg {width: 11em; margin: 0; padding: 0; border: 0; cursor: pointer;}
.securityCode {width: 10.6em;}