/* ---------------------------- reset ---------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  /*font-size: 100%;*/
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* ----------------------------------------------------------------------*/

html, body, h1, h2, h3, h4, a, a:hover, a:visited, a:active  {
  font-family:Verdana,arial,helvetica, sans-serif;
  text-decoration:none;
  color:#fff;
}

p#org {
  margin-top:-30px;
  margin-bottom:-20px;
}

p#org span#rfme {
  margin-left:110px;
}
  p#org span#octagon {
    margin-left:40px;
  }

#ceti{
  background:url(/images/background-cell.jpg);
}


#bg-wrapper{
  background:url(/images/background.jpg) repeat-x;
  height:864px;
  min-width:1000px;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:-2;
}
#container {
  width:1000px;
  margin:auto;
}
/*#headerbg-wrapper{
  margin-left:-20px;
  position:absolute;
  z-index:-1;
}*/

#header{
  height:383px;
  z-index:10;
}

#header-left {
float:left;
  background:url(/images/header.png) ;
  width:301px;
  height:383px;
}

#header-left span {
  margin:-5px -120px 0 30px
}

#header-eventos {
  font-size:1.15em;
  line-height:1.2em;
  margin-top:70px;
}

#header-block-container {
  position:absolute;
  width:720px;
  height:295px;
  overflow:hidden;
  margin-left:281px;
  margin-top:37px;
}

#header-block{
  width:100%;
  height:100%;
}

.headline {
  position:absolute;
  cursor:pointer;
  top:247px;
  left:380px;
  background:url(/images/headline-bg.png) no-repeat;
  display:block;
  width:346px;
  height:48px;
  overflow:hidden;
}

.headline div {
  padding-left:10px;
  overflow:hidden;
}

.headline div.headline-info {
  font-size: 12px;
  padding-top:2px;
}

.eventos-right{
  float:right;
  font-weight:bold;
  color:#f00;
  margin-right:30px !important;
  font-size:15px;
}

.eventos-left{
  float:left;
}

h1 a {
  font-variant:small-caps;
  font-size:2em;
  height:150px;
  width:230px;
  margin-left:35px;
  background:url(/images/logo.png) no-repeat;
  text-indent:-2000em;
  display:block;
  outline-style:none;
}


#main-menu ul {
  list-style-type:none;
}

#main-menu li {
  float:left;
}

#main-menu li a {
  outline-style:none;
  float:left;
  display:block;
  padding-left:10px;
  background: url(/images/nav-l-h.gif) no-repeat left top;
  margin-right: 5px;
  margin-top:12px;
}

#main-menu li a span {
  display:block;
  padding-right: 10px;
  background: url(/images/nav-r-h.gif) no-repeat right top;
  color:#f00;
  /*-moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;*/
}
#main-menu li a span span {
  background:#fff;
  padding:0;
}

#main-menu li a.current, #main-menu li a:hover {
  background: url(/images/nav-l-h2.gif) no-repeat left top;
}

#main-menu li a.current span, #main-menu li a:hover span {
  background: url(/images/nav-r-h2.gif) no-repeat right top;
  color:#fff;
}

#main-menu li a.current span span, #main-menu li a:hover span span {
  background:#f00;
  padding:0;
}
#main-content {
min-height:100%;
}

#content {
  font-size: 0.8em;
  position:relative;
  width:960px;
  padding: 0 20px;
  margin-bottom:50px;
  min-height:600px;
  background-color:#fff;
}

#content-left {
  width:700px;
}

#content-left p {
  margin-bottom:10px;
}

#content-left #titulo {
  background-color:#333;
  -moz-border-radius:4px;
  width:650px;
}

#content-left #titulo h2 {
  color:#fff;
  padding-left:10px;
  font-weight:100;
  letter-spacing:2px;
}

#content-left span.noticia-link {
  font-size:25px;
  margin-left:10px;
  width: 430px;
  line-height:30px;
}

#content-left span.noticia-link a:hover{
  color:#fff;
  background-color:#333;
}

#content span.foto {
  display:inline-block;
  width:150px;
  height:100px;
}

div.noticia {
  width:600px;
  font-weight:100;
  clear:both;
  height:110px;
  overflow: hidden;
}

#content, #content h1, #content h2, #content h3 {
  color:#333;
}

#content a {
  color:#777;
}

#header-pruebas {
  height:300px;
  position:absolute;
  right:0;
  top:0;
  width:300px;
}
.header-prueba {
  height:70px;
  text-align:right;
}

#rightbox {
  margin-left:680px;
  color:#ddd;
  /*position:absolute;
  bottom:0;
  right:-300px;
  z-index:-2;*/
}

#rightbox li a {
  color:#fff;
  font-weight: normal;
}

#rightbox span.content {
  display:block;
  position:absolute;
  width:300px;
  top:0;
  margin-bottom:-50px;
  /*top:448px;
  bottom:0;
  z-index:-1;*/
}

#rightbox span.top {
  top:-30px;
  background:url(/images/rightbox.png) no-repeat;
  position:absolute;
  height:30px;
/*  height:478px;*/
  width:300px;
}

#rightbox div {
  width:250px;
}

#rightbox span.inside {
  top:0px;
  position:absolute;
  min-height:700px;
  background:url(/images/rightbox-bottom.png) repeat-y;
/*  height:478px;*/
  width:225px;
}


.inside {
  padding: 0 35px;
}

.inside li {
  margin-left:25px;
}

.inside p {
  width:250px;
}

.inside p span.right {
  padding-right: 15px;
}

#footer{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  font-size:70%;
  height:15px;
  padding-bottom:5px;
  padding-top:3px;
  background-color:#000;
}

.palmares {
  padding-left:15px;
  width:300px;
  float:left;
}

.error { color:red; }
.notice { color:green; }
.left{float:left;}
.right{float:right;}
.clear{clear:both;}


/* pilotos header */
#pilotos-header img {
  height:295px;
}
#pilotos-header ul {
  list-style-type:none;
}
#pilotos-header a {
  outline-style:none;
}
#pilotos-header li {
	float: left;
	width: 120px;
	height: 295px;
}
#pilotos-header .kwicks_inner {
	width: 200px;
}
#pilotos-header .bigLetter {
	height: 295px;
	color: white;
	float: left;
}
#pilotos-header .smallLetters {
	display: none;
	text-align: center;
	width: 140px;
	color: #ccc;
	font-size: 16px;
	margin-top: 13px;
	float: right;
	position:absolute;
}
#pilotos-header li.active .smallLetters {
	display: block;
}