/*
Estilo para sitio web de Reclutamiento Marti
Sitio web realizado por Codice web softwaare
Fecha de realizacion 28/marzo/2008
*/

/*estilos para anular ESTILOS PREDETERMINADOS html*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img { border: 0; }
ol,ul { list-style: none; }
caption,th { text-align: left; }

/*terminan estilos para anular ESTILOS PREDETERMINADOS html*/

/*inicia estilo para ESTRUTURA GENERAL del sitio*/

body { background: #4084b5; }

#container
{
	width: 900px;
	margin: 3px auto 0 auto;
	background: url(../images/bgContainer.gif);
}

#head
{
	background: url(../images/bgCornerHead.gif) no-repeat;
	height: 82px;
}

#head #headAzul
{
	width: 886px;
	height: 72px;
	margin: 0px auto;
	background: url(../images/logoHead.gif) no-repeat #00699A 50% 50%;
	position: relative;
	top: 5px;
}

#foot
{
	width: 900px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #060947;
	background: #4084b5;
	padding: 10px 0 0 0;
}

#foot .logos { margin: 0 0 0 20px; }

/*termina estilo para ESTRUCTURA GENERAL del sitio*/


/*inicia estilo para MENU*/

#menu
{
	width: 886px;
	background: url(../images/bgMenuCorner.gif) no-repeat #DDE8EF;
	margin: 0 auto 5px auto;
	padding: 5px 0;
}

#menu #menuAzul
{
	background: #001C3F;
	width: 876px;
	height: 46px;
	margin: 0 auto;
}

#menu ul
{
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	width: 800px;
	padding: 15px 0 0 0;
	font-size: 12px;
}

#menu ul
{
	width: 350px;
	float: right;
}

#menu li
{
	display: inline;
	float: left;
}

#menu li a
{
	color: #FFF;
	display: block;
}

#menu li a span { display: none; }

#menu .espacio
{
	width: 70px;
	text-align: center;
}

#menu li .cuenta
{
	background: url(../images/mCuenta.gif) no-repeat 50% 50%;
	width: 72px;
	height: 20px;
}

#menu li .cuenta:hover
{
	background: url(../images/mCuentaOn.gif) no-repeat 50% 50%;
	width: 72px;
	height: 20px;
}

#menu li .vacante
{
	background: url(../images/mVacantes.gif) no-repeat 50% 50%;
	width: 66px;
	height: 20px;
}

#menu li .vacante:hover { background: url(../images/mVacantesOn.gif) no-repeat 50% 50%; }

#menu li .salir
{
	background: url(../images/mSalir.gif) no-repeat 50% 50%;
	width: 34px;
	height: 20px;
}

#menu li .salir:hover { background: url(../images/mSalirOn.gif) no-repeat 50% 50%; }

/*termina estilo para MENU*/


/*inicia estilo para IMAGENES FLOTANDO*/

.right
{
	float: right;
	margin: 0 0 10px 10px;
}

.left
{
	float: left;
	margin: 0 10px 10px 0;
}

/*termina estilo para IMAGENES FLOTANDO*/


/*inicia estilo para TABLA DE LOGIN*/

.tabLogin
{
	clear: right;
	margin: 15px 0 15px 80px;
	font-size: 13px;
	color: #060947;
}

.tabLogin td { padding: 5px; }

.tabLogin .txtCamp
{
	border: 1px solid #333;
	padding: 3px;
}

/*termina estilo para TABLA DE LOGIN*/

/*inicia estilo para CAMPOS DE REGISTRO Y RECUPERA en login*/

.regCamp
{
	background: url(../images/bgLog.gif);
	width: 392px;
	font-size: 11px;
	color: #060947;
	margin: 0 0 10px 0;
}

.regCamp table
{
	width: 370px;
	margin: 0 auto;
}

.regCamp td { padding: 5px; }

.regCamp a { color: #002950; }

.regCamp a:hover { text-decoration: none; }



/*termina estilo para CAMPOS DE REGISTRO Y RECUPERA en login*/

/*inicia estilo para CONTENIDO*/

#content
{
	width: 866px;
	margin: 10px auto;
	font-family: Arial, Helvetica, sans-serif;
}

#content #contLeft, #content #contRight { width: 418px; }

#content #contLeft p, #content #contRight p
{
	font-size: 11px;
	color: #333333;
	margin: 0 0 15px 0;
	line-height: 14px;
}

#content #contLeft p .black, #content #contRight p .black
{
	font-size: 12px;
	font-weight: bold;
}

#content #contLeft h5, #content #contRight h5
{
	color: #060947;
	margin: 0 0 5px 0;
}

.txtVacantes
{
	font-size: 11px;
	color: #333333;
	margin: 0 0 10px 0;
	line-height: 14px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #b2bac5;
}

.txtVacantes span
{
	color: #2f4574;
	font-size: 12px;
	font-weight: bold;
}

#content #contLeft { float: left; }

#content #contRight { float: right; }

.openDiv
{
	clear: both;
	margin: 0 0 10px 0;
}

.tabDatos
{
	width: 360px;
	margin: 0 auto;
	color: #060947;
	font-size: 11px;
}

.tabDatos td { padding: 10px 5px 15px 5px; }

.tabDatos .division { border-bottom: 1px solid #b2bac5; }

.tabDatos .txtCamp
{
	border: 1px solid #333;
	padding: 3px;
}

/*termina estilo para CONTENIDO*/