/* CSS Document */

/* Contenedeor de la barra lateral*/
#lateral{
	position:absolute;
	left:15px;
	top:0px;
	width:222px;
	height:886px;
}

/* Espacio para el logotipo de Porcinegocios y de Porcicol*/
#lateral_logo{
	position:absolute;
	left:0px;
	top:6px;
	width:222px;
	height:218px;
	background-repeat: no-repeat;
	background-image: url(../images/logo_porci.gif);
}

#lateral_logo_porcicol{
	position:absolute;
	right:0px;
	top:0px;
	width:67px;
	height:85px;
}


/* Fondo para el cerdo tramado de porcinegocios*/
#lateral_cerdo{
	position:absolute;
	right:0px;
	bottom:10px;
	width:170px;
	height:190px;
	background-image: url(../images/lateral/cerdos1.gif);
	background-repeat: no-repeat;
	display: block;
}

/* fondo degradado vertical del lateral */
#lateral_fondo{
	position:absolute;
	left:0px;
	top:10px;
	width:222px;
	height:865px;
	background-image: url(../images/lateral/lateral_fondo.gif);
	background-repeat: repeat-x;
	overflow: auto;
	visibility: visible;
}

/* Franja con fondo degradado para el titulo USUARIOS REGISTRADOS del lateral*/
#franja_usuarios_registrados{
	position:absolute;
	left:0px;
	top:225px;
	width:220px;
	height:20px;
	background-repeat: no-repeat;
	background-image: url(../images/lateral/franja_usuarios_registrados.gif);
}

/* Texto del Titulo USUARIOS REGISTRADOS del lateral*/
#texto_usuarios_registrados{
	position:absolute;
	left:20px;
	top:2px;
	width:200px;
	height:15px;
	visibility: hidden;
}

/* campo de ingreso de usuario */
#usuario {
	position:absolute;
	left:0px;
	top:0px;
	width:180px;
	height:30px;
	z-index:1;
	visibility: visible;
}

/* campo de ingreso de la contraseña de usuario */
#contrasena {
	position:absolute;
	left:0px;
	top:35px;
	width:180px;
	height:30px;
	z-index:1;
	visibility: visible;
}

#formulario_login {
	position:absolute;
	left:5px;
	top:5px;
	width:180px;
	height:105px;
	z-index:1;
	visibility: visible;
}

#usuario_offline {
	position:absolute;
	left:30px;
	top:250px;
	width:190px;
	height:200px;
	z-index:1;
}

/* espacio para el usuario registrado que ingresó a la cuenta */
#usuario_online {
	position:absolute;
	left:30px;
	top:250px;
	width:190px;
	height:220px;
	z-index:1;
}


/* bienvenida a usuario logueado*/
#usuario_online_bienvenida {
	position:absolute;
	left:0px;
	top:10px;
	width:180px;
	height:14px;
	z-index:1;
}

/* nombre de la empresa o del usuario logueado */
#usuario_online_nombre_empresa {
	position:absolute;
	left:0px;
	top:28px;
	width:180px;
	height:15px;
	z-index:1;
}

/* correo del usuario logueado */
#usuario_online_correo {
	position:absolute;
	left:0px;
	top:46px;
	width:180px;
	height:15px;
	z-index:1;
}

/* boton cerrar sesion */
#cerrar_sesion {
	position:absolute;
	left:0px;
	top:68px;
	width:180px;
	height:18px;
	z-index:1;
}

/* boton para mi cuenta, cuenta de usuario registrado*/
#boton_mi_cuenta_online{
	position:absolute;
	left:0px;
	top:100px;
	width:15px;
	height:15px;
	z-index:1;
	overflow: visible;
}

/* texto mi cuenta, cuenta de usuario registrado*/
#texto_mi_cuenta_online{
	position:absolute;
	left:25px;
	top:100px;
	width:130px;
	height:15px;
	z-index:1;
	overflow: visible;
}

/* boton para ventajas, cuenta de usuario registrado*/
#boton_crear_clasificado{
	position:absolute;
	left:0px;
	top:120px;
	width:15px;
	height:15px;
	z-index:1;
	overflow: visible;
}

#texto_crear_clasificado{
	position:absolute;
	left:25px;
	top:120px;
	width:130px;
	height:15px;
	z-index:1;
	overflow: visible;
}

#boton_ventajas_online{
	position:absolute;
	left:0px;
	top:140px;
	width:15px;
	height:15px;
	z-index:1;
	overflow: visible;
}

/* texto ventajas, cuenta de usuario registrado*/
#texto_ventajas_online{
	position:absolute;
	left:25px;
	top:140px;
	width:130px;
	height:15px;
	z-index:1;
	overflow: visible;
}

/* boton para Publicar negocio, cuenta de usuario registrado*/
#boton_publicar_online{
	position:absolute;
	left:0px;
	top:160px;
	width:15px;
	height:15px;
	z-index:1;
	overflow: visible;
}

#boton_ir_directorio{
	position:absolute;
	left:0px;
	top:180px;
	width:15px;
	height:15px;
	z-index:1;
	overflow: visible;
}

/* texto Publicar Negocio, cuenta de usuario registrado*/
#texto_publicar_online{
	position:absolute;
	left:25px;
	top:160px;
	width:130px;
	height:15px;
	z-index:1;
	overflow: visible;
}

#texto_ir_directorio{
	position:absolute;
	left:25px;
	top:180px;
	width:130px;
	height:15px;
	z-index:1;
	overflow: visible;
}

/* boton ingresar luego de ingresar usuario y contraseña */
#boton_ingresar {
	position:absolute;
	left:0px;
	top:80px;
	width:180px;
	height:20px;
	z-index:1;
}

#registrese{
	position:absolute;
	left:0px;
	top:120px;
	width:175px;
	height:15px;
	z-index:1;
	overflow: visible;
}

/* boton para ingresar a pagina de nuevo usuario */
#boton_registrese_aqui{
	position:absolute;
	left:0px;
	top:0px;
	width:15px;
	height:15px;
	z-index:1;
	overflow: visible;
}

/* texto para ingresar apag de nuevo usuario */
#texto_registrese_aqui{
	position:absolute;
	left:25px;
	top:0px;
	width:150px;
	height:15px;
	z-index:1;
	overflow: visible;
}

#recuperar_clave{
	position:absolute;
	left:0px;
	top:145px;
	width:175px;
	height:15px;
	z-index:1;
	overflow: visible;
}

/* boton para ingresar a recuperar clave*/
#boton_recuperar_clave{
	position:absolute;
	left:0px;
	top:0px;
	width:15px;
	height:15px;
	z-index:1;
	overflow: visible;
}

/* texto para ingresar a recuperar clave */
#texto_recuperar_clave{
	position:absolute;
	left:25px;
	top:0px;
	width:150px;
	height:15px;
	z-index:1;
	overflow: visible;
}

#ventajas{
	position:absolute;
	left:0px;
	top:165px;
	width:175px;
	height:15px;
	z-index:1;
	overflow: visible;
}

/* boton para entrar a pagina de ventajas de estar registrado */
#boton_ventajas{
	position:absolute;
	left:0px;
	top:0px;
	width:15px;
	height:15px;
	z-index:1;
	overflow: visible;
	visibility: hidden;
}

/* texto para entrar a pagina texto_ventajas de estar registrado */
#texto_ventajas{
	position:absolute;
	left:25px;
	top:0px;
	width:150px;
	height:15px;
	z-index:1;
	overflow: visible;
	visibility: hidden;
}

/* borde redondeado superior del lateral */
#lateral_superior{
	position:absolute;
	left:0px;
	top:0px;
	width:222px;
	height:10px;
	background-image: url(../images/lateral/lateral_superior.gif);
	background-repeat: no-repeat;
}
 
/* borde redondeado inferior para el lateral*/
#lateral_inferior{
	position:absolute;
	left:0px;
	bottom:0px;
	width:222px;
	height:10px;
	background-image: url(../images/lateral/lateral_inferior.gif);
	background-repeat: no-repeat;
}

/* Franja con fondo degradado para el titulo BUSQUEDA RAPIDA del lateral*/
#franja_busqueda_rapida{
	position:absolute;
	left:0px;
	top:480px;
	width:220px;
	height:19px;
	background-repeat: repeat-y;
	visibility: visible;
	background-image: url(../images/lateral/franja_busqueda_rapida.gif);
}

/* boton de busqueda rapida */
#boton_busqueda_rapida {
	position:absolute;
	left:5px;
	top:85px;
	width:180px;
	height:20px;
	z-index:1;
	visibility: visible;
}

/* Texto del Titulo BUSQUEDA RAPIDA del lateral*/
#texto_busqueda_rapida{
	position:absolute;
	left:20px;
	top:2px;
	width:200px;
	height:15px;
	visibility: hidden;
}

#busqueda_rapida {
	position:absolute;
	left:30px;
	top:505px;
	width:190px;
	height:110px;
	z-index:1;
}

/* Ingreso de palabra clave para la busqueda */
#palabra_clave_busqueda_rapida {
	position:absolute;
	left:5px;
	top:5px;
	width:180px;
	height:30px;
	z-index:1;
	visibility: visible;
}

/* seleccion del tipo de busqueda para busqueda rapida */
#tipo_negocio_busqueda_rapida {
	position:absolute;
	left:5px;
	top:40px;
	width:180px;
	height:35px;
	z-index:1;
	visibility: visible;
}


#busqueda_avanzada{
	position:absolute;
	left:30px;
	top:505px;
	width:190px;
	height:150px;
}

/* Franja con fondo degradado para el titulo BUSQUEDA AVANZADA del lateral */
#franja_busqueda_avanzada{
	position:absolute;
	left:0px;
	top:625px;
	width:220px;
	height:19px;
	background-image: url(../images/lateral/franja_busqueda_avanzada.gif);
	background-repeat: repeat-y;
}

/* boton de busqueda avanzada */
#boton_busqueda_avanzada {
	position:absolute;
	left:0px;
	top:85px;
	width:180px;
	height:20px;
	z-index:1;
}

/* Texto del Titulo BUSQUEDA RAPIDA del lateral*/
#texto_busqueda_avanzada{
	position:absolute;
	left:20px;
	top:2px;
	width:200px;
	height:15px;
	visibility: hidden;
}

/* ingreso de palabra clave para la busqueda avanzada */
#palabra_clave_busqueda_avanzada {
	position:absolute;
	left:0px;
	top:5px;
	width:180px;
	height:30px;
	z-index:1;
}

/* seleccion del tipo de negocio para la busqueda avanzada */
#tipo_negocio_busqueda_avanzada {
	position:absolute;
	left:0px;
	top:40px;
	width:180px;
	height:30px;
	z-index:1;
}

/* seleccion de la categoria de la busqueda */
#busqueda_avanzada_categoria {
	position:absolute;
	left:0px;
	top:75px;
	width:180px;
	height:30px;
	z-index:1;
}

/* seleecion de la subcategoria de la busqueda */
#busqueda_avanzada_subcategoria {
	position:absolute;
	left:0px;
	top:110px;
	width:180px;
	height:30px;
	z-index:1;
}

#boton_ir_busqueda_avanzada{
	position:absolute;
	left:0px;
	top:115px;
	width:15px;
	height:15px;
	z-index:1;
	overflow: visible;
}

#texto_ir_busqueda_avanzada{
	position:absolute;
	left:25px;
	top:115px;
	width:130px;
	height:15px;
	z-index:1;
	overflow: visible;
}

.input_login_pass {
	font-size: 10px;
	color: rgb(218,37,29);
	background-color: #FFFBE5;
	height: 16px;
	width: 140px;
	border: 0px;
}

.lateral_titulos {
	font-family:Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFBE5;
	font-size:10px;
}

.lateral_texto {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFBE5;
	font-size:9px;
	vertical-align: bottom;
}

.formularios {
	font-size: 10px;
	font-family:Verdana, Helvetica, sans-serif;
	color: rgb(218,37,29);
	background-color: #FFFBE5;
	height: 15px;
	width: 170px;
	border: 0px;
}

.formularios_fecha_dia {
	font-size: 10px;
	font-family:Verdana, Helvetica, sans-serif;
	color: rgb(218,37,29);
	background-color: #FFFBE5;
	height: 15px;
	width: 40px;
	border: 0px;
}

.formularios_fecha_ano {
	font-size: 10px;
	font-family:Verdana, Helvetica, sans-serif;
	color: rgb(218,37,29);
	background-color: #FFFBE5;
	height: 15px;
	width: 52px;
	border: 0px;
}

.formularios_fecha {
	font-size: 10px;
	font-family:Verdana, Helvetica, sans-serif;
	color: rgb(218,37,29);
	background-color: #FFFBE5;
	height: 15px;
	width: 70px;
	border: 0px;
}

.area_texto {
	font-size: 10px;
	font-family:Verdana, Helvetica, sans-serif;
	color: rgb(218,37,29);
	background-color: #FFFBE5;
	height: 170px;
	width: 280px;
	border: 0px;
}

.check_box {
	color: rgb(218,37,29);
	height: 12px;
	width: 12px;
	border: 0px;
}


.check_box2 {
	position:absolute;
	color: rgb(218,37,29);
	height: 12px;
	width: 12px;
	border: 0px;
	top: 24px;
	left: 0px;
}


.enviar_boton {
	font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: rgb(218,37,29);
	background-color: rgb(255,246,194);
	width: 100px;
	height: 18px;
	border: 0px;
}


.enviar_boton_rojo {
	font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFBE5;
	background-color:rgb(218,37,29);
	width: 100px;
	height: 18px;
	border: 0px;
}


.eliminar_boton_rojo_favoritos {
	font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFBE5;
	background-color:rgb(218,37,29);
	width: 130px;
	height: 18px;
	border: 0px;
}

.link_texto{
	color: #FFFBE5;
	font-size:9px;
	vertical-align: bottom;
	text-decoration:none;
}

.link_texto a:visited{
	text-decoration:none;
	color: #FFFBE5;
}

.link_texto a:link{
	text-decoration:none;
	color: #FFFBE5;
}

.link_texto a:active{
	text-decoration:none;
	color: #FFFBE5;
}

#publicidad{
	position:absolute;
	right: 10px;
	top:100px;
	width: 140px;
	height:600px;
}

#publicidad_index{
	position:absolute;
	right: 0px;
	top:20px;
	width: 140px;
	height:600px;
}

#publicidad_1{
	width: 140px;
	margin-top:6px;
	position: relative;
	clear: both;
}


.descripcion_clasificado{
	font-size: 10px;
	color: #000000;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
}

.nombre_clasificado{
	font-size: 11px;
	color: #000000;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
}
