/* CSS: inversiones-argentina.com */

* {	margin: 0;	padding: 0;}

body { 
	background: #eee;
	font-size: 62.5%; /* tamaño fuente en base 10px */
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

a { text-decoration: none; cursor: pointer; color: #fff;}
img {border: 0;}
ul {list-style: none;}
acronym {text-transform: uppercase; color: #669900; cursor: help; }

.derecha { position: relative; float: right; padding: 0.2em 0 0.2em 1em; }
.izquierda { position: relative; float: left; padding: 0.2em 1em 0.2em 0;}

/*-- textos pie de foto ---------------------------*/
.derecha div p { width: 190px; font-size: 1.1em; background-color: #eeffcc; padding: 5px; }
.izquierda div p { width: 190px; font-size: 1.1em; background-color: #eeffcc; padding: 5px; }

p {font-size: 1.2em; padding: 0 0 1em 0;}
code {font-size: 1.5em; color: #000;}
p.mensajeConfirmacion {font-size: 1.5em;}
.pie { font-size: 1.2em;}
.clear { clear: both; }
.textoSubtitulo {font-size: 0.8em; font-weight: normal;}

th {color: #669900;}

/*--- CONTENEDOR 750px -------------------------*/
#contenedor750px {
  position: absolute;
  top: 0;
  left: 50%;
  width: 75em;
  height: auto;
  margin-left: -37.5em;
  padding: 0.2em;
  border-left: 0.4em solid #fff;
  border-right: 0.4em solid #fff;
}

/*--- CONTENEDOR 742px -------------------------*/
#contenedor742px {
  position: relative;
  top: 0;
  left: 0;
  width: 74.2em;
  height: auto;
  padding-bottom: 0.2em;
  border: 0.4em solid #eee;
  background-color: #fff;
}

/*--- CABECERA -------------------------*/
#cabecera {
  position: relative;
  top: 0em;
  left: 0;
  width: auto;
  height: 46.8em;
}

#submenu {
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	margin: 0.1em 0;
	background-color: #690;
	text-align: center;
}

#submenu ul {line-height: 300%; padding-left: 0.5em;}
#submenu ul li {display: inline; border-left: 1px solid #fff;}
#submenu ul li.first {border: 0;}
#submenu ul li a {padding: 0 0.5em;}
#submenu ul li a:hover {color: #690; background: url("../img/fondo-menu-seleccion.png") no-repeat 0 0;}
#submenu ul li span.on a {color: #690; }
#submenu ul li span.on {background: url("../img/fondo-menu-seleccion.png") no-repeat 0 0;}
#submenu ul li span.off a {color: #aaa; }
#submenu ul li span.off a:hover {color: #690;}

/*--- CUERPO -------------------------*/
#cuerpo {
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 0.5em;
  color: #777;
  text-align: justify;
  margin: 0.2em 0;
  background-color: #fff;
}

#cuerpo a {color: #690; text-transform: uppercase;}
#cuerpo a:hover {border-bottom: 1px solid #690;}
#cuerpo a.imagen:hover {border: 0;}
#cuerpo a.titulo {
	color: #777; display: block; width: auto; height: 1.2em; padding: 0.2em 0.5em; 
	border: 0; cursor:default; background-color: #eee; text-align: right;
	border-bottom: 1px solid #777;
}
#cuerpo a span {font-size: 0.9em; padding: 0 0 1em 0; text-align: right; display: block; } /* texto "AMPLIAR IMAGEN" */
#cuerpo .titulo {color: #690; font-size: 1.2em;}
#cuerpo .txResaltado {display: block; background-color: #efc; width: 90%; padding: 2%; margin: 0 3%; }
#cuerpo .txResaltado span {
	display: block; background-color: #cf7; border-bottom: 1px solid #777; text-align: right; 
	padding: 0 3%; font-weight: bold; margin-bottom: 1%;
}
#cuerpo .txResaltado img {margin: 1% 3%; padding: 0;} /* mensajes que necesitan ser resaltados */
#cuerpo ul, #cuerpo ol {font-size: 1.2em; margin-left: 1em;}
#cuerpo ol.numeros {list-style-type: decimal;}
#cuerpo ol.letras {list-style-type: lower-alpha;}
#cuerpo ol.circulos {list-style-type: disc;}
#cuerpo li {padding: 0.5em 0;}

/*--- tabla presentación datos -----------------------------*/
#cuerpo .tablaDatos {position: relative; display: table; float: left; width: 100%; height: auto; font-size: 1.2em; text-align: left;}
#cuerpo .tituloTabla {position: relative; float: left; width: 100%; height: auto; padding: 3px; background-color: #ccff77; font-weight: bold;}
#cuerpo .fila {position: relative; display: block; float: left; width: 100%; height: auto; margin-bottom: 3px;}
#cuerpo .tituloDatos {position: relative; float: left; width: 100%; height: auto; padding: 3px 0;}
#cuerpo .tituloDatos span {background-color: #eee; display: block; padding: 3px; font-weight: bold; border-bottom: 1px solid #777;}
#cuerpo .tituloDatos span i {font-weight: normal; font-style: normal;}
#cuerpo .datos {position: relative; float: left; width: 100%; height: auto; padding: 3px;}
#cuerpo .pieTabla {position: relative; width: 100%; float: left; font-size: 0.75em; text-align: right;}
#cuerpo .foto {position: relative; float: left; width: auto; height: auto; padding: 3px;}
#cuerpo a.tituloDatos span {font-size: 0.9em; text-align: center; border: 0;}
#cuerpo a.tituloDatos:hover {border: 0;}

table.tablaDatos td.tituloTablaCol {background-color: #eee; padding: 3px; font-weight: bold;}
table.tablaDatos td.tituloDatosCol {font-size: 0.75em; text-align: center; vertical-align: top; background-color: #eee; font-weight: bold; padding: 3px;}
table.tablaDatos td.datosCol {text-align: center; vertical-align: middle;}

/*--- Columna 1 -------------------------------*/
#columna1 {
	position: relative;
	float: left;
	top: 0;
	left: 0;
	width: 47%;
	height: auto;
	margin: 0 2% 0 1%;
}

#columna1 p span {
	display: block; background-color: #eee; margin-bottom: 1%;
}

/*--- Columna 2 -------------------------------*/
#columna2 {
	position: relative;
	float: left;
	top: 0;
	left: 0;
	width: 47%;
	height: auto;
	margin: 0 1% 0 2%;
}

#columna2 p span {
	display: block; background-color: #eee; margin-bottom: 1%;
}

/*--- Columna 3 -------------------------------*/


/*--- formulario ---*/
form {font-size: 1.2em; text-align: left;}
form input {text-transform: uppercase;}
form input.email {text-transform: lowercase;}
form input.boton {text-transform: capitalize;}

/*--- PIE -------------------------*/
#pie {
  position: relative;
  clear: both;
  top: 0;
  left: 0;
  width: auto;
  height: 5.5em;
  padding: 0.5em 0;
  background-color: #690;
  text-align: center;
	color: #fff;
}

#pie ul li {
  display: inline;
  padding-left: 0.2em;
  font-size: 1.2em;
  border-left: 0.1em solid #330;
}

#pie ul li.first {border: 0;}

#pie ul li a {
  display: inline;
  padding: 0 0.2em;
  color: #330;
}

#pie a:hover { color: #fff; border-bottom: 1px solid #fff;}
#pie p.pie a:hover { border: 0;}