@import url("/css/panel/elementos-empresas.css");

/* ICONOS */
#AVISONUEVO {
    background: url('/empresas/images/panel/btn-icn-av-new.gif') left center no-repeat;
    }
#CVBUSCAR {
    background: url('/empresas/images/panel/btn-icn-cv-busc.gif') left center no-repeat;
    }
#PREGUNTASCONTESTAR {
    background: url('/empresas/images/panel/btn-icn-preg.gif') left center no-repeat;
    }


/* Contenido encolumnado (no aplica para w800) */
.w1024 .ltCols .colLeft, .ltCols .colRight {
    width:280px;
	display: -moz-inline-stack; /* FF2*/
	display: inline-block;
	vertical-align: top; /* BASELINE CORRECCI”N*/
	zoom: 1; /* IE7 (hasLayout)*/
	*display: inline; /* IE */
    vertical-align:top;
    }
.w1024 .ltCols .colLeft {
    margin-right:35px;

    }
.w1024 .ltCols .colRight {
    margin:0 0 0 auto;
    }



/* Estructura */
BODY {
    background: #F2F2F2 url('/empresas/images/panel/bg-cols.gif?cb=20091104') repeat-y;
    }
    .w800 BODY {
        background: #F2F2F2 url('/empresas/images/panel/bg-cols-w800.gif') repeat-y;
        }

#MainBody {
    background:transparent url('/images/avisos/bgc789.gif') repeat-x center top;
    }

.mbody {
    margin:0 20px;
    width:auto;
    }

.ltCtntEtc {
    }

.ltCtntEtc .colCtnt {
    float:left;
    width:600px;
    padding:20px;
    }
    .w800 .ltCtntEtc .colCtnt {
        width:auto;        
        }
.ltCtntEtc .colEtc {
    float:left;
    width:300px;
    padding:24px;
    padding-right:0;
    }

.dhead, .dbody, .dfoot {
    padding:0 0 10px;
}



/* Titulos */
H2, H3 {
    margin:12px 0; padding:0;
    color:#000;
    font-size:14px; line-height:18px;
    text-transform:none;
    }
H2 {
    font-weight:bold;
    }
H3 {
    font-weight:normal;
    }




/* dbody */
.dbody H3 SMALL.button A {
    line-height:14px;
    padding-top:0;
    padding-bottom:0;
    }

.dbody H3 SMALL {
    float:right;
    color:#777;
}

.dbody H3 SMALL.buttonLink {
    padding-top:3px;
    }

.dbody H3 SMALL.button, .dbody H3 SMALL.buttonLink {
    margin-left:10px;
}



/* dbody */
.dbody H3 .button {
    float:right;
    }



/* dfoot */
#NoticiasBumeran VAR {
    color:#999;
    }




/* colEtc */
.colEtc .banners {
    margin-bottom:20px;
}

#MiCuenta H2 {
    margin-top:0;
    }

#MiCuenta H2 SPAN {
    font-weight:normal;
    }
    
#MiCuenta H2 .buttonDif {
    }

#MiCuenta UL {
    margin:0;
    margin-left:15px;
    padding:6px 0;
    border-top:1px solid #999;
    }

#MiCuenta UL.first {
    padding-top:0;
    border-top:0;
    }

#MiCuenta UL LI {
    color:#0A39A3;
    line-height:14pt;
    }

#MiCuenta UL LI P {
    margin:0;
    display:inline;
    color:#666;
    }

#MiCuenta UL LI.disabled {
    color:#666;
    }
    
#MiCuenta UL LI.disabled A {
    color:#666;
    }

#MiCuenta UL LI.disabled A:hover {
    color:#0A39A3;
    }
    


/*Ajustes 26/08: agregamos estilos para la caja de novedades*/           
#divCajaNovedad {
	position: fixed;
	_position:absolute;
	display: none;
	z-index: 3;
	top: 80px;
	}
	
/*Ajustes 03/09: fixed para la caja de niveles en firefox*/

.caja_borde_sup_izq {
    font-size:0px;
}
.caja_borde_sup {
    font-size:0px;
}
.caja_borde_sup_der {
    font-size:0px;
}



BODY.bgColEtc {
	background:#F2F2F2;
	}


/*Ajustes 14/10: items encuestas*/
#enc_envio {
	background-color: #FFFFFF;
	border: 0px;
	color:#0A39A3;
	font-weight:normal;
	font-family:tahoma,verdana,arial,sans-serif;
	font-size:11px;
	text-transform: capitalize;
	text-decoration: underline;
	cursor: pointer;
}




/*Ajustes 30/10: items encuestas*/
BODY, .w800 BODY {
    background: #FFF url('/empresas/images/panel/bg-cols.gif?cb=20091104') right top repeat-y;
    }

.ltCtntEtc .colEtc {
	float:right;
	padding:24px;
	width:300px;
}

.ltCtntEtc .colCtnt {
	float:none;
	width:auto;
	margin-right:349px;
}

.w1024 .ltCols .colLeft,
.w800 .ltCols .colLeft {
    margin-right:35px;
    width:42%;
    }
.w1024 .ltCols .colRight,
.w800 .ltCols .colRight {
    margin:0 0 0 auto;
    width:42%;
    }

.w800 .ltCols .colRight,
.w800 .ltCols .colLeft {
	width:100%;
	}

#confirmOffline,
#avisoPublicado {
	position: fixed;
	_position:absolute;
	display: none;
	z-index: 3;	
	background-color:#FFFCD9; 
	border:1px solid #999999;
	padding: 8px 8px 8px 8px; 
	top:150px; 
	left:300px;
}
#confirmOffline div,
#avisoPublicado div{
	text-align: center;
}

.w800 .msgbody {
	width:340px;
	}

.grid TD .menu {
	white-space:nowrap;
	}


/* Para que entre toda la grilla en w800 tenemos que sacar un elemento. Elegir el elemento mas sacrificable y sacarlo de las siguiente manera: */
.w800 .grid TD .menu .button {
	display:none;
	}

/* hack para IE: arreglo boton en la grilla*/
HTML>BODY .grid P.menu {
	*padding: 4px 0 2px;
	*height:14px;	
}
HTML>BODY .grid P.menu IMG {
	*vertical-align:top;
}

* HTML .grid P.menu {
	padding: 4px 0 2px;
	height:14px;
}
* HTML .grid P.menu IMG {
	vertical-align:top;	
}

/*Box tolki panel de control*/
.boxTolki { margin: 0 0 30px; padding: 10px 11px 10px 13px; }
.boxTolki .ver_todos { float: right; text-decoration: none; font-size: 12px !important; font-weight: bold; }
.boxTolki h2 { margin-top: 0; }
.boxTolki .listadoMensajesTolki {}
.boxTolki .listadoMensajesTolki .MensajesTolki {clear:both; margin: 0; padding: 5px 0; overflow:hidden; width:100%; border-top: 1px solid #EEE; }
.boxTolki .listadoMensajesTolki .MensajesTolki .contentFotoListadoTolki {float:left;height:40px;width:31px; margin: 0px 0 0 0px;}
.boxTolki .listadoMensajesTolki .MensajesTolki .mensajeListadoTolki{float:right; position:relative; width:245px; margin: 0px 0 0 0px; background: url(/css/fonnola/images/tolki-bg.gif) no-repeat left bottom; padding-bottom: 15px; }
.boxTolki .listadoMensajesTolki .MensajesTolki .mensajeListadoTolki p { margin: 0 0 0 0; background: url(/css/fonnola/images/tolki-bg.gif) no-repeat left top; padding: 10px 10px 0 20px;}
.boxTolki .listadoMensajesTolki .MensajesTolki .mensajeListadoTolki p span{margin: 0 0 0 0;color:#224CAC;font-weight:bold;}
.boxTolki .listadoMensajesTolki .clear-both{clear:both;}

/* Mensaje inicial */
#mensajeInicial { position: relative; margin: 25px 30px 15px 0; padding: 12px 15px; background: #fffbcd url(/css/fonnola/images/mensajeInicialBg.gif) repeat-x; border: 2px solid #fad999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#mensajeInicial h2 { font-size: 18px; font-weight: bold; color: #492e00; margin-bottom: 6px; }
#mensajeInicial h3 { font-size: 16px; color: #492e00; margin-bottom: 6px; font-weight: bold; }
#mensajeInicial p { font-size: 13px; color: #492e00; margin-bottom: 15px; }
#mensajeInicial p em { font-style: italic; }
#mensajeInicial #btnCerrar {cursor: pointer; position: absolute; right: 5px; _right: 40px; top: 5px; height: 19px; width: 19px; background: url(/css/fonnola/images/btnCerrarMensajeInicial.gif) no-repeat; display: inline-block; }
#mensajeInicial #btnCerrar span { display: none; }
#mensajeInicial #fonnolaPreviewWrap { background: url(/css/fonnola/images/fonnoloPreviewBG.gif) no-repeat; height: 69px; padding: 10px 12px; margin-bottom: 5px; }
#mensajeInicial #fonnolaPreviewWrap img { float: left; width: 44px; }
#mensajeInicial #fonnolaPreview p { margin-bottom: 4px; color: #333; font-size: 14px; }
#mensajeInicial #fonnolaPreview { margin-left: 55px; }
#mensajeInicial #fonnolaPreview #nombreUsuarioPreview { font-weight: bold; font-size: 14px; color: #0573bc; }
#mensajeInicial #fonnolaPreview #tituloPreview { color: #898989; font-style: italic; margin-bottom: 6px; font-size: 13px; }
#mensajeInicial #fonnolaPreview #cuandoPreview { color: #898989; font-size: 13px; }
#mensajeInicial #fonnolaPreview .accionesPreview { color: #0573bc; margin-left: 4px; font-size: 13px; }
#mensajeInicial #modificarNombreFonnola { cursor: pointer; font-size: 13px; font-weight: bold; }
#mensajeInicial label { color: #222; }
#mensajeInicial button { background: transparent; padding: 0; border: none; text-transform: none; margin: 0; cursor: pointer;  }
#mensajeInicial a.boton,
#mensajeInicial button span { text-decoration: none; cursor: pointer; display: inline-block; height: 28px; line-height: 26px; color: #fff; font-size: 15px; font-weight: bold; background: url(/css/fonnola/images/btnMensajeInicial.gif) no-repeat left 0; padding: 0 0 0 15px; }
#mensajeInicial a.boton span,
#mensajeInicial button span span { cursor: pointer;  white-space: nowrap; display: inline-block; height: 28px; background: url(/css/fonnola/images/btnMensajeInicial.gif) no-repeat right 0; padding: 0 15px 0 0; }
#mensajeInicial a.boton:hover { background-position: left -28px; }
#mensajeInicial a.boton:hover span { background-position: right -28px; }
#mensajeInicial a.boton:active { background-position: left -56px; }
#mensajeInicial a.boton:active span { background-position: right -56px; }

#mensajeInicial #nuevoNombre { font-size: 14px; padding: 1px 4px; width: 300px; margin-top: 3px; }
#mensajeInicial ul { font-size: 13px; color: #492e00; margin-bottom: 15px; padding-left: 15px; }
#mensajeInicial label { display: block; font-size: 13px; color: #492e00; }
#mensajeInicial #biografia { font-family: tahoma,verdana,arial,sans-serif; font-size: 12px; padding: 4px; width: 485px; }
#mensajeInicial #fileToUpload { margin-bottom: 10px; width: 480px; }
#mensajeInicial form { width: 500px; margin: 20px auto; padding: 10px 20px; border: 2px solid #F6DF7A; background: #FCFAE1; } 
#mensajeInicial .submitWrap { text-align: center; }

#mensajeInicial #imagen_bienvenida_panel { text-align: center; padding: 15px 0; }

#nuevoNombreWrap{display:none;}

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

/* end panel.css */