/***************************************************************************************************
  Redefinición de etiquetas html standard
***************************************************************************************************/
body {
  background-color:  #f4f0e5;
  background-image:  url(tile.gif);
  background-repeat: repeat-x;
  font-size:         9pt;
  line-height:       1.4em;
}

.contratos {
  background-color:  #f4f0e5;
  background-image:  none;
  font-size:         8pt;
  line-height:       1.4em;
}

h1 {
  background-color: #21428c;
  padding:          0.3em;
  font-size:        1.4em;
  font-weight:      bold;
  color:            #eee;
  margin-bottom:    0.5em;
}

h2 {
  margin-top:    1.2em;
  margin-bottom: 0.3em;
  font-size:     1.2em;
  font-weight:   bold;
  color:         #008000;
}

h3 {
  margin-top: 0.3em;
  font-size: 1em;
  font-weight: bold;
  margin-left: 2em;
}

h4 {
  background-color: #21428c;
  padding:          0.5em;
  font-size:        0.5em;
  font-weight:      bold;
  color:            #eee;
  margin-bottom:    0em;
}

dfn {
  font-size:  0.9em;
  font-style: normal;
  color:      #555;
}

strong, em, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
  background: #ffc;
}

code {
  color: #800;
}

/* 2 class for image floating */
img.imgright {
  float: right;
  margin-left: 1em;
}

img.imgleft {
  float: left;
  margin-right: 1em;
}

a:link {
  color: #24468c
}

a:visited {
  color: #24468c
}

a:active {
  color: #f00
}

a:hover {
  color: #ff8200
}

div#page ol, div#page ul {
  margin-left: 3em;
}

div#page ul {
  list-style: disc;
  margin-bottom: 0.5em;
}

div#page li {
  margin-bottom: 0;
}

div#page ol {
  list-style: decimal;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 2em;
}

div#container {
  width: 970px;
}

div#containerContratos {
  width: 580px;
}

/**************************************************************************************************/
/* Bloques float de la página                                                                                           */
/**************************************************************************************************/
.menuVer {
  float: left;
  width: 25%;
}

.cuerpo {
  float: right;
  width: 74.9%;
}

.cuerpoContratos {
  width: 100%;
}

/* ================= header ================= */
div#header {
  height: 100px;
}

div#header h1 {
  padding-left: 1em;
  color: #fff;
}

div#header h1 a {
  color: #fff;
  text-decoration: none;
}

/* ================= main navigation ================= */
#navmain {
  width: 100%;
  height: 30px;
  font-size: 1.1em;
}

#navmain ul {
  list-style: none;
}

#navmain li {
  display: inline;
  margin: 0;
  line-height: 22px;
}

#navmain a {
  float: left;
  background: url("tab_right.gif") no-repeat 100% 0;
  text-decoration: none;
}

#navmain a span {
  float: left;
  display: block;
  background: url("tab_left.gif") no-repeat 0 0;
  padding: 0px 12px 8px 12px;
  font-weight: bold;
  color: #ddd;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navmain a span {
  float: none;
}

/* End IE5-Mac hack */

#navmain a:hover span {
  color: #333;
}

#navmain a:hover {
  background: url("tab_right.gif") no-repeat 100% -30px;
}

#navmain a:hover span {
  background: url("tab_left.gif") no-repeat 0 -30px;
}

/* ================= main page ================= */
div#page div.inner {
  padding: 3em 2.7em 1em 3em;
  background-image: url(page_top.gif);
  background-position: top left;
  background-repeat: no-repeat;
  color: #24468c;
}

div#page div.inner p {
  margin-bottom: 0.5em;
}

div#page {
  background-color: #fff;
  background-image: url(page_back.gif);
  background-repeat: repeat-y;
}

/* ================= footer ================= */
div#footer {
  font-style: italic;
  background-image: url(page_bottom.gif);
  font-size: x-small;
  color: #555;
  text-align: center;
  height: 40px;
}

/* ================= right navigation ================= */
div#nav {
  margin-top: 8px;
}

div#nav div.inner {
  padding: 0.5em;
}

div#nav ul {
  margin-left: 0.3em;
}

div#nav p {
  margin-top: 0.5em;
}

div#nav div.inner ul.menu li {
}

div#nav div.inner ul.menu a {
  display: block;
  width: 95%;
  padding-left: 5px;
  /*background-color: #fff;*/
  /*color: #000;*/
  border-bottom: 1px solid #ddd;
  margin: 0;
  text-decoration: none;
}

div#nav div.inner ul.menu a:link, div#nav div.inner ul.menu a:visited, div#nav div.inner ul.menu a:hover {
  text-decoration: none;
}

div#nav div.inner ul.menu a:hover {
  background-color: #24468c;
  color: #fff;
}

/* ================= tables ================= */
table {
  margin-top:    1em;
  border-style:  solid;
  border-width:  1px;
  border-color:  #21428c;
  font-size:     1em;
  margin-bottom: 0.5em;
  width:         600px;
}

table caption {
  border:  0;
  padding: 0;
  margin:  0;
}

th {
  border-style: solid;
  border-color: #21428c;
  border-width: 1px;
  background:   #21428c;
  color:        #eee;
  text-align:   center;
  font-size:    1.2em;
  font-weight:  bold;
  padding-left:  0.5em;
  padding-right: 0.5em;
}

td {
  padding-left:  0.5em;
  padding-right: 0.5em;
  border-color:  #21428c;
  border-width:  1px;
  border-style:  solid;
  text-align:    right;
}

/*
th {
  background: #A58F6C;
  border: 1px solid #F2EDDA;
  color: #F5F4F0;
  font-weight: bold;
  padding: .4em;
  text-transform: capitalize;
}
*/

th a:link, th a:visited {
  color: #fffe80;
}

th a:hover {
  color: #ff8200
}

tr.head th {
  background: #110;
}

tr.head th a:link, tfoot td a:link, tfoot td a:visited, tr.head th a:visited {
  color: #A0C1F8;
}

tr.head th a:hover, tfoot td a:hover {
/*
color: #ff8200
*/
}

/*
td {
  background: #fff; 
  padding-left: 0.5em;
}
*/

tr.odd td, td.odd, .odd {
  background: #020202;
}

tfoot th, tfoot td {
  background: #666 !important;
  color: #F5F4F1;
}
/*
tr {
  border-bottom: 40px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  height: 24px;
}
*/
.izq {
  text-align: left;
}

.centro {
  clear:both;
  text-align: center;
}

.paypal {
  padding-top:    1px;
  padding-bottom: 1px;
  text-align:     center;
}

.precio {
  color:       red;
  font-size:   1.2em;
  font-weight: bold;
}

#capaLogo {
  position: relative;
  left:     3px;
  top:      9px;
  width:    222px;
  height:   80px;
}

#capaContacto {
  position: relative;
  left:     767px;
  top:      -71px;
  width:    192px;
  height:   83px;
}

#capa15euros {
  position: relative;
  left:     460px;
  top:      -145px;
  width:    90px;
  height:   90px;
  z-index:  1;
}

#capa1HoraGratis {
  position: relative;
  left:     0px;
  top:      10px;
  width:    215px;
  height:   120px;
  z-index:  1;
}

#capa50porCiento {
  position: relative;
  left:     350px;
  top:      -180px;
  width:    215px;
  height:   120px;
  z-index:  1;
}
#capaMenusCuerpo {
  position: relative;
}

#capaMenusCuerpoIE6 {
  position: relative;
//  top:      -153px;
  top:      -273px;
}