body{
	background-color: #B9B9B9;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3{
	margin: 0px;
	}
h1{
	font-size: 14px;
	color: #DD0000;
}
h2{
	color: #BA3B40;
	font-size: 11px;
	
}
h3{	

	font-size: 12px;
}
h3 b {
	font-size: 16px;
}
p{
	margin-top: 10px;
	margin-bottom: 10px;
}
img{
	border: 0px;
	display: block;
	behavior: url("includes/pngbehavior.htc");
}
a{
	margin: 0px;
	padding: 0px;
	color: #DD0000;
	text-decoration: none;
	font-weight: bold;
}
a:hover{
	color: #999999;
}
#popup
{
	position:absolute;
	top:250px;
	left:0px;
	width:100%;
	z-index:100;
}
#portada{
	height: 743px;
	width: 932px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#encabezadoIzquierda{
	position: absolute;
	top: 62px;
	left: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
}
#encabezadoDerecha{
	position: absolute;
	top: 62px;
	left: 610px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	letter-spacing:1px;
}
#imagenAccesoEmpresas{
	position: absolute;
	top: 110px;
	left: 10px;
}
#imagenAccesoTrabajadores{
	position: absolute;
	top: 110px;
	left: 611px;
}
#columnaCentral{
	position: absolute;
	top: 111px;
	left: 333px;
	width: 244px;
	height: 262px;
	background-image: url(../images/rellenoColumnaCentral.jpg);
	background-repeat: repeat-x;
	color: #DB001B;
	font-size: 9px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 21px;
	text-align: center;
}
#columnaCentral b{
	color: #ffffff;
	font-weight: normal;
	}
#columnaCentral h2{
	position: absolute;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 30px;
	left: 35px;
}
#columnaCentral h3{
	position: absolute;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 30px;
	left: 10px;
	top: 200px;
	border:  dashed 5px #FFFFFF;
	width: 234px;
	letter-spacing: 2px;

}
#textoHome{
	position: absolute;
	font-size: 11px;
	top: 395px;
	left: 20px;
	width: 290px;
}
#textoHome b{
	font-size: 14px;
	color:#444444;
}
#botonesWeb20{
	position: absolute;
	font-size: 11px;
	top: 412px;
	left: 334px;
	width: 290px;
}
#botonesWeb20 img{
	margin: 4px 0px;
}
#pieHome{
	position: absolute;
	font-size: 11px;
	top: 723px;
	left: 440px;
	color: #FFFFFF;
}
#pieHome a{
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}
#pieHome a:hover{
	color: #999999;
}
#formularioNewsletter{
	position: absolute;
	font-size: 11px;
	top: 412px;
	left: 618px;
	color: #FFFFFF;
}
#botonEnviar{
	border: solid 1px #CCC9BA;
	background-color: #70706F;
	color: #FFFFFF;
	background-image: url(../images/imgEnviar.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 90px;
	cursor: pointer;
	height: 21px;
}
#eMailNewsletter{
	border: solid 1px #CCC9BA;
	height: 15px;
	margin-right: 5px;
	color: #666666;
	font-size: 11px;
	padding-top: 3px;
	padding-left: 2px;
	width: 170px;
}
#wrapper{
	width: 933px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	border: solid 1px #A1A1A1;
}
#cabecera{
	height: 134px;
}
#menu{
	height: 34px;
	background-image: url(../images/rellenoMenu.jpg);
	background-repeat:  repeat-x;	
}
#contenido{
	background-color:#FFFFFF;
	padding: 10px;
	color:#333333;
}
#contenidoInterior{
	border: solid 1px #BBBBBB;
	background-color: #EEEEEE;
	padding: 5px;
	font-size: 11px;
}
#pie{
	width: 491px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/pieWeb.gif);
	background-repeat: no-repeat;
	height: 29px;
	padding-left: 442px;
	padding-top: 8px;
	font-size: 11px;
	color: #FFFFFF;
}
#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#menu ul li {
	float: left;	
	display: block;
} 
#menu ul li a{
	height: 24px;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
	text-decoration: none;
	color: #666666;
	font-size: 11px;	
	padding-top: 10px;	
	background-image: url(../images/separador.jpg);
	background-repeat: no-repeat;
	background-position: right;
	float: left;
	font-weight: normal;
} 
#menu ul a:hover{
	background-image: url(../images/rellenoHover.jpg);
	background-repeat:  repeat-x;	
} 
#menu ul a.enlaceFinal{
	background-image: none;
}
#menu li a.enlaceFinal:hover{
	background-image: url(../images/rellenoHover.jpg);
	background-repeat:  repeat-x;	
} 
#pie a{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}
#pie a:hover{
	color: #999999;
}
#fondoTarjetaEmpresarios{
	position: relative;
	height: 568px;
	background-image: url(../images/fondoTarjetaEmpresarios.gif);
	background-position: left bottom;	
	background-repeat: no-repeat;
}
#fondoTarjetaTrabajadores{
	position: relative;
	height: 418px;
	background-image: url(../images/fondoTarjetaTrabajadores.gif);
	background-position: left bottom;	
	background-repeat: no-repeat;
}
#textoTarjeta{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 170px;
	height: 170px;
}
#punto1{
	position: absolute;
	top: 24px;
	left: 203px;
	width: 230px;
	height: 70px;
}
#punto2{
	position: absolute;
	top: 20px;
	left: 410px;
	width: 415px;
	height: 60px;
}
#punto3{
	position: absolute;
	top: 90px;
	left: 449px;
	width: 330px;
	height: 90px;
}
#punto4{
	position: absolute;
	top: 162px;
	left: 493px;
	width: 380px;
	height: 60px;
}
#punto5{
	position: absolute;
	top: 233px;
	left: 575px;
	width: 320px;
	height: 50px;
}
#punto6{
	position: absolute;
	top: 335px;
	left: 618px;
	width: 280px;
	height: 90px;
}
#punto7{
	position: absolute;
	top: 405px;
	left: 499px;
	width: 380px;
	height: 90px;
}
#punto8{
	position: absolute;
	top: 465px;
	left: 589px;
	width: 280px;
	height: 90px;
}
#punto1t{
	position: absolute;
	top: 14px;
	left: 218px;
	width: 230px;
	height: 70px;
}
#punto2t{
	position: absolute;
	top: 18px;
	left: 491px;
	width: 415px;
	height: 60px;
}
#punto3t{
	position: absolute;
	top: 86px;
	left: 569px;
	width: 330px;
	height: 90px;
}
#punto4t{
	position: absolute;
	top: 187px;
	left: 613px;
	width: 280px;
	height: 60px;
}
#punto5t{
	position: absolute;
	top: 248px;
	left: 495px;
	width: 380px;
	height: 50px;
}
#punto6t{
	position: absolute;
	top: 315px;
	left: 589px;
	width: 310px;
	height: 90px;
}
#capaCampanaDifusion{
	position: relative;
	height: 408px;
	background-image: url(../images/imgCampanaDifusion.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 290px;
	padding-top: 10px;
}
#capaHerramientas{
	position: relative;
	height: 408px;
	background-image: url(../images/fondoHerramientas.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 290px;
	padding-top: 10px;
}
#capaGuias{
	position: relative;
	height: 580px;
	background-image: url(../images/fondoGuias.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 290px;
	padding-top: 10px;
}
#mapaContacto{
	float: left;
	height: 408px;
	width: 314px;
}
#contenidoFormulario{
	margin: 10px;
	margin-left: 324px;
	
}

#capaGuiaRecursos{
	position: relative;
	height: 408px;
	background-image: url(../images/imgGuiaRecursos.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 290px;
	padding-top: 10px;
}
.miniaturaGuia {
	padding: 8px;
	background-color: #FAFAFA;
	border: solid 1px #BBBBBB;
	}
h3 {
	font-size: 14px;
	}
#tablaHerramientas{
	font-size: 11px;
	font-weight: normal;
	}
#tablaHerramientas a{
	font-size: 11px;
	font-weight: bold;
	color: #000;
	}
#tablaHerramientas a:hover{
	color: #D00;
	}
#tablaHerramientas th{
	background-color: #DD0000;
	color: #FFF;
	}
#tablaHerramientas td{
	background-color: #FEFEFE;
	color: #000;
	}