body{
  background-image:url(/site_media/img/nuevo_diseno/fondo_body.jpg);
  background-position:left top;
  background-repeat:repeat-x;
}
div#principal{
  width:1010px;
  margin:0 auto;
  padding-bottom:20px;
}
div.base{
  /*padding-right:2%;*/
  /*padding-left:2%;*/
  min-width:1010px;
}

div.contenido{
  /*padding-right:2%;*/
  min-width:1010px;
}

#menu_superior{
  background-image:url(/site_media/img/nuevo_diseno/fnd_menu.jpg);
  background-position:left top;
  background-repeat:repeat-x;
  height:33px;  
  margin-top:0;  
}

div#menu_superior ul{
  position:relative;
  float:left;
  margin:0;
  padding-left:0;
  line-height:33px;
}

div#menu_superior li{
  background-image:url(/site_media/img/nuevo_diseno/fnd_menu_separador.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  float:left;
  text-align:center;
  
}

div#menu_superior li a:hover{
  background-image:url(/site_media/img/nuevo_diseno/fnd_menu_sobre.jpg);
  background-position:left center;
  background-repeat:repeat-x;
  text-decoration:none;
}

div#menu_superior li a{
  font-size:12px;
  font-weight:bold;
  color:#625516;
  margin-right:0;
  margin-left:1px;
  padding-top:11px;
  padding-right:17px;
  padding-bottom:8px;
  padding-left:16px;
}
/*--------------------------------*/

div#banner{
  height:128px;
  background-image:url(/site_media/img/nuevo_diseno/fondokk1.jpg);
  background-position:center center;
  background-repeat:no-repeat;

}

div#banner img{
  float:right;
  margin-top:91px;
  margin-right:15px;
}

/*--------------------------------*/
#columna_izq{
  float:left;
  height:100%;
}
#columna_der{
  float:left;
  width:760px;
  padding-left:20px;
  background-image:url(/site_media/img/nuevo_diseno/bullet_e.jpg);
  background-position:right top;
  background-repeat:no-repeat;
  border-left:1px solid #f5f5f5;
}

p.mensaje{
  background-image:url(/site_media/img/nuevo_diseno/icon_exclamacion.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  padding-left:32px;
  line-height:40px;
  color:red;
}

p.mensaje_pos{
  background-image:url(/site_media/img/nuevo_diseno/icon_autorizar.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  padding-left:32px;
  line-height:40px;
  color:green;
}

ul.errors{
  margin:0;
}

ul.errors li{
  background-image:url(/site_media/img/nuevo_diseno/icon_exclamacion_peq.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  padding-left:19px;
  line-height:20px;
  color:red;
  font-size:11px;
}

/*--------------------------------*/

.completado_base{
  float:left;
  margin-bottom:20px;
  width:48%;
  padding-left:10px;
}

.completado{
  width:197px;
  height:17px;
  background-image:url(/site_media/img/nuevo_diseno/completado_base.jpg);
  background-position:center center;
  background-repeat:no-repeat;  
}

.completado .completado_parcial{
  height:17px;
  background-image:url(/site_media/img/nuevo_diseno/completado_amarillo.jpg);
  background-position:5px center;
  background-repeat:no-repeat;
  
  
}

.completado .completado_total{
  height:17px;
  background-image:url(/site_media/img/nuevo_diseno/completado_verde.jpg);
  background-position:5px center;
  background-repeat:no-repeat;  
}

.completado, .comp_inline{
  float:left;
}

.titulo_comp{
  margin:0 0 1px 5px;
  font-size:12px;
  font-weight:bold;  
}

.cant_comp{
  margin:0 0 0 5px;
  clear:left;
}

.cant_comp span{
  font-size:13px;
}

.c100{
  color:#30b3ad;
}

/*-------------------------------*/

#enlaces_proyecto_back{
  background-color:#f5f5f5;
  clear:both;
}

div#enlaces_proyecto{
  background-color:#f5f5f5;
  height:150px;
  width:1010px;
  overflow:hidden;
  margin:0 auto;
}

div#enlaces_proyecto div{
  background-image:url(/site_media/img/nuevo_diseno/sep_enlaces_directos.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  width:252px;
  float:left;
  height:140px;
}

div#enlaces_proyecto div.first{
  background:none;
}

div#enlaces_proyecto ul{
  float:left;
  margin:0;
  padding-left:24%;
}

div#enlaces_proyecto ul li{
  clear:both;  
  height:20px;
}

div#enlaces_proyecto p.title{
  margin-top:15px;
  margin-bottom:15px;
  margin-left:15%;
  font-size:15px;
  background-image:url(/site_media/img/nuevo_diseno/flecha_fnd_gris.jpg);
  background-position:left center;
  background-repeat:no-repeat;
  padding-left:22px;
  color:#229e96;
}

div#enlaces_proyecto ul li p{
  margin:0 0 10px 0;
}

div#enlaces_proyecto ul li a{
  font-size:11px;
  color:#8e8e8e;
  
}
/*-----colaboradores----*/

div#colaboradores{
  height:120px;
  width:1010px;
  margin:0 auto;
  overflow:hidden;
}

/*--------------------------------*/
div#pie{background-color:#b5b5b5;}
div#acciones_pie{
  background-color:#b5b5b5;
  height:25px;
  font-size:11px;
  overflow:hidden;
  width:1010px;
  margin:0 auto;
  
}

div#acciones_pie ul{
  line-height:25px;
  padding-left:0;
}

div#acciones_pie div#acciones_izq, div#acciones_pie div#acciones_izq li{
  float:left;
}

div#acciones_pie div#acciones_der li{
  display:inline; 
}

div#acciones_pie div#acciones_der{
  text-align:left;
}

div#acciones_pie div#acciones_der{
  text-align:right;
  float:right;
}

div#acciones_pie li.first a{
  border:none;
}

div#acciones_pie a{
  color:white;
  border-left:1px solid white;
  padding-left:10px;
  padding-right:10px;
}

/* formularios */

div.field{
    margin-bottom: 40px;
}

div.field label{
    font-size:10pt;
    color:#535353;
}

form {
  margin-bottom:1em;
}

#info{
  width:100%;
  height:112px;
  float:right;
  background-image:url(/site_media/img/nuevo_diseno/fnd_rotaciones.jpg);
  background-position:right center;
  background-repeat:no-repeat;
  margin-top:28px;
  margin-left:20px;
}

#info .left{
  float:left;
  width:690px;
  margin-top:10px;
  padding-left:30px; 
}

#info .left p{
  font-size:12px;
  font-weight:bold;
  margin-top:12px;
  margin-bottom:0; 
}

#info .left p#ayuda{
  float:left;
  background-image:url(/site_media/img/nuevo_diseno/icon_ayuda.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  height:32px;
  margin:0;
  padding-top:18px;
  padding-left:35px;
}