/*
colores
=======

color 007084 (morado letra)
a:link 8D8DBE (lila)
a:hover 28316B (lila fuerte)

gris C9CCD9
azul 1895D5

verde pistacho c8dd4f
agua marina 007084

fondo cabecera d6d3e7
*/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin:0 auto;
	text-align:center;
	background:url(../images/bg_body.gif) repeat-x #eeeeee ;
}

h1 { font-size:12px; }

#cabecera {
	width:100%;
	height:150px;
	background:url(../images/cabecera-sm-1920-firefox.jpg) no-repeat transparent  ;
	*background:url(../images/cabecera-sm-1920.jpg) no-repeat transparent center;
}

#menu {	width:800px; height:37px;	margin:0 0 2px 0; padding:0; border-top:#fabb13 solid 2px; text-align:center;}
#contenedor { width:800px; margin:0; background-color:#FFFFFF; text-align:center; }

#contenido {
	width:549px; /* para todos los navegadores */
	*width:565px; /* para IE6 y IE7 */
	text-align:justify;
	float:left;
	padding:5px;
}

#lateral {
	height:100%;
	width:192px; /* para todos los navegadores */
	*width:208px; /* para IE6 y IE7 */
	text-align:left;
	background-color:#FFFFFF;
	margin-right:2px;
	border-left:#eeeeee 1px solid;
	float:right;
	padding:5px 10px 5px 5px;
}

#pie { color:#38555c; text-align:center; *text-align:left; font-size:10px; margin-top:10px; }

#pie a:link, #pie a:visited {
	color:#005393;
	text-decoration:underline;
}

#pie a:hover {
	color:#fab711;
	text-decoration:none;
}

p {
	text-align:justify;
}

a:link, a:visited {
	color:#005393;
	text-decoration:underline;
	font-weight:bold;
}

a:hover {
	color:#fab711;
}

.bloque1 {
	width:30%;
	padding:5px;
	background-color:#d6d3e7;
	border-left:#007084 dashed 1px;
}

.bloque2 {
	width:70%;
	padding:5px 10px 5px 5px;
	background-color:#FFFFFF;
	/* border-bottom:#007084 dashed 1px; */
}

.bloque3 {
	padding:5px;
	background-color:#FFFFFF;
}

.tit_tarjeta {
	padding:10px 0;
	color:#004585;
	font-weight:bold;
}

hr {
	color:#004585;
	height:1px; width:100%;
	margin:10px 0;
}

input,select {
	background-color:#f1f1f1;
	border:#cccccc solid 1px;
	font-size:12px;
	padding:0 5px;
}

textarea {
	background-color:#f1f1f1;
	border:#cccccc solid 1px;
	font-size:12px;
	padding:0 5px;
}

/* ------------------------------------- */

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: none;
}

personal {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: black;
	text-decoration: none;
	border:#007084 solid 1px;
}

img{
	border: none;
}
form
{
	margin:0px;
}

.blue
{
	color:#4689B1;
}
a.blue
{
	color:#4689B1;
	text-decoration:underline;
}
.green
{
	color:#408B74;
}
a.green
{
	color:#408B74;
	text-decoration:none;
}
.red
{
	color:#E54646;
}
a.red
{
	color:#E54646;
	text-decoration:underline;
}
.menu
{
	color:#558482;
}
a.menu
{
	color:#558482;
	text-decoration:underline;
}
a.copy
{
	color:#779C9A;
	text-decoration:none;
}
.t11
{
	font-size:11px;
}

.lineapar{
	background-color: #FFFFFF;
}

.lineaimpar{
	background-color: #ECECEC;
}

/* tabla Auxiliar */
.tablaAuxiliar { width:450px; margin-bottom:10px; }
.tablaAuxiliar .tit_tr {
	padding:0 10px;
	font-size:8px;
	color:#505050;
	background-color:#bdbcc2;
	text-transform:uppercase;
	font-weight:bold;
	cursor:default;
}

.tablaAuxiliar .tit_tr td { padding:0 0 0 5px; }
.tablaAuxiliar tr { font-size:10px; }
.tablaAuxiliar td { padding:2px 0 2px 5px; border-bottom:1px solid #bdbcc2; }
.tablaAuxiliar td a:link, .tablaAuxiliar td a:visited { text-decoration:none; }


.tdAyuda {
	border:dotted #CCCCCC 1px;
	background:#f9f9f9;
	width:755px;
	height:25px;
	margin-bottom:10px;
	padding:12px 5px 3px 5px;
}


.showerror {
	border:#CC0000 solid 1px;
	padding:5px;
}


.autocomplete {
  background-color: #d8f8d8;
  border: 1px solid #4c4c4c;
  width: 40ex;
}
.autocomplete ul li {
  font-size: 10pt;
  list-style-type: none;
  margin: 0.25em;
}

.scrollable
{
	height: 90px; /* set the height */
	width: 550px; /* set the width */
	overflow:auto; /* make the scrollbar appears */
	padding:5px;
	border:#999999 solid 1px;
	
	scrollbar-arrow-color: #fff; 
	scrollbar-base-color: #999; 
	scrollbar-dark-shadow-color: #336699; 
	scrollbar-track-color: #999; 
	scrollbar-face-color: #45b53f; 
	scrollbar-shadow-color: #DDDDDD; 
	scrollbar-highlight-color: #f1f1f1;
}

.aviso {
	border:dotted #CCCCCC 1px;
	background:#f9f9f9;
	width:100%;
	height:25px;
	margin-bottom:10px;
	padding:10px;
}