/* ####################################################
  

  CSS definitions for BonOferta Templates
  
  Version:  1.0
  Date:     2009-02-08
  Author:   Henry Farkas
  
  -----------------------------------------------------
  
  Version History:
  
  Version: 1.1
  Date:
  Author:
  
  Changes:
  
#################################################### */


/******************************************************
  DOCUMENT WIDE SETTINGS 
*/

* {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #000000;
  font-size: 11px;
}

html {
  overflow: -moz-scrollbars-vertical;
}

body {
  background-color: #000000;
  padding: 0px;
  margin: 0px;
}


/******************************************************
  CENTER/MAIN PANE SETTINGS 
*/

div.cat_head {
  position: relative; 
  width: 754px; 
  height: 27px; 
  background-repeat: no-repeat;
}

#content_pane {
  padding: 0px 0px 10px 0px;  
}

/* -------------------------------
  FOOT
*/

#foot {
  padding-left: 2px; 
  padding-right:2px;
}

#foot table {

  border-top-width: 2px;
  border-top-style: solid;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-left-width: 0px;

  border-right-width: 0px;
  border-color: #333333;
  

  width: 100%;
}

#foot div {
  position: relative; 
  width: 750px; 
  height: 22px; 
  top: 0px; 
  left: 0px; 
  text-align: center; 
  margin-top: 1px;
  background-color: #333333;
}


/******************************************************
  STRUCTURAL ELEMENTS 
*/

td {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

table {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div {
  margin: 0px;
  padding: 0px;
}

span {
  margin: 0px;
  padding: 0px;
}

/* -------------------------------
  SINGLE MAIN COLUMN (SMC)
*/

#SMC {
  width: 100%; 
  vertical-align: top;
}

/* -------------------------------
  MAIN COLUMN (MC)
*/

#MC {
  width: 70%; 
  vertical-align: top;
}

/* -------------------------------
  THIN COLUMN (TC)
*/

#TC {
  width: 30%; 
  vertical-align: top;
}

/* -------------------------------
  VERTICAL SEPARATOR (VS)
  between main and thin column
*/

#VS {
  width: 1px; 
  padding: 0px 22px 0px 20px;
}

#VS div {
  border-right: 2px solid #dadbe0; 
  height: 100%;
}


/******************************************************
  CONTENT ELEMENTS 
*/

a {
  font-size: 13px;
  text-decoration: none; 
  color: #5a668e;
}

a:hover   {text-decoration: underline; color: #93a0cb;}
a:focus   {text-decoration: underline; color: #93a0cb;}

h1 {
  font-size: 18px;
  font-weight: bold;
  margin: 0px 0px 20px 0px;
  letter-spacing: 1;   
  line-height: 1.5;
}

h2 {
  font-size: 16px;
  font-weight: normal;
  margin: 0px 0px 15px 0px;
  letter-spacing: 0.5; 
  line-height: 1.5;
}

p {
  font-size: 13px;
  margin: 0px 0px 15px 0px;
  line-height: 1.5;
}

img {
  margin: 0px;
  padding: 0px;
  border: none;
}

hr {
  width: 100%;
  height: 2px;
  background-color: #dadbe0;
  color: #8c8c8c;
  border: none;
  margin: 0px 0px 20px 0px;
}

/* -------------------------------
  THIN COLUMN (TC)
*/

#TC h1 {
  font-size: 16px;
  margin: 0px 0px 10px 0px;
}

#TC p {
  font-size: 11px;
  margin: 0px 0px 15px 0px;
}

/* -------------------------------
  FOOT
*/

#foot p.copyright_txt {
  font-size: 11px; 
  color: #333333; 
  margin: 0px; 
  padding-top: 3px;
}

#foot span.copyright_symbol {
  font-size: 10 px; 
  color: #333333;
}


/******************************************************
  SPECIAL ELEMENTS 
*/

/* -------------------------------
  THICKBOX STUFF 
  javascript pop-ups
*/

a.thickbox {
  margin: 4px;
}

/* -------------------------------
  GOOGLE MAPS STUFF (GM)
*/

#GM {
  width: 100%;
  padding-bottom: 15px;
}

#GM iframe {
  width: 718px;
  height: 300px;
  border: solid 6px #dadbe0; 
  -moz-border-radius: 6px; 
  margin-bottom: 10px;
}

#GM div {
  width: 100%;
  padding: 0px 5px 2px 0px;
  text-align: right;
}