/***************************************************************************

 roverex.com
 Copyright (C) 2007 by K-Gigas Computer S.L.
 Danilo Dellaquila - <danilo@k-gigas.com>

 File name: roverex.css
 ----------------------

 Date           : Fri Sep 28 20:38:32 CEST 2007
 Version        : 1.0
 Description    : roverex.com style sheet

 ***************************************************************************/

body {
  background: #FFFFFF url('images/bgGreyDots.png') repeat;
  margin: 0;
  padding: 0;
  text-align: justify;
  font-family:  "Verdana", "Bitstream Vera Sans", "Arial", sans-serif;
  font-size: small;
}

/*** Page optimized for 800x600 resolution ***/
.page {
  background: url('images/bgContent.png') repeat-y;
  width: 750px;
  margin: 0 auto 0px auto;
  z-index: 1;
}

/*** Header: Logo, Photo, Date ***/
#logoheader {
  float: left;
  width: 736px; 
  padding-left: 7px;
}

/*** Top Menu ***/
#topmenu {
  float: left;
  width: 736px;     /* Adjusted for IE 6 width bug*/
  margin-left: 3px; /* Adjusted for IE 6 width bug*/
  border-bottom: 2px solid #FF8000; 
  font-size:95%;
  padding-bottom: 1px;
}
/* This is are the correct values that follow the CSS standard */  
#topmenu {
  width: 736px;
  margin-left:7px;
} 
#topmenu ul {
  list-style: none;
  padding: 10px 10px 0 40px;
  margin: 0;
}
#topmenu li {
  display: inline;
  font-weight: bold;
  margin:0;
  padding:0; 
}
#topmenu a {
  float: left;
  margin: 0;
  padding: 0 0 0 4px;
  text-decoration: none;
}
#topmenu a span {
  background: url("images/menuTabRight.png") no-repeat right top;
  padding: 5px 15px 4px 6px; 
  color: #FFFFFF;
  display: block;
}
#topmenu a:hover {
  background-position:0% -42px; 
}
#topmenu a:hover span {
  background-position:100% -42px;
}

/*** Footer ***/
#footer {
  margin-top: 0px;
  margin-left: 7px;
  padding: 0 0 0 0;
  clear: both;
  width: 736px;
  background-color: #FF8000;
  text-align: center; 
}
#footer p {
  color:#FFFFFF;
  padding: 5px;
  text-align: center; 
}
#footer address a {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  text-align: center; 
  border-bottom: 1px dotted #FFFFFF; 
}
#footer address a:hover {
  color: #C3C3C3  ;
  text-decoration: none;
  text-align: center; 
  font-weight: bold;
}

/*** Company Address, LOPD and Copyright ***/
address {
  font-family:  "Verdana", "Bitstream Vera Sans", "Arial", sans-serif;
  font-size: 10px;
  font-weight: bold;
  font-style : normal;
  color: #FFFFFF;
  padding-left: 7px;
  padding-bottom: 7px;
}

/*** Page Content ***/
#content {
  float: left;
  padding: 10px 10px 0 47px;
  width: 650px;
  margin: 0 auto 0px auto;
}
#content h1 {
  text-align: center;
  color: #303030;
  font-size: 20px;
  font-family:  "Verdana", "Bitstream Vera Sans", "Arial", sans-serif;
}
#content h2 {
  color: #303030;
  font-size: 16px;
  font-family:  "Verdana", "Bitstream Vera Sans", "Arial", sans-serif;
}
#content h3 {
  color: #303030;
  font-size: 14px;
  font-family:  "Comic Sans MS", "Verdana", "Bitstream Vera Sans", "Arial", sans-serif;
}
#content p {
  padding-bottom: 20px;
  border-bottom: 1px solid #DDDDDD;
}
#content b  {
  color: #303030;
}
#content th  {
  color: #303030;
}
#content ul  {
  color: #303030;
}
#content li  {
  color: #303030;
}
li.pdf  {
  color: #303030;
  padding-bottom: 10px;
}
a.masinfo {
  color: #FF8000; 
  float: left;
  font-family:  "Verdana", "Bitstream Vera Sans", "Arial", sans-serif;
  font-size: 10px; 
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted #303030; 
}
a.pdf {
  color: #FF8000; 
  font-family:  "Verdana", "Bitstream Vera Sans", "Arial", sans-serif;
  font-size: 12px; 
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted #303030; 
}
a.mail  {
  color: #FF8000; 
  font-family:  "Verdana", "Bitstream Vera Sans", "Arial", sans-serif;
  font-size: 12px; 
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted #303030; 
}
a.logo { 
  color: #303030;
  text-decoration: none;
  border: 0px; 
}
a { 
  color: #303030;
  text-decoration: none;
  border-bottom: 1px dotted #FF8000; 
}

/*** Products ***/
#rightside {
  padding-left: 240px;
}
/*** Images ***/
img.leftphoto {
  float: left;
  padding: 4px;
  border: 0px solid #a0a0a0;
  margin-top: 0px;
  margin-right: 15px;
  margin-bottom: 0px;
  margin-left: 0px;
}
img.rightphoto {
  float: right;
  padding: 4px;
  border: 0px solid #a0a0a0;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 15px;
}
img.logo {
  border: 0px solid #a0a0a0;
}