/*
-----------------------------------------------
7espejos estilo básico
version:  2006.02.--
----------------------------------------------- */

/* General
----------------------------------------------- */

body, html { margin: 0px; padding: 0px; }

body {
  margin-top: 0px;
  color: #444;
  font-family: Verdana, Helvetica, Sans-serif;
  font-size: 0.8em;
  line-height: 120%;
  white-space: normal;
}

a {
  font-weight: bold;
  text-decoration: underline;
  color: #444;
}

a:hover {
  font-weight: bold;
  color: black;
}

img { border: 0; }

#contenido {
  line-height: 150%;
  position: relative;
  top: 20px;
  padding: 40px;
}

p { margin: 0 0 2em 0; }

ul { list-style-image: url(http://7espejos.com/_imagenes/item.png); }

h1, h2, h3, h4, h5, h6 {
  font-family: /*"ft81",*/ Verdana, serif;
  font-weight: bold;
  letter-spacing: 2px;
}

h1 { font-size: 150%; }
h2 { font-size: 140%; /*margin-bottom: 1.5em; padding-bottom: 0.5em;*/ }
h3 { font-size: 130%; /*margin-bottom: 1.5em;*/ }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

.amarillo h1,   .amarillo h2,   .amarillo h3,   .amarillo h4,   .amarillo h5,   .amarillo h6   { color: #E9D446; }
.azul     h1,   .azul     h2,   .azul     h3,   .azul     h4,   .azul     h5,   .azul     h6   { color: #4279C3; }
.celeste  h1,   .celeste  h2,   .celeste  h3,   .celeste  h4,   .celeste  h5,   .celeste  h6   { color: #51BFDE; }
.naranja  h1,   .naranja  h2,   .naranja  h3,   .naranja  h4,   .naranja  h5,   .naranja  h6   { color: #EDA342; }
.rojo     h1,   .rojo     h2,   .rojo     h3,   .rojo     h4,   .rojo     h5,   .rojo     h6   { color: #E35D28; }
.verde    h1,   .verde    h2,   .verde    h3,   .verde    h4,   .verde    h5,   .verde    h6   { color: #9FD041; }
.violeta  h1,   .violeta  h2,   .violeta  h3,   .violeta  h4,   .violeta  h5,   .violeta  h6   { color: #A97AB5; }
.amarillo h1 a, .amarillo h2 a, .amarillo h3 a, .amarillo h4 a, .amarillo h5 a, .amarillo h6 a { color: #E9D446; }
.azul     h1 a, .azul     h2 a, .azul     h3 a, .azul     h4 a, .azul     h5 a, .azul     h6 a { color: #4279C3; }
.celeste  h1 a, .celeste  h2 a, .celeste  h3 a, .celeste  h4 a, .celeste  h5 a, .celeste  h6 a { color: #51BFDE; }
.naranja  h1 a, .naranja  h2 a, .naranja  h3 a, .naranja  h4 a, .naranja  h5 a, .naranja  h6 a { color: #EDA342; }
.rojo     h1 a, .rojo     h2 a, .rojo     h3 a, .rojo     h4 a, .rojo     h5 a, .rojo     h6 a { color: #E35D28; }
.verde    h1 a, .verde    h2 a, .verde    h3 a, .verde    h4 a, .verde    h5 a, .verde    h6 a { color: #9FD041; }
.violeta  h1 a, .violeta  h2 a, .violeta  h3 a, .violeta  h4 a, .violeta  h5 a, .violeta  h6 a { color: #A97AB5; }

.amarillo .resaltado, .amarillo b, .amarillo dt, .amarillo strong { color: #EEDC69; font-weight: bold; }
.azul     .resaltado, .azul     b, .azul     dt, .azul     strong { color: #6793CE; font-weight: bold; }
.celeste  .resaltado, .celeste  b, .celeste  dt, .celeste  strong { color: #73CBE4; font-weight: bold; }
.naranja  .resaltado, .naranja  b, .naranja  dt, .naranja  strong { color: #F1B466; font-weight: bold; }
.rojo     .resaltado, .rojo     b, .rojo     dt, .rojo     strong { color: #E87D53; font-weight: bold; }
.verde    .resaltado, .verde    b, .verde    dt, .verde    strong { color: #B2D966; font-weight: bold; }
.violeta  .resaltado, .violeta  b, .violeta  dt, .violeta  strong { color: #BA93C4; font-weight: bold; }
/*
.amarillo .sieteespejos { color: #EEDC69; }
.azul     .sieteespejos { color: #6793CE; }
.celeste  .sieteespejos { color: #73CBE4; }
.naranja  .sieteespejos { color: #F1B466; }
.rojo     .sieteespejos { color: #E87D53; }
.verde    .sieteespejos { color: #B2D966; }
.violeta  .sieteespejos { color: #BA93C4; }
*/

dt { margin-left: 20px; }

.sieteespejos {
  color: #999;
  font-family: /*"ft81",*/ Verdana, serif;
  letter-spacing: 2px;
  white-space: nowrap;
}

#texto_pie, #texto_pie a {
  color: #999;
  font-weight: normal;
}
#texto_pie {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 90%;
}
#texto_pie a       { text-decoration: none; }
#texto_pie a:hover { text-decoration: underline; }

.pie {
  background: url(http://7espejos.com/_imagenes/pie.png) no-repeat center top;
  border-top: #E2E5ED 1px solid;
  margin-top: 20px;
  height: 67px;
  width: 100%;
}

.pie_home {
  border-top: #E2E5ED 1px solid;
  height: 53%;
  margin-top: 20px;
  position: absolute;
  top: 402px;
  width: 100%;
}

.logo_pad { padding: 16px; }	


/* Tope
----------------------------------------------- */

#top_rojo, #top_amarillo, #top_azul, #top_celeste, #top_naranja, #top_verde, #top_violeta  { height: 52px; }
#top_rojo     { background: url('http://7espejos.com/_imagenes/top-back-rojo_01.png')     no-repeat top right; }
#top_amarillo { background: url('http://7espejos.com/_imagenes/top-back-amarillo_01.png') no-repeat top right; }
#top_azul     { background: url('http://7espejos.com/_imagenes/top-back-azul_01.png')     no-repeat top right; }
#top_celeste  { background: url('http://7espejos.com/_imagenes/top-back-celeste_01.png')  no-repeat top right; }
#top_naranja  { background: url('http://7espejos.com/_imagenes/top-back-naranja_01.png')  no-repeat top right; }
#top_verde    { background: url('http://7espejos.com/_imagenes/top-back-verde_01.png')    no-repeat top right; }
#top_violeta  { background: url('http://7espejos.com/_imagenes/top-back-violeta_01.png')  no-repeat top right; }

#bot, #bot a                   { color: white; }
.bot_amarillo, .bot_amarillo a { color: black !important; }
#bot {
  font-size: 10px;
  color: white;
  position: absolute;
  right: 12px;
  top: 0px;
  z-index: 2;
}
#bot a {
  font-weight: normal;
  text-decoration: none;
}
#bot a:hover {
  background-color: white;
  color: black;
}
#bot a.icono:hover { background-color: transparent; }
#bot img { margin: 4px 2px 0px 2px; }

#titulo_pag_rojo, #titulo_pag_amarillo, #titulo_pag_azul, #titulo_pag_celeste, #titulo_pag_naranja, #titulo_pag_verde, #titulo_pag_violeta {
  position: absolute;
  right: 0px;
  top: 7px;
  height: 40px;
  padding: 24px 12px 0px 50px;
  width: 320px;
}
#titulo_pag_rojo     { background: url('http://7espejos.com/_imagenes/top-back-rojo_02.png')     no-repeat top left; }
#titulo_pag_amarillo { background: url('http://7espejos.com/_imagenes/top-back-amarillo_02.png') no-repeat top left; }
#titulo_pag_azul     { background: url('http://7espejos.com/_imagenes/top-back-azul_02.png')     no-repeat top left; }
#titulo_pag_celeste  { background: url('http://7espejos.com/_imagenes/top-back-celeste_02.png')  no-repeat top left; }
#titulo_pag_naranja  { background: url('http://7espejos.com/_imagenes/top-back-naranja_02.png')  no-repeat top left; }
#titulo_pag_verde    { background: url('http://7espejos.com/_imagenes/top-back-verde_02.png')    no-repeat top left; }
#titulo_pag_violeta  { background: url('http://7espejos.com/_imagenes/top-back-violeta_02.png')  no-repeat top left; }

#titulo_txt, #titulo_txt a, #titulo_txt h1 {
  color: #999;
  letter-spacing: 2px;
  font-family: /*"ft81",*/ Verdana, serif;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  text-transform: lowercase;
  vertical-align: top;
}
#titulo_txt a:hover { color: black; }
#titulo_txt h1 { display: inline; }
#titulo_txt td {
  background: url('http://7espejos.com/_imagenes/botonera_deco_02.png') no-repeat top right;
  height: 22px;
  padding-right: 10px;
  width: 320px;
}


/* Botonera
----------------------------------------------- */

#botonera {
  border-bottom: #999 1px solid;
  /*font-size: 12px;*/
  margin-top: 9px;
  padding-left: 1px;
}

#botonera td {
  background: url('http://7espejos.com/_imagenes/botonera_division_it.png') no-repeat top left; 
  border-top: #999 1px solid;
  height: 22px;
  padding-left: 35px;
  text-transform: lowercase;
}

#botonera th {
  background: url('http://7espejos.com/_imagenes/botonera_division.png') no-repeat top left; 
  border-top: none;
  width: 25px;
}

#botonera img { margin: 0; }

#botonera a {
  font-weight: normal;
  text-decoration: none;
  color: #999;
}

#botonera a:hover {
  text-decoration: none;
  color: #ccc;
}

.boton_s {
  visibility: hidden;
  position: absolute;
  top: 61px;
  z-index: 2;
}

.boton_linea {
  border-top: #999 1px solid;
  position: absolute;
  top: 104px;
  height: 1px;
  width: 100%;
}

.boton_s_iz {
  width: 44px;
  height: 44px;
  background: url('http://7espejos.com/_imagenes/botonera_s_iz.gif') no-repeat top right; 
}

.boton_s_med { background: url('http://7espejos.com/_imagenes/botonera_s_med.gif') repeat-x top; }

.boton_s_dr {
  width: 44px;
  height: 44px;
  background: url('http://7espejos.com/_imagenes/botonera_s_dr.gif') no-repeat top left; 
}

/* Cajas Inversas
----------------------------------------------- */

.inversa,
.inversa:hover {
  color: white;
  text-decoration: none;
  font-weight: normal;
}
.inversa   {
  display: block;
  text-align: left;
}
.inversa p { padding: 10px 10px 18px 18px; margin: 0; }
.inversa h1 {
  color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 0px;
  padding-left: 25px;
}

.inversa img { margin-left: 4px; }

.amarillo .inversa,
.amarillo .inversa h1 { color:black; }

.azul .inversa    { background: #7393AE url('http://7espejos.com/_imagenes/reversas/azul_p.png')      repeat-y  top right; }
.azul .inversa p  { background:         url('http://7espejos.com/_imagenes/reversas/azul_esq.gif') no-repeat bottom right; }
.azul .inversa h1 { background: #2e5e85 url('http://7espejos.com/_imagenes/reversas/azul_h1.png')  no-repeat bottom  left; }

.celeste .inversa    { background: #62B5C9 url('http://7espejos.com/_imagenes/reversas/celeste_p.png')      repeat-y  top right; }
.celeste .inversa p  { background:         url('http://7espejos.com/_imagenes/reversas/celeste_esq.gif') no-repeat bottom right; }
.celeste .inversa h1 { background: #2F93AC url('http://7espejos.com/_imagenes/reversas/celeste_h1.png')  no-repeat bottom  left; }

.verde .inversa    { background: #A9C648 url('http://7espejos.com/_imagenes/reversas/verde_p.png')      repeat-y top  right; }
.verde .inversa p  { background:         url('http://7espejos.com/_imagenes/reversas/verde_esq.gif') no-repeat bottom right; }
.verde .inversa h1 { background: #5E8F1B url('http://7espejos.com/_imagenes/reversas/verde_h1.png')  no-repeat bottom  left; }

.amarillo .inversa    { background: #F9DC86 url('http://7espejos.com/_imagenes/reversas/amarillo_p.png')      repeat-y  top right; }
.amarillo .inversa p  { background:         url('http://7espejos.com/_imagenes/reversas/amarillo_esq.gif') no-repeat bottom right; }
.amarillo .inversa h1 { background: #F5C916 url('http://7espejos.com/_imagenes/reversas/amarillo_h1.png')  no-repeat bottom  left; }

.naranja .inversa    { background: #EAAE78 url('http://7espejos.com/_imagenes/reversas/naranja_p.png')      repeat-y  top right; }
.naranja .inversa p  { background:         url('http://7espejos.com/_imagenes/reversas/naranja_esq.gif') no-repeat bottom right; }
.naranja .inversa h1 { background: #D87821 url('http://7espejos.com/_imagenes/reversas/naranja_h1.png')  no-repeat bottom  left; }

.rojo .inversa    { background: #EA8A80 url('http://7espejos.com/_imagenes/reversas/rojo_p.png')      repeat-y  top right; }
.rojo .inversa p  { background:         url('http://7espejos.com/_imagenes/reversas/rojo_esq.gif') no-repeat bottom right; }
.rojo .inversa h1 { background: #DB452B url('http://7espejos.com/_imagenes/reversas/rojo_h1.png')  no-repeat bottom  left; }

.violeta .inversa    { background: #A984B3 url('http://7espejos.com/_imagenes/reversas/violeta_p.png')      repeat-y  top right; }
.violeta .inversa p  { background:         url('http://7espejos.com/_imagenes/reversas/violeta_esq.gif') no-repeat bottom right; }
.violeta .inversa h1 { background: #63436B url('http://7espejos.com/_imagenes/reversas/violeta_h1.png')  no-repeat bottom  left; }

.inversa:hover { background-image: none; }

/* Home
----------------------------------------------- */

div#espejo7 { position: absolute; left: 488px; top:  58px; z-index: 2; }
div#espejo6 { position: absolute; left: 424px; top: 211px; z-index: 4; }
div#espejo5 { position: absolute; left: 354px; top: 132px; z-index: 3; }
div#espejo4 { position: absolute; left: 305px; top: 360px; z-index: 2; }
div#espejo3 { position: absolute; left: 284px; top:  46px; z-index: 2; }
div#espejo2 { position: absolute; left: 267px; top: 232px; z-index: 2; }
div#espejo1 { position: absolute; left: 161px; top:  88px; z-index: 2; height: 265px; }
div#fondo   { position: absolute; left: 117px; top:  30px; }

#txt1, #txt2, #txt3, #txt4, #txt5, #txt6, #txt7 { position: absolute; z-index: 5; }

.descripcion {
  position: absolute;
  /*left: 175px;
  top: 16px;*/
  top: -20px;
  left:20px;
  /*font-size: 105%;*/
  visibility: hidden;
  z-index: 10;
  color: #4797BC;
  font-family: /*"ft81",*/ Verdana, serif;
  font-size: 130%;
  letter-spacing: 2px;
  /*background: url(http://7espejos.com/_imagenes/back_titulo.png) no-repeat;*/
  font-weight: bold;
}

#otros_links {
  border-bottom: #9AC8DC 1px solid;
  color: #9AC8DC;
  font-size: 0.75em;
  height: 16px;
  letter-spacing: 1px;
  padding: 2px 0px 2px 4px;
}

#otros_links a {
  color: #9AC8DC;
  font-weight: normal;
  letter-spacing: 1px;
  text-decoration: none;
}

#otros_links a:hover { text-decoration: underline; }


/* Blog
----------------------------------------------- */

/*div.entry img { margin: 0 10px 10px 10px; }*/


/* Otros
----------------------------------------------- */

/* tablas decoradas */
.azul     table.info { background-color: #2e5e85; }
.celeste  table.info { background-color: #2F93AC; }
.verde    table.info { background-color: #5E8F1B; }
.amarillo table.info { background-color: #F5C916; }
.naranja  table.info { background-color: #D87821; }
.rojo     table.info { background-color: #DB452B; }
.violeta  table.info { background-color: #63436B; }

.azul     table.info th { color: white; }
.celeste  table.info th { color: white; }
.verde    table.info th { color: white; }
.amarillo table.info th { color: black; }
.naranja  table.info th { color: white; }
.rojo     table.info th { color: white; }
.violeta  table.info th { color: white; }

.azul     table.info td { background-color: white; }
.celeste  table.info td { background-color: white; }
.verde    table.info td { background-color: white; }
.amarillo table.info td { background-color: white; }
.naranja  table.info td { background-color: white; }
.rojo     table.info td { background-color: white; }
.violeta  table.info td { background-color: white; }

table.caracteristiacas td { text-align: justify; }

table td { vertical-align: top; }

tbody th { text-align: left; }

/* formularios */
input, select, textarea { border: 1px solid #999; }
input.checkbox { border: none; }
textarea { width: 300px; height: 100px; }

table#equipo img {
  border: 1px solid black;
  float: left;
  margin-right: 1em;
}

img.margen    { margin-left: 15px; margin-right: 15px; }
img.portfolio { border: 1px solid #999; }

a.ancla { text-decoration: none; }

span.nobr { white-space: nowrap; }

/* recuadros */
div.recuadro a,
div.recuadro2 a{ font-weight: normal; }
div.recuadro,
div.recuadroRelativo {
  background: white;
  border: 3px double #999;
  font-size: smaller;
  padding: 5px;
  text-align: left;
}
div.recuadro {
  position: absolute;
  right: 40px;
  top: 100px;
}
div.recuadroRelativo {
  float: right;
}

div.recuadro2 {
  background-color: #ddd;
  border: 1px  solid #000000;
  font-size: smaller;
  left: 40px;
  padding: 5px;
  position: absolute;
  top: 100px;
}

div.aviso {
  border: 2px dashed #999;
  padding: 5px;
}

#link_de_volver {
  bottom: 20px;
  float: right;
  font-size: smaller;
  left: 20px;
  position: relative;
}
#link_de_volver a { font-weight: normal; }

tr.movimiento_negativo td { color: red; }
td.banco_detalle { text-align: right; }
td.banco_info    { text-align:  left; }

span.small   { font-size: smaller; }
span.small a { color: blue; }
