/**
 * Estilos de Modulos
 * Color primario #005581
 * Color secundario #7B2431
 */

/*Logo*/
#pageLogo
	{
	position: relative;
	height: 130px; 
	width: 500px;

	margin-left: 240px;
		
	background-image: url(../images/header/legal-laboral.png);
	background-repeat: no-repeat;
	background-position: 146px 106px;
	}

#pageLogoLIzquierda, #pageLogoLDerecha
	{
	position: absolute;
	width: 100px;
	height: 101px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: left top;	
	}

#pageLogoLIzquierda div, #pageLogoLDerecha div
	{
	width: 100px;
	height: 101px;
	background-color: #FFFFFF;
	}

#pageLogoLIzquierda
	{
	left: 0px;
	background-image: url(../images/header/l-izquierda.png);
	}

#pageLogoLDerecha
	{
	left: 400px;
	background-image: url(../images/header/l-derecha.png);
	}

#pageLogoLegalLaboral
	{
	position: absolute;
	width: 206px;
	height: 24px;
	top: 106px;	
	left: 146px;	
	background-color: #FFFFFF;
	}

#pageLogo noscript div
	{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500px;
	height: 130px;
	background-image: url(../images/header/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFFFFF;
	}

/*Buscar*/
#buscarModule
	{
	position: absolute;
	top: 150px;
	right: 8px;
	height: 50px;
	width: 328px;
	overflow: hidden;
	
	background-image: url(../images/modules/buscar/buscar-bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	text-align: left;
	}


#buscarModule td
	{
	width: 154px;
	padding-top: 10px;
	vertical-align: middle;
	text-align: left;
	}

#buscarModule td div
	{
	padding-left: 10px;
	}


#buscarModule input
	{
	width: 144px;
	vertical-align: middle;

	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
		
	background-color: transparent;
	border: none;
	
	font-size: 12px;
	
	color: #333333;
	
	background-image: url(../images/modules/buscar/buscar-message.png);
	background-repeat: no-repeat;
	background-position: left 100px;
	}

#buscarModule th
	{
	width: 174px;
	vertical-align: top;
	text-align: left;
	height: 50px;
	}

#buscarModule th div
	{
	padding-left: 16px;
	padding-right: 8px;
	}


#buscarModule button
	{
	display: block;
	background-color: transparent;
	border: none;
		
	width: 158px;
	height: 50px;
	
	padding: 0px;
	margin: 0px;


	background-image: url(../images/modules/buscar/buscar-button.png);
	background-repeat: no-repeat;
	background-position: left 100px;
	}

#buscarModule button span
	{
	font-family: "Times New Roman", Times, serif;
	line-height: normal;
	font-size: 14px;
	letter-spacing: +2px;
	}


#buscarModule button span.div
	{
	display: block;
	height: 50px;
	}

#buscarModule button span.div span
	{
	display: block;
	padding-top: 22px;
	font-weight: bold;
	color: #822F3C;
	}

#buscarModule button:hover
	{
	background-position: left top;
	}

#buscarModule button:hover span.div span
	{
	padding-top: 17px;
	color: #7B2431;
	}




/*Modulo de Imagenes*/
#showImagesModule
	{
	width: 590px;
	height: 180px;
	background-color: #005581;
	}

#showImagesModule div
	{
	width: 590px;
	height: 180px;	
	background-repeat: no-repeat;	
	background-position: left top;
	}

#showImagesModule .img1 {background-image: url(../images/showcase-images/img1.jpg);}
#showImagesModule .riesgos {background-image: url(../images/showcase-images/riesgos.jpg);}
#showImagesModule .auditoria {background-image: url(../images/showcase-images/auditoria.jpg);}
#showImagesModule .documentos {background-image: url(../images/showcase-images/documentos.jpg);}
#showImagesModule .capacitacion {background-image: url(../images/showcase-images/capacitacion.jpg);}
#showImagesModule .asesoriapermanente {background-image: url(../images/showcase-images/asesoria-permanente.jpg);}
#showImagesModule .despidos {background-image: url(../images/showcase-images/despidos.jpg);}
#showImagesModule .representacionjuridica {background-image: url(../images/showcase-images/representacion-juridica.jpg);}
#showImagesModule .amparo {background-image: url(../images/showcase-images/amparo.jpg);}
#showImagesModule .trabajadores {background-image: url(../images/showcase-images/trabajadores.jpg);}
#showImagesModule .representaciontrabajadores {background-image: url(../images/showcase-images/representacion-trabajadores.jpg);}
#showImagesModule .contacto {background-image: url(../images/showcase-images/contacto.jpg);}
#showImagesModule .blog {background-image: url(../images/showcase-images/blog.jpg);}
#showImagesModule .nosotros {background-image: url(../images/showcase-images/nosotros.jpg);}
#showImagesModule .reglaboral {background-image: url(../images/showcase-images/regularizacion-laboral.jpg);}
#showImagesModule .probono {background-image: url(../images/showcase-images/pro-bono.jpg);}




/*Frases*/
#frasesModule
	{
	width: 366px;
	vertical-align: middle;
	text-align: left;
	background-color: #7B2431;
	background-image: url(../images/vertical-border.png);
	background-repeat: repeat-y;	
	background-position: left top;
	}

#frasesModule .frase
	{
	padding-left: 12px;
	padding-right: 10px;
	
	text-align: right;
	font-style: italic;
	font-weight: bold;
	font-size: 15px;
	font-family: Palatino, "Times New Roman", Times, serif;
	}

#frasesModule blockquote
	{
	font-family: Palatino, "Times New Roman", Times, serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	line-height: 150%;
	color: #FFFFEB;
	}

#frasesModule blockquote span
	{
	font-size: 25px;
	color: #FFFFEB;
	}





/*Modulos de la Izquierda*/
#pageLeftZone h3
	{
	margin: 0px;
	padding: 0px;

	padding-left: 5px;
	
	color: #005581;
	text-align: left;
	font-size: 16px;
	
	text-align: left;
	}

#pageLeftZone .moduleTitleSeparator
	{
	position: relative;
	height: 20px;
	width: 258px;
	
	margin-top: -18px;
	margin-bottom: 10px;
	margin-right: 20px;
	
	

	background-image: url(../images/modules/left-module-separator.png);	
	background-repeat: no-repeat;	
	background-position: right 0px;
	}

#pageLeftZone .moduleTitleSeparator div
	{
	position: absolute;

	top: 0px;
	left: 0px;

	height: 20px;
	width: 258px;
		
	background-image: url(../images/modules/left-module-separator.png);	
	background-repeat: no-repeat;	
	background-position: right -40px;
	}

	
#pageLeftZone .moduleTitleSeparator div.step2 {background-position: right -80px;}
#pageLeftZone .moduleTitleSeparator div.step3 {background-position: right -120px;}
#pageLeftZone .moduleTitleSeparator div.step4 {background-position: right -160px;}



/*Telefonos*/
#telefonosModule
	{
	margin-top: 80px;
	}

#telefonosModule .telefonos
	{
	text-align: center;
	font-size: 20px;
	line-height: 150%;
	color: #55524E;
	}



/*Feeds Module*/
#feedsModule
	{
	margin-top: 80px;
	}

#feedsModule div
	{
	text-align: center;
	font-size: 1px;
	margin-bottom: 5px;
	line-height: normal;
	}

#feedsModule a
	{
	line-height: normal;
	margin-left: 5px;
	margin-right: 5px;
	}

#feedsModule .w3c
	{
	margin-top: 30px;
	}