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

/************************//* Para resetear los estilos de los navegadores */
* { 
	margin:0;
	padding:0;
}
table {
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul,li {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}



/************************//* Etiquetas de HTML */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #1c1c1c;
	margin: 0px;
	background-color:#E8E8E8;
}
#contenedor {
	vertical-align: middle;
	margin-top: 0px;
	margin-left: -485px;
	position: absolute;
	left: 50%;
	height: auto;
	width: 950px;
}
#cabecera {
	position: relative;
	left: 0px;
	height: 140px;
	width: 950px;
	background-image:url(../images/cabecera.png);
	background-repeat: no-repeat;
}
#logo{
	position: absolute;
	top: 5px;
	left: 25px;
	height: 120px;
	width: 320px;
}
#idiomas{
	position: absolute;
	top: 5px;
	left: 675px;
	height: 15px;
	width: 250px;
	letter-spacing: 1px;
	text-align: right;
}
#menu{
	position: absolute;
	top: 110px;
	left: 345px;
	height: 30px;
	width: 580px;
}
#flash{
	position: relative;
	left: 0px;
	height: 295px;
	width: 950px;
	background-image:url(../images/fondof_px.jpg);
	background-repeat:repeat-x;
}
#cuerpo{
	position: relative;
	top: -3px; /* subo 3px por el tema de IE 6 - pero tengo que hacerlo con todos los divs debajo*/
	left: 0px;
	height: auto;
	width: 950px;
	padding-bottom: 20px;
	background-color:#CCCCCC;
	overflow: hidden;
}
#contenido{
	position: relative;
	top: 25px;
	left: 0px;
	height: auto;
	width: 900px;
	padding: 0px 25px 25px 25px;
}
#col_izq{
	position: relative;
	float: left;
	left: 0px;
	height: auto;
	width: 210px;
	margin-bottom: 20px;
}
#col_dcha{
	position: relative;
	float: left;
	top: 0px;
	left: 20px;
	height: auto;
	width: 670px;
	margin-bottom: 20px;
}
#boton{  /*boton de 210px de ancho*/
	position: relative;
	float:left;
	left: 0px;
	height: auto;
	width: 210px;
}
#boton_top{ /*parte alta de boton normal con esquinas redondeadas*/
	position: relative;
	height: 15px;
	width: 210px;
	background-image:url(../images/boton_top.jpg);
	background-repeat: no-repeat;
}
#espacio_boton{ /*parte central de boton*/
	position: relative;
	height: auto;
	width: 180px;
	background-color: #ffffff;
	padding: 0px 15px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	/*letter-spacing: 1px;*/
	text-align: justify;
}
#boton_bottom{ /*parte baja de boton normal con esquinas redondeadas*/
	position: relative;
	height: 15px;
	width: 210px;
	background-image:url(../images/boton_bottom.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#espacio_botonesesp{ /*espacio para 3 botones especiales*/
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	height: auto;
	width: 670px;
}
#boton02{  /*2º boton especial de 210px de ancho*/
	position: relative;
	float:left;
	left: 15px;
	height: auto;
	width: 210px;
}
#boton03{  /*3º boton especial de 210px de ancho*/
	position: relative;
	float:left;
	left: 30px;
	height: auto;
	width: 210px;
}
#botonesp_top{ /*parte alta de boton especial con esquinas redondeadas*/
	position: relative;
	height: 25px;
	width: 210px;
	padding-top: 10px;
	background-image:url(../images/botonesp_top.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #003366;
	text-align: center;	
}
#img_boton01{ /*parte central de boton*/
	position: relative;
	top: 0px;
	left: 0px;
	height: 105px;
	width: 210px;
	background-image:url(../images/img_bot01.jpg);
	background-repeat: no-repeat;
}
#img_boton02{ /*parte central de boton*/
	position: relative;
	top: 0px;
	left: 0px;
	height: 105px;
	width: 210px;
	background-image:url(../images/img_bot02.jpg);
	background-repeat: no-repeat;
}
#img_boton03{ /*parte central de boton*/
	position: relative;
	top: 0px;
	left: 0px;
	height: 105px;
	width: 210px;
	background-image:url(../images/img_bot03.jpg);
	background-repeat: no-repeat;
}
#espacio_botonesp{ /*parte central de boton*/
	position: relative;
	height: auto;
	width: 190px;
	background-color: #ffffff;
	padding: 10px 10px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	/*letter-spacing: 1px;*/
	text-align: left;
}
#botong{  /*boton de 670px de ancho*/
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	height: auto;
	width: 670px;
}
#botong_top{ /*parte alta de boton normal con esquinas redondeadas*/
	position: relative;
	height: 15px;
	width: 670px;
	background-image:url(../images/botong_top.jpg);
	background-repeat: no-repeat;
}
#botong2_top{ /*parte alta de boton especial con esquinas redondeadas, que en este momento sera fondo de parte de contenido de la página*/
	position: relative;
	height: 35px;
	width: 670px;
	background-image:url(../images/botong2_top.jpg);
	background-repeat: no-repeat;
}
#espacio_botong{ /*parte central de boton*/
	position: relative;
	height: auto;
	width: 640px;
	background-color: #ffffff;
	padding:0px 15px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	text-align: justify;
}
#botong_bottom{ /*parte baja de boton normal con esquinas redondeadas*/
	position: relative;
	height: 15px;
	width: 670px;
	background-image:url(../images/botong_bottom.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#contacto{
	position: relative;
	float: left;
	top: 20px;
	left: 0px;
	height: 15px;
	width: 190px;
	padding: 110px 15px 0px 15px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	background-image: url(../images/img_contacto.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;	
}
#formulario{
	position: relative;
	top: 30px;
	left: 95px;
	height: auto;
	width: 450px;
	margin-bottom: 20px;
}
#formulario_bolsa{
	position: relative;
	top: 30px;
	left: 70px;
	height: auto;
	width: 500px;
	margin-bottom: 20px;
}
#esp_direccion{
	position: relative;
	top: 10px;
	left: 395px;
	height: 110px;
	width: 200px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: right;
}
#mapa{
	position: relative;
	top: 20px;
	left: 45px;
	height: 400px;
	width: 550px;
}
#txt{
	position: relative;
	float: left;
	left: 0px;
	height: 200px;
	width: 420px;
	padding: 10px 20px 10px 0px;
}
#txt02{
	position: relative;
	float: left;
	left: 0px;
	height: auto;
	width: 640px;
	padding: 10px 0px 10px 0px;
}
#txt03{
	position: relative;
	float: left;
	left: 0px;
	height: auto;
	width: 420px;
	padding: 10px 20px 10px 0px
}
#img{
	position: relative;
	float: left;
	left: 0px;
	height: 200px;
	width: 200px;
	padding: 10px 0px 10px 0px;
}
#bottom{
	position: relative;
	top: -3px;
	left: 0px;
	width: 950px;	
	height: 45px;
	background-image: url(../images/bottom.png);
	background-repeat: no-repeat;
}
#piepagina{
	position: relative;
	top: -3px;
	left: 0px;
	height: 15px;
	width: 950px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 11px;
}
#pie_izq{
 	position: absolute;
 	top: 3px;
	left: 25px;
	height: 12px;
	width: 575px;
	text-align: left;
}
#pie_dcha{
 	position: absolute;
 	top: 3px;
	left: 600px;
	height: 12px;
	width: 325px;
	text-align: right;
}


/************************//* MENU PRINCIPAL */

ul.menu {
	position:relative;
	top: 6px;
	left: 25px;
	height: 14px;
	width: 580px;
	text-align: right;
	border-left: 1px solid #cccccc;
}
ul.menu li{
	display: inline;
}
ul.menu li a{
	display: block;
	float:left;
	height: 14px;
	width: auto;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}
ul.menu li a:link{
	color: #cccccc;
}
ul.menu li a:active{
	color: #a20d1b;
}
ul.menu li a:hover{
	color: #a20d1b;
}
ul.menu li a:visited{
	color: #cccccc;
}

a.m {
	color: #cccccc;
}
a.m:link {
	color: #cccccc;
}
a.m:visited {
	color: #cccccc;
}
a.m:hover {
	color: #a20d1b;
}
a.m:active {
	color: #a20d1b;
}


/************************//* MENU BAJO*/

ul.menubajo {
	position: relative;
	top: 10px;
	left: 25px;
	height:15px;
	width: 850px;
}
ul.menubajo li{
	display: inline;
}
ul.menubajo li a{
	display: block;
	float:left;
	height: 15px;
	width: auto;
	/* con bolsa_trabajo es esta opcion:
	
	padding: 0px 8px 0px 8px;
	*/
	padding: 0px 13px;
	border-right: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

ul.menubajo li a:link {
	color: #cccccc;
}
ul.menubajo li a:active {
	color: #a20d1b;
}
ul.menubajo li a:hover {
	color: #a20d1b;
}
ul.menubajo li a:visited {
	color: #cccccc;
}



/************************//* LINKS */
.link{
	color:#036;
	text-decoration: none;
}
a.link:visited {
	color: #036;
	text-decoration: none;
}
a.link:link {
	color: #036;
	text-decoration: none;
}
a.link:hover {
	color: #666;
	text-decoration: none;
}

.mail{
	color:#330000;
	text-decoration: none;
}
a.mail:visited {
	color: #330000;
	text-decoration: none;
}
a.mail:link {
	color: #330000;
	text-decoration: none;
}
a.mail:hover {
	color: #666666;
	text-decoration: none;
}

.info{
	color: #660000;
	font-weight: bold;
	text-decoration: none;
}
a.info:visited{
	color: #660000;
	text-decoration: none;
}
a.info:link{
	color: #660000;
	text-decoration: none;
}
a.info:hover{
	color: #003366;
	text-decoration: none;
}

.link_pie{
	color:#333;
	text-decoration: none;
}
a.link_pie:visited {
	color: #333;
	text-decoration: none;
}
a.link_pie:link {
	color: #333;
	text-decoration: none;
}
a.link_pie:hover {
	color: #a20d1b;
	text-decoration: none;
}

.bn {/*boton navegacion en productos*/
	color: #036;
	text-decoration: none;
}
a.bn:link {
	color: #036;
	text-decoration: none;
}
a.bn:visited {
	color: #036;
	text-decoration: none;
}
a.bn:hover {
	color: #069;
	text-decoration: none;
}
a.bns {
	color: #900;
	text-decoration: underline;
}
/************************//* ESTILOS */
.titbot{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #660000;
}
.tit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #003366;
}
.tit2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #069;
}
.tit3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: bold;
	color: #069;
}
.tp{
	font-size: 9px;	
}
.p{
	margin-top: 10px;
	text-align:left;
}
.pp{
	margin-top: 5px;
}
.pg{
	margin-top: 20px;
}
/*********************************************************/
/*Link Idea Corporativa*/
a.idea:link {
	color: #999999;
	text-decoration: none;
}
a.idea:visited {
	color: #999999;
	text-decoration: none;
}
a.idea:hover {
	color: #ff9900;
	text-decoration: none;
}
a.corporativa:link {
	color: #ff9900;
	text-decoration: none;
}
a.corporativa:visited {
	color: #ff9900;
	text-decoration: none;
}
a.corporativa:hover {
	color: #999999;
	text-decoration: none;
}

/*********************************************************/
/*Creditos Idea Corporativa*/
.creditosidea {
	color: #999999;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
}
.creditoscorporativa {
	color: #FF9900;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
}

a.linkcreditos:link {
	color: #999999;
	text-decoration: none;
}
a.linkcreditos:visited {
	color: #999999;
	text-decoration: none;
}
a.linkcreditos:hover {
	color: #ff9900;
	text-decoration: none;
}