﻿/*
.grid_XX

1: 40px 
2: 100px 
3: 160px 
4: 220px 
5: 280px 
6: 340px 
7: 400px 
8: 460px 
9: 520px 
10: 580px 
11: 640px 
12: 700px 
13: 760px 
14: 820px 
15: 880px 
16: 940px

*/

body {
  font: 12px/1.3em 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; 
  background-attachment: fixed;
}
#wrapper {
  background: transparent url(../imgs/css/bg-alpha-white.png) repeat;
}

#header {
  height: 137px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  background: #0168b3 url(../imgs/css/header_920.png) no-repeat;
}
#header h1 {
  position: absolute;
  top: -100px;
  color: #fff;
}
/* MENU */
#colNav {
  margin-left: 10px;
}
#colNav .menu {
  margin-left: 10px;
}
#colNav .menu ul {
  list-style: none;
}
#colNav .menu ul li {
  list-style: none;
}
#colNav .menu ul li a {
  display: block;
  padding: 14px 8px 14px 19px;
  color: #c8020c;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  background: transparent url(../imgs/css/menu-bg.png) no-repeat;
}
#colNav .menu ul li a:hover {
  text-decoration: underline;
}
#colNav .menu ul li a.current {
  color: #0168b3;
}
#colNav .menu ul li a.current:hover {
  text-decoration: none;
}
/* SUBMENU */
#colNav .menu ul li ul {
  list-style: none;
  background: transparent url(../imgs/css/sub-menu-bg.png) no-repeat right bottom;
  margin-bottom: 3px;
}
#colNav .menu ul li ul li {
  margin: 0 14px 0 18px;
  border-bottom: 1px solid #ccc;
}
#colNav .menu ul li ul li.last { border-bottom: 0 none; padding-bottom: 1px; }
#colNav .menu ul li ul li a {
  display: block;
  padding: 7px 2px 7px 2px;
  color: #c8020c;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  background: none;
  zoom: 1;
}
#colNav .menu ul li ul li a:hover {
  text-decoration: underline;
}
#colNav .menu ul li ul li a.current {
  color: #0168b3;
}
#colNav .menu ul li ul li a.current:hover {
  text-decoration: none;
}

/* menu accordion jquery (cab.js)  */
  .a-1 { position: absolute; right: 10px; top: 14px; background: url(../imgs/css/menu-arrow-1.png) no-repeat; width: 12px; height: 12px; }
  .a-2 { position: absolute; right: 10px; top: 14px; background: url(../imgs/css/menu-arrow-2.png) no-repeat; width: 12px; height: 12px; }
/* end menu accordion jquery  */

#colNav .colBox {
  margin: 10px 0 0 10px;
  padding-bottom: 8px;
  background-color: #fff;
  border: 1px solid #c9c9c9;
}
#colNav .colBox .headingBox {
  background: #ebebeb url(../imgs/css/headingBox-bg.png) no-repeat left bottom;
}
#colNav .colBox .headingBox p {
  padding: 8px 12px 16px;
  font-weight: bold;
  font-size: 1.1em;
}
#colNav .colBox .banner {
  background-color: #c1cfea;
  margin: 7px 5px;
  min-height: 120px;
}

/* RIGHT HOME */

#colAside {
  height: auto;
}
#colAside .colBox {
  margin-right: 10px;
  padding-bottom: 8px;
  background-color: #fff;
  border: 1px solid #c9c9c9;
}
#colAside .social {
  margin-bottom: 1px;
}
#colAside .social a {
  display: block;
  text-align: none;
}
#colAside .asideBox {
  margin-bottom: 6px;
}
#colAside .asideBox a {
  display: block;
  text-decoration: none;
  color: #c8020c;
}
#colAside .asideBox a:hover {
  display: block;
  text-decoration: none;
  color: #036db9;
}
#colAside .asideBox h2 {
  background: #036db9 url(../imgs/css/asideBox_h_bg.png) no-repeat left bottom;
  padding: 8px 6px 14px 10px;
  margin-bottom: 4px;
  color: #fff;
  font-weight: bold;
  font-size: 1.4em;
}

#colAside .colBox .headingBox {
  background: #ebebeb url(../imgs/css/headingBox-bg.png) no-repeat left bottom;
}
#colAside .colBox .headingBox p {
  padding: 8px 12px 16px;
  font-weight: bold;
  font-size: 1.1em;
}
#colAside .colBox .banner {
  background-color: #c1cfea;
  margin: 7px 5px;
  min-height: 120px;
}

#colAside .nl-email {
  width: 140px;
  border: 1px solid #ccc;
  padding: 2px;
  color: #4e4e4e;
  margin-left: 10px
}
#colAside .nl-submit-ok {
  background:  #e80717 url(../imgs/css/ok.png) no-repeat;
  border: 0 none;
  color: #fff;
  padding: 3px 4px;
  cursor: pointer;
  margin: 0 4px;
}

#colAside .info {
  margin: 0 auto 6px;
}
#colAside .info p {
  padding: 2px 18px 7px 56px;
  background: url(../imgs/css/a-info-icon.png) no-repeat 9px 7px;
  font-weight: bold;
  color: #c8020c;
}
#colAside .info .info-btn {
  display: inline-block;
  margin: 7px 0 0 7px;
}
#colAside .e {
  font-weight: bold;
  padding: 4px 22px 4px;
}
#colAside .registerCAB p {
  font-weight: bold;
  padding: 4px 22px 4px;
}
#colAside .registerGOV { text-align: center; }
#colAside .registerGOV p {
  font-weight: bold;
  padding: 2px 22px 4px;
  font-size: 1em;
}
#colAside .registerGOV h3 {
  font-size: 1.5em;
  padding: 4px 22px 2px;
}


/* CONTENT */

#colContent {
  height: auto;
}

a { text-decoration; underline; color: #0168b3; }
a:hover { text-decoration; underline; color: #dc141e; }
a:visited { text-decoration; underline; color: #555; }

 .contentBox .contentText h2.lnk a,
 .contentBox .contentText h3.lnk a,
 .contentBox .contentText h4.lnk a {
  color: #0168b3;
  font-size: .85em;
}
 .contentBox .contentText h2.lnk a:hover,
 .contentBox .contentText h3.lnk a:hover,
 .contentBox .contentText h4.lnk a:hover {
  color: #dc141e;
}
.img {
  padding: 7px;
  margin: 0;
  border: 1px solid #d1d1d1;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.add-alpha {
  margin-left: 10px;
}
.add-omega {
  margin-right: 10px;
}
#colContent .minBox {
  min-height: 240px;
  height: auto !important;
  height: 240px;
}
 .contentBox {
  background: transparent url(../imgs/css/contentBoxBG.png) repeat-y 10px top;
  border-top: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  margin-bottom: 18px;
  overflow: hidden;
}
 .contentBox .cBH {
  background: transparent url(../imgs/css/cBoxHeaderBg1.png) no-repeat left bottom;
  margin-bottom: 0;
}

 .contentBox .cBH h1 {
  background: transparent url(../imgs/css/cBoxHeaderBg2.png) no-repeat right bottom;
  padding: 12px 0 21px 8px;
  margin: 0 0 0 10px;
  color: #fff;
  font-size: 1.5em;
}
 .contentBox .cBH h1.small {
  font-size: 1.4em;
}
 .contentBox .cBH h2 {
  background: transparent url(../imgs/css/cBoxHeaderBg2.png) no-repeat right bottom;
  padding: 12px 0 21px 8px;
  margin: 0 0 0 10px;
  color: #fff;
  font-size: 1.5em;
}
 .contentBox .cBH h2.small {
  font-size: 1.4em;
}
 .contentBox .bodyBox {
  background: transparent url(../imgs/css/cBoxBodyBG.png) no-repeat left bottom;
  margin-left: 10px;
  padding: 0 18px 4px;
}
 .contentBox .ibox {
  text-align: center;
  padding-bottom: 6px;
}
 .contentBox .notice {
  border-bottom: 1px solid #c9c9c9;
  padding-top: 4px;
  padding-bottom: 10px;
  overflow: hidden;
}
 .contentBox .last {
  border-bottom: 0 none;
}
 .contentBox .notice p {
  padding: 6px 2px 4px;
  color: #222;
  font-size: 1em;
}
 .contentBox .notice p img {
  float: left;
  margin: 0 8px 8px 0;
}
 .contentBox .notice p.highlight {
  font-weight: bold;
}
 .contentBox .notice .date {
  font-weight: normal;
  color: #6e6e6e;
}
 .contentBox a.more {
  display: block;
  font-weight: normal;
  color: #dc141e;
  text-decoration: none;
  background: url(../imgs/css/more.png) no-repeat 0 3px;
  padding: 0 2px 0 13px;
  margin-top: 10px;
}
 .contentBox a.moreimg {
  display: inline-block;
}
 .contentBox a.more:hover {
  text-decoration: underline;
}

 .contentBox .notice-all {
  background-color: #0168b3;
  color: #fff;
  overflow: hidden;
  margin-left: 10px;
}
 .contentBox .notice-all p {
  float: right;
  padding: 2px 8px;
}
 .contentBox .notice-all a.more {
  display: block;
  font-size: .9em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background: url(../imgs/css/more.png) no-repeat 0 3px;
  padding: 0 2px 0 13px;
  margin-top: 0px;
}
 .contentBox .notice-all a.more:hover {
  text-decoration: underline;
  color: #fff;
}

/* Internas */

 .contentBox .horizontalMenu {
	margin-bottom: 6px;
}
 .contentBox .horizontalMenu ul {
	list-style: none;
  text-align: center;
}
 .contentBox .horizontalMenu li {
	display: inline;
  background: transparent url(../imgs/css/bul-hmenu.png) no-repeat left center;
  padding: 0 1px 0 10px;
}
 .contentBox .horizontalMenu li.first {
	background: none;
}
 .contentBox .horizontalMenu li a {
	display: inline;
  color: #000;
  text-decoration: underline;
  font-size: 1.1em;
}
 .contentBox .horizontalMenu li a.current {
	display: inline;
  color: #dc141e;
  text-decoration: none;
  font-weight: bold;
}
 .contentBox .horizontalMenu li a:hover {
  text-decoration: underline;
  color: #dc141e;
}
 .contentBox .horizontalMenu li a.current:hover {
  text-decoration: none;
}

 .contentBox .contentText {
  padding-bottom: 12px;
}
 .contentBox .contentText .img {
  padding: 7px;
  margin: 6px 0 10px;
  border: 1px solid #d1d1d1;
}
 .contentBox .contentText p img.l-rap {
  float: left;
  margin: 0 8px 8px 0;
}
 .contentBox .contentText p img.r-rap {
  float: right;
  margin: 0 0 8px 8px;
}
 .contentBox .contentText h2,
 .contentBox .contentText h3,
 .contentBox .contentText h4,
 .contentBox .contentText h5,
 .contentBox .contentText h6 { clear: both; margin: 0; line-height: 110%; }
 .contentBox .contentText h2.n-clear,
 .contentBox .contentText h3.n-clear,
 .contentBox .contentText h4.n-clear,
 .contentBox .contentText h5.n-clear,
 .contentBox .contentText h6.n-clear { clear: none; }
 .contentBox .contentText h2 {
  color: #dc141e;
  font-size: 1.6em;
  padding: 14px 10px 12px 0; 

}
 .contentBox .contentText h3 {
  color: #dc141e;
  font-size: 1.5em;
  padding: 14px 10px 8px 0;
}
 .contentBox .contentText h4 {
  color: #444;
  font-size: 1.4em;
  padding: 12px 10px 6px 0;
}
 .contentBox .contentText h5 {
  color: #555;
  font-size: 1.2em;
  padding: 6px 10px 4px 0;
}
 .contentBox .contentText h6 {
  color: #555;
  font-size: 1.1em;
  padding: 4px 10px 2px 0;
}

 .contentBox .contentText h2.lnk,
 .contentBox .contentText h3.lnk,
 .contentBox .contentText h4.lnk {
  color: #0168b3;
  padding: 10px 10px 8px 0;
}
 .contentBox .contentText h2.lnk a,
 .contentBox .contentText h3.lnk a,
 .contentBox .contentText h4.lnk a {
  color: #0168b3;
  font-size: .85em;
}
 .contentBox .contentText h2.lnk a:hover,
 .contentBox .contentText h3.lnk a:hover,
 .contentBox .contentText h4.lnk a:hover {
  color: #dc141e;
}
 .contentBox .contentText h2.blue,
 .contentBox .contentText h3.blue,
 .contentBox .contentText h4.blue {
  color: #0168b3;
}
 .contentBox .contentText h2.t-draw {
  color: #333;
  border-bottom: 3px solid #333;
  background: transparent url(../imgs/css/snowboard.png) no-repeat right bottom;
  padding: 120px 160px 4px 0;
  margin-bottom: 10px;
  clear: both;
}
 .contentBox .contentText p {
  margin: 0;
  padding: 4px 0 6px;
}
 .contentBox .infoBox {
  padding: 10px 0;
  margin-bottom: 8px;
  border-bottom: 1px solid #ccc;
}
 .contentBox .infoRight {
  float: right;
  width: 180px;
  border: 1px solid #ccc;
  text-align: right;
  padding: 4px 8px;
}
 .contentBox .infoRight strong {
  display: block;
  color: #333;
}
 .contentBox .infoRight a {
  display: block;
  color: #999;
  text-decoration: none;
  font-size: .9em;
  border-bottom: 1px solid #f0f0f0;
}
 .contentBox .infoRight a:hover {
  color: #dc141e;
}
 .contentBox .model {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #F7F7F7;
  padding: 0 12px;
  margin: 4px 0;
  font-size: .95em;
  color: #333;
}

 .contentBox p.imgCaption {
 padding: 0; 
 margin: -8px auto 20px; 
 font-size: .95em; 
 color: #333; 
 width: 400px;
}
  
 .contentBox table.data {
  border: 1px solid #e0e0e0;
  border-bottom: 3px solid #7fafd1;
  margin: 10px auto;
}
 .contentBox table.data th {
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #7fafd1;
  border-top: 2px solid #7fafd1;
  color: #0069B2;
  background: #cfdee9 url(../imgs/css/th-sep.png) no-repeat right center;
  padding: 7px;
  font-size: 1.1em;
}
 .contentBox table.data th.last { background-image: none; }
 .contentBox table.data td {
  vertical-align: middle;
  padding: 2px 4px;
  text-align: left;
  border: 1px solid #e0e0e0;
  color: #444;
  font-size: .95em;
}
 .contentBox table.data td.ttl {
  vertical-align: middle;
  padding: 5px 8px;
  background-color: #f7f7f7;  
  color: #222;
  font-size: 1em;
}
 .contentBox table.data td.ttl-bl {
  vertical-align: middle;
  padding: 5px 8px;
  background-color: #216b9e;  
  color: #fff;
  font-size: 1em;
}
 .contentBox table.data td.text {
  vertical-align: top;
}
 .contentBox table.data td.em1 { font-size: 1em; }
 .contentBox table.data td.em2 { font-size: 1.2em; }

 .contentBox table.data td.center {
  text-align: center;
}
 .contentBox table.data td.right {
  text-align: right;
}



/* FORMATS LIST */
 #colContent ul {
  margin: 3px 10px;
  padding: 0;
}
#colContent ul li {
  margin: 0 6px;
  padding: 2px 0px 1px;
}
#colContent ul.simple {
  list-style: none;
  margin: 3px 0;
  padding: 0;
}
#colContent ul.simple li {
  margin: 0 6px;
  padding: 2px 8px 1px;
}
#colContent ol li {
  margin: 0 6px;
  padding: 2px 0px 3px;
}










#footer {
  padding: 2px 0;
  margin: 10px 0 20px;
}
#footer .copyright {
  margin-left: 10px;
  margin-right: 10px;
  background: #0168b3;
  color: #fff;
}
#footer p {
  text-align: center;
  padding: 10px;
}

