/*
 Aqui va el css la imagen de portada
*/

#imagenfondo h2 {
	background-color: #FFFFFF;
	background-image:url(../_images/_laboratorio/fondo_laboratorio_imdesign.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-weight: lighter;
	font-family: 'imdRegular';
	font-size: 17px;
	height: 590px;
	line-height: 20px;
	line-height: 19px;
	width:895px;
	left: 210px;
	position: absolute;
}

#imagenfondo {
	height: 1000px;
	width: 1105px;
	z-index: auto;
	background-color: #FFFFFF;
}
#imagenfondo .txtfotobold {
	color: #ffffff;
	font-family: imdBoldItalic;
	font-size: 18px;
	font-style: normal;
	font-weight: lighter;
	letter-spacing: -0.05em;
	line-height: 22px;
	opacity: 1.00;
}
#imagenfondo .txtfotonormal {
	line-height: 20px;
	color: #ffffff;
	font-size: 17px;
	opacity: 1.00;
	font-family: 'imdRegular';
	color: #ffffff; 
	font-family: imdRegular;
	font-size: 16.8px;
	font-style: normal;
	font-weight: lighter;
	line-height: 20.4px;
	opacity: 1.00;
	top: 10px;
	position: relative;
	width: 450px;
}
#imagenfondo .txtfotofinal {
	line-height: 24px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0pt;
	color: #ffffff;
	font-family: imdBold;
	font-size: 17px;
	font-weight: lighter;
	opacity: 1.00;
	top: 15px;
	letter-spacing: 0.02em;
	text-decoration: none;
	position: relative;
}

/*
 Aqui va el css de los elementos que flotan encima de la imagen de portada */
#gifanimado {
	height: 230px;
	width: 269px;
	float: right;
	position: absolute;
	left: 629px;
	top: 126px;
	border:0px;
}
#picnic {
	height: 192px;
	width: 174px;
	float: right;
	position: absolute;
	left: 875px;
	top: 550px;
	border:0px;
}
#noticias{
	margin: 0px;
	padding: 0px;
	width: 1105px;
	height: 850px;
	z-index: 4;
}
/* aqui va el css del texto encima de la imagen de fondo */
#imagenfondo #txt_fondo_empresa {
	height: 154px;
	width: 581px;
	position: absolute;
	left: 270px;
	top: 545px;
}

#logo_peque {
	background-color: #69744B;
	background-image: url(../_images/_home/logo_imdesign_news.jpg);
	height: 36px;
	width: 36px;
	float: left;
	z-index: 2;
}
#logo_peque_cat01 {
	background-color: #98a0a7;
	background-image: url(../_images/_los_trabajos/logo_imdesign_cat01.jpg);
	height: 36px;
	width: 36px;
	float: left;
	z-index: 2;
}
#logo_peque_cat02 {
	background-color: a69e9b;
	background-image: url(../_images/_los_trabajos/logo_imdesign_cat02.jpg);
	height: 36px;
	width: 36px;
	float: left;
	z-index: 2;
}
#logo_peque_cat03 {
	background-color: c3d0e0;
	background-image: url(../_images/_los_trabajos/logo_imdesign_cat03.jpg);
	height: 36px;
	width: 36px;
	float: left;
	z-index: 2;
}
#logo_peque_cat04 {
	background-color: #fac982;
	background-image: url(../_images/_los_trabajos/logo_imdesign_cat04.jpg);
	height: 36px;
	width: 36px;
	float: left;
	z-index: 2;
}
#logo_peque_cat05 {
	background-color: #ddd6b9;
	background-image: url(../_images/_los_trabajos/logo_imdesign_cat05.jpg);
	height: 36px;
	width: 36px;
	float: left;
	z-index: 2;
}
#titulo_empresa_blanco{
	background-color: #CED2A9;
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 290px;
	float: left;
	font-size: 17px;
	text-decoration: none;
	font-family: ImdsansXBdCn;
	position: relative;
	left: 0px;
	z-index: 2;
}
#imagenfondo #txt_fondo_empresa #titulo_empresa_blanco .tit_empresa_w {
	font-family: imdsansEx;
	color: #FFFFFF;
	width: 260px;
	position: relative;
	height: 23px;
	padding-top: 13px;
	padding-bottom: 2px;
	padding-left: 16px;
	font-size: 15px;
	float: left;
}
.tit_empresa_b {
	font-family: imdsansEx;
	height: 24px;
	width: 216px;
	float: left;
	font-weight: normal;
	position: relative;
	background-color: #CED2A9;
	padding-top: 12px;
	padding-left: 13px;
	font-size: 12px;
	text-decoration: none;
	-webkit-box-shadow:3px 3px 5px #999999;
	-moz-box-shadow:3px 3px 5px #999999;
}
.tit_empresa_b_categorias{
	font-family: imdsansEx;
	height: 24px;
	width: 202px;
	float: left;
	font-weight: normal;
	position: relative;
	background-color: #A69E9B;
	padding-top: 12px;
	padding-left: 13px;
	font-size: 12px;
	text-decoration: none;
	z-index: 1;
	padding-bottom: 0px;
}
.tit_empresa_b_categorias01{
	font-family: imdsansEx;
	height: 21px;
	width: 222px;
	float: left;
	font-weight: normal;
	position: relative;
	background-color: #98a0a7;
	padding-top: 15px;
	padding-left: 13px;
	font-size: 12px;
	text-decoration: none;
	z-index: 1;
}
.tit_empresa_b_categorias02{
	font-family: imdsansEx;
	height: 21px;
	width: 222px;
	float: left;
	font-weight: normal;
	position: relative;
	background-color: #A69E9B;
	padding-top: 15px;
	padding-left: 13px;
	font-size: 12px;
	text-decoration: none;
	z-index: 1;
}
.tit_empresa_b_categorias03{
	font-family: imdsansEx;
	height: 21px;
	width: 224px;
	float: left;
	font-weight: normal;
	position: relative;
	background-color: #C3D0E0;
	padding-top: 15px;
	padding-left: 11px;
	font-size: 12px;
	text-decoration: none;
	z-index: 1;
}
.tit_empresa_b_categorias04{
	font-family: imdsansEx;
	height: 21px;
	width: 222px;
	float: left;
	font-weight: normal;
	position: relative;
	background-color: #F9C982;
	padding-top: 15px;
	padding-left: 13px;
	font-size: 12px;
	text-decoration: none;
	z-index: 1;
}
.tit_empresa_b_categorias05{
	font-family: imdsansEx;
	height: 21px;
	width: 222px;
	float: left;
	font-weight: normal;
	position: relative;
	background-color: #DED6B9;
	padding-top: 15px;
	padding-left: 13px;
	font-size: 12px;
	text-decoration: none;
	z-index: 1;
}
.tit_empresa_b_categorias a,
.tit_empresa_b_categorias01 a,
.tit_empresa_b_categorias02 a,
.tit_empresa_b_categorias03 a,
.tit_empresa_b_categorias04 a,
.tit_empresa_b_categorias05 a {
	height: 20px;
	width: 220px;
	position: relative;
	float: left;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: left;
}
.tit_empresa_b_categorias a:hover,
.tit_empresa_b_categorias01 a:hover,
.tit_empresa_b_categorias02 a:hover,
.tit_empresa_b_categorias03 a:hover,
.tit_empresa_b_categorias04 a:hover,
.tit_empresa_b_categorias05 a:hover{
	color:#FFFFFF;
}
.tit_empresa_b a {
	height: 20px;
	width: 200px;
	position: relative;
	float: left;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: left;
}
.tit_empresa_b a:hover{
	color:#FFFFFF;
}
#contenedor_empresa  .tit_empresa_b_col2 {
	font-family: imdsansMdEx;
	color: #000000;
	height: 36px;
	width: 630px;
	float: left;
	font-weight: normal;
	top: 20px;
	position: relative;
	background-color: #A69E9B;
}
#contenedor_empresa  .tit_empresa_b_col3 {
	font-family: imdsansMdEx;
	color: #000000;
	height: 36px;
	width: 630px;
	float: left;
	font-weight: normal;
	top: 20px;
	position: relative;
	background-color: #C3D0E0;
}
#contenedor_empresa  .tit_empresa_b_col4 {
	font-family: imdsansMdEx;
	color: #000000;
	height: 36px;
	width: 630px;
	float: left;
	font-weight: normal;
	top: 20px;
	position: relative;
	background-color: #FAC982;
}
#contenedor_empresa  .tit_empresa_b_col5 {
	font-family: imdsansMdEx;
	color: #000000;
	height: 36px;
	width: 630px;
	float: left;
	font-weight: normal;
	top: 20px;
	position: relative;
	background-color: #DDD6B9;
}
#imagenfondo #txt_fondo_empresa .texto_empresa {
	font-family: imdItalic;
	font-size: 18px;
	color: #000000;
	height: 154px;
	width: 581px;
	position: relative;
	word-spacing: -0.1em;
	float: left;
	z-index: 0;
	line-height: 26px;
}
#fondo_empresa {
	height: 1000px;
	width: 1105px;
	position: relative;
	z-index: 0;
	background-color: #f3f3f1;
}
#fondo_empresa2{
	height: 400px;
	width: 1105px;
	position: relative;
	z-index: 0;
	background-color: f3f3f1;
}#fondo_empresa #contenedor_empresa {
	background-color: #FFFFFF;
	width: 676px;
	color: #000000;
	font-size: 12px;
	float: left;
	left: 215px;
	position: relative;
	-webkit-box-shadow:3px 20px 75px #000000;
	-moz-box-shadow:3px 20px 75px #000000;
	margin-bottom: 52px;
}
#fondo_empresa2 #contenedor_empresa {
	background-color: #FFFFFF;
	width: 676px;
	color: #000000;
	font-size: 12px;
	float: left;
	left: 215px;
	position: relative;
	-webkit-box-shadow:5px 5px 50px #000000;
	-moz-box-shadow:5px 12px 50px #000000;
	margin-bottom: 52px;
	top: 0px;
	word-spacing: -0.1em;
}

.tit_empresa_b_col2 a {
	height: 12px;
	width: 300px;
	padding-top: 16px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 35px;
	position: relative;
	float: left;
	font-size: 11px;
	
}
.tit_empresa_b_col3 a {
	height: 12px;
	width: 300px;
	padding-top: 16px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 35px;
	position: relative;
	float: left;
	font-size: 11px;
	
}
.tit_empresa_b_col4 a {
	height: 12px;
	width: 300px;
	padding-top: 16px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 35px;
	position: relative;
	float: left;
	font-size: 11px;
	
}
.tit_empresa_b_col5 a {
	height: 12px;
	width: 300px;
	padding-top: 16px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 35px;
	position: relative;
	float: left;
	font-size: 11px;
	
}
#contenedor_empresa p {
	font-family: imdItalic;
	font-size: 17px;
	color: #000000;
	background-color: #FFFFFF;
	width: 609px;
	float: left;
	padding-top: 15px;
	padding-right: 32px;
	padding-bottom: 25px;
	padding-left: 35px;
	top: 17px;
	position: relative;
	word-spacing:-0.1em;
	line-height: 25px;
}
#fondo_empresa2 #contenedor_empresa .supertracking {
	word-spacing: -0.2em;
}
#menu_desplazable #texto_menu_des .menu_des_texto_amarillo {
	font-family: 'imdItalic';
	font-size: 14px;
	color: #CED2A9;
	padding-left: 10px;
	width: 165px;
	padding-top: 6px;
}
.texto_empresa .negrita_fondo {
font-family: imdBoldItalic;
	font-size: 18px;
	color: #000000;
	word-spacing: -0.1em;
	line-height: 26px;
}
/* aqio va el css del fondo de las noticias, al igual que en home.css */
#noticias #fotofondo01 {
	float: left;
	width: 1105px;
	position: absolute;
	left: 0px;
	height: 850px;
	z-index: 1;
	background-color: #F1f3f1;
}
#noticias #fotofondo02 {
	float: left;
	width: 1105px;
	position: absolute;
	left: 0px;
	height: 850px;
	z-index: 1;
	background-color: #F1f3f1;
}
#noticias #fotofondo03 {
	float: left;
	width: 1105px;
	position: absolute;
	left: 0px;
	height: 850px;
	z-index: 1;
	background-color: #F1f3f1;
}
#noticias #fotofondo04 {
	float: left;
	width: 1105px;
	position: absolute;
	left: 0px;
	height: 850px;
	z-index: 1;
	background-color: #F1f3f1;
}
#noticias #fotofondo05 {
	float: left;
	width: 1105px;
	position: absolute;
	left: 0px;
	height: 850px;
	z-index: 1;
	background-color: #F1f3f1;
}
#noticias #fotofondo06 {
	float: left;
	width: 1105px;
	position: absolute;
	left: 0px;
	height: 850px;
	z-index: 1;
	background-color: #F1f3f1;
}
/* aqui va el numero del menu desplazable */
.menu_des_numero {
	font-family: imdsansBoldEx;
	font-size: 57px;
	color: #CFE2AB;
	text-decoration: none;
	list-style-type: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	padding-left: 9px;
	padding-top: 10px;
	padding-bottom: 3px;
}
#menu_desplazable #texto_menu_des .menu_des_texto_amarillo {
	font-family: 'imdItalic';
	font-size: 14px;
	color: #CED2A9;
	padding-left: 10px;
	width: 165px;
	padding-top: 6px;
}
#lista_clientes {
	height: 400px;
	width: 895px;
	position: absolute;
	left: 210px;
	top: 361px;
	right: 0px;
	bottom: 0px;
	float: left;
	z-index: 2;
	display: none;
}
#lista_categorias {
	height: 400px;
	width: 895px;
	position: absolute;
	left: 210px;
	top: 428px;
	right: 0px;
	bottom: 0px;
	float: left;
	z-index: 2;
	display: none;
}
#lista_categorias  #caja_cliente {
	height: 36px;
	width: 271px;
	position: relative;
	float: left;
	margin-right: 4px;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 0px;
}
#lista_clientes   #caja_cliente {
	height: 36px;
	width: 271px;
	position: relative;
	float: left;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left: 20px;
}
#lista_categorias  #caja_cliente2 {
	height: 120px;
	width: 251px;
	position: relative;
	float: left;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 40px;
}
	

#lista_clientes #espacio_blanco {
	height: 36px;
	width: 251px;
	float: left;
	margin-top: 10px;
	margin-left: 40px;
	position: relative;
}

.texto_categorias {
	font-family: imdItalic;
	height: 60px;
	width: 225px;
	padding-top: 46px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
	font-size: 12px;
	position: relative;
	margin-left: 36px;
	background-color: #FFFFFF;
	-webkit-box-shadow:3px 3px 5px #999999;
	-moz-box-shadow:3px 3px 5px #999999;
	bottom: 36px;
	margin-bottom: 0px;
	word-spacing: -0.1em;
	color: #000000;
}
.texto_categorias_negrita {
	font-family: imdBoldItalic;
	word-spacing: -0.1em;
	z-index: 3;
}
#imagenfondo #aviso {
	background-image: url(../_images/_laboratorio/aviso_laborato_imdesign.png);
	height: 262px;
	width: 373px;
	position: absolute;
	left: 450px;
	top: 552px;
}
#pulsar07 {
	height: 58px;
	width: 23px;
	position: relative;
	cursor: pointer;
	top: 28px;
	left: 10px;
}
#pulsar07 a{
	height: 58px;
	width: 23px;
	background-image: url(../_images/_reel_2012/imdesign_films_1.png);
	position: relative;
	cursor: pointer;
	float: left;
	padding-top: 10px;
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#pulsar07 a:hover{
	height: 53px;
	width: 23px;
	background-image: url(../_images/_reel_2012/imdesign_films_2.png);
	position: relative;
	cursor: pointer;
	float: left;
	background-repeat: no-repeat;
}
