@import url("autoheight.css");

body {
    font-family:"Verdana","Lucida Grande", "Lucida Sans Unicode", "Arial";
    font-size:12px;
    color:#666;
    background:#e2e2e2;
    margin:0;
}

html,body,object, embed {height:100%;} 

#wrapperAdmin {
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    background-color:#fff;
    border-bottom:1px solid #ccc;
}

#wrapper {
    width:955px;
    background-color:#fff;
    border-bottom:1px solid #ccc;
}

#header
{
	background:#A8A8B7;
}

#user 
{
	font-size:8pt;	
    text-align:right;
    color:#0a195c;
}

#user a
{
    color:black;
    text-decoration:none;
    font-weight:bold;	
}


#menu {
   padding-left:150px;   
}

#menu ul {
    margin:0;
    padding:0;
}

#menu li {
    display: inline;
    list-style-type: none;
    position:relative;
    margin:0;
    padding:0;
}

#menu li a {
    height:21px;
    font-size:10pt;
    font-weight:normal;
    line-height:1.5em;
    color:#fff;
    text-decoration:none;
    background:#2f3c73 url("../images/bgmenu.jpg") repeat-x;
}

#menu li a.inv {
    background:#92d0e7 url("../images/bgmenu_inv.jpg") repeat-x;
}

#menu li a.pro {
    background:#d0bc99 url("../images/bgmenu_pro.jpg") repeat-x;
}

#menu li a.iect {
    background:#a6a9d4 url("../images/bgmenu_iect.jpg") repeat-x;
}

/** SUBMENUS DE CADA PERFIL **/

#menuinv {
    overflow: hidden;
    height:18px;
    padding:2px;
    background:#7ac5e4;
}

#menuinv ul {
    list-style-type: none;
    margin:0;
    padding:0;
}

#menuinv li {
    border-left: 1px solid #fff;
    float: left;
    margin: 0 .5em 0 -.5em;
    padding: 0 .5em 0 .5em;
}

#menuinv li a {
    color:#fff;
    text-decoration:none;
}


#menuinv li a:active,
#menupro li a:active, 
#menuiect li a:active{
    color:#444;
    font-size:10pt;
    text-decoration:none;
}

#menuinv li a:hover,
#menupro li a:hover, 
#menuiect li a:hover{
    color:#444;
    font-size:10pt;
    text-decoration:none;
}

#menupro {
    overflow: hidden;
    height:18px;
    padding:2px;
    background:#c9b18b;
}

#menupro ul {
    list-style-type: none;
    margin:0;
    padding:0;
}

#menupro li {
    border-left: 1px solid #fff;
    float: left;
    margin: 0 .5em 0 -.5em;
    padding: 0 .5em 0 .5em;
}

#menupro li a {
    color:#fff;
    text-decoration:none;
}


#menuiect {
    overflow: hidden;
    height:18px;
    padding:2px;
    background:#9396cb;
}

#menuiect ul {
    list-style-type: none;
    margin:0;
    padding:0;
}

#menuiect li {
    border-left: 1px solid #fff;
    float: left;
    margin: 0 .5em 0 -.5em;
    padding: 0 .5em 0 .5em;
}

#menuiect li a {
    color:#fff;
    text-decoration:none;
}


#menuinv .referencia{
    color:#444;
    font-size:10pt;
    text-decoration:none;
}

#menupro .referencia{
    color:#444;
    font-size:10pt;
    text-decoration:none;
}

#menuiect .referencia{
    color:#444;
    font-size:10pt;
    text-decoration:none;
}

.tabl {
    background:transparent url("../images/menlef.png") no-repeat;
    width:5px;
    height:21px;
}

.tabr {
    margin-right:4px;
    background:transparent url("../images/menright.png") no-repeat;
    width:6px;
    height:21px;
}

.invl {
    background:transparent url("../images/invleft.png") no-repeat;
    width:5px;
    height:21px;
}

.invr {
    margin-right:4px;
    background:transparent url("../images/invright.png") no-repeat;
    width:5px;
    height:21px;
}

.prol {
    background:transparent url("../images/proleft.png") no-repeat;
    width:5px;
    height:21px;
}

.pror {
    margin-right:4px;
    background:transparent url("../images/proright.png") no-repeat;
    width:5px;
    height:21px;
}

.iectl {
    background:transparent url("../images/iectleft.png") no-repeat;
    width:5px;
    height:21px;
}

.iectr {
    margin-right:4px;
    background:transparent url("../images/iectright.png") no-repeat;
    width:5px;
    height:21px;
}


#invbot {
    height:450px;
    background:#cde9f5;
}

#invbot a{
  text-decoration:none;
  font-size: 9pt;
  color:black;
}
#invbot a:hover{font-weight: bold;	}

#probot 
{
	padding: 2 2 2 2;
    height:450px;
    background:#e1d5bd;
}

#probot a{
  text-decoration:none;
  font-size: 9pt;
  color:black;
}
#probot a:hover{font-weight: bold;	}

#iectbot {
    height:450px;
    background:#c4c5e3;
}

#iectbot a{
  text-decoration:none;
  font-size: 9pt;
  color:black;
}

#iectbot a:hover{font-weight: bold;	}


#search a {
    color:#182768;
    text-decoration:none;
}

#path {
	font-size:8pt;	
    color:#182768;
}

#path a {
    color:#182768;
    text-decoration:none;
}

#lineamenu{
	background-color:navy;
}

#mail {
    color:#fff;
    background:#0a195c url("../images/bluebox.gif") no-repeat;
}

#mail a {
    font-size:7.5pt;
    color:#fff;
    text-decoration:none;
}

/** FORMULARIOS **/

.tablaFormularioInv table{
    font-family:"Verdana","Lucida Grande", "Lucida Sans Unicode", "Arial";
}

.tablaFormularioInv th{
    background:#fff url("../images/white_blue.gif");
    font:9pt "Verdana","Lucida Grande","Lucida Sans Unicode";
    padding:3px 8px;
}

.tablaFormularioProy table{
    font-family:"Verdana","Lucida Grande", "Lucida Sans Unicode", "Arial";
}

.tablaFormularioProy th{
    background:#fff url("../images/white_brown.gif");
    font:9pt "Verdana","Lucida Grande","Lucida Sans Unicode";
    padding:3px 8px;
}

.tablaFormularioInst table{
    font-family:"Verdana","Lucida Grande", "Lucida Sans Unicode", "Arial";
}

.tablaFormularioInst th{
    background:#fff url("../images/white_purple.gif");
    font:9pt "Verdana","Lucida Grande","Lucida Sans Unicode";
    padding:3px 8px;
}

.tablaFormularioAdmin table{
    font-family:"Verdana","Lucida Grande", "Lucida Sans Unicode", "Arial";
}

.tablaFormularioAdmin th{
    background:#fff url("../images/white_gray.gif");
    font:9pt "Verdana","Lucida Grande","Lucida Sans Unicode";
    padding:3px 8px;
}


.campoObligatorio{
	 text-align: right;
	 font-weight: bold;
}

/**PAGINADOR **/
#tablaPaginadorAdmin th{

	text-align:center;  
    border-left: 1px solid #fff;
    margin: 0 1em 0 -1em;
    padding: 0 1em 0 1em;
    font-size:9pt;	
}

#tablaPaginadorAdmin td {
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: gray;
    font-size:9pt;	
}

#tablaPaginadorAdmin a{	color:black;text-decoration:none;}
#tablaPaginadorAdmin a:hover{font-weight: bold;}
#tablaPaginadorAdmin .fondo
{
    background-color:#C7C6CB;
}

#tablaPaginadorAdmin .fondoInv
{
    background-color:#DEF0F8;
}

#tablaPaginadorAdmin .fondoProy
{
    background-color:#ECE4D5;
}

#tablaPaginadorAdmin .fondoInst
{
    background-color:#9396cb;
	font-weight: bold;	
	color:white;	
	
}

#tablaPaginadorRes th,td{
	font-size:8pt;
}
#tablaPaginadorRes a{color:black;text-decoration:none;}
#tablaPaginadorRes a:hover{font-weight: bold;	}


/**SECCIONES**/

.sectop2 {
	color:white;
    background:#7ebe46 no-repeat;
    margin:0;
    font-size: 10pt;	
    font-weight:bold;	
    padding:3px 10px;
}

.secbot2 {
    background:#edecf1 no-repeat bottom;
    padding:0 10px 10px 10px;
}

#tableEncuestas table,th,tr{
	 font:8pt;
}
.tablaEncuestas a:hover{color:black;text-align:center}
.tablaEncuestas a{color:black;text-decoration:underline;text-align:center}


/** PIE DE PAGINA **/

#footer 
{
    clear:both;
    background-color:#fff;
    border-top:1px solid #465284;
    height:23px;
    font-size: 9pt;
    font-family:Helvetica,Verdana,Arial,sans-serif;
}

#counter {
    float:left;
    margin:3px 0px 0 10px;
    font-weight:bold;
    color:#0a195c;
}

#menubottom {
    float:right;
    overflow: hidden;
    width: 490px;
    padding:5px;
    font-size: 9pt;
    font-family:Verdana,Arial,sans-serif;
}

#menubottom ul {
    list-style-type: none;
    margin:0;
    padding:0;
}

#menubottom li {
    border-left: 1px solid #000;
    float: left;
    margin: 0 .5em 0 -.5em;
    padding: 0 .5em 0 .5em;
}

#menubottom li a {
    color:#182768;
    text-decoration:none;
}

/** ESTILO GENERAL **/

#tablasGenerales {
	font-family:"Verdana","Lucida Grande","Lucida Sans Unicode";	
	font-size:8pt;	
	width:500px;
}

#tablasGenerales th{
    background:#fff url("../images/white_gray.gif");
    font:9pt "Verdana","Lucida Grande","Lucida Sans Unicode";
    padding:3px 8px;
	text-align:left;
	font-weight: bold;
}

#tablasGenerales .fondo
{
    background-color:#C7C6CB;
}

#tablasGenerales .fondoInv
{
    background-color:#DEF0F8;
}

#tablasGenerales .fondoProy
{
    background-color:#ECE4D5;
}

#tablasGenerales .fondoInst
{
    background-color:#DEDEEF;
}

#tablasGenerales .paginaSeleccionada
{
	font-size:9pt;
	color:red;
}


#tablasGenerales a{	
	font-size:8pt;
	color:black;
    text-decoration:none;	
}

#tablasGenerales a:hover{font-size:8pt;font-weight: bold;	}

/** ESTILO GENERAL **/

.tablaFormulario table{
    font-family:"Verdana","Lucida Grande", "Lucida Sans Unicode", "Arial";
}

.tablaFormulario th{
    background:#fff url("../images/white_gray.gif");
    font:9pt "Verdana","Lucida Grande","Lucida Sans Unicode";
	font-weight: bold;
}

.tablaFormulario td{
    background:#fff url("../images/white_gray.gif");
    font:8pt "Verdana","Lucida Grande","Lucida Sans Unicode";
	text-align:left;
}

.tablaFormulario a{
	color:black;
    text-decoration:none;	

}

.tablaFormulario a:hover{font-weight: bold;	}
.tablaFormulario a{color:black;text-decoration:none;}
.tablaFormulario a:hover{font-weight: bold;	}

/** LOGIN ADMINISTRADOR **/

.labloginAdmin{
    font-family:"Verdana","Lucida Grande", "Lucida Sans Unicode", "Arial";
    background:#e6e7e8 url('../images/back_login.gif') repeat-x;
}

.labloginAdmin h1 {
    font:bold 10pt Georgia;
    color:#333;
    background-color:#b3b3b3;
    padding:4px 8px;
    margin:0;
    margin-bottom:3px;
}

.label{
	font-size:8pt;
    padding:6px 0px 6px 35px;
    background:transparent url('../images/flecha_R.gif ') 5px 15px no-repeat;
}

input,select{
    font-family:"Verdana","Lucida Grande", "Lucida Sans Unicode", "Arial";
	font-size:8pt;
}

/** LOGIN **/

.lablogin{
    font-family:"Verdana","Lucida Grande", "Lucida Sans Unicode", "Arial";
}

.lablogin h1 {
    font-size:10pt;
	text-align:center;
	color:black;	
}

#regresoPagina{
	font:7pt;
	float:right;
    color:#0a195c;
    text-decoration:none;	
}
#regresoPagina a:hover{ color:#0a195c;;text-align:center}
#regresoPagina a{ color:#0a195c;text-decoration:none;text-align:center}

/** MAPA DEL SITIO Y CONTACTO **/

.gristop{
    background:#999 url("../images/dark_gray.gif");
    color:#fff;
    font:12pt Georgia;
    padding:3px 8px;

}
.grissub{
    background:#fff url("../images/white_gray.gif");
    font:9pt "Verdana","Lucida Grande","Lucida Sans Unicode";
    padding:3px 8px;

}
.gris{
    background-color:#ccc;
    padding:8px;
}


.grisdark{
    background:#4D4D4D;
    color:#fff;
    padding:10px;
    width:183px;
}


.home{
    text-align:center;    
    padding-left:0px !important;
    background-image:url("../images/iconos/casita.png") !important;
    background-repeat:no-repeat !important;
    background-position:6px 6px !important;
    padding-bottom:1em;
}
.phone{
    text-align:center;    
    padding-left:0px !important;
    background-image:url("../images/iconos/celular.png") !important;
    background-repeat:no-repeat !important;
    background-position:6px 6px !important;
    padding-bottom:1em;
}
.contact{
    text-align:center;    
    padding-left:0px !important;
    background-image:url("../images/iconos/msn.png") !important;
    background-repeat:no-repeat !important;
    background-position:6px 6px !important;
    padding-bottom:1em;
}
.mail{
    text-align:center;    
    padding-left:0px !important;
    background-image:url("../images/iconos/mail_left.png") !important;
    background-repeat:no-repeat !important;
    background-position:6px 6px !important;
    padding-bottom:1em;
}

/** ESTILO PARA DESPLEGAR EL NOMBRE DEL INVESTIGADOR **/

.user{
    display:block;
    text-align:right;
    clear:both;
    margin:0 12px;
}

/** MENSAJES **/

.threecol{
    float:right;
    width:32%;
    padding-left:6px;
}

.listageneral{
	font:10pt "Verdana","Lucida Grande","Lucida Sans Unicode";
}

.listageneral li a{
    text-decoration:none;
    color:#003366;
}

#divDespliegueEncuesta{
	font:10pt;
	text-align:left;  
	font-weight: bold;	
}

/** Estilos para la pantalla de conceptos de cvu**/

.grid {
    background-image: url(../images/fondos/azul.png);
    background-repeat: no-repeat;
    width: 140px;
    padding: 4px;
    margin-left: 10px;	
    float: left;
}

.grid a{
    height: 58px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.grid img {
    float:right;
    margin: 5px;
}

/** lineas curveadas sin imagenes **/

#principal{
	height: 100%;
}
#imge{
	position:relative;	
	top:-75%;
	height:0%;	
}
#myBox {
	height:20%;
    padding-left:15%;
    padding-right:2%;	
    background-color: #7DBC47;
}
#myBox2 {
	height:80%;
    padding-left: 5%;
    padding-right:2%;		
    background-color: #EDECF1;
}

.sectop1 {
	font:11px "Verdana","Lucida Grande","Lucida Sans Unicode";
    background:#7ebe46 url("../images/left.gif") no-repeat;
    margin:0;
    padding:3px 10px;
	color:white;
}

.secbot1 {
	font:10px "Verdana","Lucida Grande","Lucida Sans Unicode";
    background:#edecf1 url("../images/botleft.gif") no-repeat bottom;
    padding:0 10px 10px 10px;
}

#noticias{
	font-size:8pt;
	background:#7ebe46;
	color:black;
	text-align:right;
}

#noticias2{
	background:#598932;
}

#noticias3{
	background:#edecf1;
}
.usuario A:hover{
	color:red;
}

/*INDICADORES*/

.RenglonConsulta{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:7pt;
	color:#2B3968;
	background-color:#EEF2F7;
}

.estilo1{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:7pt;
	background-color:#6281AD;
	color:white;
	font-weight:bold;	
}


.estilo11{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:7pt;
	background-color:#B7C6DB;
}

.estilo60{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:7pt;
	background-color:#CFD9E7;
	color:black;
}

.estilo61{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:7pt;
	/*  font-weight:bold;	*/
	color:black;
	background-color:#E1E8F0;
}

/*prueba de formas*/

.myform{
color:black;
margin:0 auto;
padding:25px;
border:solid 2px silver;
}

.myform p{
font-size:11px;
margin-bottom:10px;
border-bottom:solid 1px silver;
padding-bottom:10px;
}

.myformGeneral{
color:black;
margin:0 auto;
padding:25px;
background-color:gray;
border:solid 2px silver;
}

.myformGeneral p{
font-size:11px;
margin-bottom:10px;
border-bottom:solid 1px silver;
padding-bottom:10px;
}


.myformInst{
color:black;
margin:0 auto;
padding:25px;
background-color:#DEDEEF;
border:solid 2px #9396cb;
}

.myformInst p{
font-size:11px;
margin-bottom:10px;
border-bottom:solid 1px #9396cb;
padding-bottom:10px;
}


.spacer{clear:both; height:1px;}

/* ----------- stylized ----------- */
#stylized{
/*border:solid 2px silver;*/
/*background:#CFCFCF;*/
align:center;
}

#stylized h1 {
font-size:12px;
font-weight:bold;
text-align:center;
}

#stylized h3 {
font-size:10px;
font-color:black;
font-weight:bold;
}

#stylized h2{
font-size:11px;
font-color:black;
font-weight:bold;
}


#stylized h4{
font-size:9px;
text-align:right;
}

#stylized select{
    margin-bottom:6px;
}

#stylized label{
font-weight:bold;
width:50%;
}

.button{
font-weight:bold;
clear:both;
text-align:center;
line-height:20px;
font-size:11px;
}



.tabs {
	font-size: 7pt;
}

img {
	color:transparent;
}


#detalle{
color:black;
margin:0 auto;
padding:25px;
}

#detalle th{
	font-weight:bold;
	text-align:left;  
    border-left: 1px solid #fff;
    margin: 0 1em 0 -1em;
    padding: 0 1em 0 1em;
    font-size:9pt;	
}

#detalle td {
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: gray;
    font-size:9pt;	
}