body {width: 320px;height: auto;margin: 0px;font:100% Verdana, Arial, Helvetica, sans-serif;background-color: #fff;}
h1 {margin:0px;padding:0px;font-size:16px;font-weight: bold;padding-left:5px;}
#wrap {display:block;width: 100%;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;background-color: #fff;}
.inline {display:inline;float:left;}
.block {display:block;float:left;}
.block_r {display:block;float:right;}
.inline_r {display:inline;float:right;}
/* NAVIGATION */ 
.responsive-nav {width: 100%;height: 60px;margin: 0 auto;overflow:hidden;background:#B1E16E;margin-bottom:-10px;-webkit-transition: height 1s ease;-moz-transition: height 1s ease;-o-transition: height 1s ease;-ms-transition: height 1s ease;transition: height 1s ease; }  
.responsive-nav-changed { height: 530px; }
.responsive-nav-tab {color:#ffffff;padding:0 20px;text-align:center;font-size:35px;cursor: context-menu; }
.responsive-nav-tab span{color:#ffffff;padding:0 5px;text-align:center;font-size:25px;cursor: context-menu; }
.responsive-nav ul {padding-left:0;height:100%;background:#B1E16E; }
.responsive-nav li {color: #999999;font-family: sans-serif;padding: 10px 0px;list-style:none;padding-left:0;text-align:center; }
.responsive-nav li a {color: #999999; }
.responsive-nav li:hover {background:#545454; }
.responsive-nav li:hover a {color:#ffffff; }
.responsive-nav li a, .responsive-nav li a:hover, a, a:hover {text-decoration:none; }
.responsive-nav {background:#4F8702; }
.responsive-nav ul {background:#4F8702; }
.responsive-nav li a { color: #e3e3e3; }
.responsive-nav li:hover {background:#B1E16E; }
/* contentwrap*/
#contentwrap {display:block;float:left;width: 320px;margin-top:1px;}
#contentwrap a:link, #contentwrap a:visited{text-decoration:none;color:#4F8702;font-weight:bold;} 
#contentwrap a:hover, #contentwrap a:active{text-decoration:none;color:#87BF3A;font-weight:bold;}
/* MAINCONTENT*/
#maincontent a:link, #maincontent a:visited{text-decoration:none;color:#4F8702;font-weight:bold;} 
#maincontent a:hover, #maincontent a:active{text-decoration:none;color:#87BF3A;font-weight:bold;}
/*width*/
.w30 { width:30px;}.w34 { width:34px;}.w35 { width:35px;}.w40 { width:40px;}.w45 { width:45px;}.w50 { width:50px;}.w55 { width:55px;}.w60 { width:60px;}.w64 { width:64px;}.w66 { width:66px;}.w70 { width:70px;}.w75 { width:75px;}.w80 { width:80px;}.w85 { width:85px;}.w86 { width:86px;}.w88 { width:88px;}.w90 { width:90px;}
.w100 { width:100px;}.w104 { width:104px;}.w106 { width:106px;}.w115 { width:115px;}.w130 { width:130px;}.w140 { width:140px;}.w150 { width:150px;}.w160 { width:160px;}.w170 { width:170px;}.w175 { width:175px;}.w180 { width:180px;}
.w200 { width:200px;}.w220 { width:220px;}.w230 { width:230px;}.w235 { width:235px;}.w245 { width:245px;}.w250 { width:250px;}.w270 { width:270px;}.w272 { width:272px;}.w275 { width:275px;}.w285 { width:285px;}
.w300 { width:300px;}.w310 { width:310px;}.w320 { width:320px;}
/*height*/
.h1 { height:1px;}
.h2 { height:2px; font-size:1px;}
.h3 { height:3px; font-size:1px;}
.h10 { height:10px;font-size:1px;}
.h15 { height:15px;}
.h15_min {min-height:15px;}
.h18 { height:18px;}
.h20 { height:20px;}
.h25 { height:25px;}
.h30 { height:30px;}
.h36 { height:36px;}
.h40 { height:40px;}
.h46 { height:46px;}
.h49 { height:49px;}
.h49_min {min-height:49px;}
.h51_min {min-height:51px;}
.h51 { height:51px;}
.h57 { height:57px;}
.h60 { height:60px;}
.h66 { height:66px;}
.h66_min {min-height:66px;}
.h68 { height:68px;}
.h81 { height:81px;}
.h90 { height:90px;}
.h100 { height:100px;}
.h125 { height:125px;}
.h130 { height:130px;}
.h140 { height:140px;}
.h150 { height:150px;}
.h160 { height:160px;}
.h235 { height:235px;}
.h250 { height:250px;}
.h270 { height:270px;}
.h390 { height:390px;}
.h400 { height:400px;}
.h488 { height:488px;}
.h555 { height:555px;}

/*margin*/
.mt1{margin-top: 1px;}
.mt2{margin-top: 2px;}
.mt3{margin-top: 3px;}
.mt4_pix{margin-top: 4px;*margin-top: 3px;}
.mt3_pix{margin-top: 3px;*margin-top: 3px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt18{margin-top: 18px;}
.mt20{margin-top: 20px;}
.mt32{margin-top: 32px;}
.mt50{margin-top: 50px;}
.mt75{margin-top: 75px;}
.ml1{margin-left: 1px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 30px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.ml250{margin-left: 250px;}
.mr1{margin-right: 1px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mb1{margin-bottom: 1px;}
.mb2{margin-bottom: 2px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}

/*padding*/
.pt4 {padding-top:4px;}
.pl3 {padding-left:3px;}
.pl5 {padding-left:5px;}
.pl4 {padding-left:4px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl45 {padding-left:45px;}
.pl54 {padding-left:54px;}
.pl56 {padding-left:56px;}
.pr1 {padding-right:1px;}
.pr5 {padding-right:5px;}
.pb10 {padding-bottom:10px;}

/*background*/
.bcolor_5A9804 {background-color:#5A9804;}
.bcolor_87BF3A {background-color:#87BF3A;}
.bcolor_B1E16E {background-color:#B1E16E;}
.bcolor_E2FCBF {background-color:#DDF5BA;}
.bcolor_fff {background-color:#fff;}
.bcolor_or {background-color:#E77634;}
.bcolor_or1 {background-color:#EC9A6A;}
.bfriend{
background:url(../images/karta_friend.jpg);
background-repeat:no-repeat;}
.backB1E16E { background-color:#B1E16E;}
.backEFEFEF {background-color: #EFEFEF;}
/*calendar*/
.sun_c{background-color:#FA6E6E;}
.sat_c{background-color:#FFD6D5;}
.day_c{background-color:#B1E16E;}
.day_o{background-color:#EBEBEB;}
.day_l{color:#C00;}
/*border*/
.b_botom {border-bottom:solid #5A9804 1px;}
.b_top_E2FCBF {border-top:solid #E2FCBF 1px;}
.b_pix {border:solid #5A9804 1px;}
/*text*/
.ta_c {text-align:center;}
.ta_j {text-align:justify;}
.ta_r {text-align:right;}
.valign20 {line-height:20px; vertical-align:middle;}
.valign25 {line-height:25px; vertical-align:middle;}
.valign30 {line-height:30px; vertical-align:middle;}
.valign40 {line-height:40px; vertical-align:middle;}
.valign60 {line-height:60px; vertical-align:middle;}
.valign68 {line-height:68px; vertical-align:middle;}
.valign {vertical-align:middle;}
.lh1-4 {line-height: 1.4;}
.lh2 {line-height: 2;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fw_b {font-weight:bold;}
.fw_n {font-weight:normal;}
.color_fff {color:#fff;}
.color_000 {color:#000;}
.color_or {color:#E77634;}
.color_gr {color:#4F8702;}
.color_bl {color:#0864B3;}
.color_red {color:#831C1F;}