/* 1) Main ********************************************************************** */

body {
	margin: 0 30px 2em 30px;
	color: #333;
	line-height: 140%;
	background: #fff url("images/body_back.gif") repeat-x;
	font-size: 0.9em;
}

body, td, th, h3, input { /* redundant rules for bad browsers  */
	font-family: verdana, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#container {
	width: 100%;
	margin: 0 auto;
}
#page {
	padding: 2.15em 0 0 0;
}

/************contenido izquierdo**********/
#contentIzquierdo
{
   margin:  0 0 0 0px;
	background:#DFE4EE url(../images/page-backgroundffff.gif) repeat-x top left;
	border-bottom:solid 1px #eee;
	border-left:solid 1px #eee;
	 border-top:solid 1px #eee;
	 border-right:solid 1px #eee;
	 

}
/**********contenido*****************************/
#content {
	margin:  0 0 0 240px;
	background:#fff url(../images/page-backgroundffff.gif) repeat-x top left;
	border-top:solid 1px #fff;
	padding-bottom:110px; /* para que no se desborde el panel de datos del trabajador*/
	
}


#content #registrar
{
    background:#eee  url(../images/page-backgroundddd.gif) repeat-x top left;
    BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid;BORDER-BOTTOM: #ddd 1px solid; FONT-FAMILY: "lucida grande", tahoma, verdana, arial, sans-serif;

    width:700px;
      
}

#content .cabeceraRegistrar
{  background:#3b5998 url(../images/page-backgroundddd.gif) repeat-x top left;
   padding-left:10px; 
   height:20px;
   BORDER-RIGHT: #0e1f5b 1px solid; 
   BORDER-TOP: #d9dfea 1px solid;
   BORDER-LEFT: #d9dfea 1px solid;
   BORDER-BOTTOM: #0e1f5b 1px solid;
   FONT-FAMILY: "lucida grande", tahoma, verdana, arial, sans-serif;
}

#content .cabeceraRegistrar p
{  
  font-family: verdana, sans-serif;
  color:#fff;
  font-weight: bold;
  font-size:12px;
  text-align:center;
  margin-top:0px;
 
}
#content .proceso
{ 	  padding-left:100px;
   	
}

 #content table.proy
{
  font-size:11px;
  font-family: verdana, sans-serif;
  text-align:right;
  color:Black;
  vertical-align:Middle;
  background-color:#fff;
  
}

#content table.proy td
{
     background-color:#eee;
     text-align:left;
      width:300px;
}

#content table.proy th
{
     background-color:#eff8ce;
     text-align:right;
}

#content table.registrar
{
  font-size:11px;
  font-family: verdana, sans-serif;
  text-align:right;
  color:Black;
  vertical-align:Middle;
  background-color:#fff;
  
}

#content table.registrar td
{
     background-color:#eee;
     text-align:left;
      width:300px;
}
#content table.registrar th
{
     background-color:#ddd;
     text-align:right;
     
}

#content h1
{
  font-size:15px;
  font-family: verdana, sans-serif;
  color:#356AA0;
  font-weight: bold;
}

#content a
{
    color: #356AA0; 
     font-family: verdana, sans-serif;
     font-size:12px;
      font-style:normal;
       text-decoration:none;
 
}
#content a:hover
{
    color: #000; 
     font-family: verdana, sans-serif;
     font-size:12px;
      font-style:oblique;
      font-weight:bold;
       text-decoration:underline;
 
}

#content .caja
{
    BORDER-RIGHT: #2f4f4f 1px dashed;
    border-top: #2f4f4f 1px dashed;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #2f4f4f 1px;
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #2f4f4f 1px dashed; 
	PADDING-TOP: 10px; 
	BORDER-BOTTOM: #2f4f4f 1px dashed; 
	BACKGROUND-COLOR:#eff8ce;
	font-family:Verdana , Sans-Serif;
}
.labelAlerta
{
  font-family:Verdana , Sans-Serif;
  color:Red;
  font-size:12px;   
}

.labelFondo
{
  font-family:Verdana , Sans-Serif;
  color:black;
  font-size:14px; 
  font-weight:bold;  
}

.label
{
  font-family:Verdana , Sans-Serif;
  color:black;
  font-size:11px; 
  font-weight:bold;  
     padding-left:10px;
   
}
.label1
{
  font-family:Verdana , Sans-Serif;
  color:black;
  font-size:11px;   
}
.textbox
{
    BORDER-RIGHT: #2f4f4f 1px ;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #2f4f4f 1px;
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #2f4f4f 1px ; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #2f4f4f 1px ; 
	BACKGROUND-COLOR:#fff;
	font-family:Verdana , Sans-Serif;
	border-color:#eee;
	 font-size:12px; 
	
}
/* 2) Links********************************************************************** */

a:link { color: blue; }
a:visited { color: #66A; }

a:hover { color: #333; }
a:active { color: #000; }

/* 4) Header ******************************************************************** */

#header 
{
	/*clear: both;
	position: relative;
	margin:10px 0 0 0;
	height:  38px;*/
	height:  70px;
	background: #3b5998 url("images/body_back.gif");

}

#header h1 {
	position: absolute;
	top: 0; 
	left: 0;
	margin: 0;
}

#header h3 
{
     text-align:left;
     color:#fff;
      margin-left:20px;
      font-size:30px;
      font-family:Verdana;
      font-weight:bold;
      margin-bottom:0px;
      margin-top:0px;
  
     
}
#header h4 
{
     text-align:left;
     color:#FFFF88;
      margin-left:20px;
      font-size:smaller;
      font-family:Verdana;
      font-weight:bold;
      margin-bottom:20px;
      margin-top:10px;
           
}

#header h1 a,#header h1 a:hover {
	display: block;
	width: 481px; height: 38px;
	background: url("images/body_back.gif") no-repeat;
	font-size: 1px;
	text-indent: -7000em;
	text-decoration: none;
}

#header form {
	position: absolute;
	top: 8px; 
	right: 0;
	font-family: tahoma, arial, sans-serif;
	font-size: 85%;
}
#header form label {
	font-weight: bold;
}
#header form .searchButton, #submit {
	font-size: 100%;
	padding: 1px;
	font-family: tahoma, arial, sans-serif;
}
#header form #searchInput, #s {
	width: 90px;
	font-size: 100%;
	font-weight: normal;
	border:	1px solid #9097A2;
	padding: 2px;
	font-family: tahoma, arial, sans-serif;
}

/* Footer ****************************************************** */
#footer {
	clear: left;
	background: #3b5998 url(images/page-background.gif) repeat-x top left;
	/*margin: 10px 230px 0 auto;    */
	width: auto;
	text-align: center;
	font-size: 0.7em;
}
#footer ul {
	margin: 0;
	padding: 0;
}
#footer li {
	display: inline;
	list-style: none;
	padding-left: 5px;
	padding-right: 5px;
	color:#fff;
	
}
#footer #stickers {
	padding-top: 20px;
}
#footer #stickers div {
	display: inline;
}
#footer #stickers img {
	border: none;
}
	
	/* 5) Navigation2 **************************************************************** */
#navigation2 {
	margin: 0;
	padding: 0;
	/* background: #1e4176 url(images/navigation-background.gif) repeat-x bottom right; */
	/*height: 2.7em;  da problemas traslapa los div */
}
#navigation2 div#bar2 {
	padding: 0; 
	margin: 0;
	background: #3b5998 url(images/navigation-top-right.gif) no-repeat top right; 
	height: 1.7em; 
	white-space: nowrap; 
	border-right: #1e4176 0px solid;
	border-left:#1e4176 0px solid;
	border-bottom:#1e4176 0px solid;
	
}
#navigation2 div#bar2 div {
	position: relative;
	padding: 0; 
	margin: 0;
	background: url(images/navigation-top-left.gif) no-repeat top left; 
	
}

#navigation2 div#bar2 img {
	position: absolute;
	 right:5.0em;
	
	
	
}

#navigation2 #contenttypes2 {
	position: relative;
	bottom: 0; 
	left: 0;
	margin: 0; 
	padding: 0 0.7em 0 0.7em;
	list-style-type: none;
	background: url(images/navigation-bottom-left.gif) no-repeat bottom left; 
	
}


#navigation2 #contenttypes2 li {
	margin: 0 2px 0 0; padding: 0; 
	float: left;
	background-image: url(images/tab-right.gif);
	background-position: top right;
	background-repeat: no-repeat;
	
}
#navigation2 #contenttypes2 li.selected {
	background-image: url(images/tab-right-selected.gif);
}
#navigation2 #contenttypes2 li a {
	float: left;
	font-family: verdana, arial, sans-serif;
	text-decoration: none;
	font-size: 70%;
	font-weight: bold;
	color: #fff;
	height: 2em;
    
	background-image: url(images/tab-left.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px 6px;
	_width: 1%;
	
}

#navigation2 ul li a.actual:link, #navigation2 ul li a.actual:visited, #navigation2 ul li a:hover {
border-bottom: 3px solid #FFFF88;
padding-bottom: 0px;
color: #000;
}

#navigation2 #contenttypes2 li.selected a {
 	border-bottom: 3px solid #FFFF88;
padding-bottom: 0px;
color: #fff;

}


#navigation2 #personal2 {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0; 
	padding: 0 0 0 0;
	list-style-type: none;
	background:url(images/navigation-bottom-right.gif) no-repeat bottom right; 
}
#navigation2 #personal2 li {
	margin: 0 4px;
	padding: 0;
	float: left;
	
	
}
#navigation2 #personal2 a {
	font-family: tahoma, arial, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #000;
	display: block;
	text-decoration: none;
	margin: 0;
	_width: 1%;
}
#navigation2 #personal2 a:hover {
	text-decoration: underline;
}
/* 5) Navigation **************************************************************** */

#navigation {
	/*margin: 0;
	padding: 0;*/
/*	background: #000 url(images/salir.gif) repeat-x bottom right; */
	/*height: 2.7em;*/
}
#navigation div#bar {
	padding: 0; 
	margin: 0;
	background: #DFE4EE url(../images/pstresultadoww.gif) no-repeat top right; 
	/*height: 2.7em; */
	white-space: nowrap; 
	border:solid 1px #ccc;

}
#navigation div#bar div {
	position: relative;
	padding: 0; 
	margin: 0;
	/*background:url(../images/pstresultado.gif) no-repeat top left; */
	height: 2.7em; 
}

#navigation #contenttypes {
	position: absolute;
	bottom: 1px; 
	left: 0;
	margin: 0; 
	padding: 0 0.7em 0 0.7em;
	list-style-type:none;
	background: url(../images/pstresultadosss.gif) no-repeat bottom left; 
}
#navigation #contenttypes li {
	margin: 0 2px 0 0; padding: 0; 
	float: left;
	background-image: url(../images/pstresultado.gif));
	background-position: top right;
	background-repeat: no-repeat;
	height: 1.7em;
}
#navigation #contenttypes li.selected {
	/*background-image:url(../images/pstresultado.gif);*/
}
#navigation #contenttypes li a {
	display: block;
	float: left;
	font-family: verdana, arial, sans-serif;
	text-decoration: none;
	font-size: 85%;
	font-weight: bold;
	color: #000;
	height: 2em;
	line-height: 2em;
	/*background-image: url(../images/pstresultado.gif);*/
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px 6px;
	_width: 1%;
	background-color:#CDEB8B;
	 border:solid 1px #aaa;
}

#navigation #contenttypes li.selected a {
	color: #003366;
	/*background-image: url(../images/pstresultado.gif);*/
	background-color:#fff;
	
}

#navigation #personal {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0; 
	padding: 0 0.4em 0 0;
	height: 1.8em;
	list-style-type: none;
	/*background:url(../images/pstresultado.gif) no-repeat bottom right; */
}
#navigation #personal li {
	margin: 0 4px;
	padding: 0;
	float: left;
	line-height: 2em;
}
#navigation #personal a {
	font-family: tahoma, arial, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #000;
	display: block;
	text-decoration: none;
	margin: 0;
	_width: 1%;
}
#navigation #personal a:hover {
	text-decoration: underline;
}

/* 6) Ssdebar ******************************************************************* */

#sidebar {
	position: absolute;
	top: 190px;
	left:37px;
	background: #fff;
	width: 18%;
	line-height: 120%;
	border:solid 1px #ccc;
	margin-left:auto;
	margin-right:auto;
}
#sidebar h3 {
	font-weight: bold;
	font-size: 0.9em;
	margin: 1em 0 0 0.3em;
}
#sidebar h3:first-child {
	margin: 0 0 0.3em;
}
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar p,
#sidebar li {
	font-size: 0.85em;
	margin: 0 0 0  0;
	padding: 0;
}
#sidebar li a:hover {
	text-decoration: underline;
}
#sidebar p {
	margin-bottom: 6px;
}
#sidebar p:last-child {
	margin-bottom: 0;
}




/* 7) Related ******************************************************************* */

div#related {
	background: #eee url(../images/salirdd.gif) no-repeat bottom left;
	margin: 0 0 0 0;
}
div#related div {
	background: url(../images/salirdd.gif) no-repeat top left;
	padding: 8px;
}
div#related h3 {
	color: #036;
}
div#related li {
	list-style-image: url(../images/salir.gif);
	color: #999;
}
div#related a {
	color: #03a;
	text-decoration: none;
}


/* 8) Pagetools ***************************************************************** */

div.pagetools {
	background: #e6e6e6 url(images/box-gray-bottom.gif) no-repeat bottom left;
	margin: 0 0 16px;
}
div.pagetools div {
	background: url(images/box-gray-top.gif) no-repeat top left;
	padding: 8px;
}
div.pagetools h3 {
	color: #666;
}
div.pagetools a {
	color: #666;
	text-decoration: none;
}
div.pagetools .new a {
	color: #ba0000;
}

/* 9) Breadcrumbs**************************************************************** */

#breadcrumbs {
	margin: 11px 0 0 0; padding: 0;
	font-size: 0.85em;
	font-weight: bold;
	width: 100%;
	clear: both;
}
#breadcrumbs ul {
	margin: 0; padding: 0;
	display: block;
}
#breadcrumbs li {
	float: left;
	padding: 0; 
	margin-top: 0;
	list-style-type: none;
}
#breadcrumbs a,
#breadcrumbs span {
	color: #888;
	text-decoration: none;
	background-image: url(images/breadcrumbs.gif); 
	background-repeat: no-repeat;
	background-position: center left;
	padding: 0 6px 0 12px;
}
#breadcrumbs:first-child a {
	background-image: none;
	padding: 0 6px 0 0;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}
#breadcrumbs li span {
	color: #3f5d89;
}

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

.skipLink {
	position: absolute;
	left: -1200px;
	width: 990px;
}

.hide {
	display: none;
}

#printheader {
	display: none;
}

/**********************esquinas redondeadas*************************************/
.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#3b5998; margin:0 5px;}
.b2f {height:1px; background:#3b5998; margin:0 3px;}
.b3f {height:1px; background:#3b5998; margin:0 2px;}
.b4f {height:2px; background:#3b5998; margin:0 1px;}


/********************login*********************************************/
#LoginUser
{
    background-color: #fff;
    border-color: #356AA0;
     padding: 4px;
     border-style: solid;
      border-width: 1px;
        font-family: Verdana;
        font-size: 0.8em;
        color: #333;
    
}

.titulo
{
    background-color: #356AA0;
    font-weight:bold;
    font-size: 0.9em;
    color:White;
}

.cajaTexto
{
    Font-Size:1.0em;
}

.boton
{
    background-color: #C3D9FF;
    border-color: #356AA0;
    border-style: solid;
    border-width: 1px;
    font-family: Verdana;
    font-size: 0.9em;
    color: #284775;
}

div#divLogin
{
   	width: auto;
	margin:  16px 0 16px  400px;
}



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

.itemgridover
{
  font-weight: normal;
  cursor: default;
  color: #000;
  background-color: #eff8ce;
}
.itemgrid
{
  font-weight: normal;
  cursor: default;
  color: #000;
 
}


/*****************acordion ajax*********************'

/* formato para el control ajax accordion (cabecera)*/
.accordionHeader {
	BORDER-RIGHT: #2f4f4f 1px solid;
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #2f4f4f 1px solid;
	MARGIN-TOP: 5px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #2f4f4f 1px solid; 
	CURSOR: pointer;
	COLOR: #000; 
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #2f4f4f 1px solid; 
	FONT-FAMILY: Arial, Sans-Serif; 
    BACKGROUND-COLOR:#eff8ce;
}

/* formacto para el contenido de accordeon ajax*/ 
.accordionContent {
	BORDER-RIGHT: #2f4f4f 1px dashed;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #2f4f4f 1px;
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #2f4f4f 1px dashed; 
	PADDING-TOP: 10px; 
	BORDER-BOTTOM: #2f4f4f 1px dashed; 
	BACKGROUND-COLOR:#ffffff
}

/* formato para edicion del proyecto*/
.editprofile .editor .inputtext {
	WIDTH: 200px; BORDER: #bdc7d8 1px solid;
}

.editprofile .work_position .inputtext {
	WIDTH: 280px
}
.editprofile .work_position TEXTAREA {
	WIDTH: 280px
}
.editprofile .work_position TEXTAREA {
	HEIGHT: 66px
}

.editprofile .editor .label {
	PADDING-RIGHT: 15px; WIDTH: 150px; TEXT-ALIGN: right; FONT-SIZE: 12px; COLOR: #333; font-weight:bold; font-family:Arial; 
}
.inputsubmit {
	BORDER-RIGHT: #0e1f5b 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #d9dfea 1px solid; PADDING-LEFT: 15px; FONT-SIZE: 11px; PADDING-BOTTOM: 3px; BORDER-LEFT: #d9dfea 1px solid; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #0e1f5b 1px solid; FONT-FAMILY: "lucida grande", tahoma, verdana, arial, sans-serif; BACKGROUND-COLOR: #3b5998; TEXT-ALIGN: center
}

.editprofile .editor .buttons {
	PADDING-LEFT: 160px; TEXT-ALIGN: left;
   
}


 /*posicionamiento de los datos*/
 
 /*la w3c dice que si ambos margenes son auto el valor calculado es igual, por lo tanto los elementos
dentro del div quedaran centrados, ademas deberemos definir el ancho de nuestro bloque definido por el div
*/
 .PosDatos
 {
    width:80%;
    margin-left:auto; 
	margin-right:auto; 
 }  
 
 
 .label
 {
    PADDING-RIGHT: 15px;
    WIDTH: 150px; 
    TEXT-ALIGN:  left;
    FONT-SIZE: 12px;
    COLOR: #333;
    font-weight:bold;
    font-family:Arial; 
 }
 
 .perfil
 {
   color:#777;
   font-size:11px;  
   TEXT-ALIGN:  left;
   font-family:Arial; 
 }