/* 
    Document   : global
    Created on : Jun 15, 2009, 10:05:22 PM
    Author     : Marek Chrenko
    Description: CSS used in every html file - headers, footers, etc..
*/

root
{ 
  display: block;
}

body
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

  font-size: 12px;
  font-family: Arial;

  text-align: center;
  background-color: #807a59;

  letter-spacing: 1px;
  line-height: 18px;
}

p
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #383520;
}

table
{
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-width: 0px;
}

h2
{
  display: none;
}

table tr td
{
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.leftPane /*left pane with title of page*/
{
  width: 305px;
  vertical-align: top;
}

.leftPaneText
{
  padding-top: 34px;
  padding-bottom: 30px;
  padding-right: 25px;
  text-align: right;
}

.rightPane
{
  width: 650px;
}

.rightPaneText
{
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 25px;
  text-align: justify;
  color: #383520;
  min-height: 230px;
}

.submenu /*left submenu*/
{
  height: 234px;
  width: 248px;
  vertical-align: top;
  display: inline-block;

  color: #383520;

/*  position: absolute; */
  padding-top: 20px;
  padding-left: 20px;

  /*left: 20px; */
  /*top: 20px; */
  padding-right: 50px;
}

.lineUp /*represents yellow line on the top of the page*/
{
  width: 100%;
  height: 7px;
  background-color: #dfb51c;
}

.header /*logo and eng franc and text size*/
{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;

    vertical-align: text-top;
    color: #aaa690;
}

.textSize /*style for text size*/
{
  vertical-align: top;
  font-size: 10px;
  color: #7f8182;
  margin-left: 630px;
}

.textSize a, .textSize a:visited {
    color: #7F8182;
}

.center /*elements in center class will be aligned to.. well, center :) */
{
  width: 990px;
  position: relative;
  text-align: left;
  margin: auto;
}

.centerimg /*main image of page*/
{
  position: absolute;
  top: 0px;
  left: 295px;
}

.grayFooter
{
   background-color: #807a59;
   width: 100%;
}

.footer /*footer :)*/
{
   letter-spacing: 0px;
   color: #c0bdac;
   font-size: 10px;
   padding-top: 7px;
   padding-bottom: 7px;
}
.footer .contact-info{
  text-align: center;
  clear: both;
  color: #fff;
  padding-top: 5px;
}
.footer a, .footer a:visited, .footer a:link /*references in footer*/
{
  text-decoration: underline;
  color: inherit;
}
.footer a:hover
{
  text-decoration: underline;
  color: white;
}

.authors /*style of authors*/
{
  padding-left: 250px;
}

.authors a, .authors a:visited, .authors a:link /*references in footer*/
{
  text-decoration: underline;
  color: inherit;
}
.authors a:hover
{
  text-decoration: underline;
  color: white;
}
.fb{
  width: 840px;
  float: left;
  height: 39px;
  background-color: #868061;
  color: #fff;
}
.fb .fb-name{
  float: left;
  line-height: 39px;
  font-size: 11px;
}
.fb .fb-like{
  float: right;
  height: 39px;
  width: 440px;
  margin: 8px 0 0 30px;
  text-align: right;
}
.fb .fb-button{
  display: block;
  float: left;
  width: 128px;
  height: 38px;
  margin-right: 35px;
  background: url(.././img/fb-button.gif) no-repeat;
}
.icons{
  float: left;
  margin: 4px 0 0 25px;
}
.icons a {
  float: left;
  width: 38px;
  height: 38px;
}
.icons a.fb {
  background: url(.././img/icon-fb.gif) no-repeat;
}
.icons a.in {
  background: url(.././img/icon-in.gif)
}
.icons a.youtube {
  background: url(.././img/icon-youtube.gif)
}
.icons a.fl {
  background: url(.././img/icon-flower.gif)
}

.icons.home a.fb {
  background: url(.././img/index/icon-fb.gif) no-repeat;
}
.icons.home a.in {
  background: url(.././img/index/icon-in.gif)
}
.icons.home a.youtube {
  background: url(.././img/index/icon-youtube.gif)
}
.icons.home a.fl {
  background: url(.././img/index/icon-flower.gif)
}

.butt1 /*downloading button*/
{
  background-image: url(.././img/butt1.gif);
  background-repeat: no-repeat;
  height: 44px;
  line-height: 44px;
  width: 310px;
  display: block;
}

.butt2 
{
    background: transparent url(.././img/butt2.gif) no-repeat top right;
}

.buttText
{
  padding-left: 10px;
/*  padding-top: 15px; */
  font-size: 10px;
  letter-spacing: 0px;
}

a#logo img, a#logo:hover img, a#logo:visited img, a#logo:link img
{
  border: 0px;
  text-decoration: none;
}


.grayList li a, .grayList li a:link, .grayList li a:visited
{
  text-decoration: none;
  color: #4f4a2c;
}

.grayList li a:hover, .grayList li
{
  color: white;
}

ul.yellowList
{
  padding-left: 13px;
  color: #4f4a2c;
  font-size: 10px;
  font-weight: bold;
  list-style-image: url(.././img/bull_yellow2.gif);
}
.yellowList li a, .yellowList li a:visited
{
  text-decoration: underline;
  color: #4f4a2c;
}
.yellowList li a:hover
{
   color: #333333;
}

ul.yellow2List
{
  padding-left: 13px;
  color: white;
  font-size: 10px;
  font-weight: bold;
  list-style-image: url(.././img/bull_gray.png);
}
.yellow2List li a, .yellow2List li a:visited
{
  text-decoration: underline;
  color: inherit;
}
.yellow2List li a:hover
{
   color: #333333;
}

.print /*print buttons*/
{
  background-image: url(.././img/printbck.gif);
  background-repeat: no-repeat;
  height: 44px;
  width: 212px;
  display: block;

  position: absolute;
  bottom: 0px;
  font-size: 10px;
  text-align: center;
  margin-left: 75px;
  margin-bottom: 30px;
}

.print a, .print a:link, .print a:visited {
    color: #807a59;
}


.print span
{
  position: relative;
  top: 12px;
  left: 5px;
  margin-right: 2px;
}

ul.grayList
{
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-left: 13px;
/*  font-size: 12px; */
  list-style-image: url(.././img/bull_gray.png);
  letter-spacing: 0px;
}

ul.indented li
{

  line-height: 16px;
}



/* 
    Document   : contact
    Created on : Jun 17, 2009, 10:18:21 AM
    Author     : Marek Chrenko
    Description: CSS for contact page
*/
.yellow /*agency style for yellow stripe*/
{
  background-color: #dfb51c;
  width: 100%;
/*  height: 254px; */
  color: #333333;
  padding-top: 0px;
  padding-bottom: 0px;
}

.gray /*class for agency information*/
{
  background-color: #f2f1ee;
  width: 100%;
}


.contactTable tr td
{
  vertical-align: top;
}

.tableRight
{
  text-align: right;
  padding-right: 15px;
}

#sendButt /*image replacement for sending button*/
{
  background: url(.././img/contact/send-fr.gif) no-repeat bottom center;
  border: 0 none;
  width: 99px;
  height: 32px;
  margin-left: -1px;
  padding-top: 20px;
  overflow: hidden;
  text-indent: -1000px;
  cursor: pointer;
  position: absolute;
}


.nospace
{
  padding-left: 15px !important;
  margin-top: 0px !important;
}

.leftalign
{
  padding-left: 20px;
  text-align: left !important;
  font-size: 11px;
}

.leftalign a
{
  color: #000;
}
.rightalign
{
  padding-left: 20px;
  text-align: right !important;
  font-size: 11px;
}
.arrowul
{
  letter-spacing: 0px;
  color: #4F4A2C !important;
  margin: 0px !important;
  padding-left: 13px;
  color: white;
  font-size: 12px;
  list-style-image: url(.././img/bull_gray.png);
}

.arrowul b{color: #383520;}

.arrowul li a, .arrowul li a:link, .arrowul li a:visited
{
  text-decoration: none;
  color: #4f4a2c;
}

.arrowul li a:hover
{
  text-decoration: underline;
  color: #4f4a2c;
}
.nouveau p{
  float: right;
  width: 210px;
  padding-top: 5px !important;
}
.nouveau p .voir{
  display: block;
  padding-left: 10px;
  text-decoration: none;
  color: #4f4a2c;
  background: url(.././img/bull_gray.png) no-repeat 0 5px;
}
.nouveau-graph{
  float: left;
  width: 101px;
  margin-top: 10px;
}
.four-level-menu{
  text-align: right;
  list-style-type: none;
  padding-left: 0 !important;
}
.four-level-menu a{
  color: #807a59;
  text-decoration: none;
  font-size: 14px;
  color: #807a59;
  letter-spacing: 0px;
  padding-left: 15px;
  background: url(.././img/bull_gray.png) no-repeat 0 5px;
}
.four-level-menu a.active,.four-level-menu a:hover{
  color: #DFB51C;
  background: url(.././img/bull_yellow2.gif) no-repeat 0 5px;
}
.rightPaneText h3{
  padding: 0;
  font-size: 12px;
  padding-top: 5px !important;
  margin-bottom: 0px;
}
.bullet-list{
  padding-left: 10px;
  margin-top: 0px;
  list-style-type: none;
}
.bullet-list li{
  padding-left: 10px;
  background: url(.././img/bullet-circ.gif) no-repeat 0 5px;
}
.bullet-list ul{
  padding-left: 0 !important;
  list-style-type: none;
}
.bullet-list ul li{
  padding-left: 15px;
  background: url(.././img/list-dash.gif) no-repeat 0 8px;
}
.squareul{
  padding-left: 0 !important;
  list-style-image: none;
}
.squareul li{
  list-style-type: none;
  padding-left: 8px;
  background: url(.././img/list-square.gif) no-repeat 0 7px;
}
.squareul.m{
  margin-top: 0px;
}
.p-bullets{
  text-indent: 8px;
  background: url(.././img/list-square.gif) no-repeat 0 7px;
}
.highlight_h
{ 
  color: #dfb51c; font-weight: bold; font-size: 14px;
  margin-bottom: 15px;
}


.aheading
{
  padding: 0px;
  margin: 0px;
  padding-left: 10px;
  background: url('.././img/arrow.jpg') left no-repeat;
  font-size: 12px;
}

.aheading_no
{
  padding: 0px;
  margin: 0px;
  padding-left: 10px;
  background: url('.././img/bull_gray.png') left no-repeat;
  font-size: 12px;
}

.aheading_no a, .aheading a{text-decoration: none; color: #383520;}
.aheading_no a:hover, .aheading a:hover{text-decoration: none; color: #ffffff;}

.indented
{
  margin-left: 12px !important;
}

.conseilimg
{
  position: relative; top: -5px;
}

.activeul a{color: #fff !important;}


.white_header
{
  width: 100%;
  padding-top: 20px;
  background-color: #fff;
}




.popup      {display: none;}