/* CSS Document  ANEO */

/* HOJA DE ESTILOS CSS
para el desarrollo del proyecto ANEO
desarrollado por:	Kaytel Soluciones
Fecha inicio: 02/06/2008

*/
#portal { position:relative; }

#portal .portal-column, #portal .portal-column-extra {  float: left;  width:480px; }
.portal-column-extra { margin-top:10px; margin-bottom:10px; }
#portal .portal-column h2 {  color: #bbb;  text-align: center; margin:0px; }

#portal a#lista_cajas { display:block; background:url(../img/seleccioneventanas.gif) top left no-repeat; width:170px; height:20px; position:absolute; right:0px; top:-29px; font-size:1em; padding:2px 0px 0px 12px; text-decoration:none; } 

.caja_top{ background:url(../img/caja_top.jpg) top left no-repeat; width:459px; height:19px; }
.caja_top h3{ margin-left:5px; padding-top:2px; color: #08395a; /*font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;*/}
.caja_cuerpo{ margin:auto; width:450px;}

#portal #columna_lista_cajas {  position: absolute;  width: 200px;  top: 0px;  right: -20px;  z-index: 10; border:1px solid #8dc0de;  background-color:#FFFFFF; text-align:center; }

#portal #columna_lista_cajas .block {  margin: 2px; width:190px; text-align:left; }
#portal #columna_lista_cajas .block .caja_top { width:190px; background:url(../img/caja_top.jpg) top left repeat; height:34px; }
#portal #columna_lista_cajas .block .caja_top h3 { width:180px; font-size:11px; font-weight:bold; }
#portal #columna_lista_cajas .block .caja_top h3 span { display:none;}
#portal #columna_lista_cajas .block .content {  display: none; }
#portal .block { width:459px; margin:5px 0 10px 12px;  float:left; padding:1px; border:1px solid #8dc0de; background-color:#FFFFFF;}
#portal .block .content { margin:5px 0px 2px 10px; width:448px; float:left; }
#portal .block .minimizar_ventana { background:url(../img/mini.gif) center left no-repeat; display: block;  float:left; width: 13px;  height: 11px;  margin:3px 6px 3px 0; cursor: pointer;}
#portal .block .cerrar_ventana { background-image:url(../img/eliminar.gif); display:block;  width: 12px; height: 11px;  background-repeat: no-repeat; float:left; background-position: center; cursor: pointer; margin:3px 0px 3px 0; }
#portal .block .minimizar_ventana span, #portal .block .cerrar_ventana span { display: none; }
#portal .block .minimizar_ventana { display: none; } /* oculta primero todos los botones de minimizar y cerrar de todas las ventanas... */
#portal .block .cerrar_ventana { display: none; }
.home #portal .block .minimizar_ventana { display: block; } /* ...y solo los muestra en las ventanas de la página home */
.home #portal .block .cerrar_ventana { display: block; }
#portal .block-hover {  border: 2px dashed #ff0000;}
#portal .block-list-handle, #portal .handle {  cursor: move; }

#portal #columna_lista_cajas .blockfijo {  margin: 2px; width:190px; text-align:left; }
#portal #columna_lista_cajas .blockfijo .caja_top { width:190px; background:url(../img/caja_top.jpg) top left repeat; height:34px; }
#portal #columna_lista_cajas .blockfijo .caja_top h3 { width:180px; font-size:11px; font-weight:bold; }
#portal #columna_lista_cajas .blockfijo .caja_top h3 span { display:none;}
#portal #columna_lista_cajas .blockfijo .content {  display: none; }
#portal .blockfijo { width:459px; margin:5px 0 10px 12px;  float:left; padding:1px; border:1px solid #8dc0de; background-color:#FFFFFF;}
#portal .blockfijo .content { margin:5px 0px 2px 10px; width:448px; float:left; }
#portal .blockfijo .minimizar_ventana { background:url(../img/mini.gif) center left no-repeat; display: block;  float:left; width: 13px;  height: 11px;  margin:3px 6px 3px 0; cursor: pointer;}
#portal .blockfijo .cerrar_ventana { background-image:url(../img/eliminar.gif); display:block;  width: 12px; height: 11px;  background-repeat: no-repeat; float:left; background-position: center; cursor: pointer; margin:3px 0px 3px 0; }
#portal .blockfijo .minimizar_ventana span, #portal .block .cerrar_ventana span { display: none; }
#portal .blockfijo .minimizar_ventana { display: none; } /* oculta primero todos los botones de minimizar y cerrar de todas las ventanas... */
#portal .blockfijo .cerrar_ventana { display: none; }
.home #portal .blockfijo .minimizar_ventana { display: block; } /* ...y solo los muestra en las ventanas de la página home */
.home #portal .blockfijo .cerrar_ventana { display: block; }


#portal .handle {  width:410px; float:left;}
#portal #columna_lista_cajas .block .minimizar_ventana, #portal #columna_lista_cajas .block .cerrar_ventana {  display: none;}

.textosobrecolumna {  color:#999999; text-align:center; }

.necesarioparaplegado { float:left; }

	/* FORMULARIOS */
input, select, textarea{ font: normal 1em "Arial"; border:1px solid #f0f0f0; border-color:#BBB #DDD #DDD #DDD;  padding:1px 2px 1px 2px; background-color:#ffffff; color:#444444;}
textarea { height:50px; }
.checkbox { border:none; }
button {cursor:pointer; } 
input:focus, select:focus, textarea:focus { background-color: #FFF;} 
.degradado .formulario .formtitulo{color:#2d79ac;}
.formulario{ padding:5px 0 5px 50px;  float:left; }
.formulario p{ float:left; margin-left:40px; width:600px;}
	.formulario p.indenta15 { margin-left:15px; }
	.formulario p.indenta25 { margin-left:25px; }
.formtitulo{  width:150px; float:left; display:inline; padding:2px 0  2px 10px; margin-bottom:5px;}
	.formtitulo small { color:#000000; display:block; margin-top:5px; }
.formdatos{ margin-bottom:5px; float:left; display:inline; }
.validador{margin-left:1px; color:#FF0000; font-weight:bold; font-size:14px; margin-bottom:5px; width:5px; height:16px; float:left;}
.entrada80{ width:80px;}
.entrada96{ width:96px;}
.entrada110{ width:110px;}
.entrada120{ width:120px;}
.entrada150{ width:150px;}
.entrada180{ width:180px;}
.entrada220{ width:220px;}
.entrada250{ width:250px;}
.entrada320{ width:320px;}
.entrada350{ width:350px;}
.entrada390{ width:390px;}
.entrada430{ width:430px;}
.entrada500{ width:500px;}
.entrada600{ width:600px;}

/*  PESTAÑAS  */

.pestana{ width:453px; margin:3px 0 0 0; float:left; }
.pestana_top { background:url(../img/pestana_top.gif) top left no-repeat; width:453px; height:22px; margin-bottom:5px; }
.pestana_top2 { background:url(../img/pestana_top2.gif) top left no-repeat; width:453px; height:22px; margin-bottom:5px; }
.pestana_top3 { background:url(../img/pestana_top3.gif) top left no-repeat; width:453px; height:22px; margin-bottom:5px; }
.pestana_cuerpo{ padding-bottom:5px; float:left;}
a.titulo_pestana{ float:left; margin:3px 0 0 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em;   color:#000000;}
.pestana_top2 a.titulo_pestana{ color:#2d79ac;}
a.titulo_pestana:hover{ color:#a6640f;}

a.plegar{ background:url(../img/plegar.gif) center center no-repeat; width:11px; height:5px; float:right; margin-top:5px; margin-right:3px; cursor: pointer;  display:block; padding:4px;  }
a.plegar2 { background:url(../img/icono_pestana2-trans.png) no-repeat; width:21px; height:22px; cursor: pointer;  display:block; float:left; margin-right:10px;  }
a.desplegar{ background:url(../img/desplegar.gif) center center no-repeat; width:11px; height:5px; float:right; margin-top:5px; margin-right:3px; cursor: pointer;  display:block; padding:4px;  }
a.desplegar2 { background:url(../img/icono_pestana1-trans.png) no-repeat; width:21px; height:22px; cursor: pointer;  display:block; float:left; margin-right:10px;  }
.plegar span, .plegar2 span { display:none; }
.desplegar span, .desplegar2 span { display:none; }