html,body { height:100%; margin:0; padding:0; font-size:13px; font-family:"Fira Sans","Source Sans Pro",Helvetica,Arial,sans-serif; color:#3f3f3f; cursor:default; }
body      { background:url("../img/bgpage.jpg") top center no-repeat transparent scroll; }

body      { background-color:#fff; }
img       { border:0px none; margin:0; padding:0; }   

h1, h2, h3, h4, h5 { margin:13px 0px;} 
h1     { font-size:20px; }
h2     { font-size:18px; }
h3     { font-size:16px; }
h4, h5 { font-size:14px; } 
a         { color:#0c5aa6; text-decoration:none; }
a:hover   { color:#ff5300; text-decoration:underline; }

strong    { font-weight:500; }

form,fieldset { border:none; }
input       { background-clip:padding-box;  border:1px solid #3a79d3;  border-radius:2px;  color:#a4a3a3; font-size:12px; 
              height:28px; padding:0 7px; }
input:focus { color:#48443e; } 
button      { color:#fff; background-color:#017ad7; font-size:medium; border:0 none; border-radius:3px; height:28px; }
textarea    { background-clip:padding-box;  border:1px solid #3a79d3;  border-radius:2px;  color:#a4a3a3; font-size:12px; 
              padding:2px 7px; height: 310px; width: 500px;}
textarea:focus { color:#48443e; } 

table     { border:none; border-collapse:collapse; border-spacing:0; }
th        { font-weight:500; }

.center   { text-align:center; }

.clear    { clear:both; }
.text     { display:none; }
.error    { color:#e00; }

#s01      { background:url("../img/tlpbg.png") center top no-repeat transparent scroll; margin:0; padding:0; width:100%; height:35px; }
#s02      { margin:0; padding:0; width:100%; min-height:720px; }
.s02s01   { background:transparent url("../img/h-fos1.jpg") no-repeat scroll center 105px; }
.s02s01-f { background:transparent url("../img/h-fok.jpg") no-repeat scroll center 105px; }
.s02s01-l { background:transparent url("../img/h-saun.jpg") no-repeat scroll center 105px; }
.s02s01-n { background:transparent url("../img/h-neptun.jpg") no-repeat scroll center 105px; }

#s21      { background-color:#408ad2; margin:0; padding:0; width:100%; height:3px; }
#s22      { background-color:#d0d0d0; margin:0; padding:0; width:100%; min-height:265px; }

.mcel   { min-width:1024px; max-width:1300px; margin:0 auto; padding:0; }
.mciel  { margin:0 0 0 6px; padding:0; }
.mcinfo { margin:0 6px 0 0; padding:0; }

#sermenu     { height:35px; width:220px; margin:0 0 0 auto; }
#sermenu img { margin:1px 5px 0;  }
.separator   { padding:0 7px; vertical-align: middle; }

#s02mcel  { background:transparent url("../img/asl.png") no-repeat scroll left 105px;  min-height:700px; }
#s02mciel { background:transparent url("../img/asr.png") no-repeat scroll right 105px; min-height:700px; }

#logo     { z-index:100; position:absolute; margin:0 0 0 50px; }

#cname    { color:#7b0704; font-size:20px; font-weight:bold; position:relative; top:23px; left:240px; width:570px; height:58px; }
#ctel     { color:#7b0704; font-size:14px; position:relative; margin:0 40px 0 auto; top:-33px; width:240px; height:58px; }

#sif      { min-height:700px;  position:relative; width:100%; }

#page     { display:flex; margin:60px 20px 20px; }

#left-column { display:block; padding:5px; width:310px; }
#left-menu   { background-color:#e2e2e2; border-radius:4px; box-shadow: 1px 1px 3px; }
#left-menu-content  {}
#inner-menu-content {}

.xnave          { font-size:14px; color:#0c5aa6; padding:0px; list-style:none; margin:0; padding:5px; border-radius:4px; }
.xnave li       { text-align:left; padding:7px; }
.xnave a        { display:block; overflow:hidden; text-decoration:none; color:#0c5aa6; }
.xnave a:hover  { display:block; overflow:hidden; text-decoration:none; color:#ff5300; }
.xnave .cur     { font-style:oblique; font-weight:bold; color:#7b0704; }
.xnave ul       { padding: 0px 0px 0px 7px; list-style:none; margin-left:.3em; }
.xnave ul li    { border-bottom:0px solid #dddedf; text-align:left; padding:4px 0; }

.banner      { }
.banner img  { margin:20px auto 0; opacity:.85; border-radius:4px; box-shadow:1px 1px 3px; }
.banner img:hover { opacity:1; }

#page-content { margin:175px 0 0 20px; width: 100%; }

.linkstr { text-align: center; padding:7px 0;}
.phgline {width: 655px; margin: 0 auto; height: 240px;}
.phgitem {background-color:#EEEEEE; border:1px solid #DDDDDD; float:left; margin:5px; padding:7px; }  

#tab_reg    { width:90%; margin:10px auto;}
#tab_reg tr { height:30px; }
#tab_reg tr:nth-child(odd) { background-color:#DDD; }
#tab_reg th, td { padding:3px; }


.bflex     { display:flex;  }
.bflex h3  { border-bottom:dotted 2px #777; padding: 0 10px; }
.bflex p   { padding: 0 10px; }

.bblock    { display:block; width:280px; color:#555; margin:20px 10px; }

.post_form td { padding:7px; }

#mailersubject { width:500px; }
#mailertel     { width:500px; }
#maileremail   { width:500px; }
#mailername    { width:500px; }

.contact-tel   { padding-left:72px;    }
.contact-map   { margin:0 auto; width:600px; height:500px; }

.border-line {  }
.border-line tr { border-bottom:1px solid #a0a0a0; }