body { background-color:#000; text-align: left; font-family: verdana; font-weight: bold; color: #7BD2A3; scrollbar-face-color: #000; scrollbar-shadow-color: #8486A6; scrollbar-highlight-color: #8486A6; scrollbar-3dlight-color: #000; scrollbar-darkshadow-color: #000; scrollbar-track-color: #000; scrollbar-arrow-color: #8486A6; }

h1 { font-size: 16px; color: #7BD2A3; margin: 0 0 5px 3px; padding: 0; }
h2 { font-size: 12px; color: #fc0; margin: 0 0 0 10px; padding: 0px; letter-spacing: 5px;}
h3 { font-size: 14px; color: #7BD2A3; }
h4 { font-size: 12px; color: #7BD2A3; }                                               
h5 { font-size: 12px; color: #fc0; }                                                  

a:link { color: #8486A6; text-decoration: none; border: 1px solid #000; padding: 1px 2px 1px 2px; }
a:visited { color: #8486A6; text-decoration: none; border: 1px solid #000; padding: 1px 2px 1px 2px; }
a:hover { color: #fc0; text-decoration: none; border: 1px solid #7BD2A3; padding: 1px 2px 1px 2px; }

a.out:link { color: #8486A6; text-decoration: none; border: 0; padding: 0;}
a.out:visited { color: #8486A6; text-decoration: none;  border: 0; padding: 0; }
a.out:hover { color: #FC0; text-decoration: none;  border: 0; padding: 0; }

a.out2:link { color: #faed12; text-decoration: none; border: 0; padding: 0;}
a.out2:visited { color: #faed12; text-decoration: none;  border: 0; padding: 0; }
a.out2:hover { color: #ffc; text-decoration: none;  border: 0; padding: 0; }

a.map { position: relative; z-index: 24; color: #666; text-decoration: none; }
a.map:hover { z-index: 25; background-color: transparent; }
a.map span { display: none; }
a.map:hover span { display: block; position: absolute; top: 0px; left: 0px; width: 696px; height: 438px; border: 1px solid #AF9E7A; background-color: #ADB58D; color: #333; text-align: left; padding: 20px; padding-bottom: 10px; font-size: 10px; font-weight: normal; }

.alert { font-size: 10px; color: #fc0; }
.alert2 { font-size: 10px; color: #ff3; font-weight: bold; }
.alert3 { color: #7BD2A3;}
.alert4 { font-size: 10px; color: #ffc; font-weight: bold; }
p.nav { font-size: 10px; margin: 0 0 0 0; padding: 0; color: #FC0; }
p.upd { font-size: 9px; font-weight: bold; color: #CC6; margin: 0 0 20px 3px; padding: 0; }
p.links { font-size: 9px; margin: 0 0 0 10px; padding: 0px; }
p.links2 { font-size: 9px; margin: 0 0 4px 10px; color: #CCC; }
p.links3 { font-size: 9px; margin: 4px 0 4px 10px; color: #CCC; }
p.links4 { font-size: 9px; margin: 0 0 4px 10px; color: #7BD2A3; }
p.coor { font-size: 11px; color: #CCC; border-bottom: 1px solid #7BD2A3; padding-bottom: 8px; }
p.coor2 { font-size: 11px; color: #CCC; border-bottom: 1px solid #7BD2A3; }
p.coor3 { font-size: 11px; color: #FFC; border-bottom: 1px solid #7BD2A3; font-weight: normal; padding-bottom: 5px; }
p.coor4 { font-size: 11px; color: #FFC; font-weight: normal; }
p.coor5 { font-size: 11px; color: #CCC; margin-top: 0;}
p.coor6 { font-size: 11px; color: #CC6; font-weight: normal; }
p.names { font-size: 14px; color: #7BD2A3; margin: 0; padding: 0; }
.names2 { font-size: 11px; color: #7BD2A3; font-weight: bold; padding-bottom: 5px; }
.space { margin: 20px; }
.white { background-color:#fff; }
.black { background-color:#000; }

#cont { width: 400px; margin-left: 50px; text-align: center; }
#cont2 { width: 290px; margin-left: 50px; text-align: center; }
#cont3 { width: 535px; margin-left: 20px; text-align: center; }
#cont4 { width: 605px; height: 393px; text-align: center; background-color:#fff; }
#cont5 { width: 600px; height: 530px; text-align: center; background-color:#fff; padding: 2px 10px; margin-top: 20px; font-size: 12px; font-weight: bold; color: #008080;}
#cont6 { width: 535px; text-align: center; }
#cont7 { width: 350px; margin: 0 25px 5px 25px; text-align: left; }
#cont8 { width: 400px; margin-left: 25px; text-align: center; }
#cont-arch { width: 735px; text-align: center; }

/*NEW BEGIN */

/* menu */

#navi {float: left; text-align: left; width: 510px; margin-left: 10px; }
#data {float: left; width: 124px; height: 70px; margin: 0 0 0 5px; padding-bottom: 3px; }
#accu {width: 120px; height: 50px; border: 1px solid #7BD2A3; margin: 0 0 0 5px; padding-bottom: 3px; }
#rain {width: 120px; height: 15px; border: 1px solid #7BD2A3; margin: 5px; 0 0 5px;  text-align: center; font-size: 9px; font-weight: bold; padding-top: 2px; }

/* contents */
#maincont { width: 640px; height: 420px; text-align: center; font-size: 12px; font-weight: bold; color: #008080; background-color:#fff; margin: 15px 0 10px 10px; padding-top: 10px; }
#linkcont { width: 220px; text-align: left; background-color:#000; padding: 0 15px 0 5px; }


/* footer */
#footer { font-size: 10px; color: #cc6; font-weight: bold; margin-left: 10px; }


/*NEW END */


#box1 {float: left; text-align: left; width: 225px; }
#box2 {float: left; text-align: right; width: 160px; }
#box3 {float: left; text-align: left; width: 175px; }

#box3a, #box3b, #box3c { float: left; font-size: 11px; border-bottom: 1px solid #7BD2A3; padding: 5px 0 5px 0; margin-bottom: 10px; }

#box3a { text-align: left; width: 85px; color: #ffc; font-weight: normal; }
#box3b { text-align: left; width: 105px; color: #cc6; font-weight: normal; }
#box3c { text-align: right; width: 100px; color: #ffc; font-weight: normal; }

#box3at, #box3bt, #box3ct { float: left; font-size: 11px; font-weight: bold; color: #ccc; padding: 10px 0 5px 0; margin-bottom: 0px; }

#box3at { text-align: left; width: 85px; }
#box3bt { text-align: left; width: 105px; }
#box3ct { text-align: right; width: 100px; }

#box4 {float: left; text-align: right; width: 100px; }

#box5 {float: left; text-align: left; width: 300px; }
#box6 {float: left; text-align: left; width: 275px; border-bottom: 1px solid #7BD2A3; }

.box7 {float: left; text-align: center; width: 230px; margin-left: 10px; margin-bottom: 10px; border: 1px solid #7BD2A3; padding: 3px 0 5px 0;}
.box7a { text-align: center; width: 228px; font-size: 12px; color: #FC0; padding-bottom: 5px; }
.box8 {float: left; text-align: left; width: 70px; padding-left: 15px; font-size: 11px; color: #FFC; font-weight: normal;}
.box9 {float: left; text-align: left; width: 15px; font-size: 11px; color: #CC6; font-weight: normal;}
.box10 {float: left; text-align: right; width: 115px; padding-right: 15px; font-size: 11px; color: #FFC; font-weight: normal;}

#box11 {float: left; text-align: left; width: 530px; }
#box12 {float: left; width: 124px; height: 70px; margin: 0 0 0 10px; padding-bottom: 3px; }
#box12a {width: 120px; height: 50px; border: 1px solid #7BD2A3; margin: 0 0 0 5px; padding-bottom: 3px; }
#box12b {width: 120px; height: 15px; border: 1px solid #7BD2A3; margin: 5px; 0 0 5px;  text-align: center; font-size: 9px; font-weight: bold; padding-top: 2px; }

.box13a, .box13b { float: left; text-align: center; width: 95px; font-size: 11px; color: #fff; height: 20px; font-weight: bold; padding-top: 4px; }
.box13a { background-color: #66c; }
.box13b { background-color: #339; }
.box13c { float: left; width: 5px; background-color: #fc0; height: 20px; padding-top: 4px; }
.box14 { float: left; width: 385px; font-weight: normal; background-color: #000; font-size: 10px; color: #7BD2A3; text-align: center; margin-top: 5px; }


#yelapa { font-size: 10px; color: #FC0; text-align: center; border: 1px solid #7BD2A3; padding: 2px 2px 3px 2px; width: 160px; margin: 5px 0 10px 10px; }

.clear { clear: both; }
.hi { color: #FC0; border: 1px solid #7BD2A3; padding: 1px 2px 1px 2px; }
.hi2 { color: #CCC; margin-bottom: 10px; }
.hi3 { color: #FC0; border: 1px solid #7BD2A3; padding: 1px 2px; font-size: 10px; cursor: hand; font-weight: bold; }

.divide { border-bottom: 1px solid #fc0; padding: 0; width: 166px; margin: 8px 0 8px 10px; }

.gray { color: #b3b3b3; font-weight: normal; }
.blanco { color: #ff3; font-weight: normal; }

.foot { font-size: 10px; color: #cc6; font-weight: bold; }
.mar20 { margin-right: 20px; }

.now { color: #FC0; font-weight: bold; } 
.note, .note2, .note3 { font-size: 9px; font-weight: normal; }
.note { color: #cc6; }
.note2 { color: #ff3; }
.note3 { color: #fff; }

.new { font-size: 9px; color: #FC0; font-weight: normal; }

.dots { color: #CC6; }
.dots2 { color: #FFC; }
.dots3 { color: #FC0; }
                        
.timestyle { font-size: 9px; background-color: #000; margin-top: 10px; }

.sep { margin-left: 10px; margin-right: 5px; }
.sep2 { margin-left: 70px; font-size: 9px; font-weight: bold; }