@import url("autoheight.css");

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

h1 {
    color:#fff;
    font-size:10pt;
}
.grid {
    background-image: url(../images/fondos/azul.png);
    background-repeat: no-repeat;
    float: left;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    width: 110px;
    padding: 4px;
    height: 58px;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 11px;
}

.gridEntrega {
    background-image: url(../images/fondos/azul2.png);
    background-repeat: no-repeat;
    float: left;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    width: 110px;
    padding: 4px;
    height: 70px;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 11px;
}
.gridCafe {
    background-image: url(../images/fondos/cafe2.png);
    background-repeat: no-repeat;
    float: left;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    width: 110px;
    padding: 4px;
    height: 70px;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 11px;
}

.gridMorado{
    background-image: url(../images/fondos/morado2.png);
    background-repeat: no-repeat;
    float: left;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    width: 110px;
    padding: 4px;
    height: 70px;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 11px;
}

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

.clearer {
    display:block;
    clear:both;
}


div#faux {
    background:#e2e2e2 url(../images/bg_faux_955.gif) repeat-y scroll 50% 0;
    position: absolute; /*Posicionamiento absoluto*/
   left: 50%; 
   margin-left: -495px;
   
   width:1000px;

}

#wrapper {
    overflow:hidden;
   margin-left: 22px;
    width:955px;
    background-color:#fff;
    border-bottom:1px solid #ccc;

}

#header {
    height:37px;
    width:955px;
    background:#A8A8B7;
}

/*#header2 {
    background: url('../images/bgheader.jpg') no-repeat;
    height:95px;
 
}*/

#user {
    float:left;
    margin:14px 0px 22px 650px;
    line-height:1.6em;
    text-align:right;
    color:#0a195c;
}

/*#user2 {
    float:left;
    margin:70px 0px 5px 450px;
    line-height:1.6em;
    text-align:right;
    color:#0a195c;
}*/

#menu {
   float:left;
   padding-left:150px;
}

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

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

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

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

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

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

.tabl {
    float:left;

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

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

.invl {
    float:left;

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

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

.prol {
    float:left;

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

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

.iectl {
    float:left;

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

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

#search {
    float:left;
    margin:18px 30px 0px 0px;
}

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

#subheader {
    height:20px;
}

#path {
    float:left;
    margin:3px 0 0 10px;
}

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

#mail {
    float:right;
    color:#fff;
    background:#0a195c url("../imags/bluebox.gif") no-repeat;
    padding:0 10px 3px 22px;
}

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

#content {
    width:100%;
}

#leftcol {
    float:left;
    width:156px;
    padding-left:4px;
    padding-bottom:20px;
    
}

#secleft {
    width:155px;
}

#centercol {
    float:left;
    width:651px;
    padding:3.5px;
}

#centercol .tit {
    display:block;
    background:#e1e8f0;
    border-style:solid;
    border-width:1px;
    border-color:#003366;
    padding:5px;
    margin:0 0 5px 0;
    font-size:1.2em;
    font-weight:bold;
}

#error {
    width:500px;
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    border-style:solid;
    border-width:1px;
    border-color:#003366;
}

#error .errup{
    color:#fff;
    background:#6281ad;
    text-align:center;
    padding:10px;
    font-size:1.2em;
}

#error .errdown{
    color:#000;
    background:#e1e8f0;
    text-align:center;
    padding:10px;
    font-size:1.2em;
}

.titforma {
    color:#fff;
    background:#6281ad;
    text-align:center;
    padding:2px 0;
}

.subtitforma {
    color:#000;
    background:#b7c6db;
    text-align:center;
    padding:2px 0;
}

#forma input,
#forma textarea,
#forma select {
    margin-bottom:10px;
}

#forma label {
    display:block;
    border-top-style: dashed;
    border-top-width: 1px;
    border-top-color: #003333;
    margin:5px 0 3px 0;
    padding:5px 0 0 5px;
}

.formleft {
    width:310px;
    float:left;
    margin:10px 10px 10px 0;
    padding:0 10px 0 0;
    border-right-style: dashed;
    border-right-width: 1px;
    border-right-color: #003333;
}

.formright {
    width:310px;
    float:left;
    margin:10px 0 0 0;
}

#datos li span{
    display:block;
    float:left;
    width:220px;
}

#datos .listdat {
    background:#eef2f7;
    padding:4px;
    width:384px;
}

#datos ul{
    list-style-type: none;
}

#datos {
    background:#e1e8f0;
}

#datos li {
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #b7c6db;
    color:#003366;
    padding:2px 0;
    clear:both;
}


#invbot {
    background:#cde9f5;
}

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

#probot
{
    padding: 2 2 2 2;
    background:#e1d5bd;
}

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

#iectbot {
    background:#c4c5e3;
}

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

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

.piedepag {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #003366;
}
#forma {
    padding:0 5px 0 5px;
    color: #003366;
}

.listaitc {
    margin:-12px 0 0 0;
}

.listaitc ul {
    background:#e1e8f0;
}

.listaitc li {
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #b7c6db;
    color:#003366;
    padding:3px 0;
}

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

.enviar {
    background:#eee;
    text-align:center;
}

/* MENUS */

#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;
}

#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;
}


#centerup {
    margin-bottom:4px;
}

.section {
    float:left;
    width:322px;
    padding:2px 0 0 0;
}

.section b {
    font-family:"Georgia";
}

.section img {
    float:left;
    margin:5px 5px;
}

.sectop {
    background:#7ebe46 url("../images/top.gif") no-repeat;
    margin-right:2px;
	padding:3px 0;
}

.secbot {
    background:#edecf1 url("../images/bot.gif") no-repeat bottom;
	margin-right:2px;
   padding:5px 0px 0px 0px;
}

/*.sectop1 {
    background:#7ebe46 url("../images/left.gif") no-repeat;
    margin:0;
    padding:3px 10px;
}*/

.secbot1 {
    background:#edecf1 url("../images/botleft.gif") no-repeat bottom;
    padding:0 10px 10px 10px;
}

.sectop2 {
    background:#7ebe46 url("../images/right.gif") no-repeat;
    margin:0;
    padding:3px 10px;
}

.secbot2 {
    background:#edecf1 url("../images/botright.gif") no-repeat bottom;
    padding:0 10px 10px 10px;
}

#centerleft {
   /* margin:0 6px 0 0;*/
}

#rightcol {
    float:right;
    width:131px;
    padding-right:4px;
}

#rightcol img {
    float:left;
    margin:5px 0 0 0;
}

#secright {
    width:131px;
}

#footer {
    clear:both;
    background-color:#fff;
    border-top:1px solid #465284;
    height:23px;
}

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



#menubottom {
    float:right;
    overflow: hidden;
    width: 480px;
    padding:5px;
}

#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;
}
.gridcafe {
    background-image: url(../images/fondos/cafe.png);
    background-repeat: no-repeat;
    float: left;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    width: 110px;
    padding: 4px;
    height: 58px;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 11px;
}
.gridcafe img {
    float:right;
    margin: 5px;
}
.gridmora {
    background-image: url(../images/fondos/morado.png);
    background-repeat: no-repeat;
    float: left;
    margin-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    width: 110px;
    padding: 4px;
    height: 58px;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 11px;
}
.gridmora img {
    float:right;
    margin: 5px;
}
.innerpadding{

    padding:10px;
}


/*//////////////////////////////////*/

.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 "Lucida Grande","Lucida Sans Unicode";
    padding:3px 8px;

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

.azultop{
    background:#7AC5E4 /*url("../images/dark_blue.gif")*/;
    color:#fff;
    font:12pt Georgia;
    padding:3px 8px;

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

}
.azul{
    background:#CDE9F5;
    padding:8px;
}
.cafetop{
    background:#C8B18B/*url("../images/dark_blue.gif")*/;
    color:#fff;
    font:12pt Georgia;
    padding:3px 8px;

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

}

.cafe{
    background:#E2D5BE;
    padding:8px;
}
.moradotop{
    background:#C8B18B/*url("../images/dark_blue.gif")*/;
    color:#fff;
    font:12pt Georgia;
    padding:3px 8px;

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

}

.morado{
    background:#C3C5E3;
    padding:8px;
}

.gris label,
.azul label,
.cafe label,
.morado label{
    display:block;
    width:120px;
    float:left;
    clear:both;
    margin-bottom:1em;
}

.gris input, .gris select, .gris textarea, .gris option,
.azul input, .azul select, .azul textarea, .azul option,
.cafe input, .cafe select, .cafe textarea, .cafe option,
.morado input, .morado select, .morado textarea, .morado option{
    display:block !important;
    float:left;
    zoom:1;

}
.gris ul, .gris il,
.azul ul, .azul il,
.cafe ul, .cafe il,
.moradi ul, .moradi il{

}
.buttonbar{
    text-align:center;
    margin-top:3em;
}
.buttonbar img{
    vertical-align:middle;
    margin-bottom:.25em;
    margin-right:1em;
}
.plusdoc{
    padding-left:40px !important;
    background-image:url("../images/iconos/25.gif") !important;
    background-repeat:no-repeat !important;
    background-position:12px 12px !important;

}
.pencil{
    padding-left:40px !important;
    background-image:url("../images/iconos/01.png") !important;
    background-repeat:no-repeat !important;
    background-position:12px 12px !important;

}
.user{
    display:block;
    text-align:right;
    clear:both;
    margin:0 12px;
}
.twocol{
    float:left;
    width:50%;
}
.twocol input, .twocol select, .twocol textarea, .twocol option{
    display:block;
    clear:both;
}
.twocol label{
    margin-bottom:.25em;
    float:none;
}
.threecol{
    float:left;
    width:32%;
    padding-left:6px;
}

.regsyact{
    float:left;
    width:50%;
    background:none;
}

.regsyact img{
    float:left;
    vertical-align:middle;
    margin-right:.5em;
}
.center{
    text-align:center;
    width:60%;
    padding-left:128px;
    padding-top:1.5em;


}
.center input, .center select, .center textarea, .center option{
    display:inline !important;
    float:none;
}

.center label{
    display:inline;
    margin-left:.5em;
    float:none;
    clear:both;
    margin-bottom:1.5em;

}
.center img{
    margin-right:1em;
}
.lab{
    text-align:left;

}
.lab label{
    display:block;
    float:left;
    width:140px;
    clear:both;
}

.lab input {
    float: left;
}
.lab .gristop,
.lab .azultop,
.lab .moradotop,
.lab .cafetop{
    margin-bottom:10px;
}
.message{
    text-align:center;
    padding:6px !important;
    height:85px;
    background-image:url("../images/iconos/siicyt.gif") !important;
    background-repeat:no-repeat !important;
    background-position:6px 6px !important;
    background-color:#eee !important;
    border:2px solid #aaa;
    font-size:9pt;
    color:#333;
}
.message img{
    display:block;
    margin:auto;
    padding:4px;
}


.home{
    text-align:center;
    padding-left:0px !important;
    background-image:url("../images/iconos/casita.gif") !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.gif") !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.gif") !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.gif") !important;
    background-repeat:no-repeat !important;
    background-position:6px 6px !important;
    padding-bottom:1em;
}

.lablogin{
    margin:auto;
    width:400px;
    padding:12px;
    margin:0;
    display:block;
    text-align:left;
    zoom:1;
}
.lablogin label{
    float:left;
    display:block;
    width:80px;
    padding:0px 0px 6px 25px;
    background:transparent url('../images/flecha_R.gif ') no-repeat;
}
.lablogin input{
    float:left;
    display:block;
    margin-bottom:16px;
    width:220px;
}
.lablogin button{
    display:block;
    clear:both;
    margin-left:200px;
}

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

#noticias2{
	background:#598932;
}

#noticias3{
        font-size:8pt;
	background:#edecf1;
}*/

#tablaPaginadorRes th,td{
	font-size:9pt;
}

/** 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;	}