header, footer, article, nav, section, aside, time, hgroup {
  display : block;
}
html, body, header, footer, article, nav, section, aside, time, h1, h2, h3, p, a, ul, li, dl, dd, dt, table, thead, tfoot, tbody, th, tr, td {
  border : 0;
  font : 12px/22px Verdana, sans-serif;
  margin : 0;
  outline : 0;
  padding : 0;
}
img { border: 0; }
img.left,img.center,img.right {padding:4px; border:1px solid #a0a0a0;}
img.right {float:right; margin:0 0 5px 12px;}
aside img.center {border: 0}

BODY {
  background : #FFF;
  border-top : 5px solid #dd073d;
  color : #333;
}
A {
  color : #0A647C;
}
article section.m a.navigation {text-align: center;font-size: 26px; text-decoration: none;}
article section.m a.up { color: #dd073d; }
article section.m a.down { color: #0A647C; }
article p a { text-decoration: underline }
A:HOVER {
  color : #dd073d;
}
h1, h3, h4, h5, h6 {
  color : #333;
  margin : 0 0 10px 10px;
  padding : 0 0 10px 15px;
}
h1, article h1 a {
  text-align: center;
  color: #333;
  padding-bottom: 10px;
  font: 22px "lucida grande","lucida sans unicode", sans-serif;
  font-weight: bold;
}
h2 {
  text-align:center;
  font-size : 16px;
  font-weight:bold;
  padding : 0 0 20px 10px; 
}
h3 {
}
h3, h4, h5, h6 {
  font-size : 13px;
}
sup {
  top : -4px;
}
pre, code {
  font: 15px/18px Monospace; /*--Height of each line of code--*/
  overflow : hidden; /*--If the Code exceeds the width, put "auto" and scrolling is available--*/
  overflow-Y : hidden;  /*--Hides vertical scroll created by IE--*/
  background : #eee;
  border-left: 2px solid #dd073d;
  margin : 0 0 10px 0;
  padding : 5px;
  display : block;
}
header {
  background : url(../i/hd.png) no-repeat top left;
  height : 100px;
  position : relative;
  border-bottom: 2px solid;
  border-color: #dd073d;
}
header h1 { background-image: none; border-bottom: 0px; text-align: left;}
header a {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background : #dd073d;
  color : #FFF;
  font-size: 16px;
  margin : 0 0 0 8px;
  padding : 8px 10px;
  text-decoration: none;
  }
header a:hover {
  color : #FFF;
  }
header p {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background : #000;
  bottom:30px;
  color : #FFF;
  font-weight: bold;
  opacity: 0.45;
  padding : 10px;
  position:absolute;
  right : 0;
  width : 670px;
}
article {
  border-right : 1px dotted #666;
  border-left : 1px dotted #666;
  float : left;
  height : auto;
  padding : 20px 20px 0 0;
  width : 760px;
}
article div.a, article div.comments {
 padding: 0;
 margin: 0 20px 20px ;
}
article p {
  text-align:justify;
  text-indent: 30px;
 /* margin : 0 0 20px 20px; */
}
cite {
  border-left: 2px solid #dd073d;
  color : #666;
  font-size : 10px;
  font-style : normal;
  font-weight : bold;
  margin : 0;
  padding : 5px 10px;
}
blockquote {
  border-left: 2px solid #dd073d;
  color : #666;
  margin : 0 0 20px 0;
  padding : 5px 10px;
}
article h1 {padding-top:22px;}
article img {
  float : left;
  margin : 6px 10px 0 0;
}
table {
  border-collapse : collapse;
  text-align:left;
  margin : 0 0 20px 0;
}
tr:nth-child(odd) { 
  background : #FFF;
}
tr:nth-child(even) {
  background : #DDD;
}
tr:hover td {
  color : #dd073d;
}
td, th {
  min-width : 120px;
  padding : 0 5px;
  vertical-align:top;
}
th {
  background : #FFF;
  border-bottom : 2px solid #dd073d;
  color : #666;
  font-size : 10px;
  font-weight : bold;
}
td {
  border-bottom : 1px solid #CCC;
  font-size : 10px;
}

/* CALENDAR */
dl.vevent {
  margin : -20px 0 20px 0;
  padding : 0;
}
.vevent dt {
  font-size : 10px;
  position : relative;
  left : 0;
  top : 22px;
  font-weight : bold;
}
.vevent dd
{
  border-left : 2px solid #dd073d;
  font-size : 11px;
  margin : 0 0 0 80px;
  padding : 0 0 0 10px;
}
dd.summary {
  font-weight : bold;
}
.vevent a {
  font-size : 11px;
}
aside {
  float : right;
  margin : 0 0 20px 0;
  width : 200px;
}
article ul, aside ul {
  list-style : none;
  margin : 0 0 10px 0;
}
article form {
  background : #DDD;
  margin : 0 0 20px;
  padding : 10px;
}
article label {
  color : #666;
  display : block;
  font-size : 10px;
  font-weight : bold;
  margin : 0 0 0 2px;
}
article input, article textarea {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border : 1px solid #CCC;
  font-size : 11px;
  padding : 4px 5px;
  width : 640px;
}
article input {
  margin : 0 0 10px;
}
article textarea {
  height : 100px;
}
article input.button, .btn {
  background: #999;
  border : 1px solid #888;
  color: #FFF;
  cursor : pointer;
  font-weight : bold;
  margin : 10px 0 0 0;
  text-shadow : 0 -1px 1px rgba(0,0,0,0.25);
  width : 25%;
}
article img.captcha-image {
 margin: 10px;
}
article input.captcha-input {
  width: 25%;
}
article ul {
  list-style: square;
  margin : 0 0 20px 23px;
  padding : 0 0 20px 23px;
}
article ul li {
  padding : 0 0 0 5px;
}
nav a { text-decoration: none; }
nav ul {
  list-style : none;
  }
nav li {
  background : url(../i/ai1.png) no-repeat 0 8px;
  padding : 0 0 0 15px;
  }
nav li ul, aside li ul li ul {
  margin : 0;
  }
nav li li a {
  font-size : 11px;
  }
nav li li li a {
  font-size : 10px;
  }
nav li li li, aside li.active li li {
  background : url(../i/ai8.png) no-repeat 0 10px;
  }
nav li.active, aside li.active li {
  background : url(../i/ai2.png) no-repeat 0 8px;
}
footer {
  border-top : 1px dotted #B5B3A9;
  clear : both;
  margin : 20px 0;
}
footer a, footer p {
  color : #aaa;
  display : inline;
  font-size : 10px;
  text-align: center;
}
#a, #b {
  margin : 0 auto;
  position : relative;
}
#a {
  width : 1000px;
}
#b {
  overflow : hidden;
}
#c, .m, .s {
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;
  -moz-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
  background : #EEE;
}
#c {
  background : #EEE;
  margin : 0 0 20px 0;
  padding : 5px 10px;
  width : 178px;
}
#c p, #c a {
  font-size : 11px;
  line-height : 15px;
}
#c p {
  margin : 0 0 10px 0;
}
#c img {
  float : left;
  margin : 4px 10px 2px 0;
}
.g {  
  list-style : none;
  margin : 0 0 10px;
}
.g li {
  display: inline;
  margin : 0 15px 0 0;
}
.g a img {
  border : 1px solid #999;
  height : 50px;
  opacity: 0.8;
  padding : 1px;
  width : 50px;
}
.g li:last-child {
  margin : 0 0 10px 0;
}
.g a img:hover {
  opacity: 1;
}
.m {
  margin : 20px 0 20px;
  padding : 5px 5px;
  text-align: right;
}
.m p, .m a {
  text-align: right;
  font-size : 10px;
  margin : 0;
}
.s {
  -moz-border-radius : 4px;
  -webkit-border-radius : 4px;
  margin : 0 0 20px 0;
  padding : 10px;
  width : 179px;
}
.s input {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border : 1px solid #CCC;
  color : #999;
  font-size : 11px;
  padding : 4px 5px;
  width : 168px;
}