@charset "utf-8";
/* CSS Document */

/*Fondo de Web*/

.body
{
	background-image:url(../imagenes/bg_web.png);
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	
}

.table_main
{
	width:800px;
	height:100%;
	background-color:#FFFFFF;
}

.table_body
{
	width:800px;
}

.head
{
	  width:800px;
	  height:92px;
}

.menu
{
	  width:800px;
	  height:31px;
}

/*Configuración lado izquierdo de Web*/
.left_conten
{
  width:219px;
  margin:0;
}
/*Configuración lado derecho de Web (Contenido Web)*/
.right_conten
{
	width:581px;
	margin:0;
}

.contenido
{
	width:800px;
	margin:0;
}

.titulo_noticia
{
	color:#003399;
	font-size:11px;
	font-weight:bold;
}


.titulo_menu
{
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	background-color:#006699;
}

.contenido_menu
{
	color:#003399;
	font-size:12px;
	font-weight:bold;
}

.titulo_asesoria
{
	color:#003399;
	font-size:12px;
	font-weight:bold;
}

.titulo_contenido
{
	color:#003399;
	font-size:12px;
	font-weight:bold;
}

.texto_contenido
{
	color:#000000;
	font-size:11px;
}				   

.contenido_noticia
{
	color:#000000;
	font-size:11px;	
}

.contenido_asesoria
{
	color:#000000;
	font-size:12px;	
}

.link_noticia
{
	color::#003399;
	font-size:11px;	
	font-weight:bold;
	text-decoration:underline;	
	
}

.border_top
{
	border:solid;
	border-top-color:#336699;
}

.lineaizq {
	BORDER-TOP: #003366 1px groove; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #003366; BORDER-LEFT: #003366 1px groove; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #003366
}
.lineader {
	BORDER-RIGHT: #003366 1px groove; BORDER-TOP: #003366 1px groove; BORDER-LEFT-WIDTH: 1px; BORDER-LEFT-COLOR: #003366; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #003366
}				

/* Opciones del Menu SSPERU */
.inicio{
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		color: #FFF;
		padding-right:15px;
		padding-left:15px;
		}
.inicio:hover{
				background-color:#FFF;
				padding-bottom:17px;
				text-align:center;
				text-decoration:none;
				color:#000;
				padding-right:14px;
				padding-left:14px;
				border:1px solid #336699;
			 }
.empresa{
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		color:#FFF;
		padding-right:15px;
		padding-left:15px;
		}
.empresa:hover{
				background-color:#FFF;
				padding-bottom:17px;
				text-align:center;
				text-decoration:none;
				color:#000;
				padding-right:14px;
				padding-left:14px;
				border:1px solid #336699;
			 }
.productos{
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		color:#FFF;
		padding-right:15px;
		padding-left:15px;
		}
.productos:hover{
				background-color:#FFF;
				padding-bottom:17px;
				text-align:center;
				text-decoration:none;
				color:#000;
				padding-right:14px;
				padding-left:14px;
				border:1px solid #336699;
			 }
			 
.servicios{
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		color:#FFF;
		padding-right:15px;
		padding-left:15px;
		}
.servicios:hover{
				background-color:#FFF;
				padding-bottom:17px;
				text-align:center;
				text-decoration:none;
				color:#000;
				padding-right:14px;
				padding-left:14px;
				border:1px solid #336699;
			 }
.proyectos{
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		color:#FFF;
		padding-right:15px;
		padding-left:15px;
		}
.proyectos:hover{
				background-color:#FFF;
				padding-bottom:17px;
				text-align:center;
				text-decoration:none;
				color:#000;
				padding-right:14px;
				padding-left:14px;
				border:1px solid #336699;
			 }
.publicaciones{
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		color:#FFF;
		padding-right:15px;
		padding-left:15px;
		}
.publicaciones:hover{
				background-color:#FFF;
				padding-bottom:17px;
				text-align:center;
				text-decoration:none;
				color:#000;
				padding-right:14px;
				padding-left:14px;
				border:1px solid #336699;
			 }
.empleos{
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		color:#FFF;
		padding-right:15px;
		padding-left:15px;
		}
.empleos:hover{
				background-color:#FFF;
				padding-bottom:17px;
				text-align:center;
				text-decoration:none;
				color:#000;
				padding-right:14px;
				padding-left:14px;
				border:1px solid #336699;
			 }
.contactos{
		text-align:center;
		text-decoration:none;
		font-weight:bold;
		color:#FFF;
		padding-right:15px;
		padding-left:15px;
		}
.contactos:hover{
				background-color:#FFF;
				padding-bottom:17px;
				text-align:center;
				text-decoration:none;
				color:#000;
				padding-right:14px;
				padding-left:14px;
				border:1px solid #336699;
			 }

img{
	border:0px;
	}
table{
	  border:0px;
	 }
h6{
	margin:0px;
	color:#033;
  }
td{
	caption-side:top;
	vertical-align:top;
	}

.table_submain{
				width:750px;
			  }


.foot{
	  background-color:#FFF;
	  color:#000;
	  width:375px;
	  height:40px;
	  font-size:9px;
	  padding-left:20px;
	  padding-top:2px;
	  padding-bottom:2px;
	 }
.neck{
	  width:750px;
	  height:15px;
	  background-image:url(../imagen/fondo_neck.jpg);
	  background-repeat:repeat-y;
 	 }
.neck2{
	   background-image:url(../imagen/fondo_neck2.jpg);
	   background-repeat:repeat-x;
	   width:750px;
	   height:10px;
	  }
.lateral1{
		 width:2px;
		 background-color:#FFF;
		 border-right:1px solid #336699;
		}
.lateral2{
		 width:2px;
		 background-color:#FFF;
		 border-left:1px solid #336699;
		}


.menu{
	  width:740px;
	  height:27px;
	  border:1px solid #336699;
	  background-image:url(../imagen/fondo_menu.jpg);
	  background-repeat:repeat-x;
	 }


.separador{
		   width:750px;
		   height:15px;
		  }
/* Estilos Usados en el Cuadro de Noticias*/
.borde_cuadro{
			 border:1px solid #336699;
			 width:180px;
			 vertical-align:top;
			 caption-side:top;
	   		}
.fecha{
	   color:#999;
	  }
.content_cuadro{
				background-color:#FAFBFF;
				width:180px;
				height:175px;
				vertical-align:top;
				caption-side:top;
				}
.texto_cuadro{
			   color:#000;
			   font-size:10px;
			 }
.texto_title_cuadro{
					color:#FFF;
					font-weight:bold;
					font-size:12px;
					vertical-align:middle;

					}
.title_cuadro{
			   background-image:url(../imagen/fondo_title_cuadro.jpg);
			   background-repeat:repeat-x;
			   width:180px;
			   height:25px;
	  		 }

/*Fin de los Estilos usados en el Cuadro de Noticias*/


.content_cuadro2{
				background-color:#FAFBFF;
				width:180px;
				vertical-align:top;
				caption-side:top;
				}
.table_green{
			 border:1px solid #CDCFC4;
			 background-color:#E8F4C6;
			 color:#454D1E;
			 width:510px;
			 height:150px;
			 padding:10px;
			}
			
/*Cuadro de bienvenida a Pagina Principal*/
.imagen_main{
	  		 width:200px;
			 height:160px;
			}
.cuadro_welcome{
				width:330px;
				height:160px;
			 	padding-left:10px;
				padding-top:0px;
				padding-right:0px;
				padding-bottom:opx;
				text-align:justify;								
				}
				
.title_welcome{
				color:#336699;
				font-size:15px;
				text-align:center;
				font-weight:bold;
			  }
/*Fin del cuadro de bienvenida a la Pagina Principal*/
			  
.beneficios{
			width:265px;
			height:100px;
		   }
.clientes{
		   width:265px;
		   height:100px
		 }
.vinculos_servicios{
					 padding-top:5px;
					 padding-left:10px;
					 border-bottom:1px solid #CCC;
					}
.title_dominio{
				font-size:16px;
				color:#393;
			  }
/*Herramientas para cajas de texto de contactos*/
.texto{
		background-color:#FFFFFF;
		border: 1px solid #003366;
		width:300px;
		color:#336699;
	  }

.texto1{
		background-color:#FFFFFF;
		border: 1px solid #003366;
		width:120px;
		color:#336699;
	  }
	  
	  
.texto_contactos{
				color:#003366;
				font-weight:bold;

				}
/*Fin de cajas de texto de contactos*/

.info_noticias{
				border:1px solid #069;
				background-color:#FAFBFF;
				padding:10px;
			  }
.emails{
		color:#FF0000;
		}
.color_info{
			 color:#336699;
			}
.overlay{
     display: none;
     position: absolute;
     top: 0;
     left: 0;
     width:100%;
     height:1130px;
     background: #000;
     z-index:1001;
     opacity:.70;
     -moz-opacity: 0.70;
     filter: alpha(opacity=70);
}
.modal {
     display: none;
     position: absolute;
     top: 25%;
     left: 25%;
     width: 400px;
     height: 200px;
     /*padding: 16px;*/
     background: #fff;
     color: #333;
     z-index:1002;
     overflow: auto;
	 margin:0px;
}
.sesion{
		text-decoration:none;
		padding-left:10px;
		color:#1F71D6;
		}
.titulo
       {
		 background-image:url(../imagen/fondo_titulo.jpg);
		 background-repeat:repeat-x;
		 color:#FFF;
		 font-weight:bold;
	   }
.texto_sesion{
			   padding-left:10px;
			  font-weight:bold;
			 }
.caja_sesion{
			 width:120px;
			 
			}