/************************************
	General
************************************/
html, body {
	margin:0;
	padding:0;
	background-color:#CBDEEC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
body{
	text-align:center;	/*para IE*/
	background-image:url(../imagenes/fondos/repetir_02.jpg);
	background-repeat:repeat-x;
}
.fondo_index{
	background-image:url(../imagenes/fondos/repetir_01.jpg);
}
#contenedor{
	width:870px;
	margin:auto;		/*para FF*/
	text-align:left;	/*para IE*/
	background:#CBDEEC;
}
#cabecera_index{
	clear:left;
	float:left;
	height:278px;
	width:100%;
	background:url(../imagenes/fondos/cabecera.jpg) no-repeat;
}
#cabecera{
	clear:left;
	float:left;
	height:197px;
	width:100%;
	background:url(../imagenes/fondos/cabecera_interiores.jpg) no-repeat;
}
#contenido{
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	/*min-height:1px;*/
}
#interior{
	/*clear:left;*/
	float:left;
	width:850px;
	margin:0 0 0 10px;
	padding:0 0 10px 0;
	display:inline;
	background:#FFFFFF;
}
#separador{
	clear:left;
	float:left;
	height:30px;
	widows:100%;
}
#separador_pie{
	clear:left;
	float:left;
	height:12px;
	widows:100%;
}
#pie{
	clear:left;
	width:850px;
	margin:0 0 0 10px;
	background:#CEBABF;
}
#pie p{
	width:850px;
	padding:5px;
	color:#FFFFFF;
}
#pie a{
	color:#FFFFFF;
	/*text-decoration:none;*/
}
/************************************
	Panel Izquierda
************************************/
#panel_izquierdo{
	clear:left;
	float:left;
	width:515px;
	/*height:790px;*/
	margin:12px 0 0 0;
	display:inline;
	/*background:#FFFFFF;*/
}
#cuadro_01{
	float:left;
	width:246px;
	/*background:url(../imagenes/index_cabecera_acceso_empresa.jpg) no-repeat;*/
	margin:0 0 0 10px;
	display:inline;
}
#cabecera_peq_verde{
	float:left;
	width:100%;
	height:33px;
	background:url(../imagenes/fondos/cabecera_peq_verde.jpg) no-repeat;
	font-weight:bold;
}
#cabecera_peq_verde p{
	font-size:13px;
	margin:5px 0 0 10px;
	/*display:inline; en este caso no cambia el margin para el IE6, pero si se pone no coje el margin ningún navegador*/
}
#cabecera_peq_verde p a{
	color:#006600;
	text-decoration:none;
}
#rectangulo_peq_verde{
	float:left;
	width:232px;
	min-height:150px;
	padding:5px !important;
	border-bottom:#95BFBE 2px solid;
	border-left:#95BFBE 2px solid;;
	border-right:#95BFBE 2px solid;
}
#rectangulo_peq_verde p{
	font-size:10px;
	margin:5px 0 5px 0 !important;
}
*html #rectangulo_peq_verde{
	width:246px;
}
#cuadro_02{
	clear:left;
	float:left;
	width:498px;
	/*height:300px;*/
	background:url(../imagenes/index_cabecera_ofertas.jpg) no-repeat;
	margin:10px 0 0 10px;
	display:inline;
}
#cabecera_medio_lila{
	clear:left;
	float:left;
	width:100%;
	height:33px;
	background:url(../imagenes/fondos/cabecera_mediana_lila.jpg) no-repeat;
	font-weight:bold;
}
#cabecera_medio_lila p{
	font-size:13px;
	margin:5px 0 0 10px;
	/*display:inline; en este caso no cambia el margin para el IE6, pero si se pone no coje el margin ningún navegador*/
}
#cabecera_medio_lila p a{
	color:#000099;
	text-decoration:none;
}
#rectangulo_medio_lila{
	float:left;
	width:494px;
	/*height:120px;*/
	border-bottom:#C0BFE1 2px solid;
	border-left:#C0BFE1 2px solid;;
	border-right:#C0BFE1 2px solid;
}
*html #rectangulo_medio_lila{
	width:498px;
}
#listado_01{
	float:left;
	margin:0 0 10px 0;
	display:inline;
	width:100%;
}
#resultados{
	float:left;
	background:url(../imagenes/fondos/linea_rosa.jpg) repeat-x top;
	width:100%;
	padding:10px 0 0 0;
}
#resultados p{
	margin:0 0 0 10px;
}
#resultados a{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}
#resultados a:hover{
	text-decoration:underline;
}
#puntos{
	float:left;
	width:15px;
	height:10px;
	background-image:url(../imagenes/puntos.jpg);
	background-repeat:no-repeat;
}
#puntos img{
	width:15px;
	height:10px;
}
#puntos.activa{
	background-position:0 -10px !important;
}
#puntos.desactiva{
	background-position:0 0 !important;
}
/************************************
	Panel Derecha
************************************/
#panel_derecho{
	float:left;
	width:315px;
	/*height:790px;*/
	margin:10px 0 0 5px;
}
#cuadro_03{
	float:left;
	width:100%;
	/*height:770px;
	background:url(../imagenes/fondos/cabecera_ancha_rosa.jpg) no-repeat;
	border:#E9BDBA 2px solid;*/
}
#cabecera_ancho_rosa{
	clear:left;
	float:left;
	width:100%;
	width:315px;
	height:125px;
	background:url(../imagenes/fondos/cabecera_ancha_rosa.jpg) no-repeat;
}
#cabecera_ancho_rosa p{
	font-size:13px;
	margin:5px 0 0 10px;
	font-weight:bold;
	/*display:inline; en este caso no cambia el margin para el IE6, pero si se pone no coje el margin ningún navegador*/
}
#cabecera_ancho_rosa p a{
	color:#9A6589;
	text-decoration:none;
}
.cabecera_ancho_rosa_texto{
	font-size:10px !important;
	font-weight:normal !important;
}
#cabecera_ancho_rosa input{
	clear:left;
	float:left;
	margin:3px 0 0 10px !important;
	/*display:inline; en este caso no cambia el margin para el IE6, pero si se pone no coje el margin ningún navegador*/
}
#rectangulo_ancho_rosa{
	float:left;
	width:100%;
	background:url(../imagenes/fondos/fondo_rosa_claro.jpg) repeat-y;
	margin:0;
}
#listado_02{
	float:left;
	width:100%;
	min-height:500px;
	* height:500px;
}
#final_listado_02{
	float:left;
	width:100%;
	height:20px;
	background:url(../imagenes/fondos/fondo_rosa_claro_final.jpg) no-repeat;
}
#resultados_empresas{
	float:left;
	background:url(../imagenes/fondos/fondo_rosa_claro.jpg) repeat-y;
	width:100%;
	padding:5px 0 5px 0;
}
#resultados_empresas p{
	margin:0 0 0 10px;
}
#resultados_empresas a{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}
#resultados_empresas a:hover{
	text-decoration:underline;
}
/************************************
	Menu Iqz
************************************/
#menu{
	clear:left;
	float:left;
	width:180px;
	height:600px; 
	background:#7165A7;
	margin:10px;
	padding:0;
	display:inline;	
}
#menu p{
	margin:10px !important;
	font-size:13px;
	font-weight:bold;
	color:#DCCAD6;
}
.login p{
	font-size:10px !important;
	font-weight:normal !important;
}
#menu ul{
	margin-top:-20px;
	/*margin:0 !important;
	display:inline;*/
}
#menu li{
	margin:0 0 5px -10px !important;
	list-style:square;
	font-size:11px;
}
/**html #menu li{
	margin:0 0 0 10px !important;
	list-style:square;
}*/
#menu li a{
	color:#FFFFFF;
	text-decoration:none;
}
#menu li a:hover{
	text-decoration:underline;
}
#rectangulo{
	clear:left;
	float:left;
	width:620px;
	margin:10px;
	display:inline;
}
#cabecera_rect{
	clear:left;
	float:left;
	width:100%;
	height:33px;
	background:url(../imagenes/fondos/cabecera_larga_lila.jpg) no-repeat;
	font-weight:bold;
}
#cabecera_rect p{
	font-size:13px;
	margin:5px 0 0 10px;
}
#datos, #formulario{
	float:left;
	width:96%;
	margin:10px 2% 0 2%;
	display:inline;
}
#datos label{
	float:left;
	font-size:10px;
	width:80px;
}
#formulario label{
	clear:left;
	float:left;
	font-size:10px;
	margin:5px 0 5px 0;
}
#datos span{
	float:left;
	font-size:10px;
	width:120px;
	margin:0 10px 0 5px;
	display:inline;
}
#separador_linea{
	clear:left;
	float:left;
	width:100%;
	height:5px !important;
	margin:5px 0 5px 0;
	display:inline;
	background:url(../imagenes/fondos/linea_rosa.jpg) repeat-x;
}

/*********************
	empresa detalle
*********************/

#izquierda_empresa{
	clear:left;
	float:left;
	width:480px;
	margin:0 10px 0 0;
	display:inline;
}

#derecha_empresa{
	float:right;
	width:320px;
}
#titulo_empresa{
	float:left;
	color:#78649B;
	font-size:14px;
	font-weight:bold;
	width:350px;
}
#imagen_empresa{
	float:left;
	width:119px;
	margin:0 0 10px 11px;
	display:inline;
}
/*********************
	chat
*********************/
#mensaje{
	float:left;
	width:100%;
	background:#CBDEEC;
	padding:5px;
	margin:0 0 10px 0;
}
#mensaje p{
	margin:0 0 0 10px;
}
.sinmargen{
	margin:0 !important;
}

#extensiones{
	float:left;
	width:16px;
	height:16px;
	margin:0 5px 0 0;
	background-image:url(../imagenes/iconitos.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}
.icono_gif, .icono_jpg, .icono_png{	background-position:0 -16px !important;}
.icono_pdf{	background-position:0 -32px !important;}
.icono_xls{	background-position:0 -48px !important;}
.icono_ppt{	background-position:0 -64px !important;}
.icono_doc{	background-position:0 -80px !important;}
.icono_tml, .icono_htm{	background-position:0 -96px !important;}
.icono_rar{	background-position:0 -112px !important;}
.icono_swf{	background-position:0 -128px !important;}
.icono_ttf{ background-position:0 -144px !important;}
.icono_txt{ background-position:0 -160px !important;}
.icono_zip{ background-position:0 -176px !important;}
